445 lines
16 KiB
TypeScript
445 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#home",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Programs",
|
|
id: "#features",
|
|
},
|
|
{
|
|
name: "Pricing",
|
|
id: "#pricing",
|
|
},
|
|
{
|
|
name: "Team",
|
|
id: "#team",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
button={{
|
|
text: "Join Now",
|
|
href: "#pricing",
|
|
}}
|
|
brandName="IronFit Gym"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Unleash Your Potential at IronFit Gym"
|
|
description="Transform your body and mind with our state-of-the-art facilities, expert trainers, and a supportive community. Your fitness journey starts here."
|
|
buttons={[
|
|
{
|
|
text: "Explore Programs",
|
|
href: "#features",
|
|
},
|
|
{
|
|
text: "Join Now",
|
|
href: "#pricing",
|
|
},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sportswear-doing-excercisses-with-special-rope-gym_1157-51879.jpg",
|
|
imageAlt: "Man lifting heavy weights in a modern gym",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-doing-crossfit-workout_23-2149080429.jpg",
|
|
imageAlt: "Woman doing yoga with a serene expression",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-twerking_23-2149879688.jpg",
|
|
imageAlt: "Personal trainer motivating a client during a workout",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918016.jpg",
|
|
imageAlt: "Modern gym interior with various fitness machines",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-walking-treadmill_23-2147688005.jpg",
|
|
imageAlt: "Group of people exercising in a high-energy fitness class",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/conception-strength-black-barbell-metal-stand-gym-daytime-no-people-around_146671-16607.jpg",
|
|
imageAlt: "Athlete running on a treadmill with determination",
|
|
},
|
|
]}
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="About IronFit: Your Path to Strength"
|
|
description="At IronFit Gym, we believe in empowering every individual to achieve their fitness goals, regardless of their starting point. Our philosophy centers on creating a welcoming and challenging environment where personal growth and collective support thrive. We are more than just a gym; we are a community dedicated to helping you become the strongest version of yourself."
|
|
bulletPoints={[
|
|
{
|
|
title: "Expert Coaching",
|
|
description: "Certified trainers providing personalized guidance and support.",
|
|
},
|
|
{
|
|
title: "Modern Facilities",
|
|
description: "Cutting-edge equipment and spacious workout zones.",
|
|
},
|
|
{
|
|
title: "Vibrant Community",
|
|
description: "Join a supportive network of fitness enthusiasts.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-drinking-water_23-2148503013.jpg"
|
|
imageAlt="Spacious and modern gym interior with various equipment"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Personal Training",
|
|
description: "Achieve your goals faster with one-on-one sessions tailored to your needs by our certified expert trainers.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-training-with-white-coach_1157-32142.jpg",
|
|
imageAlt: "Personal trainer guiding a client on weights",
|
|
},
|
|
{
|
|
title: "Group Classes",
|
|
description: "Stay motivated and energized in our high-energy group fitness classes, from HIIT to Yoga, led by inspiring instructors.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-active-people-zumba-class_23-2149074928.jpg",
|
|
imageAlt: "Group of people doing a fitness class",
|
|
},
|
|
{
|
|
title: "State-of-the-Art Equipment",
|
|
description: "Train with the latest and most advanced fitness equipment available, ensuring optimal performance and safety.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/kettlebell-gym-equipment-still-life_23-2151739239.jpg",
|
|
imageAlt: "Modern gym with rows of cardio machines",
|
|
},
|
|
{
|
|
title: "Nutrition Coaching",
|
|
description: "Complement your workouts with expert nutrition advice and personalized meal plans for holistic wellness.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-nutritionist-giving-consultation-patient-making-diet-plan-weight-loss-clinic_657921-288.jpg",
|
|
imageAlt: "Healthy food and a nutrition plan",
|
|
},
|
|
{
|
|
title: "Wellness & Recovery",
|
|
description: "Relax and rejuvenate in our dedicated wellness zones, including saunas, steam rooms, and massage therapy options.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-gym-dumbbells-gym-workout-gym_169016-61775.jpg",
|
|
imageAlt: "Spa and recovery area in a gym",
|
|
},
|
|
]}
|
|
title="Our Premier Fitness Programs"
|
|
description="Discover a diverse range of programs designed to cater to all fitness levels and interests. Whether you're looking for personalized training or dynamic group classes, IronFit has something for everyone."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "basic",
|
|
tag: "Essential",
|
|
price: "$49",
|
|
period: "per month",
|
|
description: "Access to gym floor during off-peak hours and basic classes.",
|
|
button: {
|
|
text: "Select Essential",
|
|
},
|
|
featuresTitle: "Includes:",
|
|
features: [
|
|
"Off-peak gym access",
|
|
"Basic cardio & weights",
|
|
"Locker room facilities",
|
|
],
|
|
},
|
|
{
|
|
id: "premium",
|
|
tag: "Popular",
|
|
tagIcon: Sparkles,
|
|
price: "$79",
|
|
period: "per month",
|
|
description: "Full access to all facilities, unlimited classes, and 2 PT sessions.",
|
|
button: {
|
|
text: "Select Premium",
|
|
},
|
|
featuresTitle: "Includes:",
|
|
features: [
|
|
"24/7 gym access",
|
|
"Unlimited group classes",
|
|
"2 Personal Training sessions",
|
|
"Sauna & steam room access",
|
|
],
|
|
},
|
|
{
|
|
id: "vip",
|
|
tag: "Elite",
|
|
price: "$129",
|
|
period: "per month",
|
|
description: "Everything in Premium, plus dedicated coaching and nutrition plan.",
|
|
button: {
|
|
text: "Select Elite",
|
|
},
|
|
featuresTitle: "Includes:",
|
|
features: [
|
|
"All Premium features",
|
|
"Personalized nutrition plan",
|
|
"4 Personal Training sessions",
|
|
"Priority booking",
|
|
],
|
|
},
|
|
]}
|
|
title="Flexible Membership Plans"
|
|
description="Choose the perfect membership that fits your lifestyle and fitness aspirations. All plans include access to our premium facilities and a free consultation."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "members",
|
|
value: "1200+",
|
|
description: "Active Members",
|
|
},
|
|
{
|
|
id: "classes",
|
|
value: "50+",
|
|
description: "Weekly Classes",
|
|
},
|
|
{
|
|
id: "trainers",
|
|
value: "15",
|
|
description: "Expert Trainers",
|
|
},
|
|
{
|
|
id: "satisfaction",
|
|
value: "98%",
|
|
description: "Member Satisfaction",
|
|
},
|
|
]}
|
|
title="Our Impact: By the Numbers"
|
|
description="See how IronFit Gym is making a difference in the lives of our members. Our commitment to excellence translates into measurable results."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
groups={[
|
|
{
|
|
id: "trainers",
|
|
groupTitle: "Certified Personal Trainers",
|
|
members: [
|
|
{
|
|
id: "trainer-1",
|
|
title: "Alex 'The Machine' Reed",
|
|
subtitle: "Head Trainer | Strength & Conditioning",
|
|
detail: "Alex specializes in muscle building and performance optimization. With 10+ years experience, he's known for pushing limits.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13199.jpg",
|
|
imageAlt: "Portrait of Alex Reed, Head Trainer",
|
|
},
|
|
{
|
|
id: "trainer-2",
|
|
title: "Maya 'The Flow' Singh",
|
|
subtitle: "Yoga & Flexibility Coach | Wellness Expert",
|
|
detail: "Maya brings a holistic approach to fitness, focusing on flexibility, mindfulness, and injury prevention through yoga and Pilates.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-multiethnic-people-yoga-studio_171337-13875.jpg",
|
|
imageAlt: "Portrait of Maya Singh, Yoga Coach",
|
|
},
|
|
{
|
|
id: "trainer-3",
|
|
title: "David 'The Dynamo' Lee",
|
|
subtitle: "HIIT & Cardio Specialist | Group Class Leader",
|
|
detail: "David's high-energy classes are legendary. He'll get your heart pumping and push you to new cardio heights with fun, challenging workouts.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-stands-outdoor-gym-with-phone_140725-16425.jpg",
|
|
imageAlt: "Portrait of David Lee, HIIT Specialist",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sportswear-doing-excercisses-with-special-rope-gym_1157-51879.jpg",
|
|
imageAlt: "male personal trainer smiling",
|
|
},
|
|
]}
|
|
title="Meet Our Elite Training Team"
|
|
description="Our dedicated team of certified professionals is here to guide, motivate, and support you every step of the way on your fitness journey."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Mark Johnson",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mixed-rae-african-american-woman-has-rest-her-workout-breathing-deep-body-parts_633478-2160.jpg",
|
|
imageAlt: "Portrait of Mark Johnson",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Sarah Chen",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-holding-phone-doing-sports-morning-park_285396-4292.jpg",
|
|
imageAlt: "Portrait of Sarah Chen",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily Rodriguez",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/exercise-arms_1098-14491.jpg",
|
|
imageAlt: "Portrait of Emily Rodriguez",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-stylish-woman-posing-city-park-smiling-cheerful-mood-positive-wearing-yellow-top-striped-mini-skirt-handbag-pink-sunglasses-summer-style-fashion-trend_285396-5236.jpg",
|
|
imageAlt: "Portrait of David Kim",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Sophia Lee",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-stretches-her-hands-camera-emotion-concept_169016-65992.jpg",
|
|
imageAlt: "Portrait of Sophia Lee",
|
|
},
|
|
]}
|
|
cardTitle="Hear From Our Happy Members"
|
|
cardTag="Success Stories"
|
|
buttons={[
|
|
{
|
|
text: "Read All Reviews",
|
|
href: "#",
|
|
},
|
|
]}
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "What are your operating hours?",
|
|
content: "IronFit Gym is open 24/7 for premium members. Standard access is from 5 AM to 11 PM on weekdays, and 7 AM to 9 PM on weekends.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Do you offer a free trial?",
|
|
content: "Yes, we offer a complimentary 3-day guest pass for new visitors. You can sign up for it on our website or at the front desk.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Can I bring a guest?",
|
|
content: "Members can bring guests. Guest passes are available for purchase, or included in some elite membership tiers.",
|
|
},
|
|
{
|
|
id: "q4",
|
|
title: "What types of classes do you offer?",
|
|
content: "We offer a wide range of classes including HIIT, Yoga, Spinning, Zumba, Boot Camp, and Strength Training. Check our schedule for details.",
|
|
},
|
|
{
|
|
id: "q5",
|
|
title: "Is personal training included in membership?",
|
|
content: "Personal training sessions are not fully included in basic memberships but are discounted. Our Premium and Elite plans include a certain number of complimentary sessions.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to the most common questions about IronFit Gym, memberships, classes, and facilities."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Get Started"
|
|
title="Join the IronFit Family Today!"
|
|
description="Ready to kickstart your fitness journey? Drop us your email and our team will get in touch to help you find the perfect plan."
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Get Your Free Pass"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="IronFit Gym"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|