diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx new file mode 100644 index 0000000..6fd62d9 --- /dev/null +++ b/src/pages/Index.tsx @@ -0,0 +1,284 @@ +import { Link } from "react-router-dom"; +import { Button } from "@/components/ui/button"; +import { Card, CardContent } from "@/components/ui/card"; +import { Badge } from "@/components/ui/badge"; +import { + ArrowRight, Flame, Dumbbell, Heart, Zap, Timer, Trophy, + Users, Star, Quote, CheckCircle, ChevronRight +} from "lucide-react"; +import Header from "@/components/Header"; +import Footer from "@/components/Footer"; + +const classes = [ + { icon: Flame, title: "HIIT Burn", desc: "Torch calories with explosive interval circuits that keep your metabolism fired up all day.", gradient: "from-orange-500/20 to-red-500/20", border: "border-orange-500/20" }, + { icon: Dumbbell, title: "Power Lift", desc: "Build raw strength with barbell-focused compound lifts and progressive overload programming.", gradient: "from-red-500/20 to-pink-500/20", border: "border-red-500/20" }, + { icon: Heart, title: "Yoga Flow", desc: "Restore balance with dynamic vinyasa sequences that build flexibility and mental clarity.", gradient: "from-amber-500/20 to-orange-500/20", border: "border-amber-500/20" }, + { icon: Zap, title: "Box Fit", desc: "Channel your inner fighter with boxing combos, heavy bag work, and cardio conditioning.", gradient: "from-rose-500/20 to-red-500/20", border: "border-rose-500/20" }, +]; + +const trainers = [ + { name: "Marcus Rivera", specialty: "Strength & Conditioning", exp: "8+ years", gradient: "from-orange-400 to-red-400" }, + { name: "Sarah Chen", specialty: "HIIT & Cardio", exp: "12+ years", gradient: "from-red-400 to-rose-400" }, + { name: "Priya Sharma", specialty: "Yoga & Mobility", exp: "6+ years", gradient: "from-amber-400 to-orange-400" }, + { name: "Dante Williams", specialty: "Boxing & MMA", exp: "10+ years", gradient: "from-rose-400 to-pink-400" }, +]; + +const testimonials = [ + { initials: "MR", name: "Mike Rodriguez", text: "Lost 40 pounds in 6 months. The trainers here actually care about your progress and keep you accountable.", rating: 5 }, + { initials: "KL", name: "Karen Liu", text: "Best gym community I have ever been part of. The classes are challenging and the energy is always electric.", rating: 5 }, + { initials: "JD", name: "James Davis", text: "Went from barely running a mile to completing a marathon. Apex Fitness changed my life completely.", rating: 5 }, +]; + +const stats = [ + { value: "5,000+", label: "Active Members" }, + { value: "120+", label: "Weekly Classes" }, + { value: "35+", label: "Expert Trainers" }, + { value: "12+", label: "Years Strong" }, +]; + +export default function Index() { + return ( +
+
+ + {/* ── Hero ── */} +
+
+
+
+
+ No.1 Gym in Los Angeles +

+ FORGE YOUR
+ STRONGEST SELF +

+

World-class equipment, expert trainers, and a community that pushes you to break limits. Your transformation starts today.

+
+ + +
+
+ {stats.map((s, i) => ( +
+
{s.value}
+
{s.label}
+
+ ))} +
+
+
+ + {/* ── Classes ── */} +
+
+
+ Programs +

Our Classes

+

From high-intensity interval training to mindful yoga, we have the perfect class for every fitness level.

+
+
+ {classes.map((c, i) => ( + + +
+ +
+

{c.title}

+

{c.desc}

+ + + ))} +
+
+ +
+
+
+ + {/* ── Why Choose Us ── */} +
+
+
+ Why Us +

BUILT DIFFERENT

+

State-of-the-art facility with everything you need to train, recover, and dominate.

+
+
+ {[ + { icon: Trophy, title: "Elite Equipment", desc: "Over 200 machines and free-weight stations from top brands, always maintained." }, + { icon: Timer, title: "Open Early & Late", desc: "Doors open at 5 AM and close at 11 PM so your schedule never limits your gains." }, + { icon: Users, title: "Strong Community", desc: "Join a tribe of motivated athletes who push each other to be better every single day." }, + { icon: Zap, title: "Fast Results", desc: "Science-backed programs designed by certified trainers to maximize your progress." }, + ].map((f, i) => ( +
+
+ +
+

{f.title}

+

{f.desc}

+
+ ))} +
+
+
+ + {/* ── Pricing Preview ── */} +
+
+
+ Membership +

Choose Your Plan

+
+
+ {[ + { name: "Basic", price: "$29", features: ["Gym floor access", "Locker room", "2 classes/week", "Fitness assessment"], popular: false }, + { name: "Pro", price: "$59", features: ["Unlimited classes", "Sauna & pool", "1 PT session/mo", "Nutrition plan", "Guest passes"], popular: true }, + { name: "Elite", price: "$99", features: ["Everything in Pro", "Unlimited PT sessions", "Recovery suite", "Priority booking", "Merch discount", "24/7 access"], popular: false }, + ].map((tier, i) => ( + + {tier.popular &&
Most Popular
} + +

{tier.name}

+
+ {tier.price} + /mo +
+
+ {tier.features.map((f, j) => ( +
+ + {f} +
+ ))} +
+ + + + ))} +
+
+
+ + {/* ── Trainers ── */} +
+
+
+ Our Team +

Expert Trainers

+
+
+ {trainers.map((t, i) => ( + + +
+ {t.name.split(" ").map(n => n[0]).join("")} +
+

{t.name}

+

{t.specialty}

+

{t.exp} experience

+ + + ))} +
+
+ +
+
+
+ + {/* ── Transformation Banner ── */} +
+
+
+
+ Results Guaranteed +

REAL PEOPLE. REAL TRANSFORMATIONS.

+

Our members consistently achieve incredible results with our proven training programs and dedicated coaching staff.

+
+
+
22 lbs
+
Avg Weight Lost
+
+
+
40%
+
Strength Gain
+
+
+
94%
+
Member Retention
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ + {/* ── Testimonials ── */} +
+
+
+ Success Stories +

Member Results

+
+
+ {testimonials.map((t, i) => ( + + + +

{t.text}

+
+
{t.initials}
+
+
{t.name}
+
{Array.from({length: t.rating}).map((_, j) => )}
+
+
+ + + ))} +
+
+
+ + {/* ── CTA ── */} +
+
+
+

YOUR FIRST WEEK IS ON US

+

No commitment. No contracts. Just show up and see why thousands choose Apex Fitness.

+
+ +
+
+
+ +
+ ); +} \ No newline at end of file