Merge version_1 into main #2
238
src/app/page.tsx
238
src/app/page.tsx
@@ -33,103 +33,64 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Fitland"
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "#pricing",
|
||||
}}
|
||||
text: "Join Now", href: "#pricing"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Unleash Your Potential at Fitland"
|
||||
description="Transform your body and mind with elite training, state-of-the-art equipment, and a high-performance atmosphere."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Members",
|
||||
},
|
||||
value: "500+", label: "Members"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Access",
|
||||
},
|
||||
value: "24/7", label: "Access"},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Pro Coaches",
|
||||
},
|
||||
value: "10+", label: "Pro Coaches"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sports-woman-training-morning-gym_1157-28775.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sports-woman-training-morning-gym_1157-28775.jpg"
|
||||
imageAlt="gym interior modern lighting"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918002.jpg",
|
||||
alt: "Modern and urban gym",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918002.jpg", alt: "Modern and urban gym"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151917987.jpg",
|
||||
alt: "Modern and urban gym",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151917987.jpg", alt: "Modern and urban gym"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024361.jpg",
|
||||
alt: "Woman training in gym",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024361.jpg", alt: "Woman training in gym"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114232.jpg",
|
||||
alt: "3d gym equipment",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114232.jpg", alt: "3d gym equipment"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-gym-with-machines_23-2151148997.jpg",
|
||||
alt: "Cartoon gym with machines",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-gym-with-machines_23-2151148997.jpg", alt: "Cartoon gym with machines"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "High Intensity",
|
||||
type: "text", text: "High Intensity"},
|
||||
{
|
||||
type: "text", text: "Advanced Recovery"},
|
||||
{
|
||||
type: "text-icon", text: "Strength Training", icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Recovery",
|
||||
},
|
||||
type: "text", text: "Personalized Nutrition"},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Strength Training",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personalized Nutrition",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24/7 Support", icon: Clock,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -140,14 +101,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Redefining Fitness Excellence",
|
||||
},
|
||||
type: "text", content: "Redefining Fitness Excellence"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114140.jpg",
|
||||
alt: "modern gym athletes training",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114140.jpg", alt: "modern gym athletes training"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,40 +115,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Personal Coaching",
|
||||
description: "Tailored workout plans from certified experts.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21910.jpg",
|
||||
},
|
||||
title: "Personal Coaching", description: "Tailored workout plans from certified experts.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21910.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-doing-fitness-through-virtual-reality_23-2151469224.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-woman-training-morning-gym_1157-28775.jpg?_wi=2",
|
||||
imageAlt: "personal trainer session gym",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-doing-fitness-through-virtual-reality_23-2151469224.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Smart Tracking",
|
||||
description: "Advanced metrics to monitor your progress daily.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165173.jpg",
|
||||
},
|
||||
title: "Smart Tracking", description: "Advanced metrics to monitor your progress daily.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165173.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-sport-accessories-around-blue-background_23-2148241568.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114140.jpg",
|
||||
imageAlt: "personal trainer session gym",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-sport-accessories-around-blue-background_23-2148241568.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Recovery Zone",
|
||||
description: "Cutting-edge tools for muscle recovery.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699546.jpg?_wi=1",
|
||||
},
|
||||
title: "Recovery Zone", description: "Cutting-edge tools for muscle recovery.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699546.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699545.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32126.jpg?_wi=1",
|
||||
imageAlt: "personal trainer session gym",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699545.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -208,32 +146,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
title: "Goal Achievement",
|
||||
items: [
|
||||
"Improved Strength",
|
||||
"Body Fat Reduction",
|
||||
],
|
||||
id: "m1", value: "95%", title: "Goal Achievement", items: [
|
||||
"Improved Strength", "Body Fat Reduction"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
title: "Class Types",
|
||||
items: [
|
||||
"HIIT",
|
||||
"Strength",
|
||||
"Yoga",
|
||||
],
|
||||
id: "m2", value: "150+", title: "Class Types", items: [
|
||||
"HIIT", "Strength", "Yoga"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
items: [
|
||||
"Always Open",
|
||||
"On-Demand Access",
|
||||
],
|
||||
id: "m3", value: "24/7", title: "Availability", items: [
|
||||
"Always Open", "On-Demand Access"],
|
||||
},
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
@@ -249,23 +171,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
role: "Head Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32126.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Alex Rivers", role: "Head Coach", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32126.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
role: "Nutritionist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-with-towel-her-shoulders-open-water-bottle-gym_1153-4025.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Chen", role: "Nutritionist", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-with-towel-her-shoulders-open-water-bottle-gym_1153-4025.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus Stone",
|
||||
role: "Strength Trainer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-fitness-woman-sport-activewear-cross-arms-chest-smiling-being-healthy-fit-training-exercising-white-background_176420-50325.jpg",
|
||||
},
|
||||
id: "t3", name: "Marcus Stone", role: "Strength Trainer", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-fitness-woman-sport-activewear-cross-arms-chest-smiling-being-healthy-fit-training-exercising-white-background_176420-50325.jpg"},
|
||||
]}
|
||||
title="Meet Your Guides"
|
||||
description="Our team of elite coaches is here to push your boundaries."
|
||||
@@ -280,25 +190,15 @@ export default function LandingPage() {
|
||||
author="Jordan M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg",
|
||||
alt: "athlete portrait modern gym",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg", alt: "athlete portrait modern gym"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-training-with-kettlebell_23-2149358158.jpg",
|
||||
alt: "athlete portrait modern gym",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-training-with-kettlebell_23-2149358158.jpg", alt: "athlete portrait modern gym"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",
|
||||
alt: "Young adult doing indoor sport at the gym",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg", alt: "Young adult doing indoor sport at the gym"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-woman-with-cup-coffee-standing-white-wall_114579-65310.jpg",
|
||||
alt: "Serious woman with cup of coffee standing on white wall.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-woman-with-cup-coffee-standing-white-wall_114579-65310.jpg", alt: "Serious woman with cup of coffee standing on white wall."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/trans-man-working-out-gym_23-2149712799.jpg",
|
||||
alt: "Trans man working out at the gym",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/trans-man-working-out-gym_23-2149712799.jpg", alt: "Trans man working out at the gym"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -311,25 +211,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is membership monthly?",
|
||||
content: "Yes, we offer flexible month-to-month plans.",
|
||||
},
|
||||
id: "f1", title: "Is membership monthly?", content: "Yes, we offer flexible month-to-month plans."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are classes included?",
|
||||
content: "All group classes are included in premium plans.",
|
||||
},
|
||||
id: "f2", title: "Are classes included?", content: "All group classes are included in premium plans."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I get a tour?",
|
||||
content: "Visit anytime during staffed hours for a walkthrough.",
|
||||
},
|
||||
id: "f3", title: "Can I get a tour?", content: "Visit anytime during staffed hours for a walkthrough."},
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Get answers to common questions about our memberships and facilities."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699546.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699546.jpg"
|
||||
imageAlt="gym recovery zone modern"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -339,8 +230,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Start Now"
|
||||
title="Join the Fitland Revolution"
|
||||
description="Sign up today and get your first week on us."
|
||||
@@ -352,29 +242,19 @@ export default function LandingPage() {
|
||||
logoText="FITLAND"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Team", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user