Merge version_1 into main #2
368
src/app/page.tsx
368
src/app/page.tsx
@@ -10,7 +10,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Film, Instagram, Twitter } from "lucide-react";
|
||||
import { Film, Instagram, Twitter, Zap, ArrowUp, Brain, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,273 +27,119 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Legacy",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Achievements",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Connect",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="CR7 Legend"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Legacy", id: "about" },
|
||||
{ name: "Achievements", id: "features" },
|
||||
{ name: "Connect", id: "contact" },
|
||||
]}
|
||||
brandName="CR7 Legend"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
title="The Greatest Legend"
|
||||
description="Witness the relentless journey, skill, and history of the world's most iconic football phenomenon, Cristiano Ronaldo."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Fanatic 7",
|
||||
handle: "@cr7fan",
|
||||
testimonial: "The absolute goat. His dedication is unmatched in sport history.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-soccer-fans-cheering_23-2151530219.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Madridista",
|
||||
handle: "@rmadrid",
|
||||
testimonial: "CR7 turned me into a football fan forever. Unforgettable moments!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-people-watching-football-game_23-2149015562.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "StadiumVoice",
|
||||
handle: "@stadium",
|
||||
testimonial: "Every time he touches the ball, the world holds its breath.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emotional-young-handsome-man-rejoicing-beige-wall_176420-126.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "LittleKick",
|
||||
handle: "@youth",
|
||||
testimonial: "I practice every day to be like Ronaldo one day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-playing-football-field_1303-16425.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "GlobalFan",
|
||||
handle: "@fans",
|
||||
testimonial: "Iconic, explosive, and truly legendary performance every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536151.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/considering-stylish-travel-protection-thinking_1134-1402.jpg"
|
||||
imageAlt="Cristiano Ronaldo Celebration"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/monochrome-soccer-fans-cheering_23-2151530219.jpg",
|
||||
alt: "Fan 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-people-watching-football-game_23-2149015562.jpg",
|
||||
alt: "Fan 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/emotional-young-handsome-man-rejoicing-beige-wall_176420-126.jpg",
|
||||
alt: "Fan 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/little-boy-playing-football-field_1303-16425.jpg",
|
||||
alt: "Fan 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536151.jpg",
|
||||
alt: "Fan 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Joined by millions of fans worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "5x Ballon d'Or",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Champions League Icon",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Goal Scorer",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unmatched Work Ethic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Football Royalty",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
title="The Greatest Legend"
|
||||
description="Witness the relentless journey, skill, and history of the world's most iconic football phenomenon, Cristiano Ronaldo."
|
||||
testimonials={[
|
||||
{ name: "Fanatic 7", handle: "@cr7fan", testimonial: "The absolute goat. His dedication is unmatched in sport history.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/monochrome-soccer-fans-cheering_23-2151530219.jpg" },
|
||||
{ name: "Madridista", handle: "@rmadrid", testimonial: "CR7 turned me into a football fan forever. Unforgettable moments!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-people-watching-football-game_23-2149015562.jpg" },
|
||||
{ name: "StadiumVoice", handle: "@stadium", testimonial: "Every time he touches the ball, the world holds its breath.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/emotional-young-handsome-man-rejoicing-beige-wall_176420-126.jpg" },
|
||||
{ name: "LittleKick", handle: "@youth", testimonial: "I practice every day to be like Ronaldo one day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/little-boy-playing-football-field_1303-16425.jpg" },
|
||||
{ name: "GlobalFan", handle: "@fans", testimonial: "Iconic, explosive, and truly legendary performance every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536151.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/considering-stylish-travel-protection-thinking_1134-1402.jpg"
|
||||
imageAlt="Cristiano Ronaldo Celebration"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Unrivaled Legacy"
|
||||
description="From humble beginnings in Madeira to global dominance in Europe, Cristiano Ronaldo has redefined the standards of athletic excellence. His career is a testament to the power of unwavering discipline, high-stakes pressure handling, and pure, raw talent."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-male-rugby-player-holding-ball_23-2148793304.jpg"
|
||||
imageAlt="Cristiano Ronaldo Determined Portrait"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Unrivaled Legacy"
|
||||
description="From humble beginnings in Madeira to global dominance in Europe, Cristiano Ronaldo has redefined the standards of athletic excellence. His career is a testament to the power of unwavering discipline, high-stakes pressure handling, and pure, raw talent."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-male-rugby-player-holding-ball_23-2148793304.jpg"
|
||||
imageAlt="Cristiano Ronaldo Determined Portrait"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Striking",
|
||||
description: "Clinical finishing from any angle on the pitch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-background-with-beer-tv_23-2147832133.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Aerobic Explosivity",
|
||||
description: "Unmatched speed and vertical leap on headers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-pumping-soccer-ball_23-2147820651.jpg",
|
||||
buttonIcon: "ArrowUp",
|
||||
},
|
||||
{
|
||||
title: "Tactical Intelligence",
|
||||
description: "Constant movement that confuses the best defenses.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-their-country-football-team_23-2149015529.jpg",
|
||||
buttonIcon: "Brain",
|
||||
},
|
||||
{
|
||||
title: "Mental Resilience",
|
||||
description: "The ability to perform under the highest pressure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-football-field_23-2148930221.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
]}
|
||||
title="Key Skills"
|
||||
description="The attributes that make CR7 stand alone in football history."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Precision Striking", description: "Clinical finishing from any angle on the pitch.", imageSrc: "http://img.b2bpic.net/free-photo/football-background-with-beer-tv_23-2147832133.jpg", buttonIcon: Zap },
|
||||
{ title: "Aerobic Explosivity", description: "Unmatched speed and vertical leap on headers.", imageSrc: "http://img.b2bpic.net/free-photo/crop-man-pumping-soccer-ball_23-2147820651.jpg", buttonIcon: ArrowUp },
|
||||
{ title: "Tactical Intelligence", description: "Constant movement that confuses the best defenses.", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-their-country-football-team_23-2149015529.jpg", buttonIcon: Brain },
|
||||
{ title: "Mental Resilience", description: "The ability to perform under the highest pressure.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-football-field_23-2148930221.jpg", buttonIcon: Shield },
|
||||
]}
|
||||
title="Key Skills"
|
||||
description="The attributes that make CR7 stand alone in football history."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "800+",
|
||||
description: "Career Goals Scored",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5x",
|
||||
description: "Ballon d'Or Awards",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "30+",
|
||||
description: "Major Trophies Won",
|
||||
},
|
||||
]}
|
||||
title="The Numbers Don't Lie"
|
||||
description="A glimpse into a record-breaking career of excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "800+", description: "Career Goals Scored" },
|
||||
{ id: "m2", value: "5x", description: "Ballon d'Or Awards" },
|
||||
{ id: "m3", value: "30+", description: "Major Trophies Won" },
|
||||
]}
|
||||
title="The Numbers Don't Lie"
|
||||
description="A glimpse into a record-breaking career of excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Luis F.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-soccer-fans-cheering_23-2151530219.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-people-watching-football-game_23-2149015562.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emotional-young-handsome-man-rejoicing-beige-wall_176420-126.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sam R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-playing-football-field_1303-16425.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sara B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536151.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
cardTitle="Fan Sentiments"
|
||||
cardTag="Stories"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Luis F.", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-soccer-fans-cheering_23-2151530219.jpg" },
|
||||
{ id: "t2", name: "Maria S.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-people-watching-football-game_23-2149015562.jpg" },
|
||||
{ id: "t3", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/emotional-young-handsome-man-rejoicing-beige-wall_176420-126.jpg" },
|
||||
{ id: "t4", name: "Sam R.", imageSrc: "http://img.b2bpic.net/free-photo/little-boy-playing-football-field_1303-16425.jpg" },
|
||||
{ id: "t5", name: "Sara B.", imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536151.jpg" },
|
||||
]}
|
||||
cardTitle="Fan Sentiments"
|
||||
cardTag="Stories"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
tag="Updates"
|
||||
title="Stay Updated"
|
||||
description="Join the biggest community of Ronaldo fans and get the latest updates straight to your inbox."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-dynamic-light-lines-background_84443-82087.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter email for news"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Updates"
|
||||
title="Stay Updated"
|
||||
description="Join the biggest community of Ronaldo fans and get the latest updates straight to your inbox."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-dynamic-light-lines-background_84443-82087.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter email for news"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="CR7 Legend"
|
||||
copyrightText="© 2025 Fan Tribute Site"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Film,
|
||||
href: "#",
|
||||
ariaLabel: "Youtube",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="CR7 Legend"
|
||||
copyrightText="© 2025 Fan Tribute Site"
|
||||
socialLinks={[
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Film, href: "#", ariaLabel: "Youtube" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user