diff --git a/src/app/page.tsx b/src/app/page.tsx index d4edd37..fa073a5 100644 --- a/src/app/page.tsx +++ b/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 ( @@ -147,27 +169,32 @@ export default function HomePage() { id: 1, title: "Weight Training", description: "State-of-the-art strength training equipment with personalized guidance from certified trainers. Build muscle and increase power.", imageSrc: - "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197736.jpg?_wi=1"}, + "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197736.jpg?_wi=1" + }, { id: 2, title: "Cardio Excellence", description: "Premium cardio machines including treadmills, ellipticals, and rowing machines. Improve endurance and heart health.", imageSrc: - "http://img.b2bpic.net/free-photo/young-woman-gym-fitnes_624325-2383.jpg?_wi=1"}, + "http://img.b2bpic.net/free-photo/young-woman-gym-fitnes_624325-2383.jpg?_wi=1" + }, { id: 3, title: "Personal Training", description: "One-on-one coaching with certified fitness professionals. Customized workout plans tailored to your goals.", imageSrc: - "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg?_wi=1"}, + "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg?_wi=1" + }, { id: 4, title: "Fitness Testing", description: "Comprehensive fitness assessments and body composition analysis. Track progress with scientific precision.", imageSrc: - "http://img.b2bpic.net/free-photo/female-athlete-doing-physical-effort-stepper-doctor-follows-her-sports-laboratory_482257-31674.jpg"}, + "http://img.b2bpic.net/free-photo/female-athlete-doing-physical-effort-stepper-doctor-follows-her-sports-laboratory_482257-31674.jpg" + }, { id: 5, title: "Nutrition Counseling", description: "Expert nutrition guidance and meal planning. Achieve your fitness goals with the right dietary support.", imageSrc: - "http://img.b2bpic.net/free-photo/healthy-menu-recipe-food-diet_53876-122837.jpg"}, + "http://img.b2bpic.net/free-photo/healthy-menu-recipe-food-diet_53876-122837.jpg" + }, ]} textboxLayout="default" animationType="blur-reveal" @@ -193,6 +220,84 @@ export default function HomePage() { /> +
+
+
+

Personalized Fitness Assessment

+

Let us understand your fitness goals and create a personalized plan for you

+
+ +
+ {assessmentComplete ? ( +
+
+

Assessment Submitted!

+

Thank you for completing your fitness assessment. Our trainers will review your information and reach out soon with a personalized plan.

+
+ ) : ( +
+
+ + 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 + /> +
+ +
+ + +
+ +
+ + 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 + /> +
+ + +
+ )} +
+
+
+
@@ -255,4 +366,4 @@ export default function HomePage() {
); -} \ No newline at end of file +}