Update src/app/page.tsx
This commit is contained in:
335
src/app/page.tsx
335
src/app/page.tsx
@@ -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."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user