From 8fa3fb592c9d12f49fa1ac5b31c0d2cdf05eb5d0 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Thu, 25 Jun 2026 08:30:26 +0000
Subject: [PATCH 1/2] Bob AI: Add fatigue page

---
 src/App.tsx               |  2 +
 src/components/Layout.tsx |  2 +
 src/pages/FatiguePage.tsx | 95 +++++++++++++++++++++++++++++++++++++++
 src/routes.ts             |  1 +
 4 files changed, 100 insertions(+)
 create mode 100644 src/pages/FatiguePage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 1351757..0d5acc1 100644
--- a/src/App.tsx
+++ b/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>
   );
 }
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 467cd59..9b9684b 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -36,6 +36,8 @@ export default function Layout() {
     "href": "#training-schedules"
   },
   { name: "Nutrition", href: "/nutrition" },
+  { name: "Fatigue", href: "/fatigue" },
+
 
 ];
 
diff --git a/src/pages/FatiguePage.tsx b/src/pages/FatiguePage.tsx
new file mode 100644
index 0000000..dc4d7fb
--- /dev/null
+++ b/src/pages/FatiguePage.tsx
@@ -0,0 +1,95 @@
+import React from "react";
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import FeaturesBentoGrid from "@/components/sections/features/FeaturesBentoGrid";
+import PricingLayeredCards from "@/components/sections/pricing/PricingLayeredCards";
+import ContactCta from "@/components/sections/contact/ContactCta";
+
+export default function FatiguePage() {
+  return (
+    <div className="min-h-screen bg-background text-foreground">
+      <NavbarCentered
+        logo="Vitality"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Start Program", href: "/contact" }}
+      />
+
+      <main>
+        <HeroSplit
+          tag="Fatigue Management"
+          title="Reclaim Your Energy Naturally"
+          description="Discover how the right balance of vegetables, fruits, and structured weekly programs can help you overcome chronic fatigue and restore your vitality."
+          primaryButton={{ text: "Explore Programs", href: "#programs" }}
+          secondaryButton={{ text: "Learn Nutrition", href: "#nutrition" }}
+          imageSrc="https://images.unsplash.com/photo-1490645935967-10de6ba17061?auto=format&fit=crop&q=80"
+        />
+
+        <div id="nutrition">
+          <FeaturesBentoGrid
+            tag="Nutrition Focus"
+            title="Fuel Your Body Right"
+            description="Incorporate these essential food groups into your daily routine to combat fatigue at the cellular level."
+            features={[
+              {
+                title: "Leafy Greens",
+                description: "Spinach and kale are packed with iron and B vitamins to boost energy production.",
+                imageSrc: "https://images.unsplash.com/photo-1576045057995-568f588f82fb?auto=format&fit=crop&q=80"
+              },
+              {
+                title: "Citrus Fruits",
+                description: "Oranges provide Vitamin C, crucial for absorbing iron and reducing tiredness.",
+                imageSrc: "https://images.unsplash.com/photo-1611080626919-7cf5a9dbab5b?auto=format&fit=crop&q=80"
+              },
+              {
+                title: "Root Vegetables",
+                description: "Sweet potatoes offer complex carbohydrates for sustained, slow-release energy.",
+                imageSrc: "https://images.unsplash.com/photo-1596647390517-990a42173457?auto=format&fit=crop&q=80"
+              },
+              {
+                title: "Antioxidant Berries",
+                description: "Blueberries protect cells from fatigue-inducing oxidative stress.",
+                imageSrc: "https://images.unsplash.com/photo-1464965911861-746a04b4bca6?auto=format&fit=crop&q=80"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="programs">
+          <PricingLayeredCards
+            tag="Weekly Programs"
+            title="Structured Recovery Plans"
+            description="Choose a weekly program designed to gradually rebuild your stamina through guided nutrition and activity."
+            plans={[
+              {
+                tag: "Beginner",
+                price: "Gentle Start",
+                description: "Perfect for severe fatigue. Focuses on basic nutritional shifts and light stretching.",
+                primaryButton: { text: "Start Gentle", href: "/contact" }
+              },
+              {
+                tag: "Intermediate",
+                price: "Steady Build",
+                description: "For moderate fatigue. Introduces structured meal planning and progressive activity.",
+                primaryButton: { text: "Start Steady", href: "/contact" }
+              },
+              {
+                tag: "Advanced",
+                price: "Vitality Plus",
+                description: "For maintaining high energy. Advanced nutrition timing and full activity schedules.",
+                primaryButton: { text: "Start Advanced", href: "/contact" }
+              }
+            ]}
+          />
+        </div>
+
+        <ContactCta
+          tag="Take Action"
+          text="Ready to beat fatigue for good?"
+          primaryButton={{ text: "Join a Program", href: "/contact" }}
+          secondaryButton={{ text: "Read the Blog", href: "/blog" }}
+        />
+      </main>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index 301c15a..07fdfff 100644
--- a/src/routes.ts
+++ b/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' },
 ];
-- 
2.49.1


From 277139d5a42e3ca2ff6c99fed218b52474d9cb94 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Thu, 25 Jun 2026 08:31:06 +0000
Subject: [PATCH 2/2] Bob AI: Populate src/pages/FatiguePage.tsx (snippet
 builder, 3 sections)

---
 src/pages/FatiguePage.tsx | 113 ++++++++------------------------------
 1 file changed, 22 insertions(+), 91 deletions(-)

diff --git a/src/pages/FatiguePage.tsx b/src/pages/FatiguePage.tsx
index dc4d7fb..be43ff3 100644
--- a/src/pages/FatiguePage.tsx
+++ b/src/pages/FatiguePage.tsx
@@ -1,95 +1,26 @@
-import React from "react";
-import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered";
-import HeroSplit from "@/components/sections/hero/HeroSplit";
-import FeaturesBentoGrid from "@/components/sections/features/FeaturesBentoGrid";
-import PricingLayeredCards from "@/components/sections/pricing/PricingLayeredCards";
-import ContactCta from "@/components/sections/contact/ContactCta";
+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 className="min-h-screen bg-background text-foreground">
-      <NavbarCentered
-        logo="Vitality"
-        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-        ctaButton={{ text: "Start Program", href: "/contact" }}
-      />
-
-      <main>
-        <HeroSplit
-          tag="Fatigue Management"
-          title="Reclaim Your Energy Naturally"
-          description="Discover how the right balance of vegetables, fruits, and structured weekly programs can help you overcome chronic fatigue and restore your vitality."
-          primaryButton={{ text: "Explore Programs", href: "#programs" }}
-          secondaryButton={{ text: "Learn Nutrition", href: "#nutrition" }}
-          imageSrc="https://images.unsplash.com/photo-1490645935967-10de6ba17061?auto=format&fit=crop&q=80"
-        />
-
-        <div id="nutrition">
-          <FeaturesBentoGrid
-            tag="Nutrition Focus"
-            title="Fuel Your Body Right"
-            description="Incorporate these essential food groups into your daily routine to combat fatigue at the cellular level."
-            features={[
-              {
-                title: "Leafy Greens",
-                description: "Spinach and kale are packed with iron and B vitamins to boost energy production.",
-                imageSrc: "https://images.unsplash.com/photo-1576045057995-568f588f82fb?auto=format&fit=crop&q=80"
-              },
-              {
-                title: "Citrus Fruits",
-                description: "Oranges provide Vitamin C, crucial for absorbing iron and reducing tiredness.",
-                imageSrc: "https://images.unsplash.com/photo-1611080626919-7cf5a9dbab5b?auto=format&fit=crop&q=80"
-              },
-              {
-                title: "Root Vegetables",
-                description: "Sweet potatoes offer complex carbohydrates for sustained, slow-release energy.",
-                imageSrc: "https://images.unsplash.com/photo-1596647390517-990a42173457?auto=format&fit=crop&q=80"
-              },
-              {
-                title: "Antioxidant Berries",
-                description: "Blueberries protect cells from fatigue-inducing oxidative stress.",
-                imageSrc: "https://images.unsplash.com/photo-1464965911861-746a04b4bca6?auto=format&fit=crop&q=80"
-              }
-            ]}
-          />
-        </div>
-
-        <div id="programs">
-          <PricingLayeredCards
-            tag="Weekly Programs"
-            title="Structured Recovery Plans"
-            description="Choose a weekly program designed to gradually rebuild your stamina through guided nutrition and activity."
-            plans={[
-              {
-                tag: "Beginner",
-                price: "Gentle Start",
-                description: "Perfect for severe fatigue. Focuses on basic nutritional shifts and light stretching.",
-                primaryButton: { text: "Start Gentle", href: "/contact" }
-              },
-              {
-                tag: "Intermediate",
-                price: "Steady Build",
-                description: "For moderate fatigue. Introduces structured meal planning and progressive activity.",
-                primaryButton: { text: "Start Steady", href: "/contact" }
-              },
-              {
-                tag: "Advanced",
-                price: "Vitality Plus",
-                description: "For maintaining high energy. Advanced nutrition timing and full activity schedules.",
-                primaryButton: { text: "Start Advanced", href: "/contact" }
-              }
-            ]}
-          />
-        </div>
-
-        <ContactCta
-          tag="Take Action"
-          text="Ready to beat fatigue for good?"
-          primaryButton={{ text: "Join a Program", href: "/contact" }}
-          secondaryButton={{ text: "Read the Blog", href: "/blog" }}
-        />
-      </main>
-    </div>
+    <>
+      <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>
+    </>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1