src/app/page.tsx

@@ -43,6 +43,7 @@ export default function LandingPage() {
           navItems={[
             { name: "Home", id: "home" },
             { name: "Workouts", id: "features" },
+            { name: "Services", id: "/services" },
             { name: "About", id: "about" },
             { name: "Pricing", id: "pricing" },
             { name: "Contact", id: "contact" },

src/app/services/page.tsx

@@ -0,0 +1,138 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import {
+  Flame,
+  Heart,
+  Leaf,
+  Target,
+  Wind,
+  Zap,
+  Dumbbell,
+} from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="medium"
+      background="blurBottom"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="layered"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="FitPulse"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Workouts", id: "#features" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "#about" },
+            { name: "Pricing", id: "#pricing" },
+            { name: "Contact", id: "#contact" },
+          ]}
+          bottomLeftText="Train Smarter"
+          bottomRightText="hello@fitpulse.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardGallery
+          title="Workout Routines for Every Body Part"
+          description="Discover our specialized workout routines targeting specific muscle groups and fitness goals. Whether you're looking to build strength, improve endurance, or enhance flexibility, we have expert-designed programs for every body part."
+          tag="Services"
+          tagIcon={Dumbbell}
+          tagAnimation="slide-up"
+          background={{ variant: "radial-gradient" }}
+          mediaItems={[
+            {
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/muscular-woman-exercising-with-dumbbells_23-2147789666.jpg",              imageAlt: "Arm and shoulder workout"},
+            {
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/male-feet-sneakers-running-treadmill-gym-exercise-concept_335224-798.jpg",              imageAlt: "Leg workout session"},
+            {
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/young-happy-sportswoman-warming-up-stretching-floor-while-exercising-living-room_637285-661.jpg?_wi=1",              imageAlt: "Core training"},
+            {
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/closeup-woman-with-hands-cupped-doing-stretching-exercises-floor_637285-3440.jpg",              imageAlt: "Back and flexibility work"},
+          ]}
+          mediaAnimation="slide-up"
+          buttons={[
+            { text: "Explore All Programs", href: "#features" },
+            { text: "Get Started Today", href: "#pricing" },
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardTwentySeven
+          features={[
+            {
+              id: "chest",              title: "Chest & Shoulders",              description: "Build a powerful chest and broad shoulders with targeted pressing and isolation exercises designed to maximize muscle growth and strength.",              imageSrc: "http://img.b2bpic.net/free-photo/muscular-woman-exercising-with-dumbbells_23-2147789666.jpg",              imageAlt: "Chest and shoulder workout"},
+            {
+              id: "back",              title: "Back & Lats",              description: "Develop a strong back with comprehensive rowing and pulling exercises. Build width and thickness while improving posture and reducing injury risk.",              imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-doing-pull-ups-on-horizontal-bar_1163-5411.jpg",              imageAlt: "Back workout routine"},
+            {
+              id: "arms",              title: "Arms & Biceps",              description: "Sculpt impressive arms with targeted bicep and tricep exercises. Our programs focus on both size and definition for that arm day pump.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-with-muscular-body-exercising_1163-5411.jpg",              imageAlt: "Arm and bicep exercises"},
+            {
+              id: "legs",              title: "Legs & Glutes",              description: "Build powerful legs and a sculpted posterior chain. From squats to lunges, these routines will strengthen and define your lower body.",              imageSrc: "http://img.b2bpic.net/free-photo/male-feet-sneakers-running-treadmill-gym-exercise-concept_335224-798.jpg",              imageAlt: "Leg workout session"},
+            {
+              id: "core",              title: "Core & Abs",              description: "Develop a strong, defined core with targeted abdominal and stabilization exercises. Perfect for functional strength and aesthetic goals.",              imageSrc: "http://img.b2bpic.net/free-photo/young-happy-sportswoman-warming-up-stretching-floor-while-exercising-living-room_637285-661.jpg?_wi=1",              imageAlt: "Core training exercises"},
+            {
+              id: "fullbody",              title: "Full Body Workouts",              description: "Efficient full-body routines that engage multiple muscle groups in one session. Ideal for busy schedules and overall fitness development.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-with-hands-cupped-doing-stretching-exercises-floor_637285-3440.jpg",              imageAlt: "Full body workout training"},
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          title="Body-Part Specific Routines"
+          description="Click on any routine card to explore detailed exercises, sets, reps, and expert tips for training each body part effectively."
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBase
+          logoText="FitPulse"
+          copyrightText="© 2025 FitPulse. All rights reserved."
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Workouts", href: "/#features" },
+                { label: "Services", href: "/services" },
+                { label: "Pricing", href: "/#pricing" },
+                { label: "Mobile App", href: "#" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/#about" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" },
+                { label: "Contact", href: "/#contact" },
+              ],
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Support Center", href: "#" },
+                { label: "FAQ", href: "#" },
+              ],
+            },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}