Add Wix microsite component: PricingTable

cgen-44d57ee5c6b946b095a802df504dce7e
This commit is contained in:
Builder.io 2025-10-19 05:51:35 +00:00
parent aabe31ba1b
commit 0ff6beb1f2

View file

@ -0,0 +1,29 @@
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import type { PricingTier } from "@/data/wix/pricing";
export default function PricingTable({ tiers }: { tiers: PricingTier[] }) {
return (
<div className="grid gap-6 md:grid-cols-3">
{tiers.map((t) => (
<Card key={t.id} className="border-border/40 bg-card/60 backdrop-blur">
<CardHeader>
<CardTitle>{t.name}</CardTitle>
<CardDescription>{t.description}</CardDescription>
</CardHeader>
<CardContent className="space-y-4">
<div className="text-3xl font-bold">{t.price}</div>
<ul className="list-disc pl-5 text-sm text-muted-foreground space-y-1">
{t.features.map((f, i) => (
<li key={i}>{f}</li>
))}
</ul>
<Button className="w-full" asChild>
<a href="#start">{t.cta}</a>
</Button>
</CardContent>
</Card>
))}
</div>
);
}