From 6c87a26b5375b522f060746553f36a28fd09379c Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Wed, 17 Jun 2026 14:02:06 +0000
Subject: [PATCH] Bob AI: Update content and styling for Le Maxan restaurant

---
 src/index.css                                |  22 +-
 src/pages/HomePage.tsx                       | 209 +++----------------
 src/pages/HomePage/sections/About.tsx        |  22 ++
 src/pages/HomePage/sections/Contact.tsx      |  21 ++
 src/pages/HomePage/sections/Faq.tsx          |  30 +++
 src/pages/HomePage/sections/Features.tsx     |  28 +++
 src/pages/HomePage/sections/Hero.tsx         |  23 ++
 src/pages/HomePage/sections/Metrics.tsx      |  21 ++
 src/pages/HomePage/sections/Pricing.tsx      |  40 ++++
 src/pages/HomePage/sections/Product.tsx      | 137 ++++++++++++
 src/pages/HomePage/sections/Testimonials.tsx |  95 +++++++++
 11 files changed, 454 insertions(+), 194 deletions(-)
 create mode 100644 src/pages/HomePage/sections/About.tsx
 create mode 100644 src/pages/HomePage/sections/Contact.tsx
 create mode 100644 src/pages/HomePage/sections/Faq.tsx
 create mode 100644 src/pages/HomePage/sections/Features.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/Metrics.tsx
 create mode 100644 src/pages/HomePage/sections/Pricing.tsx
 create mode 100644 src/pages/HomePage/sections/Product.tsx
 create mode 100644 src/pages/HomePage/sections/Testimonials.tsx

diff --git a/src/index.css b/src/index.css
index 3fc33f5..b615234 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,19 +1,19 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter+Tight:wght@300;400;500&display=swap');
 @import "tailwindcss";
 @import "./styles/masks.css";
 @import "./styles/animations.css";
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #050012;
-  --card: #040121;
-  --foreground: #f0e6ff;
-  --primary-cta: #c89bff;
-  --primary-cta-text: #050012;
-  --secondary-cta: #1d123b;
-  --secondary-cta-text: #f0e6ff;
-  --accent: #684f7b;
-  --background-accent: #65417c;
+  --background: #050505;
+  --card: #0f0f0f;
+  --foreground: #fffff0;
+  --primary-cta: #d4af37;
+  --primary-cta-text: #050505;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #d4af37;
+  --accent: #d4af37;
+  --background-accent: #111111;
 
   /* @layout/border-radius/rounded */
   --radius: 0.5rem;
@@ -89,7 +89,7 @@
 
   /* Fonts */
   --font-sans: 'Inter Tight', sans-serif;
-  --font-tight: "Inter Tight", sans-serif;
+  --font-tight: "Cormorant Garamond", serif;
   --font-mono: monospace;
 
   /* Border Radius */
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 064137f..3b45cb7 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,196 +1,39 @@
-import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
-import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
-import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.
 
