Update src/app/services/page.tsx

Merge version_2 into main

src/app/layout.tsx

@@ -23,11 +23,13 @@ const inter = Inter({
 export const metadata: Metadata = {
   title: "Iron Pulse Fitness | 8-Week Body Transformation Coaching",  description: "Transform your body in 8 weeks with personalized fitness coaching and nutrition guidance. Join 500+ successful clients. Free workout plan included.",  keywords: "fitness coaching, body transformation, personal training, nutrition guidance, online coaching, weight loss, muscle gain",  metadataBase: new URL("https://ironpulsefitness.com"),
   alternates: {
-    canonical: "https://ironpulsefitness.com"},
+    canonical: "https://ironpulsefitness.com"
+  },
   openGraph: {
     title: "Iron Pulse Fitness | Transform Your Body in 8 Weeks",    description: "Real transformations through evidence-based coaching. 95% success rate.",    url: "https://ironpulsefitness.com",    siteName: "Iron Pulse Fitness",    type: "website",    images: [
       {
-        url: "http://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg",        alt: "Gym training"},
+        url: "http://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg",        alt: "Gym training"
+      },
     ],
   },
   twitter: {

src/app/page.tsx

@@ -33,6 +33,7 @@ export default function LandingPage() {
             { name: "Programs", id: "programs" },
             { name: "Results", id: "results" },
             { name: "Pricing", id: "pricing" },
+            { name: "Services", id: "/services" },
             { name: "Contact", id: "contact" },
             { name: "Sign In", id: "https://app.ironpulse.com/login" },
           ]}
@@ -48,13 +49,16 @@ export default function LandingPage() {
           background={{ variant: "downward-rays-static" }}
           avatars={[
             {
-              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Client 1"},
+              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Client 1"
+            },
             {
-              src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              alt: "Client 2"},
+              src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              alt: "Client 2"
+            },
             {
-              src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              alt: "Client 3"},
+              src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              alt: "Client 3"
+            },
           ]}
