From 78a96a0a9d496da24f480753dd11d4eb0eb3b5db Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sun, 19 Oct 2025 05:52:13 +0000
Subject: [PATCH] Add Wix Case Studies page

cgen-ce7b577c480d41aaa56ebf983350789c
---
 client/pages/WixCaseStudies.tsx | 35 +++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 client/pages/WixCaseStudies.tsx

diff --git a/client/pages/WixCaseStudies.tsx b/client/pages/WixCaseStudies.tsx
new file mode 100644
index 00000000..6b05afe6
--- /dev/null
+++ b/client/pages/WixCaseStudies.tsx
@@ -0,0 +1,35 @@
+import Layout from "@/components/Layout";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import studies from "@/data/wix/caseStudies";
+
+export default function WixCaseStudies() {
+  return (
+    <Layout>
+      <div className="min-h-screen bg-aethex-gradient py-10">
+        <section className="container mx-auto px-4">
+          <h1 className="text-3xl md:text-4xl font-bold mb-6">Wix Case Studies</h1>
+          <div className="grid gap-6 md:grid-cols-2">
+            {studies.map((c) => (
+              <Card key={c.id} className="border-border/40 bg-card/60 backdrop-blur">
+                <CardHeader>
+                  <CardTitle>{c.title}</CardTitle>
+                  <CardDescription>{c.summary}</CardDescription>
+                </CardHeader>
+                <CardContent>
+                  <div className="grid grid-cols-3 gap-3 text-sm">
+                    {c.metrics.map((m, i) => (
+                      <div key={i} className="rounded border border-border/40 p-3">
+                        <div className="text-muted-foreground">{m.label}</div>
+                        <div className="font-semibold">{m.value}</div>
+                      </div>
+                    ))}
+                  </div>
+                </CardContent>
+              </Card>
+            ))}
+          </div>
+        </section>
+      </div>
+    </Layout>
+  );
+}