-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import FeaturesSection from './HomePage/sections/Features';
+import ProductSection from './HomePage/sections/Product';
+import MetricsSection from './HomePage/sections/Metrics';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import PricingSection from './HomePage/sections/Pricing';
+import FaqSection from './HomePage/sections/Faq';
+import ContactSection from './HomePage/sections/Contact';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroOverlay
-      tag="Next-Gen AI Intelligence"
-      title="Redefine Communication with Le Maxan"
-      description="Unlock the future of email with AI-driven insights, automated scheduling, and seamless team collaboration."
-      primaryButton={{
-        text: "Start Free Trial",        href: "#pricing"}}
-      secondaryButton={{
-        text: "Book a Demo",        href: "#contact"}}
-      imageSrc="http://img.b2bpic.net/free-photo/email-correspondence-mail-message-concept_53876-139700.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutFeaturesSplit
-      tag="Smart Automation"
-      title="Email, Intelligent."
-      description="Le Maxan automates your inbox, letting you focus on what truly matters. From predictive drafting to automated routing, we have you covered."
-      items={[
-        {
-          icon: "Zap",          title: "Rapid Automation",          description: "Draft replies in milliseconds."},
-        {
-          icon: "ShieldCheck",          title: "Top-Tier Security",          description: "End-to-end encrypted communications."},
-        {
-          icon: "Star",          title: "Neural Routing",          description: "Prioritize emails like a pro."},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/hands-businesswoman-using-laptop-office_1262-3214.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesRevealCards
-      tag="Core Capabilities"
-      title="Built for Modern Scale"
-      description="Explore the tools that drive Le Maxan forward and streamline your workflow."
-      items={[
-        {
-          title: "Intelligent Scheduling",          description: "AI-suggested meeting times based on your calendar availability.",          imageSrc: "http://img.b2bpic.net/free-photo/person-using-laptop-table_23-2147962623.jpg"},
-        {
-          title: "Threat Protection",          description: "Detect phishing and malware in real-time before they open.",          imageSrc: "http://img.b2bpic.net/free-photo/glowing-abstract-computer-network-symbol-illuminates-dark-night-generated-by-ai_188544-30304.jpg"},
-        {
-          title: "Voice Integration",          description: "Convert voice commands into formatted, professional emails instantly.",          imageSrc: "http://img.b2bpic.net/free-photo/phone-connecting-with-smart-speaker_53876-105045.jpg"},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="product" data-section="product">
-    <SectionErrorBoundary name="product">
-          <FeaturesImageBento
-      tag="Platform Suite"
-      title="Everything You Need in One Place"
-      description="A comprehensive dashboard designed for teams that prioritize precision and velocity."
-      items={[
-        { title: "Bento Preview", description: "Rapid view of all incoming data.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-computer-desk_23-2151004324.jpg" },
-        { title: "Live Metrics", description: "Real-time engagement insights.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-coffee-cup-table_23-2147962619.jpg" },
-        { title: "Voice Assistant", description: "Manage inbox hands-free.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-touching-speakers_23-2149625146.jpg" },
-        { title: "Team Workflows", description: "Unified team collaboration.", imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-concept-with-icons-wooden-cubes-stationery-set-flat-lay_176474-9485.jpg" },
-        { title: "Smart Calendar", description: "Automatic scheduling sync.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-device_23-2149085998.jpg" },
-        { title: "Visual Designer", description: "Beautiful template builder.", imageSrc: "http://img.b2bpic.net/free-photo/programmer-wearing-headphones-types-code-into-pc-developing-software_482257-124970.jpg" },
-        { title: "Network Hub", description: "Global connectivity control.", imageSrc: "http://img.b2bpic.net/free-photo/global-network-connectivity-modern-city-skyline-sunset_84443-73919.jpg" }
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProductSection />
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsFeatureCards
-      tag="Trusted by Leaders"
-      title="Performance That Matters"
-      description="Track the impact of our intelligence solutions."
-      metrics={[
-        {
-          value: "98%",          title: "Email Accuracy",          features: [
-            "Advanced sentiment analysis",            "Context-aware routing"],
-        },
-        {
-          value: "2.4M",          title: "Emails Processed",          features: [
-            "Scaling daily capacity",            "Latency optimized"],
-        },
-        {
-          value: "120+",          title: "Enterprise Integrations",          features: [
-            "Cloud-native support",            "API-ready infrastructure"],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialTrustCard
-      quote="Le Maxan has completely transformed our team's communication flow. The AI insights are simply unmatched."
-      rating={5}
-      author="Sarah Chen, CTO at TechGrowth"
-      avatars={[
-        {
-          name: "Executive",          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"},
-        {
-          name: "Developer",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg"},
-        {
-          name: "Founder",          imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg"},
-        {
-          name: "IT Lead",          imageSrc: "http://img.b2bpic.net/free-photo/man-walks-night-admiring-environment_482257-102476.jpg"},
-        {
-          name: "Marketing",          imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg"},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="pricing" data-section="pricing">
-    <SectionErrorBoundary name="pricing">
-          <PricingHighlightedCards
-      tag="Flexible Plans"
-      title="Plans That Scale With You"
-      description="Choose the plan that best fits your team's needs."
-      plans={[
-        {
-          tag: "Starter",          price: "$29/mo",          description: "Best for solo developers and creatives.",          features: [
-            "Basic AI sorting",            "5GB storage",            "Standard support"],
-          primaryButton: {
-            text: "Select Starter",            href: "#contact"},
-        },
-        {
-          tag: "Professional",          price: "$99/mo",          description: "For growing teams and scaling agencies.",          features: [
-            "Advanced AI automation",            "Unlimited storage",            "24/7 Priority support",            "API access"],
-          highlight: "Best Value",          primaryButton: {
-            text: "Select Professional",            href: "#contact"},
-        },
-        {
-          tag: "Enterprise",          price: "Custom",          description: "Full-stack control for large organizations.",          features: [
-            "Custom AI training",            "Dedicated account manager",            "Advanced security suite"],
-          primaryButton: {
-            text: "Contact Sales",            href: "#contact"},
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <PricingSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqTwoColumn
-      tag="Help Center"
-      title="Frequently Asked Questions"
-      description="Find answers to common questions about our platform."
-      items={[
-        {
-          question: "Does Le Maxan integrate with existing stacks?",          answer: "Yes, we integrate seamlessly with Slack, Jira, Trello, and Salesforce."},
-        {
-          question: "Is the AI training on my private data?",          answer: "No, your data is never used to train our base AI models without your express consent."},
-        {
-          question: "What happens if I cancel my plan?",          answer: "You can export all your data and configurations at any time before your subscription ends."},
-        {
-          question: "Do you offer developer API access?",          answer: "Yes, our robust API allows you to build custom email workflows."},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Ready to Start?"
-      text="Join the AI-email revolution today and reclaim your time."
-      primaryButton={{
-        text: "Request A Demo",        href: "#contact"}}
-      secondaryButton={{
-        text: "View Documentation",        href: "#faq"}}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
new file mode 100644
index 0000000..652c350
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,22 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutFeaturesSplit
+        tag="Présentation"
+        title="L'élégance discrète"
+        description="Au cœur du 8ème arrondissement de Paris, à quelques pas des Champs-Élysées, Le Maxan incarne l'élégance discrète et le savoir-faire authentique de la gastronomie française. Ce restaurant intimiste, noté 4,8/5 par plus de 1 369 convives, est une adresse qui s'impose naturellement parmi les meilleures tables parisiennes."
+        items={[{"icon":"Utensils","title":"Voyage sensoriel","description":"Des textures soigneusement travaillées, des saveurs généreuses et profondes, des produits nobles sublimés par une cuisine de caractère."},{"title":"Savoir-faire authentique","icon":"ChefHat","description":"Du foie gras onctueux aux millefeuilles feuilletés à la perfection, chaque plat est pensé pour surprendre, émouvoir et satisfaire."},{"icon":"Heart","title":"Atmosphère chaleureuse","description":"Un lieu où l'on revient, où l'on célèbre, où l'on partage. Une atmosphère chaleureuse, élégante et bienveillante."}]}
+        imageSrc="https://images.unsplash.com/photo-1550966871-3ed3cdb5ed0c?q=80&w=2070&auto=format&fit=crop"
+      />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..8fa1283
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,21 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+        <SectionErrorBoundary name="contact">
+              <ContactCta
+        tag="Réservation"
+        text="Vivez une expérience gastronomique inoubliable dans l'un des restaurants les plus appréciés du 8ème arrondissement."
+        primaryButton={{"text":"Réservation en ligne","href":"https://rest-maxan.com"}}
+        secondaryButton={{"text":"Appeler le restaurant","href":"tel:+33100000000"}}
+      />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..a7d0ef2
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,30 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "faq" section.
+
+import React from 'react';
+import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqTwoColumn
+          tag="Help Center"
+          title="Frequently Asked Questions"
+          description="Find answers to common questions about our platform."
+          items={[
+            {
+              question: "Does Le Maxan integrate with existing stacks?",          answer: "Yes, we integrate seamlessly with Slack, Jira, Trello, and Salesforce."},
+            {
+              question: "Is the AI training on my private data?",          answer: "No, your data is never used to train our base AI models without your express consent."},
+            {
+              question: "What happens if I cancel my plan?",          answer: "You can export all your data and configurations at any time before your subscription ends."},
+            {
+              question: "Do you offer developer API access?",          answer: "Yes, our robust API allows you to build custom email workflows."},
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx
new file mode 100644
index 0000000..85de0bc
--- /dev/null
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,28 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "features" section.
+
+import React from 'react';
+import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+              <FeaturesRevealCards
+          tag="Core Capabilities"
+          title="Built for Modern Scale"
+          description="Explore the tools that drive Le Maxan forward and streamline your workflow."
+          items={[
+            {
+              title: "Intelligent Scheduling",          description: "AI-suggested meeting times based on your calendar availability.",          imageSrc: "http://img.b2bpic.net/free-photo/person-using-laptop-table_23-2147962623.jpg"},
+            {
+              title: "Threat Protection",          description: "Detect phishing and malware in real-time before they open.",          imageSrc: "http://img.b2bpic.net/free-photo/glowing-abstract-computer-network-symbol-illuminates-dark-night-generated-by-ai_188544-30304.jpg"},
+            {
+              title: "Voice Integration",          description: "Convert voice commands into formatted, professional emails instantly.",          imageSrc: "http://img.b2bpic.net/free-photo/phone-connecting-with-smart-speaker_53876-105045.jpg"},
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..8a323ab
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,23 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroOverlay
+        tag="Restaurant Gastronomique"
+        title="Le Maxan — L'art de la cuisine française au cœur de Paris"
+        description="Cuisine traditionnelle française raffinée, à deux pas des Champs-Élysées"
+        primaryButton={{"href":"#contact","text":"Réserver votre table"}}
+        secondaryButton={{"text":"Découvrir la carte","href":"#product"}}
+        imageSrc="https://images.unsplash.com/photo-1414235077428-338989a2e8c0?q=80&w=2070&auto=format&fit=crop"
+      />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
new file mode 100644
index 0000000..cfc65a9
--- /dev/null
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,21 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "metrics" section.
+
+import React from 'react';
+import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsFeatureCards
+        tag="Points forts"
+        title="L'excellence reconnue"
+        description="Une adresse qui s'impose naturellement parmi les meilleures tables parisiennes."
+        metrics={[{"features":["Cuisine traditionnelle française","Espace LGBTQ+ friendly"],"value":"4,8/5","title":"Avis Google"},{"features":["Champs-Élysées","Ouverture : 19h30"],"value":"📍","title":"Paris 8ème"},{"features":["Par personne","Menu complet"],"value":"40-90€","title":"Budget"}]}
+      />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Pricing.tsx b/src/pages/HomePage/sections/Pricing.tsx
new file mode 100644
index 0000000..e136c31
--- /dev/null
+++ b/src/pages/HomePage/sections/Pricing.tsx
@@ -0,0 +1,40 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "pricing" section.
+
+import React from 'react';
+import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function PricingSection(): React.JSX.Element {
+  return (
+    <div id="pricing" data-section="pricing">
+        <SectionErrorBoundary name="pricing">
+              <PricingHighlightedCards
+          tag="Flexible Plans"
+          title="Plans That Scale With You"
+          description="Choose the plan that best fits your team's needs."
+          plans={[
+            {
+              tag: "Starter",          price: "$29/mo",          description: "Best for solo developers and creatives.",          features: [
+                "Basic AI sorting",            "5GB storage",            "Standard support"],
+              primaryButton: {
+                text: "Select Starter",            href: "#contact"},
+            },
+            {
+              tag: "Professional",          price: "$99/mo",          description: "For growing teams and scaling agencies.",          features: [
+                "Advanced AI automation",            "Unlimited storage",            "24/7 Priority support",            "API access"],
+              highlight: "Best Value",          primaryButton: {
+                text: "Select Professional",            href: "#contact"},
+            },
+            {
+              tag: "Enterprise",          price: "Custom",          description: "Full-stack control for large organizations.",          features: [
+                "Custom AI training",            "Dedicated account manager",            "Advanced security suite"],
+              primaryButton: {
+                text: "Contact Sales",            href: "#contact"},
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Product.tsx b/src/pages/HomePage/sections/Product.tsx
new file mode 100644
index 0000000..46c83ed
--- /dev/null
+++ b/src/pages/HomePage/sections/Product.tsx
@@ -0,0 +1,137 @@
+/* eslint-disable */
+// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
+import Button from "@/components/ui/Button";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import { cls } from "@/lib/utils";
+
+const items = [
+  {
+    title: "Entrées signatures",
+    description: "Foie gras mi-cuit maison, Terrine du chef, Épinards et textures végétales",
+    imageSrc: "https://images.unsplash.com/photo-1544025162-d76694265947?q=80&w=2069&auto=format&fit=crop"
+  },
+  {
+    title: "Plats",
+    description: "Bifteck de contre-filet au jus, Spécialités de saison au marché",
+    imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?q=80&w=2080&auto=format&fit=crop"
+  },
+  {
+    title: "Desserts",
+    description: "Millefeuille croustillant, Pavlova meringué aux fruits frais, Fondant aux pépites de chocolat",
+    imageSrc: "https://images.unsplash.com/photo-1551024601-bec78aea704b?q=80&w=2064&auto=format&fit=crop"
+  },
+  {
+    title: "Vins",
+    description: "Sélection de vins soigneusement choisis par notre sommelier, dont notre Chardonnay maison, facile à boire et généreux en bouche.",
+    imageSrc: "https://images.unsplash.com/photo-1510812431401-41d2bd2722f3?q=80&w=2070&auto=format&fit=crop"
+  }
+];
+
+type FeatureItem = {
+  title: string;
+  description: string;
+  href?: string;
+} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
+
+interface FeaturesImageBentoProps {
+  tag: string;
+  title: string;
+  description: string;
+  primaryButton?: { text: string; href: string };
+  secondaryButton?: { text: string; href: string };
+  items: [FeatureItem, FeatureItem, FeatureItem, FeatureItem, FeatureItem, FeatureItem, FeatureItem];
+}
+
+const ProductInline = () => {
+  const gridClasses = [
+    "md:col-span-3",
+    "md:col-span-3",
+    "md:col-span-3",
+    "md:col-span-3",
+  ];
+
+  const staggerDelays = [
+    0,
+    0.1,
+    0.2,
+    0.3,
+  ];
+
+  return (
+    <section aria-label="Features image bento section" className="py-20">
+      <div className="flex flex-col gap-8 md:gap-10">
+        <div className="flex flex-col items-center w-content-width mx-auto gap-2">
+          <div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
+            <p>{"Notre carte"}</p>
+          </div>
+
+          <TextAnimation
+            text={"Un voyage sensoriel"}
+            variant="fade"
+            gradientText={true}
+            tag="h2"
+            className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance"
+          />
+
+          <TextAnimation
+            text={"Découvrez nos spécialités, préparées avec des produits nobles et de saison."}
+            variant="fade"
+            gradientText={false}
+            tag="p"
+            className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance"
+          />
+
+          {(undefined || undefined) && (
+            <div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3">
+              {undefined && <Button text={undefined.text} href={undefined.href} variant="primary"/>}
+              {undefined && <Button text={undefined.text} href={undefined.href} variant="secondary" animationDelay={0.1} />}
+            </div>
+          )}
+        </div>
+
+        <div className="w-content-width mx-auto grid grid-cols-1 md:grid-cols-6 gap-3">
+          {items.map((item, index) => {
+            const content = (
+              <div className="relative h-80 xl:h-100 2xl:h-120 overflow-hidden">
+                <ImageOrVideo
+                  imageSrc={item.imageSrc}
+                  videoSrc={item.videoSrc}
+                  className="rounded group-hover:scale-105 transition-transform duration-500"
+                />
+
+                <div className="absolute inset-x-5 bottom-5 xl:inset-x-6 xl:bottom-6 2xl:inset-x-7 2xl:bottom-7 flex flex-col text-background">
+                  <span className="text-2xl font-semibold leading-snug truncate">{item.title}</span>
+                  <span className="text-base leading-snug truncate">{item.description}</span>
+                </div>
+              </div>
+            );
+
+            return (
+              <ScrollReveal key={index} variant="fade-blur" delay={staggerDelays[index]} className={cls("col-span-1 group", gridClasses[index])}>
+                {item.href ? (
+                  <a href={item.href} className="block overflow-hidden rounded">
+                    {content}
+                  </a>
+                ) : (
+                  <div className="overflow-hidden rounded">
+                    {content}
+                  </div>
+                )}
+              </ScrollReveal>
+            );
+          })}
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default function ProductSection() {
+  return (
+    <div data-webild-section="product" id="product">
+      <ProductInline />
+    </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx
new file mode 100644
index 0000000..cc7ca24
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,95 @@
+/* eslint-disable */
+// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
+import { Star } from "lucide-react";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import { cls } from "@/lib/utils";
+
+const avatars = [
+  {
+    name: "Executive",
+    imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"
+  },
+  {
+    name: "Developer",
+    imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg"
+  },
+  {
+    name: "Founder",
+    imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg"
+  },
+  {
+    name: "IT Lead",
+    imageSrc: "http://img.b2bpic.net/free-photo/man-walks-night-admiring-environment_482257-102476.jpg"
+  },
+  {
+    name: "Marketing",
+    imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg"
+  }
+];
+
+type Avatar = {
+  name: string;
+} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
+
+const TestimonialsInline = () => {
+  const visibleAvatars = avatars.slice(0, 6);
+  const remainingCount = avatars.length - visibleAvatars.length;
+
+  return (
+    <section aria-label="Testimonials section" className="py-20">
+      <div className="flex flex-col items-center gap-5 w-content-width mx-auto">
+        <ScrollReveal variant="fade" className="flex gap-1.5">
+          {Array.from({ length: 5 }).map((_, index) => (
+            <Star
+              key={index}
+              className={cls("size-6 text-accent", index < 5 ? "fill-accent" : "fill-transparent")}
+              strokeWidth={1.5}
+            />
+          ))}
+        </ScrollReveal>
+
+        <TextAnimation
+          text={"Honnêtement le meilleur restaurant français que j'ai fait pendant mes 4 jours à Paris. Le foie gras est si crémeux et riche…"}
+          variant="fade"
+          gradientText={false}
+          tag="p"
+          className="md:max-w-8/10 text-5xl 2xl:text-6xl leading-[1.15] font-semibold text-center text-balance"
+        />
+
+        <ScrollReveal variant="fade" delay={0.1} className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance">
+          <p>{"Visiteur, novembre 2025"}</p>
+        </ScrollReveal>
+
+        <ScrollReveal variant="fade" delay={0.2} className="flex items-center justify-center mt-1">
+          {visibleAvatars.map((avatar, index) => (
+            <div
+              key={avatar.name}
+              className={cls("relative size-12 md:size-16 overflow-hidden rounded-full border-2 border-background", index > 0 && "-ml-5")}
+              style={{ zIndex: visibleAvatars.length - index }}
+            >
+              <ImageOrVideo imageSrc={avatar.imageSrc} videoSrc={avatar.videoSrc} />
+            </div>
+          ))}
+          {remainingCount > 0 && (
+            <div
+              className="flex items-center justify-center size-12 md:size-16 -ml-5 rounded-full border-2 border-background card"
+              style={{ zIndex: 0 }}
+            >
+              <span className="text-sm md:text-base font-semibold">+{remainingCount}</span>
+            </div>
+          )}
+        </ScrollReveal>
+      </div>
+    </section>
+  );
+};
+
+export default function TestimonialsSection() {
+  return (
+    <div data-webild-section="testimonials" id="testimonials">
+      <TestimonialsInline />
+    </div>
+  );
+}
-- 
2.49.1