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 AboutPage from "@/pages/AboutPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/about" element={<AboutPage />} />
       </Route>
     </Routes>
   );

src/components/Layout.tsx

@@ -34,7 +34,9 @@ export default function Layout() {
   {
     "name": "Team",
     "href": "#team"
-  }
+  },
+  { name: "About", href: "/about" },
+
 ];
 
   return (

src/pages/AboutPage.tsx

@@ -0,0 +1,22 @@
+import Button from "@/components/ui/Button";
+import TextAnimation from "@/components/ui/TextAnimation";
+import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit";
+
+export default function AboutPage() {
+  return (
+    <>
+      <div data-webild-section="AboutTextSplit"><section aria-label="About section" className="py-20"><div className="flex flex-col gap-20 mx-auto w-content-width"><div className="flex flex-col md:flex-row gap-3 md:gap-15"><div className="w-full md:w-1/2"><TextAnimation text="Meet Anthony Meza: Architect of the New Odyssey" variant="fade-blur" gradientText={true} tag="h2" className="text-7xl 2xl:text-8xl leading-[1.15] font-semibold text-balance" /></div><div className="flex flex-col gap-2 w-full md:w-1/2"><TextAnimation key={0} text="I founded New Odyssey to help you navigate life's toughest challenges. Through relentless motivation, consistency, and custom plans for workouts, nutrition, and lifestyle, we forge your ultimate self." variant="fade-blur" gradientText={false} tag="p" className="text-xl md:text-2xl leading-snug text-balance" />
+<TextAnimation key={1} text="My journey began as a lifelong fitness enthusiast and was hardened by military service. That uncompromising discipline is the foundation of my coaching, ensuring you never settle for mediocrity." variant="fade-blur" gradientText={false} tag="p" className="text-xl md:text-2xl leading-snug text-balance" />
+<TextAnimation key={2} text="As a recent University of Oregon graduate with elite certifications in personal training, bodybuilding, and nutrition, I merge ancient warrior ethos with modern science to guide your heroic ascent." variant="fade-blur" gradientText={false} tag="p" className="text-xl md:text-2xl leading-snug text-balance" /><div className="flex flex-wrap gap-3 mt-2 md:mt-3"><Button text="Start Your Odyssey" href="/contact" variant="primary" /><Button text="View Programs" href="/programs" variant="secondary" animationDelay={0.1} /></div></div></div><div className="w-full border-b border-foreground/5" /></div></section></div>
+      <div data-webild-section="AboutFeaturesSplit"><AboutFeaturesSplit
+        tag="Meet Anthony Meza"
+        title="Forged in Discipline. Driven by Science."
+        description="Anthony Meza created New Odyssey to guide you through life's toughest challenges. Combining military discipline with academic rigor, he builds customized paths to your ultimate potential."
+        primaryButton={{"text":"Start Your Odyssey","href":"/contact"}}
+        secondaryButton={{"text":"View Programs","href":"/programs"}}
+        items={[{"icon":"Shield","title":"Military Discipline","description":"Forged in the armed forces, Anthony instills the relentless consistency required to conquer any obstacle."},{"icon":"Award","title":"Certified Expertise","description":"A University of Oregon graduate holding elite certifications in personal training, bodybuilding, and nutrition."},{"icon":"Target","title":"Customized Strategy","description":"Tailored blueprints spanning workouts, nutrition, and lifestyle to ensure your victory is inevitable."},{"icon":"Flame","title":"Lifelong Dedication","description":"A lifelong fitness enthusiast, Anthony leads by example, proving that true strength is a lifelong pursuit."}]}
+        imageSrc="https://img.freepik.com/free-photo/young-healthy-man-athlete-doing-exercise-with-ropes-gym-single-male-model-practicing-hard-training-his-upper-body-concept-healthy-lifestyle-sport-fitness-bodybuilding-wellbeing_155003-27879.jpg"
+      /></div>
+    </>
+  );
+}

src/routes.ts

@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/about', label: 'About', pageFile: 'AboutPage' },
 ];