-          avatarText="Trusted by 500+ Transformed Lives"
+          avatarText="Trusted by 500+ Who Lost 20+ lbs in 8 Weeks"
           buttons={[
             { text: "Start Your Transformation", href: "#programs" },
             { text: "See Results", href: "#results" },
@@ -74,7 +78,7 @@ export default function LandingPage() {
             { value: "500+", title: "Clients Transformed" },
             { value: "95%", title: "Success Rate" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg?_wi=1"
           imageAlt="Fitness Coach Portrait"
           mediaAnimation="slide-up"
           metricsAnimation="slide-up"
@@ -95,15 +99,15 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              tag: "Most Popular",              title: "Weight Loss Program",              subtitle: "Shed pounds and build confidence",              description: "Our comprehensive weight loss program combines high-intensity interval training with proven nutrition strategies. Perfect for those looking to lose 15-30+ pounds while building lean muscle mass. Includes meal plans, daily coaching, and accountability check-ins.",              imageSrc: "http://img.b2bpic.net/free-photo/blond-woman-kitchen-with-fruits_23-2148173255.jpg",              imageAlt: "Weight Loss Program",              buttons: [{ text: "Learn More", href: "#pricing" }],
+              tag: "Most Popular",              title: "Weight Loss Program",              subtitle: "Shed pounds and build confidence",              description: "Our comprehensive weight loss program combines high-intensity interval training with proven nutrition strategies. Perfect for those looking to lose 15-30+ pounds while building lean muscle mass. Includes meal plans, daily coaching, and accountability check-ins.",              imageSrc: "http://img.b2bpic.net/free-photo/blond-woman-kitchen-with-fruits_23-2148173255.jpg?_wi=1",              imageAlt: "Weight Loss Program",              buttons: [{ text: "Learn More", href: "#pricing" }],
             },
             {
               id: 2,
-              tag: "For Strength",              title: "Muscle Gain Program",              subtitle: "Build your best physique",              description: "Gain 10-20+ pounds of pure muscle with our scientifically-designed hypertrophy program. Features progressive overload training, macro-optimized meal plans, and supplement guidance. Ideal for anyone ready to build serious muscle definition and strength.",              imageSrc: "http://img.b2bpic.net/free-photo/shirtless-man-working-out-with-weights-gym_1098-15142.jpg",              imageAlt: "Muscle Gain Program",              buttons: [{ text: "Learn More", href: "#pricing" }],
+              tag: "For Strength",              title: "Muscle Gain Program",              subtitle: "Build your best physique",              description: "Gain 10-20+ pounds of pure muscle with our scientifically-designed hypertrophy program. Features progressive overload training, macro-optimized meal plans, and supplement guidance. Ideal for anyone ready to build serious muscle definition and strength.",              imageSrc: "http://img.b2bpic.net/free-photo/shirtless-man-working-out-with-weights-gym_1098-15142.jpg?_wi=1",              imageAlt: "Muscle Gain Program",              buttons: [{ text: "Learn More", href: "#pricing" }],
             },
             {
               id: 3,
-              tag: "Premium",              title: "Online Personal Training",              subtitle: "Exclusive 1-on-1 coaching",              description: "Get fully customized workout programs, nutrition plans, and daily video coaching calls. This premium tier includes everything plus weekly progress reviews, exercise form corrections, and personalized supplement protocols for maximum results.",              imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg",              imageAlt: "Personal Training",              buttons: [{ text: "Get Started", href: "#pricing" }],
+              tag: "Premium",              title: "Online Personal Training",              subtitle: "Exclusive 1-on-1 coaching",              description: "Get fully customized workout programs, nutrition plans, and daily video coaching calls. This premium tier includes everything plus weekly progress reviews, exercise form corrections, and personalized supplement protocols for maximum results.",              imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg?_wi=1",              imageAlt: "Personal Training",              buttons: [{ text: "Get Started", href: "#pricing" }],
             },
           ]}
           buttons={[{ text: "View All Programs", href: "#pricing" }]}
@@ -126,16 +130,20 @@ export default function LandingPage() {
           testimonials={[
             {
               id: "1",              name: "James Mitchell",              role: "Software Engineer",              company: "Tech Corp",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/slim-sexy-blonde-young-sportswoman-with-athletic-body-pumped-press-poses-gym-looking-camera-black-sportswear-full-length-portrait_7502-8729.jpg"},
+              imageSrc: "http://img.b2bpic.net/free-photo/slim-sexy-blonde-young-sportswoman-with-athletic-body-pumped-press-poses-gym-looking-camera-black-sportswear-full-length-portrait_7502-8729.jpg"
+            },
             {
               id: "2",              name: "Sarah Johnson",              role: "Marketing Manager",              company: "Digital Agency",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/man-woman-park_1157-5262.jpg"},
+              imageSrc: "http://img.b2bpic.net/free-photo/man-woman-park_1157-5262.jpg"
+            },
             {
               id: "3",              name: "Marcus Williams",              role: "Sales Executive",              company: "Finance Corp",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/strong-shirtless-man-working-out-with-weights_1098-14601.jpg"},
+              imageSrc: "http://img.b2bpic.net/free-photo/strong-shirtless-man-working-out-with-weights_1098-14601.jpg"
+            },
             {
               id: "4",              name: "Emma Rodriguez",              role: "Business Owner",              company: "Fitness Retail",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-fitness-female-holds-dumbbells-outdoor-park_613910-521.jpg"},
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-fitness-female-holds-dumbbells-outdoor-park_613910-521.jpg"
+            },
           ]}
           ariaLabel="Testimonials section"
         />
@@ -175,17 +183,20 @@ export default function LandingPage() {
             {
               id: "basic",              badge: "Starter",              badgeIcon: Zap,
               price: "$297",              subtitle: "Perfect for first-time buyers",              features: [
-                "8-week transformation program",                "Customized meal plan",                "Weekly check-in calls",                "Email support",                "Results guarantee"],
+                "8-week transformation program",                "Customized meal plan",                "Weekly check-in calls",                "Email support",                "Results guarantee"
+              ],
             },
             {
               id: "pro",              badge: "Most Popular",              badgeIcon: Award,
               price: "$597",              subtitle: "Best for committed transformers",              features: [
-                "Everything in Starter",                "Bi-weekly video coaching",                "Supplement protocols",                "Priority support",                "Accountability partner",                "Bonus nutrition webinar"],
+                "Everything in Starter",                "Bi-weekly video coaching",                "Supplement protocols",                "Priority support",                "Accountability partner",                "Bonus nutrition webinar"
+              ],
             },
             {
               id: "elite",              badge: "Premium",              badgeIcon: Award,
               price: "$1,497",              subtitle: "Maximum results guarantee",              features: [
-                "Everything in Pro",                "Daily coaching calls",                "Custom workout videos",                "Lifetime access to portal",                "24/7 VIP support",                "Meal prep guidance",                "Lifetime nutrition updates"],
+                "Everything in Pro",                "Daily coaching calls",                "Custom workout videos",                "Lifetime access to portal",                "24/7 VIP support",                "Meal prep guidance",                "Lifetime nutrition updates"
+              ],
             },
           ]}
           buttons={[{ text: "Start Transformation Today", href: "#contact" }]}
