Merge version_9_1782376174762 into main

Merge version_9_1782376174762 into main

src/App.tsx

@@ -4,6 +4,7 @@ import HomePage from './pages/HomePage';
 
 import NutritionPage from "@/pages/NutritionPage";
 import ServiceDetailPage from './pages/ServiceDetailPage';
+import FatiguePage from "@/pages/FatiguePage";
 export default function App() {
   return (
     <Routes>
@@ -12,6 +13,7 @@ export default function App() {
         <Route path="/nutrition" element={<NutritionPage />} />
       </Route>
           <Route path="/services/:slug" element={<ServiceDetailPage />} />
+      <Route path="/fatigue" element={<FatiguePage />} />
     </Routes>
   );
 }

src/components/Layout.tsx

@@ -36,6 +36,8 @@ export default function Layout() {
     "href": "#training-schedules"
   },
   { name: "Nutrition", href: "/nutrition" },
+  { name: "Fatigue", href: "/fatigue" },
+
 
 ];
 

src/pages/FatiguePage.tsx

@@ -0,0 +1,26 @@
+import Button from "@/components/ui/Button";
+import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import GridOrCarousel from "@/components/ui/GridOrCarousel";
+import { Check } from "lucide-react";
+
+export default function FatiguePage() {
+  return (
+    <>
+      <div data-webild-section="HeroSplit"><section aria-label="Hero section" className="relative flex items-center h-fit md:h-svh pt-25 pb-20 md:py-0"><HeroBackgroundSlot /><div className="flex flex-col md:flex-row items-center gap-12 md:gap-20 w-content-width mx-auto"><div className="w-full md:w-1/2"><div className="flex flex-col items-center md:items-start gap-3"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Overcome Exhaustion</p></div><TextAnimation text="Reclaim Your Energy Naturally" variant="fade-blur" gradientText={true} tag="h1" className="text-7xl 2xl:text-8xl leading-[1.15] font-semibold text-center md:text-left text-balance" /><TextAnimation text="Break free from chronic fatigue with our guided weekly programs. Learn how to fuel your body with revitalizing fruits and vegetables to restore your natural vitality." variant="fade-blur" gradientText={false} tag="p" className="md:max-w-8/10 text-lg md:text-xl leading-snug text-center md:text-left text-balance" /><div className="flex flex-wrap max-md:justify-center gap-3 mt-2 md:mt-3"><Button text="Explore Programs" href="#programs" variant="primary" /><Button text="Nutrition Guide" href="#nutrition" variant="secondary" animationDelay={0.1} /></div></div></div><ScrollReveal variant="slide-up" delay={0.2} className="w-full md:w-1/2 h-100 md:h-[65vh] md:max-h-[75svh] p-2 xl:p-3 2xl:p-4 card rounded overflow-hidden"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/top-view-assortment-vegetables-paper-bag_23-2148853335.jpg" /></ScrollReveal></div></section></div>
+      <div data-webild-section="FeaturesMediaCards"><section aria-label="Features 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>Reclaim Your Energy</p></div><TextAnimation text="Natural Solutions for Exhaustion" variant="fade-blur" 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="Discover how nutrient-rich foods and structured weekly programs can help you overcome fatigue and restore your vitality." variant="fade-blur" gradientText={false} tag="p" className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="View Programs" href="#programs" variant="primary" /><Button text="Learn More" href="#nutrition" variant="secondary" animationDelay={0.1} /></div></div><ScrollReveal variant="fade"><GridOrCarousel><div key="Power-Packed Vegetables" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/healthy-vegetables-wooden-table_1150-38014.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Power-Packed Vegetables</h3><p className="text-base leading-snug">Leafy greens and root vegetables provide essential vitamins to sustain your energy levels all day.</p></div></div>
+<div key="Revitalizing Fruits" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/top-view-fresh-fruits-arrangement_23-2148949688.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Revitalizing Fruits</h3><p className="text-base leading-snug">Antioxidant-rich fruits offer a natural, jitter-free energy boost to combat midday slumps.</p></div></div>
+<div key="Weekly Fatigue Programs" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/woman-writing-notebook-with-healthy-food_23-2148152684.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Weekly Fatigue Programs</h3><p className="text-base leading-snug">Structured routines combining nutrition, rest, and gentle movement to rebuild your stamina.</p></div></div></GridOrCarousel></ScrollReveal></div></section></div>
+      <div data-webild-section="PricingSimpleCards"><section aria-label="Pricing 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>Pricing Plans</p></div><TextAnimation text="Invest in Your Energy" variant="fade-blur" 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="Choose the right program to overcome exhaustion and reclaim your vitality through natural nutrition and structured support." variant="fade-blur" gradientText={false} tag="p" className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="Get Started" href="#signup" variant="primary" /><Button text="Compare Plans" href="#compare" variant="secondary" animationDelay={0.1} /></div></div><ScrollReveal variant="slide-up"><GridOrCarousel><div key="Nutrition Starter" className="flex flex-col gap-4 xl:gap-5 2xl:gap-6 p-6 xl:p-7 2xl:p-8 h-full card rounded"><div className="px-3 py-1 text-sm card rounded w-fit"><p>Nutrition Starter</p></div><div className="flex flex-col gap-1"><span className="text-5xl md:text-6xl font-semibold">$49/mo</span><span className="text-base font-medium">Boost your energy with our guided natural nutrition plan.</span></div><div className="w-full h-px bg-foreground/20" /><div className="flex flex-col gap-3"><div key="Weekly fruit & veggie guides" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Weekly fruit & veggie guides</span></div>
+<div key="Energy-boosting recipes" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Energy-boosting recipes</span></div>
+<div key="Daily hydration tracking" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Daily hydration tracking</span></div>
+<div key="Email support" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Email support</span></div></div></div>
+<div key="Full Recovery" className="flex flex-col gap-4 xl:gap-5 2xl:gap-6 p-6 xl:p-7 2xl:p-8 h-full card rounded"><div className="px-3 py-1 text-sm card rounded w-fit"><p>Full Recovery</p></div><div className="flex flex-col gap-1"><span className="text-5xl md:text-6xl font-semibold">$99/mo</span><span className="text-base font-medium">A complete weekly program to overcome exhaustion.</span></div><div className="w-full h-px bg-foreground/20" /><div className="flex flex-col gap-3"><div key="Everything in Starter" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Everything in Starter</span></div>
+<div key="Weekly fatigue management plan" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Weekly fatigue management plan</span></div>
+<div key="1-on-1 energy coaching" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">1-on-1 energy coaching</span></div>
+<div key="Sleep hygiene protocols" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Sleep hygiene protocols</span></div></div></div></GridOrCarousel></ScrollReveal></div></section></div>
+    </>
+  );
+}

