"use client"; import React from "react"; import { motion } from "framer-motion"; import { Check, Zap } from "lucide-react"; export default function TripleColumnClassic() { const plans = [ { name: "Basic", price: "$0", description: "Ideal for individual digital architects starting out.", features: ["Up to 10 projects", "Core component library", "Community support"], button: "Get Started", premium: false, }, { name: "Pro", price: "$39", description: "The professional standard for high-performance startups.", features: ["Unlimited projects", "All Premium components", "Priority support", "Custom domains"], button: "Go Pro Now", premium: true, }, { name: "Enterprise", price: "$129", description: "Dedicated infrastructure for large scale operations.", features: ["Everything in Pro", "Custom SLAs & contracts", "24/7 Dedicated manager"], button: "Contact Sales", premium: false, }, ]; return (

{plans.map((plan, index) => ( {plan.premium && (

{plan.name}

{plan.price} /mo

{plan.description}

{plan.features.map((feature, i) => (

{feature}

))}

); }