Merge version_1 into main #1
294
src/app/page.tsx
294
src/app/page.tsx
@@ -31,137 +31,53 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
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" },
|
||||
]}
|
||||
brandName="Fit 21"
|
||||
button={{ text: "Join Now", href: "#pricing" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unleash Your Potential at Fit 21"
|
||||
description="Experience urban fitness reimagined. Top-tier equipment, expert guidance, and a community dedicated to your personal transformation."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tractions-bar-working-out_23-2148603932.jpg",
|
||||
imageAlt: "Gym floor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workout-man_1098-14473.jpg",
|
||||
imageAlt: "Gym movement",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationary-bike_23-2148017333.jpg",
|
||||
imageAlt: "Gym equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-photo-dumbbells_1301-2290.jpg",
|
||||
imageAlt: "Gym athlete",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197740.jpg",
|
||||
imageAlt: "Gym group",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tractions-bar-working-out_23-2148603932.jpg", imageAlt: "Gym floor" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/workout-man_1098-14473.jpg", imageAlt: "Gym movement" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stationary-bike_23-2148017333.jpg", imageAlt: "Gym equipment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-photo-dumbbells_1301-2290.jpg", imageAlt: "Gym athlete" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197740.jpg", imageAlt: "Gym group" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/defocused-bikes_1203-370.jpg",
|
||||
imageAlt: "Gym detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-strong-sportsman-gym-make-yoga-sport-exercises_171337-19762.jpg",
|
||||
imageAlt: "Gym yoga",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-sport-gym-using-kettlebells_23-2149255830.jpg",
|
||||
imageAlt: "Gym intensity",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dumbbells-arrangement-gym_23-2150007137.jpg",
|
||||
imageAlt: "Gym weight",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-running-urban-environment_23-2147988191.jpg",
|
||||
imageAlt: "Gym energy",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/defocused-bikes_1203-370.jpg", imageAlt: "Gym detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/attractive-strong-sportsman-gym-make-yoga-sport-exercises_171337-19762.jpg", imageAlt: "Gym yoga" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-adults-sport-gym-using-kettlebells_23-2149255830.jpg", imageAlt: "Gym intensity" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dumbbells-arrangement-gym_23-2150007137.jpg", imageAlt: "Gym weight" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-running-urban-environment_23-2147988191.jpg", imageAlt: "Gym energy" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Today",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Tour Facility",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Join Today", href: "#pricing" },
|
||||
{ text: "Tour Facility", href: "#about" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918019.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114204.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918017.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699510.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151917991.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918019.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114204.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918017.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699510.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151917991.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join our 1500+ active members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918016.jpg",
|
||||
alt: "Brand partner 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/nobody-living-room-with-sport-equipment-floor-empty-place-with-dumbbells-toning-stretch-ball-yoga-mat-physical-exercise-practice-fitness-gymnastics-pilates_482257-29697.jpg",
|
||||
alt: "Brand partner 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/fitness-healthy-young-woman-stretching-her-leg-standing-hardwood-floor_23-2148038197.jpg",
|
||||
alt: "Brand partner 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-stretching_23-2148285014.jpg",
|
||||
alt: "Brand partner 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/pregnant-woman-plays-sports-with-dambbels_1157-33485.jpg",
|
||||
alt: "Brand partner 5",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918016.jpg", alt: "Brand partner 1" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/nobody-living-room-with-sport-equipment-floor-empty-place-with-dumbbells-toning-stretch-ball-yoga-mat-physical-exercise-practice-fitness-gymnastics-pilates_482257-29697.jpg", alt: "Brand partner 2" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/fitness-healthy-young-woman-stretching-her-leg-standing-hardwood-floor_23-2148038197.jpg", alt: "Brand partner 3" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/front-view-woman-stretching_23-2148285014.jpg", alt: "Brand partner 4" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/pregnant-woman-plays-sports-with-dambbels_1157-33485.jpg", alt: "Brand partner 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,9 +87,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built for the Urban Athlete"
|
||||
description={[
|
||||
"Fit 21 isn't just a gym; it's an urban sanctuary designed for those who demand more from their workouts. We integrate premium technology with functional training to help you hit your peak.",
|
||||
"Whether you're a beginner or a veteran athlete, our community supports your path to health and performance excellence.",
|
||||
]}
|
||||
"Fit 21 isn't just a gym; it's an urban sanctuary designed for those who demand more from their workouts. We integrate premium technology with functional training to help you hit your peak.", "Whether you're a beginner or a veteran athlete, our community supports your path to health and performance excellence."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -183,27 +97,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Strength Training",
|
||||
description: "Elite-level weights and racks.",
|
||||
tag: "Elite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-dumbbell-from-rack-gym-close-up-her-hand_169016-46934.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Cardio Suite",
|
||||
description: "Latest tech in endurance cardio.",
|
||||
tag: "Endurance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-workout-gym-full-shot_23-2149740131.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Functional Area",
|
||||
description: "Space for movement and recovery.",
|
||||
tag: "Flexible",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-sexy-slim-girl-doing-workout-gym_627829-9241.jpg",
|
||||
},
|
||||
{ id: "1", title: "Strength Training", description: "Elite-level weights and racks.", tag: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-dumbbell-from-rack-gym-close-up-her-hand_169016-46934.jpg" },
|
||||
{ id: "2", title: "Cardio Suite", description: "Latest tech in endurance cardio.", tag: "Endurance", imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-workout-gym-full-shot_23-2149740131.jpg" },
|
||||
{ id: "3", title: "Functional Area", description: "Space for movement and recovery.", tag: "Flexible", imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-sexy-slim-girl-doing-workout-gym_627829-9241.jpg" },
|
||||
]}
|
||||
title="Training Elevated"
|
||||
description="We provide the infrastructure and support you need to succeed."
|
||||
@@ -216,21 +112,9 @@ export default function LandingPage() {
|
||||
title="Fit 21 by the Numbers"
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
description: "Active members",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Access available",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Pro trainers",
|
||||
},
|
||||
{ id: "m1", value: "1500+", description: "Active members" },
|
||||
{ id: "m2", value: "24/7", description: "Access available" },
|
||||
{ id: "m3", value: "15+", description: "Pro trainers" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -243,37 +127,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Core",
|
||||
price: "$49",
|
||||
subtitle: "Access all hours",
|
||||
features: [
|
||||
"Gym floor access",
|
||||
"Showers",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "basic", badge: "Core", price: "$49", subtitle: "Access all hours", features: ["Gym floor access", "Showers"],
|
||||
buttons: [{ text: "Choose", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Elite",
|
||||
price: "$89",
|
||||
subtitle: "Full experience",
|
||||
features: [
|
||||
"Everything in Core",
|
||||
"Classes",
|
||||
"Towel service",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "pro", badge: "Elite", price: "$89", subtitle: "Full experience", features: ["Everything in Core", "Classes", "Towel service"],
|
||||
buttons: [{ text: "Choose", href: "#" }]
|
||||
},
|
||||
]}
|
||||
title="Flexible Memberships"
|
||||
@@ -288,26 +147,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-gym_23-2148111693.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sweaty-fitness-woman-smiling-leaning-knees-looking-satisfied-after-workout-athlete-running-track-with-pleased-face-white-background_176420-47086.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32156.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-african-man-headphones-smiling-stretching-hand_176420-12652.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-gym_23-2148111693.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg", alt: "John" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-sweaty-fitness-woman-smiling-leaning-knees-looking-satisfied-after-workout-athlete-running-track-with-pleased-face-white-background_176420-47086.jpg", alt: "Anna" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32156.jpg", alt: "Mark" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-african-man-headphones-smiling-stretching-hand_176420-12652.jpg", alt: "David" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -319,21 +163,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are there classes included?",
|
||||
content: "Yes, our Elite plan includes all group fitness sessions.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need a key tag?",
|
||||
content: "We use biometrics for entry for ultimate convenience.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is there parking?",
|
||||
content: "Free validated parking is available for members.",
|
||||
},
|
||||
{ id: "f1", title: "Are there classes included?", content: "Yes, our Elite plan includes all group fitness sessions." },
|
||||
{ id: "f2", title: "Do I need a key tag?", content: "We use biometrics for entry for ultimate convenience." },
|
||||
{ id: "f3", title: "Is there parking?", content: "Free validated parking is available for members." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get clarity on our gym policies."
|
||||
@@ -344,9 +176,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Start Now"
|
||||
title="Begin Your Journey"
|
||||
description="Enter your email to receive a guest pass and exclusive member offers."
|
||||
@@ -357,32 +187,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="FIT 21"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user