Components
Pricing
Components
Pricing
Show your pricing plans.
Usage
import { Pricing, PlanCard } from "@/components/turbostart/pricing";
function Page() {
return (
<Pricing headline="Save hours of boring setup and start shipping!">
<PlanCard
title="Starter"
description="Perfect for small projects."
price="$117"
oldPrice="$217"
features={[
"Next.js Boilerplate",
"Payments with Lemon Squeezy",
"Google OAuth & Magic Links",
"Beautiful UI",
"SEO",
"Analytics",
"Documentation",
]}
disabledFeatures={["Lifetime updates"]}
cta={<CTAButton />}
/>
<PlanCard
title="Enterpreneur"
description="Best for long-term success."
price="$137"
oldPrice="$237"
features={[
"Next.js Boilerplate",
"Payments with Lemon Squeezy",
"Google OAuth & Magic Links",
"Beautiful UI",
"SEO",
"Analytics",
"Documentation",
"Lifetime updates",
]}
cta={<CTAButton />}
badge="Best Value"
featured
/>
</Pricing>
);
}
If you have any questions, please reach out to me on Twitter @checkerschaf. I’m happy to help!
On this page