Merge version_1 into main #2
345
src/app/page.tsx
345
src/app/page.tsx
@@ -25,257 +25,112 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Classes",
|
||||
id: "classes",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="The Bronx Gym"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Classes", id: "classes" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Bronx Gym"
|
||||
button={{ text: "Join Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Earn Your Respect"
|
||||
description="Where discipline meets raw street energy. The heart of Johannesburg's grind."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg",
|
||||
alt: "Athlete 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-sportswoman-feeling-motivated-while-sitting-gym-s-dressing-room-before-sports-training_637285-759.jpg",
|
||||
alt: "Athlete 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-leaning_23-2148259530.jpg",
|
||||
alt: "Athlete 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aged-man-showing-muscles-studio-shoot-isolated-dark-grey_613910-975.jpg",
|
||||
alt: "Athlete 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg",
|
||||
alt: "Athlete 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Grind",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "HARDCORE TRAINING",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 ACCESS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "IBFF AFFILIATE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "STREET READY",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "UNAPOLOGETIC",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Earn Your Respect"
|
||||
description="Where discipline meets raw street energy. The heart of Johannesburg's grind."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg", alt: "Athlete 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-sportswoman-feeling-motivated-while-sitting-gym-s-dressing-room-before-sports-training_637285-759.jpg", alt: "Athlete 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-leaning_23-2148259530.jpg", alt: "Athlete 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/aged-man-showing-muscles-studio-shoot-isolated-dark-grey_613910-975.jpg", alt: "Athlete 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg", alt: "Athlete 5" },
|
||||
]}
|
||||
buttons={[{ text: "Join the Grind", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "HARDCORE TRAINING" },
|
||||
{ type: "text", text: "24/7 ACCESS" },
|
||||
{ type: "text", text: "IBFF AFFILIATE" },
|
||||
{ type: "text", text: "STREET READY" },
|
||||
{ type: "text", text: "UNAPOLOGETIC" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for the Serious"
|
||||
description="The Bronx Gym is more than a fitness space. We are an IBFF affiliate standing at the intersection of raw street energy and competitive excellence."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Commitment",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Intensity",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-jogging-city_23-2149270295.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageAlt="boxing training ring hillbrow"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for the Serious"
|
||||
description="The Bronx Gym is more than a fitness space. We are an IBFF affiliate standing at the intersection of raw street energy and competitive excellence."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Years Experience" },
|
||||
{ value: "24/7", title: "Commitment" },
|
||||
{ value: "100%", title: "Intensity" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-jogging-city_23-2149270295.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageAlt="boxing training ring hillbrow"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="classes" data-section="classes">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "High-Intensity Aerobics",
|
||||
author: "Pro Coach",
|
||||
description: "Endurance-focused workouts to push your absolute limits.",
|
||||
tags: [
|
||||
"Cardio",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Spin Classes",
|
||||
author: "Pro Coach",
|
||||
description: "High-energy cycling sessions to burn fat and build stamina.",
|
||||
tags: [
|
||||
"Spin",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-feeling-motivated-while-sitting-gym-s-dressing-room-before-sports-training_637285-759.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Yoga",
|
||||
author: "Pro Coach",
|
||||
description: "Critical balance and recovery for long-term health and focus.",
|
||||
tags: [
|
||||
"Recovery",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-leaning_23-2148259530.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Structured Weekly Classes"
|
||||
description="Push your limits with our high-energy training sessions."
|
||||
/>
|
||||
</div>
|
||||
<div id="classes" data-section="classes">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "High-Intensity Aerobics", author: "Pro Coach", description: "Endurance-focused workouts to push your absolute limits.", tags: ["Cardio"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg" },
|
||||
{ id: "2", title: "Spin Classes", author: "Pro Coach", description: "High-energy cycling sessions to burn fat and build stamina.", tags: ["Spin"], imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-feeling-motivated-while-sitting-gym-s-dressing-room-before-sports-training_637285-759.jpg" },
|
||||
{ id: "3", title: "Yoga", author: "Pro Coach", description: "Critical balance and recovery for long-term health and focus.", tags: ["Recovery"], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-leaning_23-2148259530.jpg" },
|
||||
]}
|
||||
title="Structured Weekly Classes"
|
||||
description="Push your limits with our high-energy training sessions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Fighter",
|
||||
testimonial: "This place changed everything. Raw, real, and intense.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Bodybuilder",
|
||||
testimonial: "True street energy. Nothing else like it in Joburg.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-feeling-motivated-while-sitting-gym-s-dressing-room-before-sports-training_637285-759.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Athlete",
|
||||
testimonial: "The community here drives me to be better every single day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-leaning_23-2148259530.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Member",
|
||||
testimonial: "Affordable and unapologetic. My home away from home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aged-man-showing-muscles-studio-shoot-isolated-dark-grey_613910-975.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tshepo M.",
|
||||
role: "Powerlifter",
|
||||
testimonial: "The only place that matches my intensity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Relentless Community"
|
||||
description="Hear from the fighters, bodybuilders, and everyday grinders that make The Bronx Gym home."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Fighter", testimonial: "This place changed everything. Raw, real, and intense.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "Bodybuilder", testimonial: "True street energy. Nothing else like it in Joburg.", imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-feeling-motivated-while-sitting-gym-s-dressing-room-before-sports-training_637285-759.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Athlete", testimonial: "The community here drives me to be better every single day.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-leaning_23-2148259530.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Member", testimonial: "Affordable and unapologetic. My home away from home.", imageSrc: "http://img.b2bpic.net/free-photo/aged-man-showing-muscles-studio-shoot-isolated-dark-grey_613910-975.jpg" },
|
||||
{ id: "5", name: "Tshepo M.", role: "Powerlifter", testimonial: "The only place that matches my intensity.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg" },
|
||||
]}
|
||||
title="Relentless Community"
|
||||
description="Hear from the fighters, bodybuilders, and everyday grinders that make The Bronx Gym home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Join The Bronx Gym"
|
||||
description="Ready to earn your respect? Visit us in the heart of Hillbrow."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:info@bronxgym.co.za",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Join The Bronx Gym"
|
||||
description="Ready to earn your respect? Visit us in the heart of Hillbrow."
|
||||
buttons={[{ text: "Contact Us Now", href: "mailto:info@bronxgym.co.za" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="The Bronx Gym"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Classes",
|
||||
href: "#classes",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 The Bronx Gym. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="The Bronx Gym"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Classes", href: "#classes" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 The Bronx Gym. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user