diff --git a/src/index.css b/src/index.css
index 00a8c6b..3f8ab57 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,19 +1,19 @@
-@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
 @import "tailwindcss";
 @import "./styles/masks.css";
 @import "./styles/animations.css";
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #f5faff;
-  --card: #ffffff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
-  --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --background: #0F172A;
+  --card: #1E293B;
+  --foreground: #F8FAF9;
+  --primary-cta: #0E9F6E;
+  --primary-cta-text: #F8FAF9;
+  --secondary-cta: #1E293B;
+  --secondary-cta-text: #F8FAF9;
+  --accent: #94A3B8;
+  --background-accent: #334155;
 
   /* @layout/border-radius/rounded */
   --radius: 1.5rem;
@@ -88,7 +88,7 @@
   --color-background-accent: var(--background-accent);
 
   /* Fonts */
-  --font-sans: 'Nunito Sans', sans-serif;
+  --font-sans: 'Inter', sans-serif;
   --font-tight: "Inter Tight", sans-serif;
   --font-mono: monospace;
 
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 11b03d4..cc30aff 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,279 +1,36 @@
-import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSimple from '@/components/sections/faq/FaqSimple';
-import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
-import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
-import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
-import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
-import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
-import { Award, BarChart2, Flame, Target, Users, Zap } 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 FeaturesSection from './HomePage/sections/Features';
+import ProductSection from './HomePage/sections/Product';
+import MetricsSection from './HomePage/sections/Metrics';
+import TestimonialSection from './HomePage/sections/Testimonial';
+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">
-          <HeroBillboardTiltedCarousel
-      tag="Your Daily Nutrition Partner"
-      title="Hit Your Macros Without the Stress"
-      description="Log meals in seconds, visualize your nutrition in real-time, and stay accountable to your fitness goals. Nutri Track makes macro tracking effortless."
-      primaryButton={{
-        text: "Start Tracking Free",
-        href: "/signup",
-      }}
-      secondaryButton={{
-        text: "How it works",
-        href: "#features",
-      }}
-      items={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-finger-touching-tablet-s-screen_1134-270.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/boiled-chicken-cut-into-pieces-white-dish-wooden-table_1150-23186.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-male-swimmer-checking-mobile_23-2148326764.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/healthcare-provider-presenting-lab-test-results-patient-cabinet_482257-124790.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/health-fitness-nutrition-monitor-wellness-concept_53876-125041.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-mushrooms-tomatoes-bell-peppers-cutting-board_140725-145783.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutFeaturesSplit
-      tag="Why Nutri Track?"
-      title="Simplicity Meets Science"
-      description="We believe nutritional accountability should be fast, intuitive, and data-backed. No more guesswork, just results."
-      items={[
-        {
-          icon: Zap,
-          title: "Rapid Logging",
-          description: "Log your meals in under 10 seconds.",
-        },
-        {
-          icon: BarChart2,
-          title: "Real-time Analysis",
-          description: "See your macronutrient breakdown instantly.",
-        },
-        {
-          icon: Target,
-          title: "Personalized Goals",
-          description: "Set targets tailored to your lifestyle.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-sits-mat-uses-smartphone-online-workout-concept_169016-46953.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesDetailedSteps
-      tag="Getting Started"
-      title="Master Your Health in Three Steps"
-      description="Building healthy habits has never been easier than with Nutri Track."
-      steps={[
-        {
-          tag: "01",
-          title: "Set Your Targets",
-          subtitle: "Define your goals",
-          description: "Choose your macro and calorie targets based on your unique fitness aspirations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
-        },
-        {
-          tag: "02",
-          title: "Log Daily",
-          subtitle: "Record meals easily",
-          description: "Search our massive food database to track everything you consume in real-time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-searching-cooking-recipe-online-smartphone-standing-near_1258-203829.jpg",
-        },
-        {
-          tag: "03",
-          title: "Analyze Progress",
-          subtitle: "Visualize your results",
-          description: "Check your progress reports to keep yourself accountable and motivated long term.",
-          imageSrc: "http://img.b2bpic.net/free-photo/nutrition-facts-comparison-food-dietery_53876-123817.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="product" data-section="product">
-    <SectionErrorBoundary name="product">
-          <FeaturesRevealCardsBento
-      tag="All-in-One Dashboard"
-      title="Everything You Need to Succeed"
-      description="A comprehensive suite of tools built for your fitness journey."
-      items={[
-        {
-          title: "Macro Dashboard",
-          description: "Daily overview at a glance.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-reviewing-digital-tablet-with-greenscreen-template-coworking-space-working-budget-development-employee-analyzing-isolated-blank-mockup-template-gadget-display_482257-73710.jpg",
-        },
-        {
-          title: "Goal Profiles",
-          description: "Customize your plan anytime.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-vector/mobile-screen-templates-design_1057-551.jpg",
-        },
-        {
-          title: "History Reports",
-          description: "Monthly and weekly insights.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-holding-smartphone-with-horizontal-green-screen-business-office-young-adult-working-with-blank-chroma-key-isolated-template-with-mockup-background-mobile-phone-display_482257-40952.jpg",
-        },
-        {
-          title: "Smart Food Scan",
-          description: "Scan labels instantly.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-food-blogger-streaming-while-cooking-home_23-2148771600.jpg",
-        },
-        {
-          title: "Community Hub",
-          description: "Share milestones and tips.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-doing-sport-with-stats_23-2150040492.jpg",
-        },
-        {
-          title: "Coach Access",
-          description: "Share data with experts.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-women-looking-diagram_23-2148352787.jpg",
-        },
-        {
-          title: "Advanced Analytics",
-          description: "Deep-dive into performance.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165162.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProductSection />
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsIconCards
-      tag="Performance Stats"
-      title="Data That Drives Results"
-      description="Measure what matters most to your transformation."
-      metrics={[
-        {
-          icon: Flame,
-          title: "Meals Logged",
-          value: "12,500+",
-        },
-        {
-          icon: Award,
-          title: "Goals Met",
-          value: "95%",
-        },
-        {
-          icon: Users,
-          title: "Active Users",
-          value: "50k+",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />
 
-  <div id="testimonial" data-section="testimonial">
-    <SectionErrorBoundary name="testimonial">
-          <TestimonialMarqueeCards
-      tag="Success Stories"
-      title="Loved by the Community"
-      description="Join thousands of members crushing their fitness goals."
-      testimonials={[
-        {
-          name: "Sarah J.",
-          role: "Athlete",
-          quote: "The easiest way to track macros. I've seen massive improvements in my lifting performance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-stylish-sportsgirl-cropped-top-training-indoors-earphones-using-cell-phone-listening-dynamic-music-tracks_343059-3881.jpg",
-        },
-        {
-          name: "Mike D.",
-          role: "Nutritionist",
-          quote: "I recommend Nutri Track to all my clients. The dashboard provides clarity that leads to results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-resting-sportswear-with-smartphone_140725-16446.jpg",
-        },
-        {
-          name: "Jessica L.",
-          role: "Fitness Lover",
-          quote: "Tracking was always too hard until I found this app. Absolutely game-changing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-happy-fit-women-looking-each-other-fitness-club_23-2147949515.jpg",
-        },
-        {
-          name: "David K.",
-          role: "Trainer",
-          quote: "The accountability features are essential for my clients' consistency.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-person-winter-time_23-2149287033.jpg",
-        },
-        {
-          name: "Emily R.",
-          role: "Wellness Coach",
-          quote: "It's simple, clean, and gets the job done without any fluff.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happily-smiling-young-handsome-sporty-man-wearing-headband-wristbands-stretching-out-hand-towards-camera-showing-thumb-up-isolated-white_141793-77359.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqSimple
-      tag="Support"
-      title="Frequently Asked Questions"
-      description="Find answers to the most common questions about Nutri Track."
-      items={[
-        {
-          question: "Is the app really free?",
-          answer: "Yes, our core tracking features are free for everyone.",
-        },
-        {
-          question: "Can I sync with other devices?",
-          answer: "Absolutely, Nutri Track syncs seamlessly across phone, tablet, and web.",
-        },
-        {
-          question: "How accurate is the food database?",
-          answer: "We utilize verified nutrition data from multiple reliable sources for accuracy.",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Start Today"
-      text="Ready to take control of your nutrition journey?"
-      primaryButton={{
-        text: "Start Tracking Free",
-        href: "/signup",
-      }}
-      secondaryButton={{
-        text: "Contact Support",
-        href: "/support",
-      }}
-    />
-    </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..25c53d6
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,39 @@
+// 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 { Award, BarChart2, Flame, Target, Users, Zap } from "lucide-react";
+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="Why Nutri Track?"
+          title="Simplicity Meets Science"
+          description="We believe nutritional accountability should be fast, intuitive, and data-backed. No more guesswork, just results."
+          items={[
+            {
+              icon: Zap,
+              title: "Rapid Logging",
+              description: "Log your meals in under 10 seconds.",
+            },
+            {
+              icon: BarChart2,
+              title: "Real-time Analysis",
+              description: "See your macronutrient breakdown instantly.",
+            },
+            {
+              icon: Target,
+              title: "Personalized Goals",
+              description: "Set targets tailored to your lifestyle.",
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/woman-sits-mat-uses-smartphone-online-workout-concept_169016-46953.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..25eea1c
--- /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="Start Today"
+          text="Ready to take control of your nutrition journey?"
+          primaryButton={{
+            text: "Start Tracking Free",
+            href: "/signup",
+          }}
+          secondaryButton={{
+            text: "Contact Support",
+            href: "/support",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..f27d58a
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,34 @@
+// 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 FaqSimple from '@/components/sections/faq/FaqSimple';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqSimple
+          tag="Support"
+          title="Frequently Asked Questions"
+          description="Find answers to the most common questions about Nutri Track."
+          items={[
+            {
+              question: "Is the app really free?",
+              answer: "Yes, our core tracking features are free for everyone.",
+            },
+            {
+              question: "Can I sync with other devices?",
+              answer: "Absolutely, Nutri Track syncs seamlessly across phone, tablet, and web.",
+            },
+            {
+              question: "How accurate is the food database?",
+              answer: "We utilize verified nutrition data from multiple reliable sources for accuracy.",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx
new file mode 100644
index 0000000..4da3792
--- /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="Getting Started"
+          title="Master Your Health in Three Steps"
+          description="Building healthy habits has never been easier than with Nutri Track."
+          steps={[
+            {
+              tag: "01",
+              title: "Set Your Targets",
+              subtitle: "Define your goals",
+              description: "Choose your macro and calorie targets based on your unique fitness aspirations.",
+              imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
+            },
+            {
+              tag: "02",
+              title: "Log Daily",
+              subtitle: "Record meals easily",
+              description: "Search our massive food database to track everything you consume in real-time.",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-searching-cooking-recipe-online-smartphone-standing-near_1258-203829.jpg",
+            },
+            {
+              tag: "03",
+              title: "Analyze Progress",
+              subtitle: "Visualize your results",
+              description: "Check your progress reports to keep yourself accountable and motivated long term.",
+              imageSrc: "http://img.b2bpic.net/free-photo/nutrition-facts-comparison-food-dietery_53876-123817.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..3b575bb
--- /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 HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroBillboardTiltedCarousel
+          tag="Your Daily Nutrition Partner"
+          title="Hit Your Macros Without the Stress"
+          description="Log meals in seconds, visualize your nutrition in real-time, and stay accountable to your fitness goals. Nutri Track makes macro tracking effortless."
+          primaryButton={{
+            text: "Start Tracking Free",
+            href: "/signup",
+          }}
+          secondaryButton={{
+            text: "How it works",
+            href: "#features",
+          }}
+          items={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-finger-touching-tablet-s-screen_1134-270.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/boiled-chicken-cut-into-pieces-white-dish-wooden-table_1150-23186.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-male-swimmer-checking-mobile_23-2148326764.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/healthcare-provider-presenting-lab-test-results-patient-cabinet_482257-124790.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/health-fitness-nutrition-monitor-wellness-concept_53876-125041.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-mushrooms-tomatoes-bell-peppers-cutting-board_140725-145783.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..176235b
--- /dev/null
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,38 @@
+// 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 MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
+import { Award, BarChart2, Flame, Target, Users, Zap } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsIconCards
+          tag="Performance Stats"
+          title="Data That Drives Results"
+          description="Measure what matters most to your transformation."
+          metrics={[
+            {
+              icon: Flame,
+              title: "Meals Logged",
+              value: "12,500+",
+            },
+            {
+              icon: Award,
+              title: "Goals Met",
+              value: "95%",
+            },
+            {
+              icon: Users,
+              title: "Active Users",
+              value: "50k+",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Product.tsx b/src/pages/HomePage/sections/Product.tsx
new file mode 100644
index 0000000..66a82ae
--- /dev/null
+++ b/src/pages/HomePage/sections/Product.tsx
@@ -0,0 +1,64 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "product" section.
+
+import React from 'react';
+import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProductSection(): React.JSX.Element {
+  return (
+    <div id="product" data-section="product">
+        <SectionErrorBoundary name="product">
+              <FeaturesRevealCardsBento
+          tag="All-in-One Dashboard"
+          title="Everything You Need to Succeed"
+          description="A comprehensive suite of tools built for your fitness journey."
+          items={[
+            {
+              title: "Macro Dashboard",
+              description: "Daily overview at a glance.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-reviewing-digital-tablet-with-greenscreen-template-coworking-space-working-budget-development-employee-analyzing-isolated-blank-mockup-template-gadget-display_482257-73710.jpg",
+            },
+            {
+              title: "Goal Profiles",
+              description: "Customize your plan anytime.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-vector/mobile-screen-templates-design_1057-551.jpg",
+            },
+            {
+              title: "History Reports",
+              description: "Monthly and weekly insights.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-holding-smartphone-with-horizontal-green-screen-business-office-young-adult-working-with-blank-chroma-key-isolated-template-with-mockup-background-mobile-phone-display_482257-40952.jpg",
+            },
+            {
+              title: "Smart Food Scan",
+              description: "Scan labels instantly.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/female-food-blogger-streaming-while-cooking-home_23-2148771600.jpg",
+            },
+            {
+              title: "Community Hub",
+              description: "Share milestones and tips.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-doing-sport-with-stats_23-2150040492.jpg",
+            },
+            {
+              title: "Coach Access",
+              description: "Share data with experts.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/business-women-looking-diagram_23-2148352787.jpg",
+            },
+            {
+              title: "Advanced Analytics",
+              description: "Deep-dive into performance.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165162.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonial.tsx b/src/pages/HomePage/sections/Testimonial.tsx
new file mode 100644
index 0000000..9117838
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonial.tsx
@@ -0,0 +1,52 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonial" section.
+
+import React from 'react';
+import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialSection(): React.JSX.Element {
+  return (
+    <div id="testimonial" data-section="testimonial">
+        <SectionErrorBoundary name="testimonial">
+              <TestimonialMarqueeCards
+          tag="Success Stories"
+          title="Loved by the Community"
+          description="Join thousands of members crushing their fitness goals."
+          testimonials={[
+            {
+              name: "Sarah J.",
+              role: "Athlete",
+              quote: "The easiest way to track macros. I've seen massive improvements in my lifting performance.",
+              imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-stylish-sportsgirl-cropped-top-training-indoors-earphones-using-cell-phone-listening-dynamic-music-tracks_343059-3881.jpg",
+            },
+            {
+              name: "Mike D.",
+              role: "Nutritionist",
+              quote: "I recommend Nutri Track to all my clients. The dashboard provides clarity that leads to results.",
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-resting-sportswear-with-smartphone_140725-16446.jpg",
+            },
+            {
+              name: "Jessica L.",
+              role: "Fitness Lover",
+              quote: "Tracking was always too hard until I found this app. Absolutely game-changing.",
+              imageSrc: "http://img.b2bpic.net/free-photo/two-happy-fit-women-looking-each-other-fitness-club_23-2147949515.jpg",
+            },
+            {
+              name: "David K.",
+              role: "Trainer",
+              quote: "The accountability features are essential for my clients' consistency.",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-person-winter-time_23-2149287033.jpg",
+            },
+            {
+              name: "Emily R.",
+              role: "Wellness Coach",
+              quote: "It's simple, clean, and gets the job done without any fluff.",
+              imageSrc: "http://img.b2bpic.net/free-photo/happily-smiling-young-handsome-sporty-man-wearing-headband-wristbands-stretching-out-hand-towards-camera-showing-thumb-up-isolated-white_141793-77359.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}