Pricing Section

1import { User, Users } from "lucide-react";
2 
3import { cn } from "@/lib/utils";
4 
5import { PricingColumn, PricingColumnProps } from "../../ui/pricing-column";
6import { Section } from "../../ui/section";
7 
8interface PricingProps {
9  title?: string | false;
10  description?: string | false;
11  plans?: PricingColumnProps[] | false;
12  className?: string;
13}
14 
15const DEFAULT_PRICING_PLANS: PricingColumnProps[] = [
16  {
17    name: "Free",
18    description: "For everyone starting out on a website for their big idea",
19    price: 0,
20    priceNote: "Free and open-source forever. Get started now.",
21    cta: {
22      variant: "glow",
23      label: "Get started for free",
24      href: "https://www.launchuicomponents.com/",
25    },
26    features: [
27      "1 website template",
28      "9 blocks and sections",
29      "4 custom animations",
30    ],
31    variant: "default",
32    className: "hidden lg:flex",
33  },
34  {
35    name: "Pro",
36    icon: <User className="size-4" />,
37    description: "For early-stage founders, solopreneurs and indie devs",
38    price: 99,
39    priceNote: "Lifetime access. Free updates. No recurring fees.",
40    cta: {
41      variant: "default",
42      label: "Get all-access",
43      href: "https://www.launchuicomponents.com/",
44    },
45    features: [
46      `$1000 templates`,
47      `$1000 blocks and sections`,
48      `$1000 illustrations`,
49      `$1000 custom animations`,
50    ],
51    variant: "glow-brand",
52  },
53  {
54    name: "Pro Team",
55    icon: <Users className="size-4" />,
56    description: "For teams and agencies working on cool products together",
57    price: 499,
58    priceNote: "Lifetime access. Free updates. No recurring fees.",
59    cta: {
60      variant: "default",
61      label: "Get all-access for your team",
62      href: "https://www.launchuicomponents.com/",
63    },
64    features: [
65      "All the templates, components and sections available for your entire team",
66    ],
67    variant: "glow",
68  },
69];
70 
71export default function Pricing({
72  title = "Build your dream landing page, today.",
73  description = "Get lifetime access to all the components. No recurring fees. Just simple, transparent pricing.",
74  plans = DEFAULT_PRICING_PLANS,
75  className = "",
76}: PricingProps) {
77  return (
78    <Section className={cn(className)}>
79      <div className="mx-auto flex max-w-6xl flex-col items-center gap-12">
80        {(title || description) && (
81          <div className="flex flex-col items-center gap-4 px-4 text-center sm:gap-8">
82            {title && (
83// … truncated