Pricing Exemple 3

1"use client";
2
3import { motion } from "framer-motion";
4import { Check, Server, Cloud } from "lucide-react";
5
6// ─── Types ───────────────────────────────────────────────────────────────────
7
8interface PricingPlan {
9  title: string;
10  badge?: string;
11  description: string;
12  basePrice: string;
13  extraPrice?: string;
14  cta: string;
15  ctaVariant: "default" | "highlight";
16  cpuLabel: string;
17  cpuBold: string;
18  clusterLabel: string;
19  clusterBold: string;
20  featuresLabel: string;
21  features: string[];
22}
23
24// ─── Data ────────────────────────────────────────────────────────────────────
25
26const plans: PricingPlan[] = [
27  {
28    title: "Free",
29    description: "Ideal for individuals and small teams with limited needs.",
30    basePrice: "$0",
31    cta: "Get started",
32    ctaVariant: "default",
33    cpuBold: "10",
34    cpuLabel: "CPUs",
35    clusterBold: "2",
36    clusterLabel: "clusters",
37    featuresLabel: "Free includes:",
38    features: [
39      "Free Kubernetes cost monitoring",
40      "Actionable cost recommendations",
41      "Security report",
42    ],
43  },
44  {
45    title: "Growth",
46    description: "For teams that need more resources and features.",
47    basePrice: "$200",
48    extraPrice: "$5",
49    cta: "Get started",
50    ctaVariant: "default",
51    cpuBold: "500",
52    cpuLabel: "CPUs",
53    clusterBold: "4",
54    clusterLabel: "clusters",
55    featuresLabel: "Everything in Free, plus:",
56    features: [
57      "Intelligent up & down scaling",
58      "Stable & predictable cloud cost",
59      "Rebalancing",
60    ],
61  },
62  {
63    title: "Growth PRO",
64    badge: "Most popular",
65    description:
66      "For teams that need unlimited access and advanced functionality.",
67    basePrice: "$1000",
68    extraPrice: "$5",
69    cta: "Get started",
70    ctaVariant: "highlight",
71    cpuBold: "2000",
72    cpuLabel: "CPUs",
73    clusterBold: "Unlimited",
74    clusterLabel: "clusters",
75    featuresLabel: "Everything in Growth, plus:",
76    features: ["Dedicated onboarding", "Dedicated support (Weekdays)"],
77  },
78  {
79    title: "Enterprise",
80    description: "For large organizations that need enterprise-level support.",
81    basePrice: "$5000",
82// … truncated