svrjs/svrjs-nextjs-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: adjust the content of the pricing card in the hero section

Browse source
This commit is contained in:
Dorian Niemiec 2024-09-07 10:33:08 +02:00
parent 9ae02b0ac9
commit c09e0096d8
1 changed files with 13 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
components/shared/HeroCards.tsx
View file

@ -15,7 +15,7 @@ import {
import Link from "next/link"; import Link from "next/link";
import Image from "next/image"; import Image from "next/image";
import { Happy_Monkey } from "next/font/google"; import { Happy_Monkey } from "next/font/google";
import { ArchiveRestore, Headset, Infinity, LightbulbIcon } from "lucide-react"; import { BarChart4, Cog, LightbulbIcon, ShieldCheck } from "lucide-react";
import Iconss from "../ui/icons"; import Iconss from "../ui/icons";
const happyMonkey = Happy_Monkey({ const happyMonkey = Happy_Monkey({
@ -37,28 +37,28 @@ const HeroCards = () => {
} }
}, },
pricingCard: { pricingCard: {
planName: "Pro Plan", planName: "Free Forever",
badgeTitle: "Popular", badgeTitle: "Popular",
pricePerMonth: "$0", pricePerMonth: "$0",
description: description:
"Get the best features and priority support with our Pro Plan.", "Get all the features with SVR.JS, which is free as in freedom.",
primaryButtonText: "Download SVR Now", primaryButtonText: "Download SVR.JS",
primaryButtonDestination: "/downloads", primaryButtonDestination: "/downloads",
features: [ features: [
{ {
title: "Unlimited Projects", title: "Scalablity",
icons: <Infinity width={25} height={25} /> icons: <BarChart4 width={25} height={25} />
}, },
{ {
title: "Priority Support", title: "Security",
icons: <ArchiveRestore width={25} height={25} /> icons: <ShieldCheck width={25} height={25} />
}, },
{ {
title: "Free Updates", title: "Configurability",
icons: <Headset width={25} height={25} /> icons: <Cog width={25} height={25} />
} }
], ],
curlyText: "Best Value!" curlyText: "Free Forever!"
}, },
serviceCard: { serviceCard: {
title: "Our Services", title: "Our Services",
@ -138,7 +138,8 @@ const HeroCards = () => {
className="inline-flex justify-center items-center gap-x-3" className="inline-flex justify-center items-center gap-x-3"
> >
{benefit.icons} {benefit.icons}
<h3>{benefit.title}</h3> <span>{benefit.title}</span>
<br />
</span> </span>
))} ))}
</div> </div>