src/pages/HomePage.tsx

@@ -1,232 +1,33 @@
-import AboutText from '@/components/sections/about/AboutText';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
-import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
-import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
-import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
-import { Award, Shield, 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 MalnutritionSolutionsSection from './HomePage/sections/MalnutritionSolutions';
+import NutritionSection from './HomePage/sections/Nutrition';
+import TrainingSchedulesSection from './HomePage/sections/TrainingSchedules';
+import MotivationSection from './HomePage/sections/Motivation';
+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="Personal Empowerment"
-      title="Fuel Your Body, Nourish Your Mind"
-      description="Comprehensive health resources, personalized training, and the motivation to achieve your true potential."
-      primaryButton={{
-        text: "Start My Plan",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "Learn More",
-        href: "#about",
-      }}
-      items={[
-        {
-          text: "Medical Backed",
-          icon: Shield,
-        },
-        {
-          text: "Elite Coaching",
-          icon: Award,
-        },
-        {
-          text: "Daily Motivation",
-          icon: Sparkles,
-        },
-      ]}
-      imageSrc="https://images.pexels.com/photos/12377231/pexels-photo-12377231.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&id=12377231"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutText
-      title="Why EmpowerVitality?"
-      primaryButton={{
-        text: "View App Features",
-        href: "#contact",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="malnutrition-solutions" data-section="malnutrition-solutions">
-    <SectionErrorBoundary name="malnutrition-solutions">
-          <FeaturesRevealCardsBento
-      tag="Solutions"
-      title="Overcoming Malnutrition"
-      description="Addressing common symptoms with scientific, actionable advice."
-      items={[
-        {
-          title: "Fatigue",
-          description: "Often caused by iron deficiency. Remedy: Leafy greens and red meat intake.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-bright-fresh-vegetables-fruits-berries_169016-20713.jpg",
-        },
-        {
-          title: "Hair Thinning",
-          description: "Protein and Zinc deficiency. Remedy: Nuts, seeds, and biotin-rich foods.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/different-tasty-nutritious-food-lunch-close-up_185193-109947.jpg",
-        },
-        {
-          title: "Poor Healing",
-          description: "Vitamin C or Zinc lack. Remedy: Citrus fruits and legumes.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/assortment-healthy-food-immunity-boosting_23-2148890233.jpg",
-        },
-        {
-          title: "Skin Issues",
-          description: "Omega-3 deficiency. Remedy: Fatty fish and flax seeds.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-fruits-vegetables-arranged-row-wooden-table_23-2148026924.jpg",
-        },
-        {
-          title: "Muscle Weakness",
-          description: "Lack of Magnesium. Remedy: Bananas, avocados, and dark chocolate.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-vegetable-salad-with-avocado-eggs_169016-19823.jpg",
-        },
-        {
-          title: "Mood Swings",
-          description: "B12/Folate deficiency. Remedy: Dairy, eggs, and fortified cereals.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/vegetables-fruits-flat-lay-isolated-white-background_169016-20651.jpg",
-        },
-        {
-          title: "Poor Focus",
-          description: "Omega-3 or B vitamin gap. Remedy: Walnuts and deep-sea fish.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fruits-composition-different-fruits-white-background_140725-138719.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MalnutritionSolutionsSection />
 
-  <div id="nutrition" data-section="nutrition">
-    <SectionErrorBoundary name="nutrition">
-          <FeaturesMediaCarousel
-      tag="Healthy Living"
-      title="Nutrition for Mind & Body"
-      description="Foods categorized for your specific development goals."
-      items={[
-        {
-          title: "Beautify Hair",
-          description: "Rich in biotin and keratin support.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-fruits-vegetables_23-2147778432.jpg",
-        },
-        {
-          title: "Nourish Skin",
-          description: "Hydrating and collagen-boosting nutrients.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-fresh-fruits-inside-plates-white-background-tropical-ripe-diet-mellow-exotic-healthy-life_140725-98384.jpg",
-        },
-        {
-          title: "Cognitive Clarity",
-          description: "Antioxidant-heavy foods for brain health.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-photo/plate-with-vegetables-seeds-nuts-generative-ai_169016-36598.jpg",
-        },
-        {
-          title: "Muscle Repair",
-          description: "High amino acid content for growth.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-apples-with-sliced-oranges-plums-white-background-ripe-mellow-fruits-fresh-apple_140725-116624.jpg",
-        },
-        {
-          title: "Metabolic Boost",
-          description: "Thermogenic ingredients for energy.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-with-seasonings-white-table_140725-144141.jpg",
-        },
-        {
-          title: "Bone Strength",
-          description: "Calcium and Vitamin D rich sources.",
-          buttonIcon: "Zap",
-          imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=5rsczb",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <NutritionSection />
 
-  <div id="training-schedules" data-section="training-schedules">
-    <SectionErrorBoundary name="training-schedules">
-          <MetricsMediaCards
-      tag="Professional Guides"
-      title="Doctor & Athlete Schedules"
-      description="Scientifically recommended physical and mental training."
-      metrics={[
-        {
-          value: "100%",
-          title: "Mental Focus",
-          description: "Guided daily meditation protocols.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-sharing-feelings-emotions-group-therapy-session_23-2151073971.jpg",
-        },
-        {
-          value: "5x",
-          title: "Physical Strength",
-          description: "Athletic standard conditioning plans.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-woman-talking_23-2148894920.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TrainingSchedulesSection />
 
-  <div id="motivation" data-section="motivation">
-    <SectionErrorBoundary name="motivation">
-          <FaqSplitMedia
-      tag="Inspiration"
-      title="Motivation Worldwide"
-      description="Essential quotes and reading list for empowerment."
-      items={[
-        {
-          question: "Marcus Aurelius on Life",
-          answer: "The happiness of your life depends upon the quality of your thoughts.",
-        },
-        {
-          question: "Atomic Habits (James Clear)",
-          answer: "Small changes, remarkable results. A cornerstone of personal development.",
-        },
-        {
-          question: "Viktor Frankl on Purpose",
-          answer: "When we are no longer able to change a situation, we are challenged to change ourselves.",
-        },
-        {
-          question: "Mindset (Carol Dweck)",
-          answer: "The power of believing you can improve your intelligence and ability.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-writing-map_23-2147776872.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MotivationSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Personalized Plan"
-      text="Input your details for a custom weekly exercise and nutrition guide."
-      primaryButton={{
-        text: "Get My Plan",
-        href: "#",
-      }}
-      secondaryButton={{
-        text: "View Demo",
-        href: "#",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
     </>
   );
 }

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 AboutText from '@/components/sections/about/AboutText';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutText
+          title="Why EmpowerVitality?"
+          primaryButton={{
+            text: "View App Features",
+            href: "#contact",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

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="Personalized Plan"
+          text="Input your details for a custom weekly exercise and nutrition guide."
+          primaryButton={{
+            text: "Get My Plan",
+            href: "#",
+          }}
+          secondaryButton={{
+            text: "View Demo",
+            href: "#",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Hero.tsx

@@ -0,0 +1,18 @@
+// Created by add_section_from_catalog (HeroBrand).
+
+import React from 'react';
+import HeroBrand from '@/components/sections/hero/HeroBrand';
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="hero" id="hero">
+      <HeroBrand
+        description="Overcome exhaustion and reclaim your energy with our specialized fatigue management programs."
+        primaryButton={{"href":"#contact","text":"Start My Plan"}}
+        secondaryButton={{"href":"#about","text":"Learn More"}}
+        brand="VitalitySphere"
+        imageSrc="https://picsum.photos/seed/1706416723/1200/800"
+      />
+    </div>
+  );
+}

src/pages/HomePage/sections/MalnutritionSolutions.tsx

@@ -0,0 +1,64 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "malnutrition-solutions" section.
+
+import React from 'react';
+import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MalnutritionSolutionsSection(): React.JSX.Element {
+  return (
+    <div id="malnutrition-solutions" data-section="malnutrition-solutions">
+        <SectionErrorBoundary name="malnutrition-solutions">
+              <FeaturesRevealCardsBento
+          tag="Solutions"
+          title="Overcoming Malnutrition"
+          description="Addressing common symptoms with scientific, actionable advice."
+          items={[
+            {
+              title: "Fatigue",
+              description: "Often caused by iron deficiency. Remedy: Leafy greens and red meat intake.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-bright-fresh-vegetables-fruits-berries_169016-20713.jpg",
+            },
+            {
+              title: "Hair Thinning",
+              description: "Protein and Zinc deficiency. Remedy: Nuts, seeds, and biotin-rich foods.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/different-tasty-nutritious-food-lunch-close-up_185193-109947.jpg",
+            },
+            {
+              title: "Poor Healing",
+              description: "Vitamin C or Zinc lack. Remedy: Citrus fruits and legumes.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/assortment-healthy-food-immunity-boosting_23-2148890233.jpg",
+            },
+            {
+              title: "Skin Issues",
+              description: "Omega-3 deficiency. Remedy: Fatty fish and flax seeds.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/fresh-fruits-vegetables-arranged-row-wooden-table_23-2148026924.jpg",
+            },
+            {
+              title: "Muscle Weakness",
+              description: "Lack of Magnesium. Remedy: Bananas, avocados, and dark chocolate.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-vegetable-salad-with-avocado-eggs_169016-19823.jpg",
+            },
+            {
+              title: "Mood Swings",
+              description: "B12/Folate deficiency. Remedy: Dairy, eggs, and fortified cereals.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/vegetables-fruits-flat-lay-isolated-white-background_169016-20651.jpg",
+            },
+            {
+              title: "Poor Focus",
+              description: "Omega-3 or B vitamin gap. Remedy: Walnuts and deep-sea fish.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fruits-composition-different-fruits-white-background_140725-138719.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Motivation.tsx

@@ -0,0 +1,39 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "motivation" section.
+
+import React from 'react';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MotivationSection(): React.JSX.Element {
+  return (
+    <div id="motivation" data-section="motivation">
+        <SectionErrorBoundary name="motivation">
+              <FaqSplitMedia
+          tag="Inspiration"
+          title="Motivation Worldwide"
+          description="Essential quotes and reading list for empowerment."
+          items={[
+            {
+              question: "Marcus Aurelius on Life",
+              answer: "The happiness of your life depends upon the quality of your thoughts.",
+            },
+            {
+              question: "Atomic Habits (James Clear)",
+              answer: "Small changes, remarkable results. A cornerstone of personal development.",
+            },
+            {
+              question: "Viktor Frankl on Purpose",
+              answer: "When we are no longer able to change a situation, we are challenged to change ourselves.",
+            },
+            {
+              question: "Mindset (Carol Dweck)",
+              answer: "The power of believing you can improve your intelligence and ability.",
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/close-up-writing-map_23-2147776872.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Nutrition.tsx

@@ -0,0 +1,58 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "nutrition" section.
+
+import React from 'react';
+import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function NutritionSection(): React.JSX.Element {
+  return (
+    <div id="nutrition" data-section="nutrition">
+        <SectionErrorBoundary name="nutrition">
+              <FeaturesMediaCarousel
+          tag="Healthy Living"
+          title="Nutrition for Mind & Body"
+          description="Foods categorized for your specific development goals."
+          items={[
+            {
+              title: "Beautify Hair",
+              description: "Rich in biotin and keratin support.",
+              buttonIcon: "Zap",
+              imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-fruits-vegetables_23-2147778432.jpg",
+            },
+            {
+              title: "Nourish Skin",
+              description: "Hydrating and collagen-boosting nutrients.",
+              buttonIcon: "Zap",
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-fresh-fruits-inside-plates-white-background-tropical-ripe-diet-mellow-exotic-healthy-life_140725-98384.jpg",
+            },
+            {
+              title: "Cognitive Clarity",
+              description: "Antioxidant-heavy foods for brain health.",
+              buttonIcon: "Zap",
+              imageSrc: "http://img.b2bpic.net/free-photo/plate-with-vegetables-seeds-nuts-generative-ai_169016-36598.jpg",
+            },
+            {
+              title: "Muscle Repair",
+              description: "High amino acid content for growth.",
+              buttonIcon: "Zap",
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-apples-with-sliced-oranges-plums-white-background-ripe-mellow-fruits-fresh-apple_140725-116624.jpg",
+            },
+            {
+              title: "Metabolic Boost",
+              description: "Thermogenic ingredients for energy.",
+              buttonIcon: "Zap",
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-with-seasonings-white-table_140725-144141.jpg",
+            },
+            {
+              title: "Bone Strength",
+              description: "Calcium and Vitamin D rich sources.",
+              buttonIcon: "Zap",
+              imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=5rsczb",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/TrainingSchedules.tsx

@@ -0,0 +1,34 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "training-schedules" section.
+
+import React from 'react';
+import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TrainingSchedulesSection(): React.JSX.Element {
+  return (
+    <div id="training-schedules" data-section="training-schedules">
+        <SectionErrorBoundary name="training-schedules">
+              <MetricsMediaCards
+          tag="Professional Guides"
+          title="Doctor & Athlete Schedules"
+          description="Scientifically recommended physical and mental training."
+          metrics={[
+            {
+              value: "100%",
+              title: "Mental Focus",
+              description: "Guided daily meditation protocols.",
+              imageSrc: "http://img.b2bpic.net/free-photo/people-sharing-feelings-emotions-group-therapy-session_23-2151073971.jpg",
+            },
+            {
+              value: "5x",
+              title: "Physical Strength",
+              description: "Athletic standard conditioning plans.",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-woman-talking_23-2148894920.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/routes.ts

@@ -7,4 +7,5 @@ export interface Route {
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
   { path: '/nutrition', label: 'Nutrition', pageFile: 'NutritionPage' },
+  { path: '/fatigue', label: 'Fatigue', pageFile: 'FatiguePage' },
 ];