Update src/app/page.tsx
This commit is contained in:
190
src/app/page.tsx
190
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "features",
|
||||
},
|
||||
name: "Programs", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Skyline Fitness"
|
||||
/>
|
||||
@@ -64,15 +52,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Elevate Your Potential"
|
||||
description="Experience the ultimate fitness transformation at Skyline Fitness. State-of-the-art equipment, elite coaching, and a community dedicated to your success."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Today",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Join Today", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114232.jpg"
|
||||
/>
|
||||
@@ -98,23 +83,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited Hours",
|
||||
"Outdated Gear",
|
||||
"Overcrowded Spaces",
|
||||
"Hidden Fees",
|
||||
"Lack of Support",
|
||||
],
|
||||
"Limited Hours", "Outdated Gear", "Overcrowded Spaces", "Hidden Fees", "Lack of Support"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"24/7 Access",
|
||||
"Premium Equipment",
|
||||
"Spacious Training Zones",
|
||||
"Expert Coaching",
|
||||
"Recovery & Wellness",
|
||||
],
|
||||
"24/7 Access", "Premium Equipment", "Spacious Training Zones", "Expert Coaching", "Recovery & Wellness"],
|
||||
}}
|
||||
title="Why Choose Skyline"
|
||||
description="Experience the difference of a premium fitness club designed for results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -125,39 +101,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$39",
|
||||
subtitle: "Access all areas",
|
||||
features: [
|
||||
"Gym Access",
|
||||
"Locker Room",
|
||||
"Cardio Zone",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$39", subtitle: "Access all areas", features: [
|
||||
"Gym Access", "Locker Room", "Cardio Zone"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Best Value",
|
||||
price: "$69",
|
||||
subtitle: "Elite training package",
|
||||
features: [
|
||||
"All Access",
|
||||
"Classes Included",
|
||||
"Personal Training",
|
||||
"Recovery Hub",
|
||||
],
|
||||
id: "pro", badge: "Best Value", price: "$69", subtitle: "Elite training package", features: [
|
||||
"All Access", "Classes Included", "Personal Training", "Recovery Hub"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Elite",
|
||||
price: "$99",
|
||||
subtitle: "Unlimited transformation",
|
||||
features: [
|
||||
"All Elite Benefits",
|
||||
"Unlimited Guest Passes",
|
||||
"Nutritional Planning",
|
||||
"Recovery Suite Access",
|
||||
],
|
||||
id: "premium", badge: "Elite", price: "$99", subtitle: "Unlimited transformation", features: [
|
||||
"All Elite Benefits", "Unlimited Guest Passes", "Nutritional Planning", "Recovery Suite Access"],
|
||||
},
|
||||
]}
|
||||
title="Membership Plans"
|
||||
@@ -172,28 +125,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Active Members",
|
||||
items: [
|
||||
"Community growing daily",
|
||||
],
|
||||
id: "m1", value: "500+", title: "Active Members", items: [
|
||||
"Community growing daily"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Certified Coaches",
|
||||
items: [
|
||||
"Experts in fitness",
|
||||
],
|
||||
id: "m2", value: "15+", title: "Certified Coaches", items: [
|
||||
"Experts in fitness"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Always Open",
|
||||
items: [
|
||||
"Fitness on your schedule",
|
||||
],
|
||||
id: "m3", value: "24/7", title: "Always Open", items: [
|
||||
"Fitness on your schedule"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -208,59 +149,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Pro Member",
|
||||
company: "Local Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/timid-young-fitness-woman-sportswear-with-headband-with-smile-face-standing-orange-wall_141793-48522.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", role: "Pro Member", company: "Local Athlete", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/timid-young-fitness-woman-sportswear-with-headband-with-smile-face-standing-orange-wall_141793-48522.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
role: "Transformation",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-funny-young-dark-skinned-african-male-with-curly-hair-grey-sporty-wear-touching-his-muscles-with-hand-looking-camera-with-silly-expression-sport-concept_176420-13060.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah J.", role: "Transformation", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-funny-young-dark-skinned-african-male-with-curly-hair-grey-sporty-wear-touching-his-muscles-with-hand-looking-camera-with-silly-expression-sport-concept_176420-13060.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike D.",
|
||||
role: "Enthusiast",
|
||||
company: "Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-urban-lifestyle-body-language-concept-horizontal-im_343059-4141.jpg",
|
||||
},
|
||||
id: "3", name: "Mike D.", role: "Enthusiast", company: "Member", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-urban-lifestyle-body-language-concept-horizontal-im_343059-4141.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily K.",
|
||||
role: "Athlete",
|
||||
company: "Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-sporty-man-wearing-headband-wristbands-holding-mobile-phone-gesturing-strong-isolated-orange_141793-84252.jpg",
|
||||
},
|
||||
id: "4", name: "Emily K.", role: "Athlete", company: "Member", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-sporty-man-wearing-headband-wristbands-holding-mobile-phone-gesturing-strong-isolated-orange_141793-84252.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
role: "Regular",
|
||||
company: "Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-posing-studio-with-dumbbels_613910-58.jpg",
|
||||
},
|
||||
id: "5", name: "David W.", role: "Regular", company: "Member", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-posing-studio-with-dumbbels_613910-58.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention",
|
||||
},
|
||||
value: "98%", label: "Retention"},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Sessions",
|
||||
},
|
||||
value: "5k+", label: "Sessions"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Satisfaction"},
|
||||
]}
|
||||
title="Member Stories"
|
||||
description="Hear what our members have to say about their transformation journey."
|
||||
@@ -273,30 +183,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need a tour?",
|
||||
content: "You can walk in anytime, but booking a tour ensures a coach is ready.",
|
||||
},
|
||||
id: "f1", title: "Do I need a tour?", content: "You can walk in anytime, but booking a tour ensures a coach is ready."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there contracts?",
|
||||
content: "We offer flexible monthly plans without long-term commitments.",
|
||||
},
|
||||
id: "f2", title: "Are there contracts?", content: "We offer flexible monthly plans without long-term commitments."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I bring a friend?",
|
||||
content: "Pro members get guest passes included in their plan.",
|
||||
},
|
||||
id: "f3", title: "Can I bring a friend?", content: "Pro members get guest passes included in their plan."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Is the gym secure?",
|
||||
content: "Yes, we have 24/7 monitored security access for all members.",
|
||||
},
|
||||
id: "f4", title: "Is the gym secure?", content: "Yes, we have 24/7 monitored security access for all members."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Do you offer personal training?",
|
||||
content: "Absolutely, we have a team of certified coaches ready to help.",
|
||||
},
|
||||
id: "f5", title: "Do you offer personal training?", content: "Absolutely, we have a team of certified coaches ready to help."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -308,8 +203,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Start Your Journey"
|
||||
description="Sign up for our newsletter to get a free 3-day pass to our facilities."
|
||||
tag="Contact Us"
|
||||
|
||||
Reference in New Issue
Block a user