diff --git a/src/index.css b/src/index.css
index 9f6bdaa..f225402 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffffe6;
-  --primary-cta: #e6e6e6;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --background: #fdfbf7;
+  --card: #ffffff;
+  --foreground: #4a4a4a;
+  --primary-cta: #ffb7b2;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #e2f0cb;
+  --secondary-cta-text: #4a4a4a;
+  --accent: #ffdac1;
+  --background-accent: #ffdac1;
 
   /* @layout/border-radius/rounded */
   --radius: 0.5rem;
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index cf30b39..fac3bd6 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,287 +1,36 @@
-import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
-import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
-import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
-import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
-import { Camera, Heart, Smartphone, Sparkles } from "lucide-react";
-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 MetricsSection from './HomePage/sections/Metrics';
+import PortfolioSection from './HomePage/sections/Portfolio';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import FeaturesSection from './HomePage/sections/Features';
+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">
-          <HeroOverlayMarquee
-      tag="Trusted by 50+ Brands"
-      title="Authentic Content That Converts"
-      description="High-performing UGC that feels real and drives results. Explore my portfolio of brand campaigns that turned viewers into customers."
-      primaryButton={{
-        text: "View My Work",
-        href: "#portfolio",
-      }}
-      secondaryButton={{
-        text: "Contact Me",
-        href: "#contact",
-      }}
-      items={[
-        {
-          text: "Fashion",
-          icon: Camera,
-        },
-        {
-          text: "Beauty",
-          icon: Sparkles,
-        },
-        {
-          text: "Tech",
-          icon: Smartphone,
-        },
-        {
-          text: "Wellness",
-          icon: Heart,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-working-photography-studio_23-2150254689.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutMediaOverlay
-      tag="About Me"
-      title="Creative Storyteller for Modern Brands"
-      description="I bridge the gap between brands and their audiences through authentic, high-converting social content. With years of experience in the creator economy, I understand the nuance that turns a casual scroll into a high-intent conversion."
-      imageSrc="http://img.b2bpic.net/free-photo/organized-startup-office-with-no-people_482257-115338.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsFeatureCards
-      tag="Proven Performance"
-      title="Impact by the Numbers"
-      description="My content doesn't just look good—it performs. Here is the average reach and conversion impact across my recent campaigns."
-      metrics={[
-        {
-          value: "1.2M+",
-          title: "Total Reach",
-          features: [
-            "Organic discovery",
-            "Social shareability",
-            "Trend alignment",
-          ],
-        },
-        {
-          value: "4.8%",
-          title: "Avg CTR",
-          features: [
-            "High-intent clicks",
-            "Effective CTA usage",
-            "Conversion tracking",
-          ],
-        },
-        {
-          value: "12.5k",
-          title: "Conversions",
-          features: [
-            "Verified sales lift",
-            "Attributed traffic",
-            "Direct ROI results",
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />
 
-  <div id="portfolio" data-section="portfolio">
-    <SectionErrorBoundary name="portfolio">
-          <FeaturesImageBento
-      tag="Portfolio"
-      title="Brand Campaign Highlights"
-      description="A curated selection of high-performing creative assets built for brands."
-      items={[
-        {
-          title: "Luxe Skincare",
-          description: "300% ROAS increase",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-devices-mockup-colourful-background_23-2148226825.jpg",
-        },
-        {
-          title: "Streetwear Campaign",
-          description: "Viral reach campaign",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-doing-house-tour-online_23-2151050246.jpg",
-        },
-        {
-          title: "Tech Innovation",
-          description: "Engagement driven",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309688.jpg",
-        },
-        {
-          title: "Gourmet Meal Prep",
-          description: "High conversion assets",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-eating-salmon-bowl_23-2150533933.jpg",
-        },
-        {
-          title: "Athletic Wear",
-          description: "Performance focused",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-preparing-exercise-outdoors_23-2149676920.jpg",
-        },
-        {
-          title: "Morning Routine",
-          description: "Authentic UGC piece",
-          imageSrc: "http://img.b2bpic.net/free-photo/pills-pink-background-flat-lay-medicine-concept_169016-19830.jpg",
-        },
-        {
-          title: "Smart Gadgets",
-          description: "Unboxing impact",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-mystery-box_23-2149516474.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <PortfolioSection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialColumnMarqueeCards
-      tag="Client Success"
-      title="What Brands Are Saying"
-      description="Don't just take my word for it—here is the feedback from our partners."
-      testimonials={[
-        {
-          name: "Sarah Miller",
-          role: "Marketing Dir",
-          quote: "The content felt organic and drove immediate sales for our new launch.",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
-        },
-        {
-          name: "Alex Rivera",
-          role: "Head of Social",
-          quote: "Professionalism meets trend-aware creative. We'll be working together again.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businesswoman-holding-smartphone_1262-6281.jpg",
-        },
-        {
-          name: "James Chen",
-          role: "Brand Manager",
-          quote: "An absolute joy to work with. Highly responsive and creative results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-empty-home-with-industrial-classic-decor-elements_482257-121055.jpg",
-        },
-        {
-          name: "Emily D.",
-          role: "Ecommerce Mgr",
-          quote: "The best UGC creator we've hired this quarter. Exceeded our KPIs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-prepared-shake-hands_23-2148479535.jpg",
-        },
-        {
-          name: "Mark Stevens",
-          role: "CMO",
-          quote: "Transformed our feed quality overnight. Pure creative brilliance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesDetailedSteps
-      tag="My Process"
-      title="From Brief to Launch"
-      description="My streamlined workflow ensures high-quality deliverables that are optimized for your unique brand voice."
-      steps={[
-        {
-          tag: "01",
-          title: "Discovery",
-          subtitle: "Defining goals",
-          description: "We analyze your brand strategy, target demographics, and campaign objectives.",
-          imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-striped-green-background-with-pink_58702-6504.jpg",
-        },
-        {
-          tag: "02",
-          title: "Production",
-          subtitle: "Visual assets",
-          description: "I shoot, edit, and curate content tailored for high engagement on all platforms.",
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-young-woman-shiny-silver-dress-touches-her-curly-pink-hair-takes-selfie_197531-23757.jpg",
-        },
-        {
-          tag: "03",
-          title: "Performance",
-          subtitle: "Results monitoring",
-          description: "We review performance data to refine future assets for even better results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074256.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqTabbedAccordion
-      tag="Questions?"
-      title="Frequently Asked Questions"
-      description="Here is what you need to know about working with me."
-      categories={[
-        {
-          name: "Collaboration",
-          items: [
-            {
-              question: "What is your typical turnaround time?",
-              answer: "I deliver first drafts within 5-7 business days.",
-            },
-            {
-              question: "Are you open to revisions?",
-              answer: "Yes, I offer 2 rounds of revisions on all primary packages.",
-            },
-          ],
-        },
-        {
-          name: "Logistics",
-          items: [
-            {
-              question: "Do you accept product samples?",
-              answer: "Yes, I love testing products first-hand for the most authentic content.",
-            },
-            {
-              question: "Do you travel for shoots?",
-              answer: "I am based in a studio but available for on-location projects globally.",
-            },
-          ],
-        },
-      ]}
-      cta={{
-        name: "Still curious?",
-        role: "Let's chat",
-        buttonText: "Send Message",
-        buttonHref: "#contact",
-        imageSrc: "http://img.b2bpic.net/free-photo/cheerful-black-woman-stylish-sweatshirt-looks-delightfully-male-basketball-player_273609-18081.jpg",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Let's Connect"
-      text="Ready to scale your brand with authentic, high-converting content?"
-      primaryButton={{
-        text: "Contact Me",
-        href: "mailto:hello@example.com",
-      }}
-      secondaryButton={{
-        text: "Check Availability",
-        href: "#",
-      }}
-    />
-    </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..e68035b
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,21 @@
+// 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 AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutMediaOverlay
+          tag="About Me"
+          title="Creative Storyteller for Modern Brands"
+          description="I bridge the gap between brands and their audiences through authentic, high-converting social content. With years of experience in the creator economy, I understand the nuance that turns a casual scroll into a high-intent conversion."
+          imageSrc="http://img.b2bpic.net/free-photo/organized-startup-office-with-no-people_482257-115338.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..caf71cb
--- /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="Let's Connect"
+          text="Ready to scale your brand with authentic, high-converting content?"
+          primaryButton={{
+            text: "Contact Me",
+            href: "mailto:hello@example.com",
+          }}
+          secondaryButton={{
+            text: "Check Availability",
+            href: "#",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..575bd64
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,55 @@
+// 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 FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqTabbedAccordion
+          tag="Questions?"
+          title="Frequently Asked Questions"
+          description="Here is what you need to know about working with me."
+          categories={[
+            {
+              name: "Collaboration",
+              items: [
+                {
+                  question: "What is your typical turnaround time?",
+                  answer: "I deliver first drafts within 5-7 business days.",
+                },
+                {
+                  question: "Are you open to revisions?",
+                  answer: "Yes, I offer 2 rounds of revisions on all primary packages.",
+                },
+              ],
+            },
+            {
+              name: "Logistics",
+              items: [
+                {
+                  question: "Do you accept product samples?",
+                  answer: "Yes, I love testing products first-hand for the most authentic content.",
+                },
+                {
+                  question: "Do you travel for shoots?",
+                  answer: "I am based in a studio but available for on-location projects globally.",
+                },
+              ],
+            },
+          ]}
+          cta={{
+            name: "Still curious?",
+            role: "Let's chat",
+            buttonText: "Send Message",
+            buttonHref: "#contact",
+            imageSrc: "http://img.b2bpic.net/free-photo/cheerful-black-woman-stylish-sweatshirt-looks-delightfully-male-basketball-player_273609-18081.jpg",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx
new file mode 100644
index 0000000..1d34059
--- /dev/null
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,43 @@
+// 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 FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+              <FeaturesDetailedSteps
+          tag="My Process"
+          title="From Brief to Launch"
+          description="My streamlined workflow ensures high-quality deliverables that are optimized for your unique brand voice."
+          steps={[
+            {
+              tag: "01",
+              title: "Discovery",
+              subtitle: "Defining goals",
+              description: "We analyze your brand strategy, target demographics, and campaign objectives.",
+              imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-striped-green-background-with-pink_58702-6504.jpg",
+            },
+            {
+              tag: "02",
+              title: "Production",
+              subtitle: "Visual assets",
+              description: "I shoot, edit, and curate content tailored for high engagement on all platforms.",
+              imageSrc: "http://img.b2bpic.net/free-photo/charming-young-woman-shiny-silver-dress-touches-her-curly-pink-hair-takes-selfie_197531-23757.jpg",
+            },
+            {
+              tag: "03",
+              title: "Performance",
+              subtitle: "Results monitoring",
+              description: "We review performance data to refine future assets for even better results.",
+              imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074256.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..3f9de6b
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,48 @@
+// 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 HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
+import { Camera, Heart, Smartphone, Sparkles } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroOverlayMarquee
+          tag="Trusted by 50+ Brands"
+          title="Authentic Content That Converts"
+          description="High-performing UGC that feels real and drives results. Explore my portfolio of brand campaigns that turned viewers into customers."
+          primaryButton={{
+            text: "View My Work",
+            href: "#portfolio",
+          }}
+          secondaryButton={{
+            text: "Contact Me",
+            href: "#contact",
+          }}
+          items={[
+            {
+              text: "Fashion",
+              icon: Camera,
+            },
+            {
+              text: "Beauty",
+              icon: Sparkles,
+            },
+            {
+              text: "Tech",
+              icon: Smartphone,
+            },
+            {
+              text: "Wellness",
+              icon: Heart,
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-working-photography-studio_23-2150254689.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
new file mode 100644
index 0000000..347784a
--- /dev/null
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,49 @@
+// 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="Proven Performance"
+          title="Impact by the Numbers"
+          description="My content doesn't just look good—it performs. Here is the average reach and conversion impact across my recent campaigns."
+          metrics={[
+            {
+              value: "1.2M+",
+              title: "Total Reach",
+              features: [
+                "Organic discovery",
+                "Social shareability",
+                "Trend alignment",
+              ],
+            },
+            {
+              value: "4.8%",
+              title: "Avg CTR",
+              features: [
+                "High-intent clicks",
+                "Effective CTA usage",
+                "Conversion tracking",
+              ],
+            },
+            {
+              value: "12.5k",
+              title: "Conversions",
+              features: [
+                "Verified sales lift",
+                "Attributed traffic",
+                "Direct ROI results",
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Portfolio.tsx b/src/pages/HomePage/sections/Portfolio.tsx
new file mode 100644
index 0000000..3a37f34
--- /dev/null
+++ b/src/pages/HomePage/sections/Portfolio.tsx
@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "portfolio" section.
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function PortfolioSection(): React.JSX.Element {
+  return (
+    <div id="portfolio" data-section="portfolio">
+        <SectionErrorBoundary name="portfolio">
+              <FeaturesImageBento
+          tag="Portfolio"
+          title="Brand Campaign Highlights"
+          description="A curated selection of high-performing creative assets built for brands."
+          items={[
+            {
+              title: "Luxe Skincare",
+              description: "300% ROAS increase",
+              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-devices-mockup-colourful-background_23-2148226825.jpg",
+            },
+            {
+              title: "Streetwear Campaign",
+              description: "Viral reach campaign",
+              imageSrc: "http://img.b2bpic.net/free-photo/person-doing-house-tour-online_23-2151050246.jpg",
+            },
+            {
+              title: "Tech Innovation",
+              description: "Engagement driven",
+              imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309688.jpg",
+            },
+            {
+              title: "Gourmet Meal Prep",
+              description: "High conversion assets",
+              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-eating-salmon-bowl_23-2150533933.jpg",
+            },
+            {
+              title: "Athletic Wear",
+              description: "Performance focused",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-preparing-exercise-outdoors_23-2149676920.jpg",
+            },
+            {
+              title: "Morning Routine",
+              description: "Authentic UGC piece",
+              imageSrc: "http://img.b2bpic.net/free-photo/pills-pink-background-flat-lay-medicine-concept_169016-19830.jpg",
+            },
+            {
+              title: "Smart Gadgets",
+              description: "Unboxing impact",
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-mystery-box_23-2149516474.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..907f64e
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,52 @@
+// 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 TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialColumnMarqueeCards
+          tag="Client Success"
+          title="What Brands Are Saying"
+          description="Don't just take my word for it—here is the feedback from our partners."
+          testimonials={[
+            {
+              name: "Sarah Miller",
+              role: "Marketing Dir",
+              quote: "The content felt organic and drove immediate sales for our new launch.",
+              imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
+            },
+            {
+              name: "Alex Rivera",
+              role: "Head of Social",
+              quote: "Professionalism meets trend-aware creative. We'll be working together again.",
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businesswoman-holding-smartphone_1262-6281.jpg",
+            },
+            {
+              name: "James Chen",
+              role: "Brand Manager",
+              quote: "An absolute joy to work with. Highly responsive and creative results.",
+              imageSrc: "http://img.b2bpic.net/free-photo/stylish-empty-home-with-industrial-classic-decor-elements_482257-121055.jpg",
+            },
+            {
+              name: "Emily D.",
+              role: "Ecommerce Mgr",
+              quote: "The best UGC creator we've hired this quarter. Exceeded our KPIs.",
+              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-prepared-shake-hands_23-2148479535.jpg",
+            },
+            {
+              name: "Mark Stevens",
+              role: "CMO",
+              quote: "Transformed our feed quality overnight. Pure creative brilliance.",
+              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}