Merge version_1 into main #1
213
src/app/page.tsx
213
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Squad",
|
||||
id: "#squad",
|
||||
},
|
||||
{
|
||||
name: "Coach",
|
||||
id: "#coach",
|
||||
},
|
||||
{
|
||||
name: "Tactics",
|
||||
id: "#tactics",
|
||||
},
|
||||
{
|
||||
name: "Tickets",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Squad", id: "#squad" },
|
||||
{ name: "Coach", id: "#about" },
|
||||
{ name: "Stats", id: "#stats" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="PSG 24/25"
|
||||
/>
|
||||
@@ -56,34 +44,16 @@ export default function LandingPage() {
|
||||
title="PSG 2024/25: The Potential XI"
|
||||
description="Witness the future of football. A new era of tactics, precision, and passion."
|
||||
buttons={[
|
||||
{
|
||||
text: "See Squad",
|
||||
href: "#squad",
|
||||
},
|
||||
{ text: "See Squad", href: "#squad" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151918984.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wide-angle-shot-person-sailing-small-boat-surrounded-with-large-columns_181624-11434.jpg",
|
||||
alt: "Fan portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chicago-street-black-white_268835-3999.jpg",
|
||||
alt: "Fan portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-shot-escalator-going-up-metro-station-vijzelgracht-netherlands_181624-4984.jpg",
|
||||
alt: "Fan portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wide-shot-moving-walkways-autowalks_181624-2642.jpg",
|
||||
alt: "Fan portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/escalator-building_23-2149397603.jpg",
|
||||
alt: "Fan portrait 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/wide-angle-shot-person-sailing-small-boat-surrounded-with-large-columns_181624-11434.jpg", alt: "Fan portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/chicago-street-black-white_268835-3999.jpg", alt: "Fan portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-shot-escalator-going-up-metro-station-vijzelgracht-netherlands_181624-4984.jpg", alt: "Fan portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wide-shot-moving-walkways-autowalks_181624-2642.jpg", alt: "Fan portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/escalator-building_23-2149397603.jpg", alt: "Fan portrait 5" }
|
||||
]}
|
||||
avatarText="Join 50,000+ registered fans"
|
||||
/>
|
||||
@@ -100,46 +70,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="squad" data-section="squad">
|
||||
<TeamCardFive
|
||||
animationType="depth-3d"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Donnarumma",
|
||||
role: "GK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-male-soccer-player-ready-match_23-2150887388.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Hakimi",
|
||||
role: "RB",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19218.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marquinhos",
|
||||
role: "CB",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-playing-soccer_1048-17586.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "W. Pacho",
|
||||
role: "CB",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-boy-playing-soccer_23-2150898615.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "N. Mendes",
|
||||
role: "LB",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-soccer-player-with-glowing-lights_23-2151152943.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "J. Neves",
|
||||
role: "CDM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-with-perfect-tanned-body-female-posing-studio-near-gray-wall_158538-3532.jpg",
|
||||
},
|
||||
{ id: "1", name: "Donnarumma", role: "GK", imageSrc: "http://img.b2bpic.net/free-photo/view-male-soccer-player-ready-match_23-2150887388.jpg" },
|
||||
{ id: "2", name: "Hakimi", role: "RB", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19218.jpg" },
|
||||
{ id: "3", name: "Marquinhos", role: "CB", imageSrc: "http://img.b2bpic.net/free-photo/young-person-playing-soccer_1048-17586.jpg" },
|
||||
{ id: "4", name: "W. Pacho", role: "CB", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-boy-playing-soccer_23-2150898615.jpg" },
|
||||
{ id: "5", name: "N. Mendes", role: "LB", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-soccer-player-with-glowing-lights_23-2151152943.jpg" },
|
||||
{ id: "6", name: "J. Neves", role: "CDM", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-with-perfect-tanned-body-female-posing-studio-near-gray-wall_158538-3532.jpg" }
|
||||
]}
|
||||
title="The Potential XI Starting Lineup"
|
||||
description="Meet the core players selected for the 24/25 campaign, chosen for their tactical intelligence and physical dominance."
|
||||
@@ -148,26 +88,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardTwo
|
||||
animationType="depth-3d"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "92%",
|
||||
description: "Pass Accuracy",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.2",
|
||||
description: "Goals Per Match",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "18",
|
||||
description: "Clean Sheets",
|
||||
},
|
||||
{ id: "m1", value: "92%", description: "Pass Accuracy" },
|
||||
{ id: "m2", value: "4.2", description: "Goals Per Match" },
|
||||
{ id: "m3", value: "18", description: "Clean Sheets" }
|
||||
]}
|
||||
title="Season Performance Metrics"
|
||||
description="Analytical breakdown of our current defensive stability and attacking output."
|
||||
@@ -180,41 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jean Dupont",
|
||||
handle: "@jean_psg",
|
||||
testimonial: "The squad rotation this season is tactical perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-partying-tailgate-event_53876-127342.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marie Curie",
|
||||
handle: "@marie_fan",
|
||||
testimonial: "Absolutely love the new 4-3-3 tactical implementation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548645.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Pierre Hugo",
|
||||
handle: "@psg_ultra",
|
||||
testimonial: "Best potential eleven we've had in years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-people-looking-soccer-team_23-2149015540.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lucas Silva",
|
||||
handle: "@lucas_footy",
|
||||
testimonial: "The transition play is just incredible to watch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-emotionally-rejoicing-yellow-wall_179666-12572.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia Rossi",
|
||||
handle: "@sofia_ultra",
|
||||
testimonial: "A championship winning lineup indeed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-game-concept_23-2151043783.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Jean Dupont", handle: "@jean_psg", testimonial: "The squad rotation this season is tactical perfection.", imageSrc: "http://img.b2bpic.net/free-photo/friends-partying-tailgate-event_53876-127342.jpg" },
|
||||
{ id: "t2", name: "Marie Curie", handle: "@marie_fan", testimonial: "Absolutely love the new 4-3-3 tactical implementation.", imageSrc: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548645.jpg" },
|
||||
{ id: "t3", name: "Pierre Hugo", handle: "@psg_ultra", testimonial: "Best potential eleven we've had in years.", imageSrc: "http://img.b2bpic.net/free-photo/different-people-looking-soccer-team_23-2149015540.jpg" },
|
||||
{ id: "t4", name: "Lucas Silva", handle: "@lucas_footy", testimonial: "The transition play is just incredible to watch.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-emotionally-rejoicing-yellow-wall_179666-12572.jpg" },
|
||||
{ id: "t5", name: "Sofia Rossi", handle: "@sofia_ultra", testimonial: "A championship winning lineup indeed.", imageSrc: "http://img.b2bpic.net/free-photo/soccer-game-concept_23-2151043783.jpg" }
|
||||
]}
|
||||
title="The Parc des Princes Voice"
|
||||
description="Hear what the passionate supporters are saying about the new tactical evolution."
|
||||
@@ -226,21 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "When is the next game?",
|
||||
content: "The season schedule is updated weekly on our official site.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How to buy kits?",
|
||||
content: "Visit the official PSG store online for latest kits.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I visit the stadium?",
|
||||
content: "Stadium tours are available throughout the year.",
|
||||
},
|
||||
{ id: "f1", title: "When is the next game?", content: "The season schedule is updated weekly on our official site." },
|
||||
{ id: "f2", title: "How to buy kits?", content: "Visit the official PSG store online for latest kits." },
|
||||
{ id: "f3", title: "Can I visit the stadium?", content: "Stadium tours are available throughout the year." }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -253,17 +139,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Tickets & Membership"
|
||||
title="Join the PSG Fan Community"
|
||||
description="Never miss a match. Get exclusive access and updates sent directly to your inbox."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Tickets",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Get Tickets", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -274,31 +155,17 @@ export default function LandingPage() {
|
||||
logoText="PSG 24/25"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Squad",
|
||||
href: "#squad",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Squad", href: "#squad" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user