Merge version_1 into main #1
328
src/app/page.tsx
328
src/app/page.tsx
@@ -17,242 +17,114 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ELITE ATHLETE"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Stats", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ELITE ATHLETE"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Chasing Greatness."
|
||||
description="Professional athlete dedicated to pushing boundaries, breaking records, and defining excellence on the world stage."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BsIR2Qk6Z34qz9Mnco344tn2r2/uploaded-1775500116331-aarc7y2r.png",
|
||||
alt: "Athlete portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sporty-man-with-basketball_23-2148375938.jpg",
|
||||
alt: "Athlete portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-volleyball-man-player-court_23-2149492393.jpg",
|
||||
alt: "Athlete portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-instructors-gym_329181-14166.jpg",
|
||||
alt: "Athlete portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-posing-indoors-climbing-arena_23-2150461779.jpg",
|
||||
alt: "Athlete portrait 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Journey",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Olympic Gold Medalist",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Record Breaker",
|
||||
icon: Trophy,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Leader",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Integrity First",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Ambassador",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Chasing Greatness."
|
||||
description="Professional athlete dedicated to pushing boundaries, breaking records, and defining excellence on the world stage."
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BsIR2Qk6Z34qz9Mnco344tn2r2/uploaded-1775500116331-aarc7y2r.png", alt: "Athlete portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-sporty-man-with-basketball_23-2148375938.jpg", alt: "Athlete portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-volleyball-man-player-court_23-2149492393.jpg", alt: "Athlete portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-instructors-gym_329181-14166.jpg", alt: "Athlete portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-posing-indoors-climbing-arena_23-2150461779.jpg", alt: "Athlete portrait 5" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "View Journey", href: "#about" },
|
||||
{ text: "Contact", href: "#contact" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Olympic Gold Medalist" },
|
||||
{ type: "text-icon", text: "Record Breaker", icon: Trophy },
|
||||
{ type: "text", text: "Performance Leader" },
|
||||
{ type: "text-icon", text: "Integrity First", icon: Shield },
|
||||
{ type: "text", text: "Global Ambassador" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Defining The Standard"
|
||||
description={[
|
||||
"Years of dedication have led to this moment. From early morning training sessions to the final whistle, commitment is everything.",
|
||||
"My mission is to inspire through performance and integrity, proving that hard work remains the ultimate edge in sports.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Defining The Standard"
|
||||
description={[
|
||||
"Years of dedication have led to this moment. From early morning training sessions to the final whistle, commitment is everything.", "My mission is to inspire through performance and integrity, proving that hard work remains the ultimate edge in sports."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Career Milestones"
|
||||
tag="Achievement Highlights"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
description: "Professional Seasons",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "24",
|
||||
description: "Global Titles",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Victory Percentage",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "120",
|
||||
description: "Total Awards",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Career Milestones"
|
||||
tag="Achievement Highlights"
|
||||
metrics={[
|
||||
{ id: "1", value: "15+", description: "Professional Seasons" },
|
||||
{ id: "2", value: "24", description: "Global Titles" },
|
||||
{ id: "3", value: "98%", description: "Victory Percentage" },
|
||||
{ id: "4", value: "120", description: "Total Awards" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible Drive",
|
||||
quote: "The most dedicated athlete I've coached in a decade.",
|
||||
name: "Coach Marcus",
|
||||
role: "Head Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sporty-man-with-basketball_23-2148375938.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "A True Professional",
|
||||
quote: "Rarely do you see this level of precision and focus.",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Sports Agent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-volleyball-man-player-court_23-2149492393.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Inspirational",
|
||||
quote: "Pushes everyone around them to be better every single day.",
|
||||
name: "David Thorne",
|
||||
role: "Teammate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-instructors-gym_329181-14166.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "World Class",
|
||||
quote: "Performance metrics are off the charts, but the mental fortitude is what stands out.",
|
||||
name: "Dr. Elena Rossi",
|
||||
role: "Performance Analyst",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-indoors-climbing-arena_23-2150461779.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Authentic Talent",
|
||||
quote: "Representing the gold standard of what an athlete should be.",
|
||||
name: "James O'Neill",
|
||||
role: "Sports Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-standing-with-football-phone_23-2148203545.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of the Game"
|
||||
description="Hear from the professionals who have been part of the journey."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Incredible Drive", quote: "The most dedicated athlete I've coached in a decade.", name: "Coach Marcus", role: "Head Coach", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sporty-man-with-basketball_23-2148375938.jpg" },
|
||||
{ id: "2", title: "A True Professional", quote: "Rarely do you see this level of precision and focus.", name: "Sarah Jenkins", role: "Sports Agent", imageSrc: "http://img.b2bpic.net/free-photo/young-volleyball-man-player-court_23-2149492393.jpg" },
|
||||
{ id: "3", title: "Inspirational", quote: "Pushes everyone around them to be better every single day.", name: "David Thorne", role: "Teammate", imageSrc: "http://img.b2bpic.net/free-photo/professional-instructors-gym_329181-14166.jpg" },
|
||||
{ id: "4", title: "World Class", quote: "Performance metrics are off the charts, but the mental fortitude is what stands out.", name: "Dr. Elena Rossi", role: "Performance Analyst", imageSrc: "http://img.b2bpic.net/free-photo/man-posing-indoors-climbing-arena_23-2150461779.jpg" },
|
||||
{ id: "5", title: "Authentic Talent", quote: "Representing the gold standard of what an athlete should be.", name: "James O'Neill", role: "Sports Director", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-standing-with-football-phone_23-2148203545.jpg" },
|
||||
]}
|
||||
title="Voices of the Game"
|
||||
description="Hear from the professionals who have been part of the journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Let's Collaborate"
|
||||
description="For media inquiries, sponsorships, or speaking engagements, reach out using the form below."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15101.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Let's Collaborate"
|
||||
description="For media inquiries, sponsorships, or speaking engagements, reach out using the form below."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15101.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ELITE ATHLETE"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="ELITE ATHLETE"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user