Merge version_1 into main #2
353
src/app/page.tsx
353
src/app/page.tsx
@@ -25,278 +25,99 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Training",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "pricing",
|
||||
},
|
||||
]}
|
||||
brandName="EliteFit"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Training", id: "features" },
|
||||
{ name: "Membership", id: "pricing" },
|
||||
]}
|
||||
brandName="EliteFit"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Redefine Your Limits"
|
||||
description="Experience the intersection of high-performance training and bespoke luxury. EliteFit is crafted for those who demand excellence."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alexander V.",
|
||||
role: "CEO, TechInnovate",
|
||||
testimonial: "The most exclusive fitness environment I've ever experienced. Impeccable.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
role: "Founder, LuxeLife",
|
||||
testimonial: "EliteFit isn't just a gym; it's a sanctuary for high performers.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691827685-c36679e8.png?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Marcus J.",
|
||||
role: "Pro Athlete",
|
||||
testimonial: "Unparalleled facilities. The attention to detail is truly elite level.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828452-bcb2ba3d.png?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sophie K.",
|
||||
role: "Director",
|
||||
testimonial: "Everything about the experience is refined, sophisticated, and effective.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828673-2b7bb7b3.png?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Julian D.",
|
||||
role: "Investment Banker",
|
||||
testimonial: "A masterclass in luxury training. The results speak for themselves.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/a-high-end-luxury-fitness-environment-wi-1774691828009-d993a357.png"
|
||||
imageAlt="Luxury fitness facility"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Redefine Your Limits"
|
||||
description="Experience the intersection of high-performance training and bespoke luxury. EliteFit is crafted for those who demand excellence."
|
||||
testimonials={[
|
||||
{ name: "Alexander V.", handle: "CEO, TechInnovate", testimonial: "The most exclusive fitness environment I've ever experienced. Impeccable.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png" },
|
||||
{ name: "Elena R.", handle: "Founder, LuxeLife", testimonial: "EliteFit isn't just a gym; it's a sanctuary for high performers.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691827685-c36679e8.png" },
|
||||
{ name: "Marcus J.", handle: "Pro Athlete", testimonial: "Unparalleled facilities. The attention to detail is truly elite level.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828452-bcb2ba3d.png" },
|
||||
{ name: "Sophie K.", handle: "Director", testimonial: "Everything about the experience is refined, sophisticated, and effective.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828673-2b7bb7b3.png" },
|
||||
{ name: "Julian D.", handle: "Investment Banker", testimonial: "A masterclass in luxury training. The results speak for themselves.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/a-high-end-luxury-fitness-environment-wi-1774691828009-d993a357.png"
|
||||
imageAlt="Luxury fitness facility"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Motion"
|
||||
description={[
|
||||
"At EliteFit, we believe luxury and fitness are inseparable. Our state-of-the-art facilities offer a private, bespoke experience tailored to your specific performance goals.",
|
||||
"We merge high-tech diagnostics with traditional, high-intensity training methods to ensure you receive a truly unique experience designed by professionals.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Motion"
|
||||
description={[
|
||||
"At EliteFit, we believe luxury and fitness are inseparable. Our state-of-the-art facilities offer a private, bespoke experience tailored to your specific performance goals.", "We merge high-tech diagnostics with traditional, high-intensity training methods to ensure you receive a truly unique experience designed by professionals."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No crowded spaces",
|
||||
"No standard gym equipment",
|
||||
"No generic programming",
|
||||
"No public memberships",
|
||||
"No intrusive monitoring",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Personalized performance coaching",
|
||||
"Advanced physiological diagnostics",
|
||||
"Private training suites",
|
||||
"24/7 Concierge Support",
|
||||
"Luxury Recovery Spa",
|
||||
],
|
||||
}}
|
||||
title="Precision Training"
|
||||
description="We offer a curated suite of services designed for those at the top of their field."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["No crowded spaces", "No standard gym equipment", "No generic programming", "No public memberships", "No intrusive monitoring"] }}
|
||||
positiveCard={{ items: ["Personalized performance coaching", "Advanced physiological diagnostics", "Private training suites", "24/7 Concierge Support", "Luxury Recovery Spa"] }}
|
||||
title="Precision Training"
|
||||
description="We offer a curated suite of services designed for those at the top of their field."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "premium",
|
||||
price: "$1,200/mo",
|
||||
subtitle: "Elite individual training",
|
||||
badge: "Core",
|
||||
features: [
|
||||
"Full facility access",
|
||||
"1 personal training session/week",
|
||||
"Nutrition planning",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
price: "$2,500/mo",
|
||||
subtitle: "Total wellness optimization",
|
||||
badge: "Elite",
|
||||
features: [
|
||||
"Unlimited training",
|
||||
"3 personal sessions/week",
|
||||
"Monthly diagnostic scans",
|
||||
"Concierge scheduling",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "private",
|
||||
price: "Custom",
|
||||
subtitle: "Bespoke high-performance",
|
||||
badge: "Signature",
|
||||
features: [
|
||||
"Dedicated private suite",
|
||||
"On-call performance coach",
|
||||
"Full nutrition & wellness team",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Exclusive Membership"
|
||||
description="Choose the level of performance that matches your ambition."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "premium", badge: "Core", price: "$1,200/mo", subtitle: "Elite individual training", features: ["Full facility access", "1 personal training session/week", "Nutrition planning"], buttons: [{ text: "Inquire", href: "#" }] },
|
||||
{ id: "elite", badge: "Elite", price: "$2,500/mo", subtitle: "Total wellness optimization", features: ["Unlimited training", "3 personal sessions/week", "Monthly diagnostic scans", "Concierge scheduling"], buttons: [{ text: "Inquire", href: "#" }] },
|
||||
{ id: "private", badge: "Signature", price: "Custom", subtitle: "Bespoke high-performance", features: ["Dedicated private suite", "On-call performance coach", "Full nutrition & wellness team"], buttons: [{ text: "Inquire", href: "#" }] }
|
||||
]}
|
||||
title="Exclusive Membership"
|
||||
description="Choose the level of performance that matches your ambition."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alexander V.",
|
||||
role: "CEO, TechInnovate",
|
||||
testimonial: "An incredible atmosphere for high achievers.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena R.",
|
||||
role: "Founder, LuxeLife",
|
||||
testimonial: "I've never felt more optimized in my life.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691827685-c36679e8.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus J.",
|
||||
role: "Pro Athlete",
|
||||
testimonial: "The facilities and coaching are world-class.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828452-bcb2ba3d.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sophie K.",
|
||||
role: "Director",
|
||||
testimonial: "Truly the gold standard of fitness centers.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828673-2b7bb7b3.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Victor H.",
|
||||
role: "Architect",
|
||||
testimonial: "The design of the space is as elite as the training.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png?_wi=4",
|
||||
},
|
||||
]}
|
||||
title="Elite Results"
|
||||
description="See why industry leaders choose EliteFit to maintain their edge."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alexander V.", role: "CEO, TechInnovate", testimonial: "An incredible atmosphere for high achievers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png" },
|
||||
{ id: "2", name: "Elena R.", role: "Founder, LuxeLife", testimonial: "I've never felt more optimized in my life.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691827685-c36679e8.png" },
|
||||
{ id: "3", name: "Marcus J.", role: "Pro Athlete", testimonial: "The facilities and coaching are world-class.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828452-bcb2ba3d.png" },
|
||||
{ id: "4", name: "Sophie K.", role: "Director", testimonial: "Truly the gold standard of fitness centers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828673-2b7bb7b3.png" },
|
||||
{ id: "5", name: "Victor H.", role: "Architect", testimonial: "The design of the space is as elite as the training.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png" },
|
||||
]}
|
||||
title="Elite Results"
|
||||
description="See why industry leaders choose EliteFit to maintain their edge."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Membership",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="EliteFit"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="EliteFit"
|
||||
columns={[
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Membership", href: "#pricing" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user