bender/a5f7b25b-3a42-46d1-b07f-711fa671a5cb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-18 11:11:20 +00:00
parent a4746c2837
commit 4db770f611
1 changed files with 26 additions and 316 deletions
Download Patch File Download Diff File Expand all files Collapse all files

342
src/app/page.tsx
View File

@@ -30,141 +30,31 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Programs",
id: "programs",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Programs", id: "programs" },
{ name: "Metrics", id: "metrics" },
{ name: "Reviews", id: "reviews" },
{ name: "Gallery", id: "gallery" },
{ name: "Contact", id: "contact" }
]}
brandName="Back to Fit"
button={{
text: "Join Now",
href: "#contact",
}}
button={{ text: "Join Now", href: "#contact" }}
/>
</div>
<div id="home" data-section="home">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Get Back to Fit. Stay There."
description="Transform your body and lifestyle with expert coaching in Doha. 24/7 access, elite facilities, and real results."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-loft-gym-fitness_105762-2020.jpg?_wi=1",
imageAlt: "Gym Facility 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-weightlifting-gym_23-2149278057.jpg",
imageAlt: "Gym Facility 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270219.jpg",
imageAlt: "Gym Facility 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-stretching-leg_23-2149049782.jpg",
imageAlt: "Gym Facility 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-sportswear-gym_1303-20729.jpg?_wi=1",
imageAlt: "Gym Facility 5",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-foam-roller_23-2151817430.jpg",
imageAlt: "Gym Facility 6",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/females-working-hard-fitness-class_23-2148387765.jpg",
imageAlt: "Gym Facility 7",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/women-treadmill-high-five_23-2148503095.jpg",
imageAlt: "Gym Facility 8",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-boxer-putting-protective-gloves_23-2148426171.jpg",
imageAlt: "Gym Facility 9",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-women-taking-part-spinning-class_23-2149332075.jpg",
imageAlt: "Gym Facility 10",
},
]}
buttons={[
{
text: "Start Transformation",
href: "#contact",
},
{
text: "Book Free Session",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-sport-girl-workout-gym-fitness-woman-doing-exercises-sexy-ass-anticellulite-massager-simulator_627829-9309.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/blurred-bikes_1203-367.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-exercising-elliptical-cardio-machine_23-2147827880.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/stylish-guy-gym-relaxing-floor-eating-healthy-food_78826-2737.jpg",
alt: "Client 5",
},
]}
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-loft-gym-fitness_105762-2020.jpg", imageAlt: "Gym Facility 1" }, { imageSrc: "http://img.b2bpic.net/free-photo/woman-training-weightlifting-gym_23-2149278057.jpg", imageAlt: "Gym Facility 2" }, { imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270219.jpg", imageAlt: "Gym Facility 3" }, { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-stretching-leg_23-2149049782.jpg", imageAlt: "Gym Facility 4" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-sportswear-gym_1303-20729.jpg", imageAlt: "Gym Facility 5" }]}
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-foam-roller_23-2151817430.jpg", imageAlt: "Gym Facility 6" }, { imageSrc: "http://img.b2bpic.net/free-photo/females-working-hard-fitness-class_23-2148387765.jpg", imageAlt: "Gym Facility 7" }, { imageSrc: "http://img.b2bpic.net/free-photo/women-treadmill-high-five_23-2148503095.jpg", imageAlt: "Gym Facility 8" }, { imageSrc: "http://img.b2bpic.net/free-photo/female-boxer-putting-protective-gloves_23-2148426171.jpg", imageAlt: "Gym Facility 9" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-women-taking-part-spinning-class_23-2149332075.jpg", imageAlt: "Gym Facility 10" }]}
buttons={[{ text: "Start Transformation", href: "#contact" }, { text: "Book Free Session", href: "#contact" }]}
avatars={[{ src: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg", alt: "Client 1" }, { src: "http://img.b2bpic.net/free-photo/young-sport-girl-workout-gym-fitness-woman-doing-exercises-sexy-ass-anticellulite-massager-simulator_627829-9309.jpg", alt: "Client 2" }, { src: "http://img.b2bpic.net/free-photo/blurred-bikes_1203-367.jpg", alt: "Client 3" }, { src: "http://img.b2bpic.net/free-photo/young-woman-exercising-elliptical-cardio-machine_23-2147827880.jpg", alt: "Client 4" }, { src: "http://img.b2bpic.net/free-photo/stylish-guy-gym-relaxing-floor-eating-healthy-food_78826-2737.jpg", alt: "Client 5" }]}
avatarText="Join over 100+ members"
marqueeItems={[
{
type: "text",
text: "24/7 ACCESS",
},
{
type: "text",
text: "ELITE COACHING",
},
{
type: "text",
text: "DOHA BASED",
},
{
type: "text",
text: "REAL RESULTS",
},
{
type: "text",
text: "MODERN GYM",
},
]}
marqueeItems={[{ type: "text", text: "24/7 ACCESS" }, { type: "text", text: "ELITE COACHING" }, { type: "text", text: "DOHA BASED" }, { type: "text", text: "REAL RESULTS" }, { type: "text", text: "MODERN GYM" }]}
/>
</div>
@@ -172,10 +62,7 @@ export default function LandingPage() {
<TextSplitAbout
useInvertedBackground={true}
title="Your Fitness Comeback Starts Here"
description={[
"Back to Fit Gym is built for people who want real results. Our facilities are designed to empower you.",
"Whether you're starting fresh or returning to fitness, we provide the tools, coaching, and motivation to transform your body and lifestyle.",
]}
description={["Back to Fit Gym is built for people who want real results. Our facilities are designed to empower you.", "Whether you're starting fresh or returning to fitness, we provide the tools, coaching, and motivation to transform your body and lifestyle."]}
/>
</div>
@@ -184,32 +71,7 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "24/7 Access",
description: "Workout on your schedule, anytime.",
tag: "Convenience",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-gym-training_23-2149734703.jpg",
imageAlt: "strength training person gym",
},
{
id: "f2",
title: "Elite Trainers",
description: "Guidance from the best in Doha.",
tag: "Expertise",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-loft-gym-fitness_105762-2020.jpg?_wi=2",
imageAlt: "strength training person gym",
},
{
id: "f3",
title: "Nutrition Plans",
description: "Complete health transformation tools.",
tag: "Wellness",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-sportswear-gym_1303-20729.jpg?_wi=2",
imageAlt: "strength training person gym",
},
]}
features={[{ id: "f1", title: "24/7 Access", description: "Workout on your schedule, anytime.", tag: "Convenience", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-gym-training_23-2149734703.jpg", imageAlt: "strength training person gym" }, { id: "f2", title: "Elite Trainers", description: "Guidance from the best in Doha.", tag: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-loft-gym-fitness_105762-2020.jpg", imageAlt: "strength training person gym" }, { id: "f3", title: "Nutrition Plans", description: "Complete health transformation tools.", tag: "Wellness", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-sportswear-gym_1303-20729.jpg", imageAlt: "strength training person gym" }]}
title="Why Choose Back to Fit"
description="We don't just provide a gym space; we provide a transformation environment."
/>
@@ -217,47 +79,11 @@ export default function LandingPage() {
<div id="programs" data-section="programs">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Personal Training",
price: "From $50",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",
},
{
id: "p2",
name: "Group Cycling",
price: "Included",
imageSrc: "http://img.b2bpic.net/free-photo/women-with-medical-mask-pandemic-exercising-gym_23-2148762646.jpg",
},
{
id: "p3",
name: "HIIT Training",
price: "Included",
imageSrc: "http://img.b2bpic.net/free-photo/group-women-mat-having-break_23-2148387802.jpg",
},
{
id: "p4",
name: "Nutrition Coaching",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-training-with-ball_23-2149734701.jpg",
},
{
id: "p5",
name: "Muscle Building",
price: "From $40",
imageSrc: "http://img.b2bpic.net/free-photo/adult-training-with-dumbbell_23-2151717273.jpg",
},
{
id: "p6",
name: "Weight Loss Pro",
price: "From $60",
imageSrc: "http://img.b2bpic.net/free-photo/ba-workout-clothing-gym-clothes_1303-1754.jpg",
},
]}
products={[{ id: "p1", name: "Personal Training", price: "From $50", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg" }, { id: "p2", name: "Group Cycling", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/women-with-medical-mask-pandemic-exercising-gym_23-2148762646.jpg" }, { id: "p3", name: "HIIT Training", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/group-women-mat-having-break_23-2148387802.jpg" }, { id: "p4", name: "Nutrition Coaching", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-training-with-ball_23-2149734701.jpg" }, { id: "p5", name: "Muscle Building", price: "From $40", imageSrc: "http://img.b2bpic.net/free-photo/adult-training-with-dumbbell_23-2151717273.jpg" }, { id: "p6", name: "Weight Loss Pro", price: "From $60", imageSrc: "http://img.b2bpic.net/free-photo/ba-workout-clothing-gym-clothes_1303-1754.jpg" }]}
title="Everything You Need to Transform"
description="Explore our specialized training and wellness programs."
/>
@@ -268,23 +94,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Gym Milestones"
tag="Our Impact"
metrics={[
{
id: "m1",
value: "100+",
description: "Happy Clients",
},
{
id: "m2",
value: "24/7",
description: "Always Open",
},
{
id: "m3",
value: "4.5",
description: "Avg Rating",
},
]}
metrics={[{ id: "m1", value: "100+", description: "Happy Clients" }, { id: "m2", value: "24/7", description: "Always Open" }, { id: "m3", value: "4.5", description: "Avg Rating" }]}
metricsAnimation="slide-up"
/>
</div>
@@ -294,43 +104,7 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah",
role: "Member",
testimonial: "Great gym for transformation!",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-625.jpg",
},
{
id: "t2",
name: "Ahmed",
role: "Athlete",
testimonial: "Trainers are very helpful.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-sitting-skateboard_23-2148721087.jpg",
},
{
id: "t3",
name: "Laila",
role: "Beginner",
testimonial: "Perfect for beginners.",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-listening-music-dark-wall_176420-663.jpg",
},
{
id: "t4",
name: "Mark",
role: "Client",
testimonial: "Best gym in Doha, hands down.",
imageSrc: "http://img.b2bpic.net/free-photo/tense-muscles-hands-load-man-doing-exercise-biceps-gym-work-tell-muscles-simulator-photos-sporting-magazines-posters-websites_639032-2740.jpg",
},
{
id: "t5",
name: "Fatima",
role: "Member",
testimonial: "Total lifestyle shift.",
imageSrc: "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",
},
]}
testimonials={[{ id: "t1", name: "Sarah", role: "Member", testimonial: "Great gym for transformation!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-625.jpg" }, { id: "t2", name: "Ahmed", role: "Athlete", testimonial: "Trainers are very helpful.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-sitting-skateboard_23-2148721087.jpg" }, { id: "t3", name: "Laila", role: "Beginner", testimonial: "Perfect for beginners.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-listening-music-dark-wall_176420-663.jpg" }, { id: "t4", name: "Mark", role: "Client", testimonial: "Best gym in Doha, hands down.", imageSrc: "http://img.b2bpic.net/free-photo/tense-muscles-hands-load-man-doing-exercise-biceps-gym-work-tell-muscles-simulator-photos-sporting-magazines-posters-websites_639032-2740.jpg" }, { id: "t5", name: "Fatima", role: "Member", testimonial: "Total lifestyle shift.", imageSrc: "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" }]}
title="Real Results. Real People."
description="Trusted by over 100 fitness enthusiasts."
/>
@@ -338,32 +112,10 @@ export default function LandingPage() {
<div id="gallery" data-section="gallery">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "g1",
title: "Cardio Zone",
description: "Premium equipment.",
tag: "Gallery",
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024288.jpg",
},
{
id: "g2",
title: "Strength Area",
description: "Professional weights.",
tag: "Gallery",
imageSrc: "http://img.b2bpic.net/free-photo/woman-near-dumbbell-rack_23-2147789561.jpg",
},
{
id: "g3",
name: "Relaxation Lounge",
title: "Relaxation Lounge",
description: "Recovery space.",
tag: "Gallery",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-gym-her-female-trainer_23-2148795178.jpg",
},
]}
features={[{ id: "g1", title: "Cardio Zone", description: "Premium equipment.", tag: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024288.jpg" }, { id: "g2", title: "Strength Area", description: "Professional weights.", tag: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/woman-near-dumbbell-rack_23-2147789561.jpg" }, { id: "g3", title: "Relaxation Lounge", description: "Recovery space.", tag: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-gym-her-female-trainer_23-2148795178.jpg" }]}
title="Inside Back to Fit"
description="Check out our state-of-the-art facilities."
/>
@@ -372,59 +124,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get Started"
title="Your Comeback Starts Now"
description="Visit us in Doha. No excuses, just results."
buttons={[
{
text: "Get Directions",
href: "#",
},
{
text: "Call Now",
href: "tel:+97466880011",
},
]}
buttons={[{ text: "Get Directions", href: "#" }, { text: "Call Now", href: "tel:+97466880011" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Quick Links",
items: [
{
label: "About",
href: "#about",
},
{
label: "Programs",
href: "#programs",
},
{
label: "Reviews",
href: "#reviews",
},
],
},
{
title: "Contact",
items: [
{
label: "Doha, Qatar",
href: "#",
},
{
label: "+974 6688 0011",
href: "tel:+97466880011",
},
],
},
]}
columns={[{ title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Programs", href: "#programs" }, { label: "Reviews", href: "#reviews" }] }, { title: "Contact", items: [{ label: "Doha, Qatar", href: "#" }, { label: "+974 6688 0011", href: "tel:+97466880011" }] }]}
logoText="Back to Fit"
copyrightText="© 2025 Back to Fit Gym"
/>