@@ -241,7 +252,7 @@ export default function LandingPage() {
               title: "Company",              items: [
                 { label: "About", href: "#about" },
                 { label: "Success Stories", href: "#results" },
-                { label: "Pricing", href: "#pricing" },
+                { label: "Services", href: "/services" },
               ],
             },
             {

src/app/services/page.tsx

@@ -0,0 +1,147 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { Zap, CheckCircle, MessageSquare, Gift } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="mediumLarge"
+      background="floatingGradient"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="Iron Pulse"
+          navItems={[
+            { name: "Programs", id: "/" },
+            { name: "Results", id: "/" },
+            { name: "Pricing", id: "/" },
+            { name: "Services", id: "services" },
+            { name: "Contact", id: "contact" },
+            { name: "Sign In", id: "https://app.ironpulse.com/login" },
+          ]}
+          bottomLeftText="Transform Your Life"
+          bottomRightText="hello@ironpulse.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Professional Fitness & Nutrition Services"
+          description="From personalized coaching to nutrition planning, we offer comprehensive services designed to accelerate your transformation and help you achieve sustainable results."
+          background={{ variant: "downward-rays-static" }}
+          tag="Our Services"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg?_wi=2"
+          imageAlt="Services"
+          mediaAnimation="slide-up"
+          buttons={[
+            { text: "Get Started", href: "#services" },
+            { text: "Learn More", href: "#details" },
+          ]}
+          buttonAnimation="slide-up"
+          ariaLabel="Services hero section"
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureCardMedia
+          title="Services We Offer"
+          description="Each service is designed with scientific principles and proven methodologies to deliver maximum results."
+          tag="Services"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+          features={[
+            {
+              id: "1",              title: "Personalized Coaching",              description: "One-on-one video coaching with customized workout protocols, form corrections, and real-time adjustments to maximize your progress.",              tag: "Premium",              imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg?_wi=2",              imageAlt: "Personalized Coaching",              buttons: [{ text: "Learn More", href: "#" }],
+            },
+            {
+              id: "2",              title: "Nutrition Planning",              description: "Science-based meal plans tailored to your goals, lifestyle, and preferences. Includes macro calculations and weekly adjustments.",              tag: "Popular",              imageSrc: "http://img.b2bpic.net/free-photo/blond-woman-kitchen-with-fruits_23-2148173255.jpg?_wi=2",              imageAlt: "Nutrition Planning",              buttons: [{ text: "Learn More", href: "#" }],
+            },
+            {
+              id: "3",              title: "Body Composition Analysis",              description: "Detailed assessments tracking muscle mass, body fat, and overall progress. Includes personalized recommendations for optimization.",              tag: "Diagnostic",              imageSrc: "http://img.b2bpic.net/free-photo/shirtless-man-working-out-with-weights-gym_1098-15142.jpg?_wi=2",              imageAlt: "Body Composition",              buttons: [{ text: "Learn More", href: "#" }],
+            },
+            {
+              id: "4",              title: "Accountability & Support",              description: "Daily check-ins, progress tracking, and motivational support to keep you accountable and on track throughout your journey.",              tag: "Support",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Accountability Support",              buttons: [{ text: "Learn More", href: "#" }],
+            },
+          ]}
+          buttons={[{ text: "Explore All Services", href: "#" }]}
+          buttonAnimation="slide-up"
+          carouselMode="buttons"
+          ariaLabel="Services section"
+        />
+      </div>
+
+      <div id="cta" data-section="cta">
+        <ContactCenter
+          tag="Ready to Start?"
+          tagIcon={Gift}
+          tagAnimation="slide-up"
+          title="Schedule Your Free Consultation"
+          description="Let's discuss your fitness goals and create a customized plan that works for you. Schedule a 30-minute strategy call with our team at no cost."
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={true}
+          inputPlaceholder="Enter your email address"
+          buttonText="Book Your Consultation"
+          termsText="We'll get back to you within 24 hours to confirm your consultation time."
+          ariaLabel="Services CTA section"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Iron Pulse Fitness"
+          columns={[
+            {
+              title: "Programs",              items: [
+                { label: "Weight Loss", href: "/" },
+                { label: "Muscle Gain", href: "/" },
+                { label: "Personal Training", href: "/" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "Home", href: "/" },
+                { label: "Services", href: "/services" },
+                { label: "Pricing", href: "/" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "Contact", href: "#contact" },
+                { label: "FAQ", href: "#" },
+                { label: "Terms", href: "#" },
+              ],
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "WhatsApp", href: "https://wa.me/15551234567" },
+              ],
+            },
+          ]}
+          copyrightText="© 2025 Iron Pulse Fitness. All rights reserved. | Built for Transformation"
+          ariaLabel="Site footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #000f06e6;;
-  --primary-cta: #0a7039;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;; */
+  /* --background: #ffffff;;;
+  --card: #f9f9f9;;;
+  --foreground: #000612e6;;;
+  --primary-cta: #15479c;;;
+  --secondary-cta: #f9f9f9;;;
+  --accent: #e2e2e2;;;
+  --background-accent: #c4c4c4;;; */
 
-  --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #000f06e6;;
-  --primary-cta: #0a7039;;
-  --primary-cta-text: #ffffff;;
-  --secondary-cta: #f9f9f9;;
-  --secondary-cta-text: #000f06e6;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;;
+  --background: #ffffff;;;
+  --card: #f9f9f9;;;
+  --foreground: #000612e6;;;
+  --primary-cta: #15479c;;;
+  --primary-cta-text: #ffffff;;;
+  --secondary-cta: #f9f9f9;;;
+  --secondary-cta-text: #000612e6;;;
+  --accent: #e2e2e2;;;
+  --background-accent: #c4c4c4;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);