diff --git a/src/App.tsx b/src/App.tsx index 33d15f9..49ac79d 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom'; import Layout from './components/Layout'; import HomePage from './pages/HomePage'; +import NutritionPage from "@/pages/NutritionPage"; export default function App() { return ( }> } /> + } /> ); diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 815df5b..467cd59 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -34,7 +34,9 @@ export default function Layout() { { "name": "Training Schedules", "href": "#training-schedules" - } + }, + { name: "Nutrition", href: "/nutrition" }, + ]; return ( diff --git a/src/pages/NutritionPage.tsx b/src/pages/NutritionPage.tsx new file mode 100644 index 0000000..107f74c --- /dev/null +++ b/src/pages/NutritionPage.tsx @@ -0,0 +1,27 @@ +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 FaqSimple from "@/components/sections/faq/FaqSimple"; + +export default function NutritionPage() { + return ( + <> +

Personalized Nutrition

+

Nutrition Guide

Personalized Meal Plans

Tailored nutrition plans designed to meet your specific health and fitness goals.

+

Macronutrient Tracking

Learn how to balance proteins, fats, and carbs for optimal energy and recovery.

+

Hydration Strategies

Stay hydrated with our comprehensive guides on water intake and electrolyte balance.

+

Mindful Eating Practices

Build a healthier relationship with food and nourish your mind with every bite.

+
+ + ); +} diff --git a/src/routes.ts b/src/routes.ts index 362ecb5..301c15a 100644 --- a/src/routes.ts +++ b/src/routes.ts @@ -6,4 +6,5 @@ export interface Route { export const routes: Route[] = [ { path: '/', label: 'Home', pageFile: 'HomePage' }, + { path: '/nutrition', label: 'Nutrition', pageFile: 'NutritionPage' }, ];