From 810bf450195d153eefba6212d223c91ba02604de Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Thu, 25 Jun 2026 08:16:18 +0000
Subject: [PATCH] Bob AI: Replaced hero with HeroBrand for fatigue page

---
 src/pages/HomePage.tsx                        | 243 ++----------------
 src/pages/HomePage/sections/About.tsx         |  22 ++
 src/pages/HomePage/sections/Contact.tsx       |  27 ++
 src/pages/HomePage/sections/Hero.tsx          |  18 ++
 .../sections/MalnutritionSolutions.tsx        |  64 +++++
 src/pages/HomePage/sections/Motivation.tsx    |  39 +++
 src/pages/HomePage/sections/Nutrition.tsx     |  58 +++++
 .../HomePage/sections/TrainingSchedules.tsx   |  34 +++
 8 files changed, 284 insertions(+), 221 deletions(-)
 create mode 100644 src/pages/HomePage/sections/About.tsx
 create mode 100644 src/pages/HomePage/sections/Contact.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/MalnutritionSolutions.tsx
 create mode 100644 src/pages/HomePage/sections/Motivation.tsx
 create mode 100644 src/pages/HomePage/sections/Nutrition.tsx
 create mode 100644 src/pages/HomePage/sections/TrainingSchedules.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index d89ad07..55a8dc5 100644
--- a/src/pages/HomePage.tsx
+++ b/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 />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
new file mode 100644
index 0000000..b336ad5
--- /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 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>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..55665c4
--- /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="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>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..7271e14
--- /dev/null
+++ b/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="Fatigue"
+        imageSrc="https://images.pexels.com/photos/12377231/pexels-photo-12377231.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&id=12377231"
+      />
+    </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/MalnutritionSolutions.tsx b/src/pages/HomePage/sections/MalnutritionSolutions.tsx
new file mode 100644
index 0000000..78491a5
--- /dev/null
+++ b/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>
+  );
+}
diff --git a/src/pages/HomePage/sections/Motivation.tsx b/src/pages/HomePage/sections/Motivation.tsx
new file mode 100644
index 0000000..caaf162
--- /dev/null
+++ b/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>
+  );
+}
diff --git a/src/pages/HomePage/sections/Nutrition.tsx b/src/pages/HomePage/sections/Nutrition.tsx
new file mode 100644
index 0000000..44fd6ed
--- /dev/null
+++ b/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>
+  );
+}
diff --git a/src/pages/HomePage/sections/TrainingSchedules.tsx b/src/pages/HomePage/sections/TrainingSchedules.tsx
new file mode 100644
index 0000000..ca0316d
--- /dev/null
+++ b/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>
+  );
+}
-- 
2.49.1