SEO/AEO

src/components/marketing/HomePageClient.tsx

@@ -0,0 +1,58 @@
+'use client';
+
+import React from 'react';
+import { Hero } from '@/components/marketing/Hero';
+import { StatsStrip } from '@/components/marketing/StatsStrip';
+import { TemplateCards } from '@/components/marketing/TemplateCards';
+import { InstantGenerator } from '@/components/marketing/InstantGenerator';
+import { StaticVsDynamic } from '@/components/marketing/StaticVsDynamic';
+import { Features } from '@/components/marketing/Features';
+import { Pricing } from '@/components/marketing/Pricing';
+import { FAQ } from '@/components/marketing/FAQ';
+import { Button } from '@/components/ui/Button';
+import en from '@/i18n/en.json';
+
+export default function HomePageClient() {
+  // Always use English for marketing pages
+  const t = en;
+
+  const industries = [
+    'Restaurant Chain',
+    'Tech Startup',
+    'Real Estate',
+    'Event Agency',
+    'Retail Store',
+    'Healthcare',
+  ];
+
+  return (
+    <>
+      <Hero t={t} />
+      <StatsStrip t={t} />
+
+      {/* Industry Buttons */}
+      <section className="py-8">
+        <div className="container mx-auto px-4">
+          <div className="flex flex-wrap justify-center gap-3">
+            {industries.map((industry) => (
+              <Button key={industry} variant="outline" size="sm">
+                {industry}
+              </Button>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      <TemplateCards t={t} />
+      <InstantGenerator t={t} />
+      <StaticVsDynamic t={t} />
+      <Features t={t} />
+
+      {/* Pricing Section */}
+      <Pricing t={t} />
+
+      {/* FAQ Section */}
+      <FAQ t={t} />
+    </>
+  );
+}