Merge version_2 into main #2
247
src/app/page.tsx
247
src/app/page.tsx
@@ -32,95 +32,34 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "#pricing",
|
||||
}}
|
||||
text: "Join Now", href: "#pricing"}}
|
||||
brandName="Family Fitness Norkem"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-gym_1303-5509.jpg"
|
||||
imageAlt="Family Fitness Norkem Park Interior"
|
||||
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={[{ text: "Join Now", href: "#pricing" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CToL1Sp1IITldMQd9yhy7puSbW/uploaded-1776419813803-pyqq9kj0.jpg"
|
||||
imageAlt="Aerobics Class Session"
|
||||
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"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Access",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Snob-Free",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Focus",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Gear",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Join Today",
|
||||
},
|
||||
{ type: "text", text: "24/7 Access" },
|
||||
{ type: "text", text: "Aerobics Classes" },
|
||||
{ type: "text", text: "Open until 10pm" },
|
||||
{ type: "text", text: "Snob-Free" },
|
||||
{ type: "text", text: "Premium Gear" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,7 +69,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
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."
|
||||
icon={Users}
|
||||
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}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Access",
|
||||
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: "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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
title: "Premium Amenities",
|
||||
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: "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"},
|
||||
]}
|
||||
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>
|
||||
|
||||
@@ -173,38 +103,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Starter",
|
||||
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: "basic", tag: "Starter", 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",
|
||||
tag: "Most Popular",
|
||||
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",
|
||||
],
|
||||
id: "pro", tag: "Most Popular", price: "R499", period: "mo", description: "Access to all classes and equipment until 10pm.", button: { text: "Join Now", href: "#contact" },
|
||||
featuresTitle: "Included", features: ["Aerobics Classes", "24/7 Access", "Open until 10pm"],
|
||||
},
|
||||
]}
|
||||
title="Membership Plans"
|
||||
@@ -218,24 +122,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Happy Members",
|
||||
value: "1200+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Activity,
|
||||
title: "Fitness Machines",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Operational Hours",
|
||||
value: "24/7",
|
||||
},
|
||||
{ id: "m1", icon: Users, title: "Happy Members", value: "1200+" },
|
||||
{ id: "m2", icon: Activity, title: "Fitness Classes", value: "New" },
|
||||
{ id: "m3", icon: Clock, title: "Closing Time", value: "10pm" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers that define our community excellence."
|
||||
@@ -245,31 +134,10 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
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}
|
||||
author="Sarah Miller"
|
||||
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",
|
||||
},
|
||||
]}
|
||||
avatars={[]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
@@ -280,24 +148,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the gym open 24/7?",
|
||||
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.",
|
||||
},
|
||||
{ id: "q1", title: "What time do you close?", content: "We are now open for training until 10pm daily." },
|
||||
{ id: "q2", title: "Do you offer aerobics?", content: "Yes! We have recently introduced instructor-led aerobics classes." },
|
||||
{ id: "q3", title: "Where are you located?", content: "We are in Norkem Park, minutes from Edleen." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get quick answers about our gym."
|
||||
description="Get quick answers about our updated services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -305,16 +161,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to get started? Contact us at 011 975 4400 or visit us in Norkem Park today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ 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: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -323,26 +172,14 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -352,4 +189,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user