Merge version_1 into main #2
343
src/app/page.tsx
343
src/app/page.tsx
@@ -14,244 +14,127 @@ import { Instagram, Twitter } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="blurBottom"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="blurBottom"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Training",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#results",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "#testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="AETHER FITNESS"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Training", id: "services" },
|
||||
{ name: "Results", id: "results" },
|
||||
{ name: "Community", id: "testimonials" },
|
||||
]}
|
||||
brandName="AETHER FITNESS"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Built Different. Train With Purpose."
|
||||
description="Aether Fitness is for disciplined athletes who demand peak performance. No shortcuts—just results, identity, and mental toughness through serious training."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Training",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/athletic-dirty-male-rugby-player-holding-ball_23-2148793383.jpg?_wi=1"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/overhead-view-muscular-sportsperson-sitting-bleacher_23-2148162170.jpg",
|
||||
alt: "Athlete 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait_1296-635.jpg",
|
||||
alt: "Athlete 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/negative-emotions-body-language-concept-unsatisfied-black-man-frowns-face-looks-with-opened-mouth_273609-8707.jpg",
|
||||
alt: "Athlete 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-stretching-outside_23-2148291331.jpg",
|
||||
alt: "Athlete 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-tired-handsome-african-sports-man-resting-after-workout_171337-9476.jpg",
|
||||
alt: "Athlete 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ athletes"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Built Different. Train With Purpose."
|
||||
description="Aether Fitness is for disciplined athletes who demand peak performance. No shortcuts—just results, identity, and mental toughness through serious training."
|
||||
buttons={[{ text: "Start Training", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/athletic-dirty-male-rugby-player-holding-ball_23-2148793383.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/overhead-view-muscular-sportsperson-sitting-bleacher_23-2148162170.jpg", alt: "Athlete 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-portrait_1296-635.jpg", alt: "Athlete 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/negative-emotions-body-language-concept-unsatisfied-black-man-frowns-face-looks-with-opened-mouth_273609-8707.jpg", alt: "Athlete 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-stretching-outside_23-2148291331.jpg", alt: "Athlete 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-tired-handsome-african-sports-man-resting-after-workout_171337-9476.jpg", alt: "Athlete 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ athletes"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Strength Mechanics",
|
||||
description: "Precision programming to maximize structural load and force output.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-abstract-grey-shapes_23-2148744334.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098556.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-dirty-male-rugby-player-holding-ball_23-2148793383.jpg?_wi=2",
|
||||
imageAlt: "dark athletic training photography",
|
||||
},
|
||||
{
|
||||
title: "Conditioning Cycles",
|
||||
description: "Anaerobic mastery for sustained performance under high stress environments.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-abstract-grey-shapes_23-2148744334.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098556.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-abstract-grey-shapes_23-2148744334.jpg?_wi=3",
|
||||
imageAlt: "gym weight plates texture",
|
||||
},
|
||||
{
|
||||
title: "Identity Coaching",
|
||||
description: "Mental conditioning that bridges the gap between ambition and execution.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-abstract-grey-shapes_23-2148744334.jpg?_wi=4",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098556.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098556.jpg?_wi=4",
|
||||
imageAlt: "dark athletic training arena",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Elite Performance Frameworks"
|
||||
description="Systemized training protocols designed to forge mental and physical dominance."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Strength Mechanics", description: "Precision programming to maximize structural load and force output.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-abstract-grey-shapes_23-2148744334.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098556.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Conditioning Cycles", description: "Anaerobic mastery for sustained performance under high stress environments.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-abstract-grey-shapes_23-2148744334.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098556.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Identity Coaching", description: "Mental conditioning that bridges the gap between ambition and execution.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-abstract-grey-shapes_23-2148744334.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098556.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Elite Performance Frameworks"
|
||||
description="Systemized training protocols designed to forge mental and physical dominance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="results" data-section="results">
|
||||
<ProductCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Foundation Protocol",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitnesswoman-doing-deadlift-using-barbell-gym_651396-1605.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Velocity Peak",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitnesswoman-doing-deadlift-using-barbell-gym_651396-1605.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Elite Endurance",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitnesswoman-doing-deadlift-using-barbell-gym_651396-1605.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Force Development",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitnesswoman-doing-deadlift-using-barbell-gym_651396-1605.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mental Hardening",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitnesswoman-doing-deadlift-using-barbell-gym_651396-1605.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Performance Mastery",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitnesswoman-doing-deadlift-using-barbell-gym_651396-1605.jpg?_wi=6",
|
||||
},
|
||||
]}
|
||||
title="Precision Programming"
|
||||
description="Curated training blueprints for athletes at every stage of their evolution."
|
||||
/>
|
||||
</div>
|
||||
<div id="results" data-section="results">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Foundation Protocol", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/fitnesswoman-doing-deadlift-using-barbell-gym_651396-1605.jpg" },
|
||||
{ id: "p2", name: "Velocity Peak", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/fitnesswoman-doing-deadlift-using-barbell-gym_651396-1605.jpg" },
|
||||
{ id: "p3", name: "Elite Endurance", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/fitnesswoman-doing-deadlift-using-barbell-gym_651396-1605.jpg" },
|
||||
{ id: "p4", name: "Force Development", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/fitnesswoman-doing-deadlift-using-barbell-gym_651396-1605.jpg" },
|
||||
{ id: "p5", name: "Mental Hardening", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/fitnesswoman-doing-deadlift-using-barbell-gym_651396-1605.jpg" },
|
||||
{ id: "p6", name: "Performance Mastery", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/fitnesswoman-doing-deadlift-using-barbell-gym_651396-1605.jpg" },
|
||||
]}
|
||||
title="Precision Programming"
|
||||
description="Curated training blueprints for athletes at every stage of their evolution."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-muscular-sportsperson-sitting-bleacher_23-2148162170.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maya Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait_1296-635.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jordan West",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/negative-emotions-body-language-concept-unsatisfied-black-man-frowns-face-looks-with-opened-mouth_273609-8707.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Blake",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-outside_23-2148291331.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tired-handsome-african-sports-man-resting-after-workout_171337-9476.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="The Aether Standard"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex Rivers", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-muscular-sportsperson-sitting-bleacher_23-2148162170.jpg" },
|
||||
{ id: "2", name: "Maya Chen", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait_1296-635.jpg" },
|
||||
{ id: "3", name: "Jordan West", imageSrc: "http://img.b2bpic.net/free-photo/negative-emotions-body-language-concept-unsatisfied-black-man-frowns-face-looks-with-opened-mouth_273609-8707.jpg" },
|
||||
{ id: "4", name: "Sarah Blake", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-outside_23-2148291331.jpg" },
|
||||
{ id: "5", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tired-handsome-african-sports-man-resting-after-workout_171337-9476.jpg" },
|
||||
]}
|
||||
cardTitle="The Aether Standard"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="The initiation into elite training begins here. Are you disciplined enough?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="The initiation into elite training begins here. Are you disciplined enough?"
|
||||
buttons={[{ text: "Apply Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="AETHER FITNESS"
|
||||
copyrightText="© 2025 Aether Fitness. Built different."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="AETHER FITNESS"
|
||||
copyrightText="© 2025 Aether Fitness. Built different."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user