Update src/app/services/page.tsx

src/app/about/page.tsx

@@ -13,7 +13,7 @@ const navItems = [
   { name: "Home", id: "/" },
   { name: "Services", id: "/services" },
   { name: "Membership", id: "/membership" },
-  { name: "About", id: "/about" },
+  { name: "Assessment", id: "/#fitness-assessment" },
   { name: "Contact", id: "/contact" },
 ];
 
@@ -103,19 +103,16 @@ export default function AboutPage() {
           features={[
             {
               id: 1,
-              title: "Quality Equipment",              description:
-                "We invest in the latest, state-of-the-art fitness equipment to ensure our members have access to world-class training tools.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197736.jpg?_wi=2"},
+              title: "Quality Equipment",              description: "We invest in the latest, state-of-the-art fitness equipment to ensure our members have access to world-class training tools.",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197736.jpg?_wi=2"
+            },
             {
               id: 2,
-              title: "Expert Trainers",              description:
-                "Our certified fitness professionals bring years of experience and genuine passion for helping you achieve your goals.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg?_wi=2"},
+              title: "Expert Trainers",              description: "Our certified fitness professionals bring years of experience and genuine passion for helping you achieve your goals.",              imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg?_wi=2"
+            },
             {
               id: 3,
-              title: "Community Spirit",              description:
-                "We foster an inclusive, energetic environment where members motivate each other and celebrate collective success.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/young-woman-gym-fitnes_624325-2383.jpg?_wi=2"},
+              title: "Community Spirit",              description: "We foster an inclusive, energetic environment where members motivate each other and celebrate collective success.",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-gym-fitnes_624325-2383.jpg?_wi=2"
+            },
           ]}
           textboxLayout="default"
           animationType="blur-reveal"
@@ -159,4 +156,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -11,7 +11,7 @@ const navItems = [
   { name: "Home", id: "/" },
   { name: "Services", id: "/services" },
   { name: "Membership", id: "/membership" },
-  { name: "About", id: "/about" },
+  { name: "Assessment", id: "/#fitness-assessment" },
   { name: "Contact", id: "/contact" },
 ];
 
@@ -131,4 +131,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/membership/page.tsx

@@ -12,7 +12,7 @@ const navItems = [
   { name: "Home", id: "/" },
   { name: "Services", id: "/services" },
   { name: "Membership", id: "/membership" },
-  { name: "About", id: "/about" },
+  { name: "Assessment", id: "/#fitness-assessment" },
   { name: "Contact", id: "/contact" },
 ];
 
@@ -144,4 +144,4 @@ export default function MembershipPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -10,12 +10,13 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import Link from "next/link";
 import { Sparkles, Shield, Zap, Users, Star, Clock, Heart, Award } from "lucide-react";
+import { useState } from "react";
 
 const navItems = [
   { name: "Home", id: "/" },
   { name: "Services", id: "/services" },
   { name: "Membership", id: "/membership" },
-  { name: "About", id: "/about" },
+  { name: "Assessment", id: "#fitness-assessment" },
   { name: "Contact", id: "/contact" },
 ];
 
