Merge version_1 into main #1
320
src/app/page.tsx
320
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Winners",
|
||||
id: "winner-stats",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "historical-metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Winners", id: "winner-stats" },
|
||||
{ name: "Metrics", id: "historical-metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="UCL Tracker"
|
||||
/>
|
||||
@@ -54,111 +42,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Europe's Elite Football Analytics"
|
||||
description="Unlock the historical data, winner trends, and tactical insights behind every Champions League campaign."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-soccer-stadium-with-dreamy-fantasy-view-sky_23-2151563061.jpg",
|
||||
imageAlt: "football stadium night view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warmth-pitch-sign-shining-man_1134-825.jpg",
|
||||
imageAlt: "football trophy close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/night-view-football-stadium_23-2151976043.jpg",
|
||||
imageAlt: "football stadium night view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-silver-trophy-wooden-base-award-excellence_187299-46369.jpg",
|
||||
imageAlt: "football trophy close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-378.jpg",
|
||||
imageAlt: "football stadium night view",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-soccer-stadium-with-dreamy-fantasy-view-sky_23-2151563061.jpg", imageAlt: "football stadium night view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/warmth-pitch-sign-shining-man_1134-825.jpg", imageAlt: "football trophy close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/night-view-football-stadium_23-2151976043.jpg", imageAlt: "football stadium night view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-silver-trophy-wooden-base-award-excellence_187299-46369.jpg", imageAlt: "football trophy close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-378.jpg", imageAlt: "football stadium night view" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-colombia-national-soccer-team_23-2149728330.jpg",
|
||||
imageAlt: "football trophy close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-silver-cup-trophy_23-2149458774.jpg",
|
||||
imageAlt: "football trophy close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-243.jpg",
|
||||
imageAlt: "football stadium night view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-whiteboard_23-2147827764.jpg",
|
||||
imageAlt: "football trophy close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-soccer-stadium-with-dreamy-fantasy-view-sky_23-2151563099.jpg",
|
||||
imageAlt: "football stadium night view",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Stats",
|
||||
href: "#winner-stats",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563140.jpg",
|
||||
alt: "View of empty soccer stadium with fantasy and dreamy sky",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-soccer-stadium-with-dreamy-fantasy-view-sky_23-2151563067.jpg",
|
||||
alt: "Empty soccer stadium with dreamy fantasy view of sky",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563148.jpg",
|
||||
alt: "View of empty soccer stadium with fantasy and dreamy sky",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-soccer-stadium-with-dreamy-fantasy-view-sky_23-2151563089.jpg",
|
||||
alt: "Empty soccer stadium with dreamy fantasy view of sky",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/football-player-celebrating-victory_23-2147644509.jpg",
|
||||
alt: "Football player celebrating victory",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10k+ football analysts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-222.jpg",
|
||||
alt: "American football American football player in professional sport stadium",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-414.jpg",
|
||||
alt: "American football American football player in professional sport stadium",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-362.jpg",
|
||||
alt: "American football American football player in professional sport stadium",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-247.jpg",
|
||||
alt: "American football American football player in professional sport stadium",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-colombia-national-soccer-team_23-2149728318.jpg",
|
||||
alt: "Still life of colombia national soccer team",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-colombia-national-soccer-team_23-2149728330.jpg", imageAlt: "football trophy close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-silver-cup-trophy_23-2149458774.jpg", imageAlt: "football trophy close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-243.jpg", imageAlt: "football stadium night view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-whiteboard_23-2147827764.jpg", imageAlt: "football trophy close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-soccer-stadium-with-dreamy-fantasy-view-sky_23-2151563099.jpg", imageAlt: "football stadium night view" }
|
||||
]}
|
||||
buttons={[{ text: "View Stats", href: "#winner-stats" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -169,22 +70,12 @@ export default function LandingPage() {
|
||||
title="Data Driven Tournament Insights"
|
||||
description="We aggregate historical performance from over 50 years of competition to give you the most accurate predictions and insights."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Real-time Tracking",
|
||||
description: "Up to the minute data from ongoing matches.",
|
||||
},
|
||||
{
|
||||
title: "Winner Patterns",
|
||||
description: "Identify trends in historical winning teams.",
|
||||
},
|
||||
{
|
||||
title: "Expert Analysis",
|
||||
description: "Commentary on tactical shifts over time.",
|
||||
},
|
||||
{ title: "Real-time Tracking", description: "Up to the minute data from ongoing matches." },
|
||||
{ title: "Winner Patterns", description: "Identify trends in historical winning teams." },
|
||||
{ title: "Expert Analysis", description: "Commentary on tactical shifts over time." }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-soccer-gold-cup-field_23-2150885845.jpg"
|
||||
imageAlt="View of soccer gold cup on the field"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -195,42 +86,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "win-1",
|
||||
name: "Real Madrid",
|
||||
price: "14 Titles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-game-player_23-2151153038.jpg",
|
||||
},
|
||||
{
|
||||
id: "win-2",
|
||||
name: "AC Milan",
|
||||
price: "7 Titles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-style-american-football-player_23-2151827394.jpg",
|
||||
},
|
||||
{
|
||||
id: "win-3",
|
||||
name: "Bayern Munich",
|
||||
price: "6 Titles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-game-player_23-2151153028.jpg",
|
||||
},
|
||||
{
|
||||
id: "win-4",
|
||||
name: "Liverpool",
|
||||
price: "6 Titles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-staff-pitching-proposals-stakeholders-mockup-business-meeting-dark_482257-136152.jpg",
|
||||
},
|
||||
{
|
||||
id: "win-5",
|
||||
name: "Barcelona",
|
||||
price: "5 Titles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-man-playing-soccer-golden-hour-sunset_1150-14627.jpg",
|
||||
},
|
||||
{
|
||||
id: "win-6",
|
||||
name: "Ajax",
|
||||
price: "4 Titles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
},
|
||||
{ id: "win-1", name: "Real Madrid", price: "14 Titles", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-game-player_23-2151153038.jpg" },
|
||||
{ id: "win-2", name: "AC Milan", price: "7 Titles", imageSrc: "http://img.b2bpic.net/free-photo/neon-style-american-football-player_23-2151827394.jpg" },
|
||||
{ id: "win-3", name: "Bayern Munich", price: "6 Titles", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-game-player_23-2151153028.jpg" },
|
||||
{ id: "win-4", name: "Liverpool", price: "6 Titles", imageSrc: "http://img.b2bpic.net/free-photo/diverse-staff-pitching-proposals-stakeholders-mockup-business-meeting-dark_482257-136152.jpg" },
|
||||
{ id: "win-5", name: "Barcelona", price: "5 Titles", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-man-playing-soccer-golden-hour-sunset_1150-14627.jpg" }
|
||||
]}
|
||||
title="Champions League Winners"
|
||||
description="Historical winners with detailed performance metrics."
|
||||
@@ -241,28 +101,11 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Cristiano Ronaldo",
|
||||
subtitle: "140 goals",
|
||||
category: "Forward",
|
||||
value: "Winner",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Lionel Messi",
|
||||
subtitle: "129 goals",
|
||||
category: "Forward",
|
||||
value: "Winner",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Robert Lewandowski",
|
||||
subtitle: "94 goals",
|
||||
category: "Forward",
|
||||
value: "Winner",
|
||||
},
|
||||
{ id: "p1", title: "Cristiano Ronaldo", subtitle: "140 goals", category: "Forward", value: "Winner" },
|
||||
{ id: "p2", title: "Lionel Messi", subtitle: "129 goals", category: "Forward", value: "Winner" },
|
||||
{ id: "p3", title: "Robert Lewandowski", subtitle: "94 goals", category: "Forward", value: "Winner" }
|
||||
]}
|
||||
title="Legendary Goal Scorers"
|
||||
description="The top players who defined their generations."
|
||||
@@ -275,21 +118,9 @@ export default function LandingPage() {
|
||||
title="All Time Tournament Metrics"
|
||||
tag="Performance Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "69",
|
||||
description: "Total Seasons Completed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "23",
|
||||
description: "Distinct Champions",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1500+",
|
||||
description: "Total Matches Played",
|
||||
},
|
||||
{ id: "m1", value: "69", description: "Total Seasons Completed" },
|
||||
{ id: "m2", value: "23", description: "Distinct Champions" },
|
||||
{ id: "m3", value: "1500+", description: "Total Matches Played" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -301,60 +132,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Journalist",
|
||||
company: "Football Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-supporter-fan-morocco-national-team-painted-flag-face-get-happy-victory-screaming-into-camera-fans-emotions_231208-7086.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Coach",
|
||||
company: "Pro Soccer Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-american-woman-holding-basketball_23-2148773333.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alex Riv",
|
||||
role: "Analyst",
|
||||
company: "Stats Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-couch-watching-football-game_23-2148306605.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark L",
|
||||
role: "Editor",
|
||||
company: "Global Sport",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16027.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Siri K",
|
||||
role: "Fan",
|
||||
company: "UCL Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-rugby-ball-looking-away_23-2148355513.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", role: "Journalist", company: "Football Daily", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-supporter-fan-morocco-national-team-painted-flag-face-get-happy-victory-screaming-into-camera-fans-emotions_231208-7086.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", role: "Coach", company: "Pro Soccer Club", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-american-woman-holding-basketball_23-2148773333.jpg" },
|
||||
{ id: "t3", name: "Alex Riv", role: "Analyst", company: "Stats Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-couch-watching-football-game_23-2148306605.jpg" },
|
||||
{ id: "t4", name: "Mark L", role: "Editor", company: "Global Sport", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16027.jpg" },
|
||||
{ id: "t5", name: "Siri K", role: "Fan", company: "UCL Club", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-rugby-ball-looking-away_23-2148355513.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100k",
|
||||
label: "Active Users",
|
||||
},
|
||||
{
|
||||
value: "5M",
|
||||
label: "Data Points",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Accuracy Rating",
|
||||
},
|
||||
{ value: "100k", label: "Active Users" },
|
||||
{ value: "5M", label: "Data Points" },
|
||||
{ value: "99%", label: "Accuracy Rating" }
|
||||
]}
|
||||
title="Voices of the Game"
|
||||
description="What football experts and fans say about our platform."
|
||||
@@ -365,21 +152,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How often is data updated?",
|
||||
content: "Our data updates within minutes of match completion.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is historical data available?",
|
||||
content: "Yes, we track records back to the very first tournament in 1955.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you track player stats?",
|
||||
content: "We cover all major player performance metrics including goals and assists.",
|
||||
},
|
||||
{ id: "f1", title: "How often is data updated?", content: "Our data updates within minutes of match completion." },
|
||||
{ id: "f2", title: "Is historical data available?", content: "Yes, we track records back to the very first tournament in 1955." },
|
||||
{ id: "f3", title: "Do you track player stats?", content: "We cover all major player performance metrics including goals and assists." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -389,18 +164,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Need custom reporting?"
|
||||
description="Reach out for specific data sets or enterprise analytics queries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:support@ucltracker.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Email Us", href: "mailto:support@ucltracker.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user