bender/5e7815b1-160b-4aae-aaba-0e6d356f15f3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_9_1782376174762 into main #8

Merged
bender merged 2 commits from version_9_1782376174762 into main 2026-06-25 08:31:42 +00:00
Conversation 0 Commits 2 Files Changed 4 +31
4 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.tsx
View File

@@ -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>
);
}

2
src/components/Layout.tsx
View File

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

26
src/pages/FatiguePage.tsx Normal file
View File

@@ -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>
</>
);
}

1
src/routes.ts
View File

@@ -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' },
];