diff --git a/src/app/cycling/page.tsx b/src/app/cycling/page.tsx
new file mode 100644
index 0000000..f7997a9
--- /dev/null
+++ b/src/app/cycling/page.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Bike, ShieldCheck, Settings, AlertCircle } from "lucide-react";
+
+export default function CyclingDisciplinePage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Cycling", id: "#cycling-guide" },
+            ]}
+            brandName="TriathlonLife"
+            button={{ text: "Get Started", href: "/" }}
+          />
+        </div>
+
+        <div id="cycling-guide" data-section="features">
+          <FeatureCardTwentySix
+            title="Cycling Mastery"
+            description="Comprehensive guide to elevating your cycling performance, from training techniques to equipment essentials."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Training Techniques",                description: "Focus on interval training, cadence drills, and threshold heart rate zones to improve speed and power output.",                buttonIcon: Settings,
+              },
+              {
+                title: "Equipment Essentials",                description: "Ensure a professional bike fit, check tire pressure regularly, and utilize aerodynamic components for efficiency.",                buttonIcon: Bike,
+              },
+              {
+                title: "Common Mistakes",                description: "Avoid overtraining, improper saddle height, and neglecting nutrition during long sessions.",                buttonIcon: AlertCircle,
+              },
+              {
+                title: "Safety Standards",                description: "Always wear a helmet, maintain bike components, and practice defensive riding on open roads.",                buttonIcon: ShieldCheck,
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }] },
+              { items: [{ label: "Cycling", href: "/cycling" }] }
+            ]}
+            logoText="TriathlonLife"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2b4f79a..f938133 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,6 +31,8 @@ export default function LandingPage() {
               { name: "Home", id: "hero" },
               { name: "About", id: "about" },
               { name: "Features", id: "features" },
+              { name: "Nutrition", id: "nutrition" },
+              { name: "Training", id: "training" },
               { name: "FAQ", id: "faq" },
             ]}
             brandName="TriathlonLife"
@@ -86,6 +88,36 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="nutrition" data-section="nutrition">
+          <FeatureCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="two-items-per-row"
+            useInvertedBackground={false}
+            features={[
+              { title: "Ironman Fueling", description: "Carb-loading, electrolyte management, and calorie intake strategies for long-distance efforts." },
+              { title: "Post-Race Recovery", description: "Protein windows and nutrient timing to repair muscles post-event." }
+            ]}
+            title="Nutrition Strategy"
+            description="Fuel your performance with ironman-specific nutrition protocols."
+          />
+        </div>
+
+        <div id="training" data-section="training">
+          <FeatureCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="two-items-per-row"
+            useInvertedBackground={false}
+            features={[
+              { title: "Race Preparation", description: "Tapering phases, mental visualization, and transition mastery." },
+              { title: "Volume Building", description: "Strategic increase in base mileage while managing fatigue and injury risk." }
+            ]}
+            title="Training Plans"
+            description="Comprehensive training blueprints to get you race-ready."
+          />
+        </div>
+
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardOne
             textboxLayout="default"
@@ -122,7 +154,7 @@ export default function LandingPage() {
           <FooterLogoEmphasis
             columns={[
               { items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }] },
-              { items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#" }] }
+              { items: [{ label: "Nutrition", href: "#nutrition" }, { label: "Training", href: "#training" }, { label: "FAQ", href: "#faq" }] }
             ]}
             logoText="TriathlonLife"
           />
diff --git a/src/app/running/page.tsx b/src/app/running/page.tsx
new file mode 100644
index 0000000..34711c3
--- /dev/null
+++ b/src/app/running/page.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function RunningPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Running", id: "/running" },
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "FAQ", id: "faq" },
+            ]}
+            brandName="TriathlonLife"
+            button={{ text: "Get Started", href: "#" }}
+          />
+        </div>
+
+        <div id="features" data-section="features">
+          <FeatureCardTwentySeven
+            title="Mastering the Running Discipline"
+            description="Expert advice, essential techniques, and gear recommendations to improve your run performance."
+            gridVariant="bento-grid"
+            animationType="slide-up"
+            textboxLayout="split"
+            features={[
+              { id: "1", title: "Running Form", description: "Focus on mid-foot strike, cadence, and posture to reduce injury risk." },
+              { id: "2", title: "Training Advice", description: "Incorporate interval runs, tempo runs, and long slow distance training for balance." },
+              { id: "3", title: "Essential Equipment", description: "Invest in gait-analyzed running shoes and moisture-wicking apparel." },
+              { id: "4", title: "Common Mistakes", description: "Avoid over-striding, ignoring recovery days, and rapidly increasing weekly mileage." }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Running", href: "/running" }] },
+              { items: [{ label: "FAQ", href: "/" }, { label: "Contact", href: "#" }] }
+            ]}
+            logoText="TriathlonLife"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 65ffd3d..a6b5d79 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5faff;
-  --card: #f1f8ff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #ff3d4a;
   --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #0a0a0a;
   --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --accent: #7b2d2d;
+  --background-accent: #b8111f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);