bender/1ff2e99f-7ded-4e9f-a881-ad992e2985b5
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-19 17:11:08 +00:00
parent bdd36ec113
commit b96e897ad5
1 changed files with 45 additions and 290 deletions
Download Patch File Download Diff File Expand all files Collapse all files

335
src/app/page.tsx
View File

@@ -31,126 +31,44 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
]}
brandName="Elite Health Fitness"
button={{
text: "Join Now",
href: "#contact",
}}
button={{ text: "Join Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Train with Purpose. Progress with Confidence."
description="Elite Health Fitness Gym in Brooklyn, Pretoria. Specializing in functional fitness, HIIT, and group class training sessions guided by expert personal fitness coaches."
testimonials={[
{
name: "Sarah D.",
handle: "@sarah_fit",
testimonial: "The best HIIT classes in Brooklyn. Real results!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-fitness-woman-doing-exercise-with-dumbbell-studio_171337-9049.jpg?_wi=1",
},
{
name: "Mark V.",
handle: "@mark_strength",
testimonial: "Professional coaches and amazing facility.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/strong-serious-sportsman-looking-away-while-training_171337-19978.jpg",
},
{
name: "Elena K.",
handle: "@elena_active",
testimonial: "Functional training that works for everyone.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bodybuilder-with-injured-leg-bandage-holds-barbell-near-cross-fit-stand-gym-club_613910-996.jpg",
},
{
name: "James L.",
handle: "@james_trains",
testimonial: "Elite environment for serious training.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-male-athlete-standing-running-track_23-2148162197.jpg",
},
{
name: "Chloe M.",
handle: "@chloe_fit",
testimonial: "I love the group energy and guidance.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-young-men-resting-after-running-workout_171337-19051.jpg",
},
{ name: "Sarah D.", handle: "@sarah_fit", testimonial: "The best HIIT classes in Brooklyn. Real results!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-fitness-woman-doing-exercise-with-dumbbell-studio_171337-9049.jpg" },
{ name: "Mark V.", handle: "@mark_strength", testimonial: "Professional coaches and amazing facility.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/strong-serious-sportsman-looking-away-while-training_171337-19978.jpg" },
{ name: "Elena K.", handle: "@elena_active", testimonial: "Functional training that works for everyone.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bodybuilder-with-injured-leg-bandage-holds-barbell-near-cross-fit-stand-gym-club_613910-996.jpg" },
{ name: "James L.", handle: "@james_trains", testimonial: "Elite environment for serious training.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-male-athlete-standing-running-track_23-2148162197.jpg" },
{ name: "Chloe M.", handle: "@chloe_fit", testimonial: "I love the group energy and guidance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-young-men-resting-after-running-workout_171337-19051.jpg" },
]}
buttons={[
{
text: "Book Free Session",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/sports-woman-training-morning-gym_1157-28775.jpg?_wi=1"
buttons={[{ text: "Book Free Session", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/sports-woman-training-morning-gym_1157-28775.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/athletic-slim-female-fitness-model-colorful-sportswear-posing-near-trx-suspension-strips-stands-gym-club_613910-11281.jpg",
alt: "Athletic slim female fitness model",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-sportswear-doing-excercisses-with-special-rope-gym_1157-51879.jpg",
alt: "Young woman in sportswear",
},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-doing-exercises-working-hard-gym-enjoying-her-training-process_627829-8730.jpg",
alt: "Young beautiful woman working out",
},
{
src: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699510.jpg",
alt: "View of gym room",
},
{
src: "http://img.b2bpic.net/free-photo/sports-woman-training-morning-gym_1157-28775.jpg",
alt: "Athletic fitness model",
},
{ src: "http://img.b2bpic.net/free-photo/athletic-slim-female-fitness-model-colorful-sportswear-posing-near-trx-suspension-strips-stands-gym-club_613910-11281.jpg", alt: "Athletic slim female fitness model" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-sportswear-doing-excercisses-with-special-rope-gym_1157-51879.jpg", alt: "Young woman in sportswear" },
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-doing-exercises-working-hard-gym-enjoying-her-training-process_627829-8730.jpg", alt: "Young beautiful woman working out" },
{ src: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699510.jpg", alt: "View of gym room" },
{ src: "http://img.b2bpic.net/free-photo/sports-woman-training-morning-gym_1157-28775.jpg", alt: "Athletic fitness model" },
]}
marqueeItems={[
{
type: "text",
text: "HIIT Classes",
},
{
type: "text",
text: "Functional Fitness",
},
{
type: "text",
text: "Personal Coaching",
},
{
type: "text",
text: "Expert Guidance",
},
{
type: "text",
text: "Real Results",
},
{ type: "text", text: "HIIT Classes" },
{ type: "text", text: "Functional Fitness" },
{ type: "text", text: "Personal Coaching" },
{ type: "text", text: "Expert Guidance" },
{ type: "text", text: "Real Results" },
]}
/>
</div>
@@ -160,9 +78,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="About Elite Health"
description={[
"Elite Health Fitness Gym is a private functional fitness facility based in Hillcrest Boulevard Shopping Centre, Pretoria.",
"We specialize in professionally guided functional fitness training achieved through High Intensity Interval Training group classes.",
]}
"Elite Health Fitness Gym is a private functional fitness facility based in Hillcrest Boulevard Shopping Centre, Pretoria.", "We specialize in professionally guided functional fitness training achieved through High Intensity Interval Training group classes."]}
/>
</div>
@@ -172,42 +88,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Functional Fitness",
description: "Move better in your daily life.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/barbell-ready-workout-gym-various-sizes-weight-plates_169016-40070.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/people-working-out-indoors-together-with-dumbbells_23-2149175417.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/sports-woman-training-morning-gym_1157-28775.jpg?_wi=2",
imageAlt: "gym functional fitness equipment",
},
{
title: "HIIT Classes",
description: "High intensity sessions for maximum results.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/females-mat-training-together_23-2148387788.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-exercising-home_23-2150164763.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21910.jpg?_wi=1",
imageAlt: "gym functional fitness equipment",
},
{
title: "Expert Coaching",
description: "Guidance by personal fitness coaches.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-sport-with-stats_23-2150040520.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-exercising-with-kettlebell-side-view_23-2149358201.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/smiling-fitness-woman-doing-exercise-with-dumbbell-studio_171337-9049.jpg?_wi=2",
imageAlt: "gym functional fitness equipment",
},
{ title: "Functional Fitness", description: "Move better in your daily life.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/barbell-ready-workout-gym-various-sizes-weight-plates_169016-40070.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/people-working-out-indoors-together-with-dumbbells_23-2149175417.jpg" } },
{ title: "HIIT Classes", description: "High intensity sessions for maximum results.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/females-mat-training-together_23-2148387788.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-adult-exercising-home_23-2150164763.jpg" } },
{ title: "Expert Coaching", description: "Guidance by personal fitness coaches.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-sport-with-stats_23-2150040520.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-exercising-with-kettlebell-side-view_23-2149358201.jpg" } },
]}
showStepNumbers={true}
title="Our Training Methodology"
@@ -217,44 +100,15 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah D.",
role: "Member",
testimonial: "Life changing fitness facility.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-fitness-woman_171337-13339.jpg",
},
{
id: "2",
name: "Mark V.",
role: "Athlete",
testimonial: "Professional coaching excellence.",
imageSrc: "http://img.b2bpic.net/free-photo/motivated-young-female-athlete-smiling-gym-using-leg-press-equipment_197531-22866.jpg",
},
{
id: "3",
name: "Elena K.",
role: "Member",
testimonial: "Group classes are very motivating.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-sports-figure-stands-dark-wall-pose_1153-4168.jpg",
},
{
id: "4",
name: "James L.",
role: "Athlete",
testimonial: "Best gym in Brooklyn, Pretoria.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-wearing-towel-around-neck_1262-16420.jpg",
},
{
id: "5",
name: "Chloe M.",
role: "Member",
testimonial: "Excellent environment for results.",
imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2151717205.jpg",
},
{ id: "1", name: "Sarah D.", role: "Member", testimonial: "Life changing fitness facility.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-fitness-woman_171337-13339.jpg" },
{ id: "2", name: "Mark V.", role: "Athlete", testimonial: "Professional coaching excellence.", imageSrc: "http://img.b2bpic.net/free-photo/motivated-young-female-athlete-smiling-gym-using-leg-press-equipment_197531-22866.jpg" },
{ id: "3", name: "Elena K.", role: "Member", testimonial: "Group classes are very motivating.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-sports-figure-stands-dark-wall-pose_1153-4168.jpg" },
{ id: "4", name: "James L.", role: "Athlete", testimonial: "Best gym in Brooklyn, Pretoria.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-wearing-towel-around-neck_1262-16420.jpg" },
{ id: "5", name: "Chloe M.", role: "Member", testimonial: "Excellent environment for results.", imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2151717205.jpg" },
]}
title="Member Success Stories"
description="See why our members choose Elite Health for their fitness journey."
@@ -267,54 +121,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "basic",
tag: "Essential",
price: "R500",
period: "/month",
description: "Access to group classes.",
button: {
text: "Join",
},
featuresTitle: "Included",
features: [
"Functional fitness",
"HIIT sessions",
"Group support",
],
},
{
id: "pro",
tag: "Elite",
price: "R850",
period: "/month",
description: "Full gym facility access.",
button: {
text: "Join",
},
featuresTitle: "Included",
features: [
"Unlimited classes",
"Coach guidance",
"Full locker access",
],
},
{
id: "vip",
tag: "Premium",
price: "R1200",
period: "/month",
description: "Private coaching tier.",
button: {
text: "Join",
},
featuresTitle: "Included",
features: [
"Private sessions",
"Custom diet plan",
"Unlimited everything",
],
},
{ id: "basic", tag: "Essential", price: "R500", period: "/month", description: "Access to group classes.", button: { text: "Join" }, featuresTitle: "Included", features: ["Functional fitness", "HIIT sessions", "Group support"] },
{ id: "pro", tag: "Elite", price: "R850", period: "/month", description: "Full gym facility access.", button: { text: "Join" }, featuresTitle: "Included", features: ["Unlimited classes", "Coach guidance", "Full locker access"] },
{ id: "vip", tag: "Premium", price: "R1200", period: "/month", description: "Private coaching tier.", button: { text: "Join" }, featuresTitle: "Included", features: ["Private sessions", "Custom diet plan", "Unlimited everything"] },
]}
title="Membership Options"
description="Flexible plans for every fitness level."
@@ -327,24 +136,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Award,
title: "Group Sessions",
value: "15+",
},
{
id: "m2",
icon: Star,
title: "Google Reviews",
value: "24+",
},
{
id: "m3",
icon: Users,
title: "Active Members",
value: "300+",
},
{ id: "m1", icon: Award, title: "Group Sessions", value: "15+" },
{ id: "m2", icon: Star, title: "Google Reviews", value: "24+" },
{ id: "m3", icon: Users, title: "Active Members", value: "300+" },
]}
title="Elite Gym At a Glance"
description="Progress with confidence."
@@ -357,22 +151,11 @@ export default function LandingPage() {
title="Book Your 3 Free Sessions"
description="Reach out today to start your journey at Elite Health Fitness Gym."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
},
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "phone", type: "tel", placeholder: "Your Phone Number" },
]}
textarea={{
name: "message",
placeholder: "How can we help?",
}}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21910.jpg?_wi=2"
textarea={{ name: "message", placeholder: "How can we help?" }}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21910.jpg"
/>
</div>
@@ -381,36 +164,8 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/fit-cartoon-character-training_23-2151148972.jpg"
logoText="Elite Health"
columns={[
{
title: "Links",
items: [
{
label: "About",
href: "#about",
},
{
label: "Stores",
href: "#",
},
{
label: "Contact Us",
href: "#contact",
},
],
},
{
title: "Info",
items: [
{
label: "083 458 9019",
href: "tel:0834589019",
},
{
label: "melinda@elitehealthfitness.co.za",
href: "mailto:melinda@elitehealthfitness.co.za",
},
],
},
{ title: "Links", items: [{ label: "About", href: "#about" }, { label: "Stores", href: "#" }, { label: "Contact Us", href: "#contact" }] },
{ title: "Info", items: [{ label: "083 458 9019", href: "tel:0834589019" }, { label: "melinda@elitehealthfitness.co.za", href: "mailto:melinda@elitehealthfitness.co.za" }] },
]}
copyrightText="© Elite Health Fitness 2025."
/>