Staged Pricing

import {
  StagedPricing,
  type StagedPricingPlan,
} from "@/components/ruixen/staged-pricing";
 
const plans: StagedPricingPlan[] = [
  {
    name: "Free",
    audience: "For individuals getting started",
    monthly: 0,
    annual: 0,
    features: [
      "Real-time contact syncing",
      "Automatic data enrichment",
      "Up to 3 seats",
    ],
    cta: { label: "Start for free", href: "/signup" },
  },
  {
    name: "Plus",
    audience: "For small teams collaborating",
    monthly: 36,
    annual: 29,
    annualSavingsPct: 20,
    features: ["Private lists", "Enhanced email sending", "No seat limits"],
    cta: { label: "Continue with Plus", href: "/signup?plan=plus" },
  },
  {
    name: "Pro",
    audience: "For growing teams scaling up",
    monthly: 86,
    annual: 69,
    annualSavingsPct: 20,
    features: [
      "Call Intelligence & sequences",
      "Advanced permissions",
      "Priority support",
    ],
    cta: { label: "Continue with Pro", href: "/signup?plan=pro" },
    highlighted: true,
  },
  {
    name: "Enterprise",
    audience: "For enterprises needing control",
    monthly: "Custom",
    annual: "Custom",
    priceCaption: "Billed annually",
    features: [
      "Unlimited objects",
      "Unlimited teams",
      "Advanced security & admin",
    ],
    cta: { label: "Talk to sales", href: "/contact" },
  },
];
 
export default function Page() {
  return (
    <StagedPricing
      title="From zero to IPO."
      description="Designed for every stage of your journey. Start today, no credit card required."
      plans={plans}
    />
  );
}