diff --git a/src/index.css b/src/index.css
index d29ad19..0753d31 100644
--- a/src/index.css
+++ b/src/index.css
@@ -8,7 +8,7 @@
   --background: #fafffb;
   --card: #ffffff;
   --foreground: #001a0a;
-  --primary-cta: #0a705f;
+  --primary-cta: #086050;
   --primary-cta-text: #fafffb;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #001a0a;
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 31bb268..a6f9928 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,297 +1,39 @@
-import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
-import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
-import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
-import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
-import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
-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 ProductsSection from './HomePage/sections/Products';
+import PricingSection from './HomePage/sections/Pricing';
+import MetricsSection from './HomePage/sections/Metrics';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+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">
-          <HeroCenteredLogos
-      avatarsSrc={[
-        "http://img.b2bpic.net/free-photo/doctor-tending-patient_23-2148168487.jpg",
-        "http://img.b2bpic.net/free-photo/people-experiencing-freedom-nature_52683-100561.jpg",
-        "http://img.b2bpic.net/free-photo/full-shot-friends-preparing-mate_23-2149860507.jpg",
-        "http://img.b2bpic.net/free-photo/close-up-view-smiling-woman-with-patches-with-glass-water-look-camera_197531-32427.jpg",
-        "http://img.b2bpic.net/free-photo/portrait-two-female-friends-with-different-ages-outdoors_52683-101125.jpg",
-      ]}
-      avatarText="Trusted by 500+ patients"
-      title="Natural Healing for a Healthier Life"
-      description="Experience the gentle power of homeopathy with Amar Homoeo. Personalized treatments and quality medicines for your overall well-being."
-      primaryButton={{
-        text: "Book Consultation",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "Learn More",
-        href: "#about",
-      }}
-      names={[
-        "Holistic",
-        "Natural",
-        "Personalized",
-        "Safe",
-        "Effective",
-        "Traditional",
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480161.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutTextSplit
-      title="Our Approach to Health"
-      descriptions={[
-        "Amar Homoeo is dedicated to providing natural, holistic healthcare solutions. We believe in treating the person, not just the illness, by understanding your unique health history and constitution.",
-        "Our treatments use carefully selected homeopathic remedies that stimulate your body's natural healing ability, ensuring minimal side effects and lasting results.",
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesComparison
-      tag="Our Services"
-      title="Why Choose Homeopathy?"
-      description="A comparative look at why our patients prefer natural holistic care."
-      negativeItems={[
-        "Reliance on synthetic drugs",
-        "Temporary symptom suppression",
-        "Potential for harsh side effects",
-      ]}
-      positiveItems={[
-        "Holistic natural treatment",
-        "Root cause healing",
-        "Gentle non-invasive methods",
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="products" data-section="products">
-    <SectionErrorBoundary name="products">
-          <FeaturesImageBento
-      tag="Remedies"
-      title="Holistic Healing Products"
-      description="Quality-tested homeopathic remedies tailored to your wellness needs."
-      items={[
-        {
-          title: "Digestive Care",
-          description: "Gentle natural aid for stomach health.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-natural-medicine-concept_23-2148899361.jpg",
-        },
-        {
-          title: "Immunity Boost",
-          description: "Strengthen your natural defenses.",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-medicinal-herbs-spices_23-2148776443.jpg",
-        },
-        {
-          title: "Respiratory Support",
-          description: "Ease breathing naturally.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-hand-holding-stethoscope_23-2148352072.jpg",
-        },
-        {
-          title: "Skin Balance",
-          description: "Natural ointment for clear skin.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-tasty-mushroom-soup-with-different-seasonings-dark-space_140725-79225.jpg",
-        },
-        {
-          title: "Stress Relief",
-          description: "Calm your mind and nerves.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-with-small-stones-oils_23-2148268449.jpg",
-        },
-        {
-          title: "Joint Wellness",
-          description: "Support healthy mobility.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-doctors_23-2149443530.jpg",
-        },
-        {
-          title: "General Tonic",
-          description: "Daily vitality booster.",
-          imageSrc: "http://img.b2bpic.net/free-photo/oregano-essential-oil-glass-bottle-wooden-background-copy-space_127032-1781.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProductsSection />
 
-  <div id="pricing" data-section="pricing">
-    <SectionErrorBoundary name="pricing">
-          <PricingHighlightedCards
-      tag="Consultation"
-      title="Choose Your Plan"
-      description="Transparent pricing for professional homeopathic care."
-      plans={[
-        {
-          tag: "Basic",
-          price: "$50",
-          description: "Initial health assessment",
-          features: [
-            "30-min consultation",
-            "Basic remedy kit",
-          ],
-          primaryButton: {
-            text: "Get Started",
-            href: "#contact",
-          },
-        },
-        {
-          tag: "Advanced",
-          price: "$120",
-          description: "Comprehensive healing plan",
-          features: [
-            "1-hour consultation",
-            "Full diagnostic review",
-            "3 months remedy supply",
-          ],
-          highlight: "Recommended",
-          primaryButton: {
-            text: "Choose Advanced",
-            href: "#contact",
-          },
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <PricingSection />
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsFeatureCards
-      tag="Our Impact"
-      title="Healing by the Numbers"
-      description="Helping thousands achieve wellness since our inception."
-      metrics={[
-        {
-          value: "5000+",
-          title: "Patients Served",
-          features: [
-            "Individualized care",
-            "Long-term health",
-          ],
-        },
-        {
-          value: "95%",
-          title: "Satisfaction",
-          features: [
-            "Positive outcomes",
-            "Patient trust",
-          ],
-        },
-        {
-          value: "15",
-          title: "Years Experience",
-          features: [
-            "Expert guidance",
-            "Proven techniques",
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialOverlayCards
-      tag="Success Stories"
-      title="What Our Patients Say"
-      description="Hear real stories of natural recovery and improved health."
-      testimonials={[
-        {
-          name: "Sarah Miller",
-          role: "Teacher",
-          company: "Local School",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/detective-specialist_1098-15356.jpg",
-        },
-        {
-          name: "John Doe",
-          role: "Architect",
-          company: "DesignCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctors-work_52683-100239.jpg",
-        },
-        {
-          name: "Emily Smith",
-          role: "Retired",
-          company: "Community",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149103560.jpg",
-        },
-        {
-          name: "Anna Brown",
-          role: "Designer",
-          company: "Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
-        },
-        {
-          name: "Robert Lee",
-          role: "Accountant",
-          company: "FinGroup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-working-out-with-dumbbells_1098-1300.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqTwoColumn
-      tag="Support"
-      title="Frequently Asked Questions"
-      description="Get quick answers to common questions about homeopathy."
-      items={[
-        {
-          question: "Is homeopathy safe?",
-          answer: "Yes, our remedies are natural, diluted, and non-toxic, safe for all ages.",
-        },
-        {
-          question: "How long does it take?",
-          answer: "It varies by individual; we focus on long-term wellness rather than quick fixes.",
-        },
-        {
-          question: "Can I use it with other meds?",
-          answer: "Always consult with our doctor before combining treatments.",
-        },
-        {
-          question: "Is it evidence-based?",
-          answer: "Homeopathy follows traditional principles supported by clinical experience.",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Get Started"
-      text="Start your journey toward natural wellness today. Schedule your first consultation."
-      primaryButton={{
-        text: "Book Now",
-        href: "#",
-      }}
-      secondaryButton={{
-        text: "Call us",
-        href: "tel:+1234567890",
-      }}
-    />
-    </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..608f07e
--- /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 AboutTextSplit from '@/components/sections/about/AboutTextSplit';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutTextSplit
+          title="Our Approach to Health"
+          descriptions={[
+            "Amar Homoeo is dedicated to providing natural, holistic healthcare solutions. We believe in treating the person, not just the illness, by understanding your unique health history and constitution.",
+            "Our treatments use carefully selected homeopathic remedies that stimulate your body's natural healing ability, ensuring minimal side effects and lasting results.",
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..a2b1319
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,27 @@
+// 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="Get Started"
+          text="Start your journey toward natural wellness today. Schedule your first consultation."
+          primaryButton={{
+            text: "Book Now",
+            href: "#",
+          }}
+          secondaryButton={{
+            text: "Call us",
+            href: "tel:+1234567890",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..40a6005
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,38 @@
+// 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="Support"
+          title="Frequently Asked Questions"
+          description="Get quick answers to common questions about homeopathy."
+          items={[
+            {
+              question: "Is homeopathy safe?",
+              answer: "Yes, our remedies are natural, diluted, and non-toxic, safe for all ages.",
+            },
+            {
+              question: "How long does it take?",
+              answer: "It varies by individual; we focus on long-term wellness rather than quick fixes.",
+            },
+            {
+              question: "Can I use it with other meds?",
+              answer: "Always consult with our doctor before combining treatments.",
+            },
+            {
+              question: "Is it evidence-based?",
+              answer: "Homeopathy follows traditional principles supported by clinical experience.",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx
new file mode 100644
index 0000000..e917db4
--- /dev/null
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,30 @@
+// 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 FeaturesComparison from '@/components/sections/features/FeaturesComparison';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+              <FeaturesComparison
+          tag="Our Services"
+          title="Why Choose Homeopathy?"
+          description="A comparative look at why our patients prefer natural holistic care."
+          negativeItems={[
+            "Reliance on synthetic drugs",
+            "Temporary symptom suppression",
+            "Potential for harsh side effects",
+          ]}
+          positiveItems={[
+            "Holistic natural treatment",
+            "Root cause healing",
+            "Gentle non-invasive methods",
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..946bd22
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,19 @@
+// Created by add_section_from_catalog (HeroOverlay).
+
+import React from 'react';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="hero" id="hero">
+      <HeroOverlay
+        imageSrc="http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480161.jpg"
+        secondaryButton={{"href":"#about","text":"Learn More"}}
+        title="Natural Homeopathic Healing for a Healthier Life"
+        description="Experience the gentle, effective power of homeopathy with Amar Homoeo. We provide personalized treatments and high-quality natural medicines for your overall well-being."
+        primaryButton={{"href":"#contact","text":"Book Consultation"}}
+        tag="…"
+      />
+    </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
new file mode 100644
index 0000000..ee88373
--- /dev/null
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,46 @@
+// 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="Our Impact"
+          title="Healing by the Numbers"
+          description="Helping thousands achieve wellness since our inception."
+          metrics={[
+            {
+              value: "5000+",
+              title: "Patients Served",
+              features: [
+                "Individualized care",
+                "Long-term health",
+              ],
+            },
+            {
+              value: "95%",
+              title: "Satisfaction",
+              features: [
+                "Positive outcomes",
+                "Patient trust",
+              ],
+            },
+            {
+              value: "15",
+              title: "Years Experience",
+              features: [
+                "Expert guidance",
+                "Proven techniques",
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Pricing.tsx b/src/pages/HomePage/sections/Pricing.tsx
new file mode 100644
index 0000000..f1e42d0
--- /dev/null
+++ b/src/pages/HomePage/sections/Pricing.tsx
@@ -0,0 +1,50 @@
+// 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="Consultation"
+          title="Choose Your Plan"
+          description="Transparent pricing for professional homeopathic care."
+          plans={[
+            {
+              tag: "Basic",
+              price: "$50",
+              description: "Initial health assessment",
+              features: [
+                "30-min consultation",
+                "Basic remedy kit",
+              ],
+              primaryButton: {
+                text: "Get Started",
+                href: "#contact",
+              },
+            },
+            {
+              tag: "Advanced",
+              price: "$120",
+              description: "Comprehensive healing plan",
+              features: [
+                "1-hour consultation",
+                "Full diagnostic review",
+                "3 months remedy supply",
+              ],
+              highlight: "Recommended",
+              primaryButton: {
+                text: "Choose Advanced",
+                href: "#contact",
+              },
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Products.tsx b/src/pages/HomePage/sections/Products.tsx
new file mode 100644
index 0000000..bdcdf0d
--- /dev/null
+++ b/src/pages/HomePage/sections/Products.tsx
@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "products" section.
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProductsSection(): React.JSX.Element {
+  return (
+    <div id="products" data-section="products">
+        <SectionErrorBoundary name="products">
+              <FeaturesImageBento
+          tag="Remedies"
+          title="Holistic Healing Products"
+          description="Quality-tested homeopathic remedies tailored to your wellness needs."
+          items={[
+            {
+              title: "Digestive Care",
+              description: "Gentle natural aid for stomach health.",
+              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-natural-medicine-concept_23-2148899361.jpg",
+            },
+            {
+              title: "Immunity Boost",
+              description: "Strengthen your natural defenses.",
+              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-medicinal-herbs-spices_23-2148776443.jpg",
+            },
+            {
+              title: "Respiratory Support",
+              description: "Ease breathing naturally.",
+              imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-hand-holding-stethoscope_23-2148352072.jpg",
+            },
+            {
+              title: "Skin Balance",
+              description: "Natural ointment for clear skin.",
+              imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-tasty-mushroom-soup-with-different-seasonings-dark-space_140725-79225.jpg",
+            },
+            {
+              title: "Stress Relief",
+              description: "Calm your mind and nerves.",
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-with-small-stones-oils_23-2148268449.jpg",
+            },
+            {
+              title: "Joint Wellness",
+              description: "Support healthy mobility.",
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-doctors_23-2149443530.jpg",
+            },
+            {
+              title: "General Tonic",
+              description: "Daily vitality booster.",
+              imageSrc: "http://img.b2bpic.net/free-photo/oregano-essential-oil-glass-bottle-wooden-background-copy-space_127032-1781.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx
new file mode 100644
index 0000000..4535e89
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonials" section.
+
+import React from 'react';
+import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialOverlayCards
+          tag="Success Stories"
+          title="What Our Patients Say"
+          description="Hear real stories of natural recovery and improved health."
+          testimonials={[
+            {
+              name: "Sarah Miller",
+              role: "Teacher",
+              company: "Local School",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/detective-specialist_1098-15356.jpg",
+            },
+            {
+              name: "John Doe",
+              role: "Architect",
+              company: "DesignCo",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctors-work_52683-100239.jpg",
+            },
+            {
+              name: "Emily Smith",
+              role: "Retired",
+              company: "Community",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149103560.jpg",
+            },
+            {
+              name: "Anna Brown",
+              role: "Designer",
+              company: "Studio",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
+            },
+            {
+              name: "Robert Lee",
+              role: "Accountant",
+              company: "FinGroup",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-working-out-with-dumbbells_1098-1300.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}