Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-12 16:23:09 +00:00

View File

@@ -28,413 +28,157 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Programs",
id: "programs",
},
{
name: "Plans",
id: "plans",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="X-FIT GYM"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Programs", id: "programs" },
{ name: "Plans", id: "plans" },
{ name: "Contact", id: "contact" },
]}
brandName="X-FIT GYM"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Train Hard. Transform Strong."
description="Unlock your elite potential at X-Fit Gym. Dedicated to discipline, strength, and transformation."
testimonials={[
{
name: "Marcus V.",
handle: "@marcus_v",
testimonial: "The most intense training experience I've had. Pure energy.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-gym_23-2150340843.jpg?_wi=1",
imageAlt: "cinematic gym training background",
},
{
name: "Sarah J.",
handle: "@sarah_fit",
testimonial: "X-Fit transformed my discipline completely.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/equipments-gym_93675-129485.jpg?_wi=1",
imageAlt: "cinematic gym training background",
},
{
name: "David L.",
handle: "@david_lifts",
testimonial: "Professional coaches, elite environment.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/headshot-african-american-man-runner-resting-after-intensive-outdoor-training-workout_273609-1178.jpg?_wi=1",
imageAlt: "cinematic gym training background",
},
{
name: "Elena K.",
handle: "@elena_lifts",
testimonial: "The atmosphere here is absolutely unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-looking-front-with-smile-face-with-crossed-hands-chest-standing-white-wall_141793-96909.jpg?_wi=1",
imageAlt: "cinematic gym training background",
},
{
name: "Tyson R.",
handle: "@tyson_box",
testimonial: "Finally, a gym that takes performance seriously.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-out_23-2149517343.jpg?_wi=1",
imageAlt: "cinematic gym training background",
},
]}
buttons={[
{
text: "Join Now",
href: "#plans",
},
{
text: "Book Free Trial",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-people-training-gym_23-2150340843.jpg?_wi=2"
imageAlt="X-Fit Gym training arena"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-stretching-gym_23-2148024321.jpg",
alt: "Athlete 1",
},
{
src: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024296.jpg",
alt: "Athlete 2",
},
{
src: "http://img.b2bpic.net/free-photo/afro-american-sports-man-resting-after-workout_171337-8260.jpg",
alt: "Athlete 3",
},
{
src: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024374.jpg",
alt: "Athlete 4",
},
{
src: "http://img.b2bpic.net/free-photo/sportswoman-training-abs-with-ball-gym_651396-623.jpg",
alt: "Athlete 5",
},
]}
avatarText="Join 500+ elite members"
marqueeItems={[
{
type: "text",
text: "NO EXCUSES",
},
{
type: "text",
text: "PURE INTENSITY",
},
{
type: "text",
text: "TOTAL TRANSFORMATION",
},
{
type: "text",
text: "ELITE COMMUNITY",
},
{
type: "text",
text: "UNSTOPPABLE DRIVE",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Train Hard. Transform Strong."
description="Unlock your elite potential at X-Fit Gym. Dedicated to discipline, strength, and transformation."
testimonials={[
{ name: "Marcus V.", handle: "@marcus_v", testimonial: "The most intense training experience I've had. Pure energy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-gym_23-2150340843.jpg", imageAlt: "cinematic gym training background" },
{ name: "Sarah J.", handle: "@sarah_fit", testimonial: "X-Fit transformed my discipline completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/equipments-gym_93675-129485.jpg", imageAlt: "cinematic gym training background" },
{ name: "David L.", handle: "@david_lifts", testimonial: "Professional coaches, elite environment.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/headshot-african-american-man-runner-resting-after-intensive-outdoor-training-workout_273609-1178.jpg", imageAlt: "cinematic gym training background" },
{ name: "Elena K.", handle: "@elena_lifts", testimonial: "The atmosphere here is absolutely unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-looking-front-with-smile-face-with-crossed-hands-chest-standing-white-wall_141793-96909.jpg", imageAlt: "cinematic gym training background" },
{ name: "Tyson R.", handle: "@tyson_box", testimonial: "Finally, a gym that takes performance seriously.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-out_23-2149517343.jpg", imageAlt: "cinematic gym training background" },
]}
buttons={[{ text: "Join Now", href: "#plans" }, { text: "Book Free Trial", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-people-training-gym_23-2150340843.jpg"
imageAlt="X-Fit Gym training arena"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/woman-stretching-gym_23-2148024321.jpg", alt: "Athlete 1" },
{ src: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024296.jpg", alt: "Athlete 2" },
{ src: "http://img.b2bpic.net/free-photo/afro-american-sports-man-resting-after-workout_171337-8260.jpg", alt: "Athlete 3" },
{ src: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024374.jpg", alt: "Athlete 4" },
{ src: "http://img.b2bpic.net/free-photo/sportswoman-training-abs-with-ball-gym_651396-623.jpg", alt: "Athlete 5" },
]}
avatarText="Join 500+ elite members"
marqueeItems={[{ type: "text", text: "NO EXCUSES" }, { type: "text", text: "PURE INTENSITY" }, { type: "text", text: "TOTAL TRANSFORMATION" }, { type: "text", text: "ELITE COMMUNITY" }, { type: "text", text: "UNSTOPPABLE DRIVE" }]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="The Training Ground"
description="X-Fit Gym isn't just a gym; it's a sanctuary for those who pursue peak physical and mental performance."
subdescription="We foster a culture of intensity, discipline, and shared progress. Whether you're an elite athlete or just starting, you belong here."
icon={Flame}
imageSrc="http://img.b2bpic.net/free-photo/equipments-gym_93675-129485.jpg?_wi=2"
imageAlt="Gym interior"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="The Training Ground"
description="X-Fit Gym isn't just a gym; it's a sanctuary for those who pursue peak physical and mental performance."
subdescription="We foster a culture of intensity, discipline, and shared progress. Whether you're an elite athlete or just starting, you belong here."
icon={Flame}
imageSrc="http://img.b2bpic.net/free-photo/equipments-gym_93675-129485.jpg"
imageAlt="Gym interior"
mediaAnimation="slide-up"
/>
</div>
<div id="programs" data-section="programs">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Strength Training",
description: "Build raw power.",
icon: Activity,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/fit-woman-performing-static-handstand_1385-2910.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024274.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-gym_23-2150340843.jpg?_wi=3",
imageAlt: "cinematic gym training background",
},
{
title: "MMA Training",
description: "Master the art of combat.",
icon: Award,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-barbell-lifting-dumbbell_23-2147687562.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197730.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/equipments-gym_93675-129485.jpg?_wi=3",
imageAlt: "cinematic gym training background",
},
{
title: "Functional Fitness",
description: "Move better, stay stronger.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur_74190-1299.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-doing-crossfit-workout_23-2149080492.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/headshot-african-american-man-runner-resting-after-intensive-outdoor-training-workout_273609-1178.jpg?_wi=2",
imageAlt: "cinematic gym training background",
},
]}
title="Our Training Programs"
description="Tailored training blocks to push your limits and achieve massive results."
/>
</div>
<div id="programs" data-section="programs">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Strength Training", description: "Build raw power.", icon: Activity, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/fit-woman-performing-static-handstand_1385-2910.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024274.jpg" }] },
{ title: "MMA Training", description: "Master the art of combat.", icon: Award, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-barbell-lifting-dumbbell_23-2147687562.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197730.jpg" }] },
{ title: "Functional Fitness", description: "Move better, stay stronger.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur_74190-1299.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-doing-crossfit-workout_23-2149080492.jpg" }] }
]}
title="Our Training Programs"
description="Tailored training blocks to push your limits and achieve massive results."
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Alex R.",
role: "Head Coach",
imageSrc: "http://img.b2bpic.net/free-photo/headshot-african-american-man-runner-resting-after-intensive-outdoor-training-workout_273609-1178.jpg?_wi=3",
},
{
id: "t2",
name: "Sam K.",
role: "Strength Expert",
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-looking-front-with-smile-face-with-crossed-hands-chest-standing-white-wall_141793-96909.jpg?_wi=2",
},
{
id: "t3",
name: "Jordan P.",
role: "MMA Instructor",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-out_23-2149517343.jpg?_wi=2",
},
]}
title="Elite Coaching Staff"
description="Learn from the best in the business."
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{ id: "t1", name: "Alex R.", role: "Head Coach", imageSrc: "http://img.b2bpic.net/free-photo/headshot-african-american-man-runner-resting-after-intensive-outdoor-training-workout_273609-1178.jpg" },
{ id: "t2", name: "Sam K.", role: "Strength Expert", imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-looking-front-with-smile-face-with-crossed-hands-chest-standing-white-wall_141793-96909.jpg" },
{ id: "t3", name: "Jordan P.", role: "MMA Instructor", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-out_23-2149517343.jpg" },
]}
title="Elite Coaching Staff"
description="Learn from the best in the business."
/>
</div>
<div id="plans" data-section="plans">
<PricingCardOne
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "Most Popular",
price: "$99",
subtitle: "Monthly Membership",
features: [
"Full gym access",
"All group classes",
],
},
{
id: "p2",
badge: "Value",
price: "$249",
subtitle: "Quarterly Membership",
features: [
"Full access",
"1 PT Session/mo",
],
},
{
id: "p3",
badge: "Elite",
price: "$899",
subtitle: "Yearly Membership",
features: [
"Priority access",
"Free kit pack",
],
},
]}
title="Choose Your Path"
description="Simple, transparent membership options."
/>
</div>
<div id="plans" data-section="plans">
<PricingCardOne
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{ id: "p1", badge: "Most Popular", price: "$99", subtitle: "Monthly Membership", features: ["Full gym access", "All group classes"] },
{ id: "p2", badge: "Value", price: "$249", subtitle: "Quarterly Membership", features: ["Full access", "1 PT Session/mo"] },
{ id: "p3", badge: "Elite", price: "$899", subtitle: "Yearly Membership", features: ["Priority access", "Free kit pack"] },
]}
title="Choose Your Path"
description="Simple, transparent membership options."
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Before / After",
description: "Hard work rewarded.",
icon: TrendingUp,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-exercise-bicycle_23-2148353067.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/attractive-sports-girl-performs-exercises-hips-buttocks-healthy-lifestyle_78826-3373.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-gym_23-2150340843.jpg?_wi=4",
imageAlt: "cinematic gym training background",
},
{
title: "Community",
description: "Together stronger.",
icon: Users,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/gymnast-getting-ready-competition_23-2150867753.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-making-flexing-exercise_23-2148017399.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/equipments-gym_93675-129485.jpg?_wi=4",
imageAlt: "cinematic gym training background",
},
{
title: "Environment",
description: "Elite facility.",
icon: Building,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024310.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/exercise-machines-gym-without-people_637285-8444.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/headshot-african-american-man-runner-resting-after-intensive-outdoor-training-workout_273609-1178.jpg?_wi=4",
imageAlt: "cinematic gym training background",
},
]}
title="Transformation Highlights"
description="Witness the power of commitment."
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Before / After", description: "Hard work rewarded.", icon: TrendingUp, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-exercise-bicycle_23-2148353067.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/attractive-sports-girl-performs-exercises-hips-buttocks-healthy-lifestyle_78826-3373.jpg" }] },
{ title: "Community", description: "Together stronger.", icon: Users, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/gymnast-getting-ready-competition_23-2150867753.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-making-flexing-exercise_23-2148017399.jpg" }] },
{ title: "Environment", description: "Elite facility.", icon: Building, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024310.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/exercise-machines-gym-without-people_637285-8444.jpg" }] }
]}
title="Transformation Highlights"
description="Witness the power of commitment."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "User 1",
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-looking-up-smiling-cheerfully-happy-positive-standing-blue-background_141793-118274.jpg",
},
{
id: "2",
name: "User 2",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-out-street_23-2148213172.jpg",
},
{
id: "3",
name: "User 3",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15894.jpg",
},
{
id: "4",
name: "User 4",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg",
},
{
id: "5",
name: "User 5",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-athlete-competing-olympic-games_23-2151450146.jpg",
},
]}
cardTitle="Member Voices"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "User 1", imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-looking-up-smiling-cheerfully-happy-positive-standing-blue-background_141793-118274.jpg" },
{ id: "2", name: "User 2", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-out-street_23-2148213172.jpg" },
{ id: "3", name: "User 3", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15894.jpg" },
{ id: "4", name: "User 4", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg" },
{ id: "5", name: "User 5", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-athlete-competing-olympic-games_23-2151450146.jpg" },
]}
cardTitle="Member Voices"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Contact"
title="Ready to Start?"
description="Join the pack. Reach out for a free trial session today."
buttons={[
{
text: "Contact WhatsApp",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
tag="Contact"
title="Ready to Start?"
description="Join the pack. Reach out for a free trial session today."
buttons={[{ text: "Contact WhatsApp", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="X-FIT GYM"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="X-FIT GYM"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}