593 lines
21 KiB
TypeScript
593 lines
21 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#hero",
|
|
},
|
|
{
|
|
name: "Our Story",
|
|
id: "#our-story",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "#services",
|
|
},
|
|
{
|
|
name: "Trainers",
|
|
id: "#trainers",
|
|
},
|
|
{
|
|
name: "Membership",
|
|
id: "#membership",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "Gallery",
|
|
id: "#gallery",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/vintage-mountain-climbing-logo-design_47987-25098.jpg"
|
|
logoAlt="IRON PEAK FITNESS logo"
|
|
brandName="IRON PEAK FITNESS"
|
|
button={{
|
|
text: "Join Now",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Transform Your Body. Transform Your Life."
|
|
description="Unleash your full potential at IRON PEAK FITNESS. We provide cutting-edge equipment, expert trainers, and a supportive community to help you achieve your ultimate fitness goals and forge a healthier, stronger you."
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{
|
|
text: "Join Now",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "View Membership Plans",
|
|
href: "#membership",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/fit-woman-training-indoors_23-2151717234.jpg"
|
|
imageAlt="Powerful athlete lifting weights in a dark, modern gym"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/endurance-women-fitness-concept-goodlooking-young-healthy-sporty-female-athlete-finish-productive-training-take-breath-after-exercise-sit-with-legs-crossed-gym-floor-smiling-satisfied_197531-30358.jpg",
|
|
alt: "Happy gym member",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/person-training-athletics_23-2151077695.jpg",
|
|
alt: "Determined athlete",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/female-athlete-clenches-fists-with-joy-celebrates-victory-marathon-smiles-broadly-dressed-grey-top-smiles-broadly-enjoys-triumph-poses-indoor-against-white-wall_273609-33762.jpg",
|
|
alt: "Smiling fitness enthusiast",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061444.jpg",
|
|
alt: "Energetic workout participant",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/side-view-people-chatting-gym_23-2149744652.jpg",
|
|
alt: "Motivated client",
|
|
},
|
|
]}
|
|
avatarText="Join 10K+ members who found their strength."
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Unleash Your Power",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Achieve Your Goals",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Forge a Stronger You",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Expert Guidance",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Supportive Community",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Our Impact: By The Numbers"
|
|
tag="Achieve More"
|
|
tagAnimation="blur-reveal"
|
|
metrics={[
|
|
{
|
|
id: "members",
|
|
value: "10K+",
|
|
description: "Active Members",
|
|
},
|
|
{
|
|
id: "trainers",
|
|
value: "50+",
|
|
description: "Certified Trainers",
|
|
},
|
|
{
|
|
id: "success",
|
|
value: "2K+",
|
|
description: "Success Stories",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="our-story" data-section="our-story">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="Our Story: Forging Strength and Community"
|
|
description="At IRON PEAK FITNESS, our mission is to empower individuals to transform their lives through fitness. We envision a community where health and wellness are prioritized, and every member feels supported in their journey. Our philosophy blends cutting-edge training methodologies with a personalized, holistic approach, fostering not just physical strength but mental resilience. We're committed to providing a clean, motivating, and community-driven environment with certified trainers, modern equipment, flexible memberships, and personalized programs, ensuring you have everything you need to succeed."
|
|
tagAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-fit-people-training-outdoors_52683-136413.jpg"
|
|
imageAlt="Modern gym interior with diverse people training"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyThree
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "strength-training",
|
|
title: "Strength Training",
|
|
tags: [
|
|
"Power",
|
|
"Build Muscle",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-gym-dumbbells-gym-workout-gym_169016-63307.jpg",
|
|
imageAlt: "Person lifting heavy weights",
|
|
},
|
|
{
|
|
id: "personal-training",
|
|
title: "Personal Training",
|
|
tags: [
|
|
"Customized",
|
|
"Expert Guidance",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-sport-gym-using-kettlebells_23-2149255807.jpg",
|
|
imageAlt: "Personal trainer assisting a client",
|
|
},
|
|
{
|
|
id: "cardio-training",
|
|
title: "Cardio Training",
|
|
tags: [
|
|
"Endurance",
|
|
"Heart Health",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-gym-club_329181-14127.jpg",
|
|
imageAlt: "Person running on a treadmill",
|
|
},
|
|
{
|
|
id: "weight-loss",
|
|
title: "Weight Loss Programs",
|
|
tags: [
|
|
"Sustainable",
|
|
"Transformation",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/concept-diet-slimming-plan-with-vegetables-top-view-mock-up-female-hand-sports-bracelet-writes-article-about-proper-nutrition_639032-2040.jpg",
|
|
imageAlt: "Healthy food and fitness lifestyle",
|
|
},
|
|
{
|
|
id: "muscle-building",
|
|
title: "Muscle Building",
|
|
tags: [
|
|
"Hypertrophy",
|
|
"Strength",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-bearded-man-working-out-chest-press-machine-gym-near-window_343596-2667.jpg",
|
|
imageAlt: "Athlete training for muscle gain",
|
|
},
|
|
{
|
|
id: "nutrition-guidance",
|
|
title: "Nutrition Guidance",
|
|
tags: [
|
|
"Balanced Diet",
|
|
"Fuel Your Body",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-couple-cooking-together_23-2148363529.jpg",
|
|
imageAlt: "Healthy meal preparation",
|
|
},
|
|
]}
|
|
title="Our Services: Elevate Your Fitness Journey"
|
|
description="Explore our comprehensive range of services designed to meet every fitness need, from beginners to advanced athletes. Each program is crafted for optimal results and an unparalleled experience."
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trainers" data-section="trainers">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
team={[
|
|
{
|
|
id: "trainer-jake",
|
|
name: "Jake Harrison",
|
|
role: "Head Strength Coach",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-women-gym_23-2148419835.jpg",
|
|
imageAlt: "Professional male personal trainer",
|
|
},
|
|
{
|
|
id: "trainer-sarah",
|
|
name: "Sarah Chen",
|
|
role: "Cardio & Endurance Specialist",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270227.jpg",
|
|
imageAlt: "Professional female fitness instructor",
|
|
},
|
|
{
|
|
id: "trainer-mike",
|
|
name: "Mike Davis",
|
|
role: "Nutrition & Wellness Expert",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-black-man-lifting-barbell-with-personal-trainer_1262-16411.jpg",
|
|
imageAlt: "Professional male nutrition and wellness expert",
|
|
},
|
|
]}
|
|
title="Meet Our Elite Coaching Team"
|
|
description="Our certified trainers are dedicated to guiding you through every step of your fitness journey. With diverse specializations and years of experience, they are here to ensure your success."
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="membership" data-section="membership">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic",
|
|
title: "Basic Plan",
|
|
price: "$49",
|
|
period: "per month",
|
|
features: [
|
|
"Full Gym Access",
|
|
"Locker Room Access",
|
|
"Basic Classes",
|
|
],
|
|
button: {
|
|
text: "Get Started",
|
|
href: "#contact",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-everest-logo-design_23-2150730799.jpg",
|
|
imageAlt: "Hand drawn everest logo design",
|
|
},
|
|
{
|
|
id: "pro",
|
|
title: "Pro Plan",
|
|
price: "$89",
|
|
period: "per month",
|
|
features: [
|
|
"All Basic Plan Features",
|
|
"2 Personal Training Sessions/Month",
|
|
"Custom Nutrition Guidance",
|
|
"Advanced Classes",
|
|
],
|
|
button: {
|
|
text: "Sign Up Now",
|
|
href: "#contact",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-vector/vintage-mountain-climbing-logo-design_47987-25098.jpg",
|
|
imageAlt: "Hand drawn everest logo design",
|
|
},
|
|
{
|
|
id: "elite",
|
|
title: "Elite Plan",
|
|
price: "$149",
|
|
period: "per month",
|
|
features: [
|
|
"All Pro Plan Features",
|
|
"Unlimited Personal Training",
|
|
"Priority Support",
|
|
"Advanced Fitness Tracking",
|
|
"Guest Passes",
|
|
],
|
|
button: {
|
|
text: "Go Elite",
|
|
href: "#contact",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fit-woman-training-indoors_23-2151717234.jpg",
|
|
imageAlt: "Hand drawn everest logo design",
|
|
},
|
|
]}
|
|
title="Choose Your Peak Performance Plan"
|
|
description="Select the membership that best fits your fitness goals and lifestyle. All plans offer access to our premium facilities and a supportive community."
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
carouselMode="auto"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Samantha Lee",
|
|
role: "Fitness Enthusiast",
|
|
testimonial: "Joining IRON PEAK FITNESS was the best decision I've made for my health. The trainers are exceptional, and the community keeps me motivated every single day. My strength has never been better!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-practicing-yoga_23-2151406534.jpg",
|
|
imageAlt: "Happy woman after a workout",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "David Ramirez",
|
|
role: "Executive & Athlete",
|
|
testimonial: "The facilities are world-class, and the personalized training I received was a game-changer. I've broken through plateaus and feel more energetic than ever. Highly recommend IRON PEAK!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-fitness-woman_171337-13329.jpg",
|
|
imageAlt: "Man smiling after a successful workout",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Jessica White",
|
|
role: "Busy Professional",
|
|
testimonial: "Despite my demanding schedule, IRON PEAK FITNESS makes it easy to stay consistent. The flexible plans and supportive staff are exactly what I needed to stay on track with my goals.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-male-figure-dumbbell-shoulder-shrugs-raised-pose-grunge-interior_1048-8809.jpg",
|
|
imageAlt: "Woman looking confident and fit",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Mark Johnson",
|
|
role: "Endurance Runner",
|
|
testimonial: "I was looking for a gym that could complement my running, and IRON PEAK delivered. The strength training programs have significantly improved my performance and reduced injury risk.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-beginner-gym_23-2149561904.jpg",
|
|
imageAlt: "Man looking strong and determined",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Emily Watson",
|
|
role: "New Mom",
|
|
testimonial: "The nutrition guidance combined with personal training helped me get back in shape safely and effectively after pregnancy. The welcoming atmosphere is fantastic!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-with-dumbbells_23-2148917004.jpg",
|
|
imageAlt: "Smiling woman in activewear",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Michael Brown",
|
|
role: "Bodybuilding Enthusiast",
|
|
testimonial: "IRON PEAK FITNESS is where I've seen the most significant gains. The equipment is top-tier, and the trainers push you to achieve results you didn't think were possible. Absolutely incredible!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fitness-concept-with-fit-man-flexing_53876-94897.jpg",
|
|
imageAlt: "Fitness concept with fit man flexing",
|
|
},
|
|
]}
|
|
title="Real Transformations, Real Stories"
|
|
description="Hear directly from our members who have achieved incredible results and redefined their limits at IRON PEAK FITNESS."
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "gym-interior-1",
|
|
name: "Spacious Training Floors",
|
|
price: "",
|
|
variant: "Gym Interior",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-entering-sauna-spa-ritual-warm-ambience-step-into-sauna_169016-69077.jpg",
|
|
imageAlt: "Modern gym interior with weights and equipment",
|
|
},
|
|
{
|
|
id: "gym-cardio-zone",
|
|
name: "High-Tech Cardio Zone",
|
|
price: "",
|
|
variant: "Cardio Area",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-129242.jpg",
|
|
imageAlt: "Rows of modern cardio machines",
|
|
},
|
|
{
|
|
id: "group-class",
|
|
name: "Dynamic Group Classes",
|
|
price: "",
|
|
variant: "Group Fitness",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-barre-group-class_23-2150340895.jpg",
|
|
imageAlt: "Group exercising in a fitness class",
|
|
},
|
|
{
|
|
id: "personal-session",
|
|
name: "Focused Personal Sessions",
|
|
price: "",
|
|
variant: "Personal Training",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-common-passion_329181-14100.jpg",
|
|
imageAlt: "One-on-one personal training in progress",
|
|
},
|
|
{
|
|
id: "locker-room",
|
|
name: "Premium Locker Facilities",
|
|
price: "",
|
|
variant: "Amenities",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-couple-gym_23-2148503022.jpg",
|
|
imageAlt: "Clean and modern gym locker room",
|
|
},
|
|
{
|
|
id: "smoothie-bar",
|
|
name: "Healthy Fuel Bar",
|
|
price: "",
|
|
variant: "Nutrition",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-using-blender-preparing-fresh-fruit-smoothie-kitchen_637285-604.jpg",
|
|
imageAlt: "Healthy smoothie bar inside a gym",
|
|
},
|
|
]}
|
|
title="Our Gallery: Experience the Iron Peak Difference"
|
|
description="A visual tour of our state-of-the-art facilities, dynamic training sessions, and vibrant community events. See why IRON PEAK FITNESS is the ultimate destination for your fitness journey."
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "animated-grid",
|
|
}}
|
|
tag="Reach Out"
|
|
title="Start Your Journey Today"
|
|
description="Ready to transform your body and life? Contact us today to learn more about our memberships, services, and how we can help you achieve your fitness aspirations. We're here to support you every step of the way!"
|
|
tagAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-middleaged-male-athlete-wearing-gym-uniform-listening-music-headphones-t_1258-137722.jpg"
|
|
imageAlt="Hand reaching out, representing contact and joining"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Send Message"
|
|
termsText="By submitting, you agree to our Privacy Policy and Terms of Service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Quick Links",
|
|
items: [
|
|
{
|
|
label: "Home",
|
|
href: "#hero",
|
|
},
|
|
{
|
|
label: "Our Story",
|
|
href: "#our-story",
|
|
},
|
|
{
|
|
label: "Services",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Trainers",
|
|
href: "#trainers",
|
|
},
|
|
{
|
|
label: "Membership",
|
|
href: "#membership",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Strength Training",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Personal Training",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Cardio Training",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Weight Loss",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Nutrition Guidance",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact Info",
|
|
items: [
|
|
{
|
|
label: "info@ironpeakfitness.com",
|
|
href: "mailto:info@ironpeakfitness.com",
|
|
},
|
|
{
|
|
label: "+1 (555) 123-4567",
|
|
href: "tel:+15551234567",
|
|
},
|
|
{
|
|
label: "123 Fitness Ave, City, State",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/vintage-mountain-climbing-logo-design_47987-25098.jpg"
|
|
logoAlt="IRON PEAK FITNESS logo"
|
|
logoText="IRON PEAK FITNESS"
|
|
copyrightText="© 2025 IRON PEAK FITNESS. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|