Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 554e80d1ba | |||
| 383b4faded | |||
| 6e274e76d6 |
247
src/app/page.tsx
247
src/app/page.tsx
@@ -32,95 +32,34 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "#hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "#about" },
|
||||||
id: "#hero",
|
{ name: "Features", id: "#features" },
|
||||||
},
|
{ name: "Pricing", id: "#pricing" },
|
||||||
{
|
{ name: "Contact", id: "#contact" },
|
||||||
name: "About",
|
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Features",
|
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Pricing",
|
|
||||||
id: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Join Now",
|
text: "Join Now", href: "#pricing"}}
|
||||||
href: "#pricing",
|
|
||||||
}}
|
|
||||||
brandName="Family Fitness Norkem"
|
brandName="Family Fitness Norkem"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient",
|
|
||||||
}}
|
|
||||||
title="Your Fitness Journey Starts Here."
|
title="Your Fitness Journey Starts Here."
|
||||||
description="Nestled in the heart of Norkem Park, we offer state-of-the-art equipment in a friendly, snob-free environment. Open for business and ready for you."
|
description="Nestled in the heart of Norkem Park, we offer state-of-the-art equipment and a variety of classes including new aerobics sessions in a friendly, snob-free environment. We are open for you until 10pm every day."
|
||||||
buttons={[
|
buttons={[{ text: "Join Now", href: "#pricing" }]}
|
||||||
{
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CToL1Sp1IITldMQd9yhy7puSbW/uploaded-1776419813803-pyqq9kj0.jpg?_wi=1"
|
||||||
text: "Join Now",
|
imageAlt="Aerobics Class Session"
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/couple-gym_1303-5509.jpg"
|
|
||||||
imageAlt="Family Fitness Norkem Park Interior"
|
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151917991.jpg",
|
|
||||||
alt: "Happy member training",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918014.jpg",
|
|
||||||
alt: "Enthusiastic fitness member",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-doing-fitness-training-leg-extension-push-machine_23-2147827871.jpg",
|
|
||||||
alt: "Member on machine",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-athletic-sportswear-girl-training-gym_1157-13756.jpg",
|
|
||||||
alt: "Athlete training",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/exercising-coastline-beautiful-sunlight-long-hair_1134-722.jpg",
|
|
||||||
alt: "Community member",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatarText="1200+ Happy Members"
|
avatarText="1200+ Happy Members"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text", text: "24/7 Access" },
|
||||||
type: "text",
|
{ type: "text", text: "Aerobics Classes" },
|
||||||
text: "24/7 Access",
|
{ type: "text", text: "Open until 10pm" },
|
||||||
},
|
{ type: "text", text: "Snob-Free" },
|
||||||
{
|
{ type: "text", text: "Premium Gear" },
|
||||||
type: "text",
|
|
||||||
text: "Snob-Free",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Community Focus",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Premium Gear",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Join Today",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -130,7 +69,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
tag="About Us"
|
tag="About Us"
|
||||||
title="A Snob-Free Gym Experience"
|
title="A Snob-Free Gym Experience"
|
||||||
description="We are more than just a gym; we are a community-focused hub dedicated to your health and wellness. We believe in providing top-tier facilities without the intimidating environment."
|
description="We are more than just a gym; we are a community-focused hub dedicated to your health and wellness. With new aerobics classes and extended hours until 10pm, we cater to your active lifestyle."
|
||||||
subdescription="Located perfectly in Norkem Park, we are minutes from Edleen and Van Riebeeck Park, ready to serve your every fitness need."
|
subdescription="Located perfectly in Norkem Park, we are minutes from Edleen and Van Riebeeck Park, ready to serve your every fitness need."
|
||||||
icon={Users}
|
icon={Users}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CToL1Sp1IITldMQd9yhy7puSbW/uploaded-1776419582504-5y5w67p0.jpg"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CToL1Sp1IITldMQd9yhy7puSbW/uploaded-1776419582504-5y5w67p0.jpg"
|
||||||
@@ -146,23 +85,14 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "24/7 Access",
|
title: "Aerobics Classes", description: "Join our energetic group aerobics classes designed for all fitness levels.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CToL1Sp1IITldMQd9yhy7puSbW/uploaded-1776419813803-pyqq9kj0.jpg?_wi=2"},
|
||||||
description: "Work out on your schedule with our extended 24/7 access facilities.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/anticipation-harmony-spa-woman-near-sauna-door_169016-69262.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Modern Equipment",
|
title: "Modern Equipment", description: "Enjoy the latest in strength and cardio technology for an optimized workout.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CToL1Sp1IITldMQd9yhy7puSbW/uploaded-1776419603100-1ghsr4yo.jpg"},
|
||||||
description: "Enjoy the latest in strength and cardio technology for an optimized workout.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CToL1Sp1IITldMQd9yhy7puSbW/uploaded-1776419603100-1ghsr4yo.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Premium Amenities",
|
title: "Open until 10pm", description: "Flexibility in your schedule with extended evening access.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-bathrobe-dressing-room-spa-there-is-woman-background_637285-7510.jpg"},
|
||||||
description: "Clean showers, lockers, and comfortable spaces to recharge.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-bathrobe-dressing-room-spa-there-is-woman-background_637285-7510.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose Us?"
|
title="Why Choose Us?"
|
||||||
description="State of the art gym equipment, and facilities to cater for your every need."
|
description="Top-tier fitness amenities, including new classes and flexible hours to keep you moving."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -173,38 +103,12 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic",
|
id: "basic", tag: "Starter", price: "R299", period: "mo", description: "Perfect for casual gym goers.", button: { text: "Join Now", href: "#contact" },
|
||||||
tag: "Starter",
|
featuresTitle: "Included", features: ["Daytime Access", "Basic Cardio", "Standard Equipment"],
|
||||||
price: "R299",
|
|
||||||
period: "mo",
|
|
||||||
description: "Perfect for casual gym goers.",
|
|
||||||
button: {
|
|
||||||
text: "Join Now",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
featuresTitle: "Included",
|
|
||||||
features: [
|
|
||||||
"Daytime Access",
|
|
||||||
"Basic Cardio",
|
|
||||||
"Standard Equipment",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "pro",
|
id: "pro", tag: "Most Popular", price: "R499", period: "mo", description: "Access to all classes and equipment until 10pm.", button: { text: "Join Now", href: "#contact" },
|
||||||
tag: "Most Popular",
|
featuresTitle: "Included", features: ["Aerobics Classes", "24/7 Access", "Open until 10pm"],
|
||||||
price: "R499",
|
|
||||||
period: "mo",
|
|
||||||
description: "Complete access for dedicated fitness lovers.",
|
|
||||||
button: {
|
|
||||||
text: "Join Now",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
featuresTitle: "Included",
|
|
||||||
features: [
|
|
||||||
"24/7 Access",
|
|
||||||
"Full Gym Access",
|
|
||||||
"Priority Support",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Membership Plans"
|
title="Membership Plans"
|
||||||
@@ -218,24 +122,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", icon: Users, title: "Happy Members", value: "1200+" },
|
||||||
id: "m1",
|
{ id: "m2", icon: Activity, title: "Fitness Classes", value: "New" },
|
||||||
icon: Users,
|
{ id: "m3", icon: Clock, title: "Closing Time", value: "10pm" },
|
||||||
title: "Happy Members",
|
|
||||||
value: "1200+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
icon: Activity,
|
|
||||||
title: "Fitness Machines",
|
|
||||||
value: "50+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
icon: Clock,
|
|
||||||
title: "Operational Hours",
|
|
||||||
value: "24/7",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Impact"
|
title="Our Impact"
|
||||||
description="Numbers that define our community excellence."
|
description="Numbers that define our community excellence."
|
||||||
@@ -245,31 +134,10 @@ export default function LandingPage() {
|
|||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFifteen
|
<TestimonialCardFifteen
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonial="The atmosphere at Family Fitness is incredible. No judgment, just pure support. The best place in Norkem Park to train!"
|
testimonial="The new aerobics classes are fantastic! So convenient that they are open until 10pm now too."
|
||||||
rating={5}
|
rating={5}
|
||||||
author="Sarah Miller"
|
author="Sarah Miller"
|
||||||
avatars={[
|
avatars={[]}
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/exercising-coastline-beautiful-sunlight-long-hair_1134-722.jpg",
|
|
||||||
alt: "User 1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",
|
|
||||||
alt: "User 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/side-view-young-women-gym_23-2148419835.jpg",
|
|
||||||
alt: "User 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205574.jpg",
|
|
||||||
alt: "User 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552356.jpg",
|
|
||||||
alt: "User 5",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -280,24 +148,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "q1", title: "What time do you close?", content: "We are now open for training until 10pm daily." },
|
||||||
id: "q1",
|
{ id: "q2", title: "Do you offer aerobics?", content: "Yes! We have recently introduced instructor-led aerobics classes." },
|
||||||
title: "Is the gym open 24/7?",
|
{ id: "q3", title: "Where are you located?", content: "We are in Norkem Park, minutes from Edleen." },
|
||||||
content: "Yes, we offer 24/7 access for our pro members.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q2",
|
|
||||||
title: "Do I have to sign a contract?",
|
|
||||||
content: "We offer flexible plans both with and without contracts.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q3",
|
|
||||||
title: "Where is the gym located?",
|
|
||||||
content: "We are located in Norkem Park, just 5 minutes from Edleen.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Common Questions"
|
title="Common Questions"
|
||||||
description="Get quick answers about our gym."
|
description="Get quick answers about our updated services."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -305,16 +161,9 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
text="Ready to join our classes? Contact us at 011 975 4400 or visit us in Norkem Park today."
|
||||||
}}
|
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||||
text="Ready to get started? Contact us at 011 975 4400 or visit us in Norkem Park today."
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Contact Us",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -323,26 +172,14 @@ export default function LandingPage() {
|
|||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{ label: "Home", href: "#hero" },
|
||||||
label: "Home",
|
{ label: "About", href: "#about" },
|
||||||
href: "#hero",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{ label: "Pricing", href: "#pricing" },
|
||||||
label: "Pricing",
|
{ label: "Contact", href: "#contact" },
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -352,4 +189,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user