@@ -55,6 +56,24 @@ const footerColumns = [
 ];
 
 export default function HomePage() {
+  const [weight, setWeight] = useState("");
+  const [fitnessGoal, setFitnessGoal] = useState("");
+  const [hoursPerWeek, setHoursPerWeek] = useState("");
+  const [assessmentComplete, setAssessmentComplete] = useState(false);
+
+  const handleSubmitAssessment = (e: React.FormEvent) => {
+    e.preventDefault();
+    if (weight && fitnessGoal && hoursPerWeek) {
+      setAssessmentComplete(true);
+      setTimeout(() => {
+        setAssessmentComplete(false);
+        setWeight("");
+        setFitnessGoal("");
+        setHoursPerWeek("");
+      }, 2000);
+    }
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -112,7 +131,7 @@ export default function HomePage() {
 
       <div id="metrics" data-section="metrics" className="w-full py-16">
         <MetricCardOne
-          title="Ignite Fitness Club by the Numbers"
+          title="Why Choose Ignite Fitness Club"
           description="Trust indicators backed by real numbers and quality service"
           tag="Trust Indicators"
           tagIcon={Shield}
@@ -191,6 +210,84 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="fitness-assessment" data-section="fitness-assessment" className="w-full py-20">
+        <div className="mx-auto max-w-4xl px-6">
+          <div className="mb-12 text-center">
+            <h2 className="mb-4 text-4xl font-bold md:text-5xl">Personalized Fitness Assessment</h2>
+            <p className="text-lg text-foreground/80">Let us understand your fitness goals and create a personalized plan for you</p>
+          </div>
+
+          <div className="mx-auto max-w-2xl rounded-lg bg-card p-8 shadow-lg">
+            {assessmentComplete ? (
+              <div className="text-center">
+                <div className="mb-4 text-5xl">✅</div>
+                <h3 className="mb-2 text-2xl font-bold text-primary-cta">Assessment Submitted!</h3>
+                <p className="text-foreground/80">Thank you for completing your fitness assessment. Our trainers will review your information and reach out soon with a personalized plan.</p>
+              </div>
+            ) : (
+              <form onSubmit={handleSubmitAssessment} className="space-y-6">
+                <div>
+                  <label className="mb-2 block text-sm font-semibold text-foreground">
+                    Current Weight (kg)
+                  </label>
+                  <input
+                    type="number"
+                    step="0.1"
+                    placeholder="Enter your weight"
+                    value={weight}
+                    onChange={(e) => setWeight(e.target.value)}
+                    className="w-full rounded-lg border border-accent bg-background px-4 py-3 text-foreground placeholder-foreground/50 focus:border-primary-cta focus:outline-none"
+                    required
+                  />
+                </div>
+
+                <div>
+                  <label className="mb-2 block text-sm font-semibold text-foreground">
+                    Fitness Goal
+                  </label>
+                  <select
+                    value={fitnessGoal}
+                    onChange={(e) => setFitnessGoal(e.target.value)}
+                    className="w-full rounded-lg border border-accent bg-background px-4 py-3 text-foreground focus:border-primary-cta focus:outline-none"
+                    required
+                  >
+                    <option value="">Select your primary goal</option>
+                    <option value="weight-loss">Weight Loss</option>
+                    <option value="muscle-gain">Muscle Gain</option>
+                    <option value="strength">Build Strength</option>
+                    <option value="endurance">Improve Endurance</option>
+                    <option value="general-fitness">General Fitness</option>
+                    <option value="flexibility">Increase Flexibility</option>
+                  </select>
+                </div>
+
+                <div>
+                  <label className="mb-2 block text-sm font-semibold text-foreground">
+                    Hours Devoted to Fitness Per Week
+                  </label>
+                  <input
+                    type="number"
+                    step="0.5"
+                    placeholder="e.g., 3.5"
+                    value={hoursPerWeek}
+                    onChange={(e) => setHoursPerWeek(e.target.value)}
+                    className="w-full rounded-lg border border-accent bg-background px-4 py-3 text-foreground placeholder-foreground/50 focus:border-primary-cta focus:outline-none"
+                    required
+                  />
+                </div>
+
+                <button
+                  type="submit"
+                  className="w-full rounded-lg bg-primary-cta px-6 py-3 font-semibold text-primary-cta-text transition-all hover:opacity-90"
+                >
+                  Submit Assessment
+                </button>
+              </form>
+            )}
+          </div>
+        </div>
+      </div>
+
       <div id="testimonials" data-section="testimonials" className="w-full py-20">
         <TestimonialCardTen
           title="Testimonials from Our Community"

src/app/services/page.tsx

@@ -12,7 +12,7 @@ const navItems = [
   { name: "Home", id: "/" },
   { name: "Services", id: "/services" },
   { name: "Membership", id: "/membership" },
-  { name: "About", id: "/about" },
+  { name: "Assessment", id: "/#fitness-assessment" },
   { name: "Contact", id: "/contact" },
 ];
 
@@ -102,19 +102,16 @@ export default function ServicesPage() {
           features={[
             {
               id: 1,
-              title: "Weight Training Programs",              description:
-                "Build strength and muscle with our comprehensive weight training programs. Our certified trainers create personalized routines using modern equipment and proven techniques.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197736.jpg?_wi=3"},
+              title: "Weight Training Programs",              description: "Build strength and muscle with our comprehensive weight training programs. Our certified trainers create personalized routines using modern equipment and proven techniques.",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197736.jpg?_wi=3"
+            },
             {
               id: 2,
-              title: "Cardio & Endurance",              description:
-                "Improve cardiovascular health and stamina with premium cardio equipment including treadmills, rowing machines, and ellipticals guided by fitness experts.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/young-woman-gym-fitnes_624325-2383.jpg?_wi=3"},
+              title: "Cardio & Endurance",              description: "Improve cardiovascular health and stamina with premium cardio equipment including treadmills, rowing machines, and ellipticals guided by fitness experts.",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-gym-fitnes_624325-2383.jpg?_wi=3"
+            },
             {
               id: 3,
-              title: "One-on-One Personal Training",              description:
-                "Get dedicated attention from certified trainers who design custom workout plans, monitor form, and adjust intensity to match your progress and goals.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg?_wi=3"},
+              title: "One-on-One Personal Training",              description: "Get dedicated attention from certified trainers who design custom workout plans, monitor form, and adjust intensity to match your progress and goals.",              imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg?_wi=3"
+            },
           ]}
           textboxLayout="default"
           animationType="blur-reveal"
@@ -148,4 +145,4 @@ export default function ServicesPage() {
       </div>
     </ThemeProvider>
   );
-}
+}