From 0ff6beb1f2913062ccfaadb8b8088e1cba91a551 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sun, 19 Oct 2025 05:51:35 +0000
Subject: [PATCH] Add Wix microsite component: PricingTable

cgen-44d57ee5c6b946b095a802df504dce7e
---
 client/components/wix/PricingTable.tsx | 29 ++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 client/components/wix/PricingTable.tsx

diff --git a/client/components/wix/PricingTable.tsx b/client/components/wix/PricingTable.tsx
new file mode 100644
index 00000000..b2e2a936
--- /dev/null
+++ b/client/components/wix/PricingTable.tsx
@@ -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>
+  );
+}