Merge version_1 into main #2
246
src/app/page.tsx
246
src/app/page.tsx
@@ -30,29 +30,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Rules",
|
||||
id: "rules",
|
||||
},
|
||||
name: "Rules", id: "rules"},
|
||||
{
|
||||
name: "Positions",
|
||||
id: "positions",
|
||||
},
|
||||
name: "Positions", id: "positions"},
|
||||
{
|
||||
name: "Tournaments",
|
||||
id: "tournaments",
|
||||
},
|
||||
name: "Tournaments", id: "tournaments"},
|
||||
{
|
||||
name: "History",
|
||||
id: "history",
|
||||
},
|
||||
name: "History", id: "history"},
|
||||
{
|
||||
name: "Tactics",
|
||||
id: "tactics",
|
||||
},
|
||||
name: "Tactics", id: "tactics"},
|
||||
{
|
||||
name: "Legends",
|
||||
id: "legends",
|
||||
},
|
||||
name: "Legends", id: "legends"},
|
||||
]}
|
||||
brandName="Football World"
|
||||
/>
|
||||
@@ -64,35 +52,15 @@ export default function LandingPage() {
|
||||
description="Everything you need to know about the beautiful game"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#rules",
|
||||
},
|
||||
text: "Get Started", href: "#rules"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fishing-sunrise-line-horizon_158595-5804.jpg?_wi=1",
|
||||
imageAlt: "Football World Hero Slide",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-players-action-professional-stadium_654080-1178.jpg",
|
||||
imageAlt: "Football World Hero Slide 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-narrow-river-forest-sunset-jelenia-gora-poland_181624-15013.jpg",
|
||||
imageAlt: "Football World Hero Slide 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funfair-top-night-with-green-blue-lights_23-2148281654.jpg",
|
||||
imageAlt: "Football World Hero Slide 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crow-sitting-wooden-column-deserted-area_181624-19440.jpg",
|
||||
imageAlt: "Football World Hero Slide 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563040.jpg",
|
||||
imageAlt: "Football World Hero Slide 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-fishing-sunrise-line-horizon_158595-5804.jpg", imageAlt: "Football World Hero Slide" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/soccer-players-action-professional-stadium_654080-1178.jpg", imageAlt: "Football World Hero Slide 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-narrow-river-forest-sunset-jelenia-gora-poland_181624-15013.jpg", imageAlt: "Football World Hero Slide 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/funfair-top-night-with-green-blue-lights_23-2148281654.jpg", imageAlt: "Football World Hero Slide 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crow-sitting-wooden-column-deserted-area_181624-19440.jpg", imageAlt: "Football World Hero Slide 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563040.jpg", imageAlt: "Football World Hero Slide 6" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,29 +72,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Offside",
|
||||
descriptions: [
|
||||
"Explained in detail",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-referee-concept_23-2147832063.jpg",
|
||||
},
|
||||
id: "1", title: "Offside", descriptions: [
|
||||
"Explained in detail"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-referee-concept_23-2147832063.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fouls & Cards",
|
||||
descriptions: [
|
||||
"Yellow and red card protocol",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-scores-goal-into-goal-football-concept-girl-football-field_169016-68113.jpg",
|
||||
},
|
||||
id: "2", title: "Fouls & Cards", descriptions: [
|
||||
"Yellow and red card protocol"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-scores-goal-into-goal-football-concept-girl-football-field_169016-68113.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Set Pieces",
|
||||
descriptions: [
|
||||
"Penalties, corners, goal kicks",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-playing-soccer_23-2150405394.jpg",
|
||||
},
|
||||
id: "3", title: "Set Pieces", descriptions: [
|
||||
"Penalties, corners, goal kicks"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-playing-soccer_23-2150405394.jpg"},
|
||||
]}
|
||||
title="The Rules of the Game"
|
||||
description="Master the official regulations that govern every match."
|
||||
@@ -141,17 +97,11 @@ export default function LandingPage() {
|
||||
description="Every player has a critical role on the pitch, from goalkeeper to striker."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Defenders",
|
||||
description: "CB, RB, LB holding the line.",
|
||||
},
|
||||
title: "Defenders", description: "CB, RB, LB holding the line."},
|
||||
{
|
||||
title: "Midfielders",
|
||||
description: "CDM, CM, CAM controlling the tempo.",
|
||||
},
|
||||
title: "Midfielders", description: "CDM, CM, CAM controlling the tempo."},
|
||||
{
|
||||
title: "Attackers",
|
||||
description: "LW, RW, ST finding the back of the net.",
|
||||
},
|
||||
title: "Attackers", description: "LW, RW, ST finding the back of the net."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rugby-court-concept-with-copy-space_1194-639212.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -166,41 +116,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "World Cup",
|
||||
price: "The Pinnacle",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/world-football-cup-background-with-golden-trophy_23-2147805173.jpg",
|
||||
},
|
||||
id: "1", name: "World Cup", price: "The Pinnacle", imageSrc: "http://img.b2bpic.net/free-vector/world-football-cup-background-with-golden-trophy_23-2147805173.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Champions League",
|
||||
price: "Club Elite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-trophy_187299-45916.jpg",
|
||||
},
|
||||
id: "2", name: "Champions League", price: "Club Elite", imageSrc: "http://img.b2bpic.net/free-photo/soccer-trophy_187299-45916.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Premier League",
|
||||
price: "League Intensity",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/soccer_32991-10854.jpg",
|
||||
},
|
||||
id: "3", name: "Premier League", price: "League Intensity", imageSrc: "http://img.b2bpic.net/free-vector/soccer_32991-10854.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Serie A",
|
||||
price: "Italian Glory",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/golden-medal-black-label-set_1284-36067.jpg",
|
||||
},
|
||||
id: "4", name: "Serie A", price: "Italian Glory", imageSrc: "http://img.b2bpic.net/free-vector/golden-medal-black-label-set_1284-36067.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "La Liga",
|
||||
price: "Spanish Technique",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-silver-cup-trophy_23-2149458760.jpg",
|
||||
},
|
||||
id: "5", name: "La Liga", price: "Spanish Technique", imageSrc: "http://img.b2bpic.net/free-photo/view-silver-cup-trophy_23-2149458760.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Bundesliga",
|
||||
price: "German Power",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-american-footballs_23-2148878381.jpg",
|
||||
},
|
||||
id: "6", name: "Bundesliga", price: "German Power", imageSrc: "http://img.b2bpic.net/free-photo/top-view-american-footballs_23-2148878381.jpg"},
|
||||
]}
|
||||
title="Major Tournaments"
|
||||
description="Experience the glory of international and club championships."
|
||||
@@ -215,17 +141,11 @@ export default function LandingPage() {
|
||||
description="From 1863 to the modern era of the global beautiful game."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "1863",
|
||||
description: "The birth of The FA in London.",
|
||||
},
|
||||
title: "1863", description: "The birth of The FA in London."},
|
||||
{
|
||||
title: "1930",
|
||||
description: "The first World Cup held in Uruguay.",
|
||||
},
|
||||
title: "1930", description: "The first World Cup held in Uruguay."},
|
||||
{
|
||||
title: "Modern Era",
|
||||
description: "Football as the dominant global sport.",
|
||||
},
|
||||
title: "Modern Era", description: "Football as the dominant global sport."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-american-football-ball_23-2150784018.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -239,29 +159,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "4-4-2",
|
||||
descriptions: [
|
||||
"Balanced defensive and attack",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-display_187299-47140.jpg",
|
||||
},
|
||||
id: "t1", title: "4-4-2", descriptions: [
|
||||
"Balanced defensive and attack"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-display_187299-47140.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "4-3-3",
|
||||
descriptions: [
|
||||
"Dominant possession system",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strategy-concept-with-note-paper-whiteboard-pen-gray-background-top-view-horizontal-image_176474-7867.jpg",
|
||||
},
|
||||
id: "t2", title: "4-3-3", descriptions: [
|
||||
"Dominant possession system"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strategy-concept-with-note-paper-whiteboard-pen-gray-background-top-view-horizontal-image_176474-7867.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "3-5-2",
|
||||
descriptions: [
|
||||
"Versatile midfield dominance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-collaborating-meeting_23-2148826953.jpg",
|
||||
},
|
||||
id: "t3", title: "3-5-2", descriptions: [
|
||||
"Versatile midfield dominance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-collaborating-meeting_23-2148826953.jpg"},
|
||||
]}
|
||||
title="Tactics & Formations"
|
||||
description="Analyze the strategic setups that decide the match outcome."
|
||||
@@ -275,33 +183,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Greatest Ever",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Greatest Ever", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Pelé",
|
||||
subtitle: "Brazil",
|
||||
detail: "The King of Football",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-smiling-challenge-man-contract_1134-981.jpg",
|
||||
},
|
||||
id: "m1", title: "Pelé", subtitle: "Brazil", detail: "The King of Football", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-smiling-challenge-man-contract_1134-981.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Maradona",
|
||||
subtitle: "Argentina",
|
||||
detail: "The Creative Genius",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-sportswear-celebrating_23-2148298925.jpg",
|
||||
},
|
||||
id: "m2", title: "Maradona", subtitle: "Argentina", detail: "The Creative Genius", imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-sportswear-celebrating_23-2148298925.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Lionel Messi",
|
||||
subtitle: "Argentina",
|
||||
detail: "Master of Playmaking",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-female-soccer-player-holding-ball_23-2150887281.jpg",
|
||||
},
|
||||
id: "m3", title: "Lionel Messi", subtitle: "Argentina", detail: "Master of Playmaking", imageSrc: "http://img.b2bpic.net/free-photo/view-female-soccer-player-holding-ball_23-2150887281.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fishing-sunrise-line-horizon_158595-5804.jpg?_wi=2",
|
||||
imageAlt: "legendary footballer hero portrait",
|
||||
},
|
||||
]}
|
||||
title="All-Time Legends"
|
||||
@@ -311,10 +200,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="quiz" data-section="quiz">
|
||||
<ContactCenter
|
||||
tag="Quiz"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Football Knowledge Quiz"
|
||||
description="Test your expertise against our advanced football trivia challenge."
|
||||
buttonText="Start Quiz"
|
||||
@@ -323,10 +212,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="newsletter" data-section="newsletter">
|
||||
<ContactCenter
|
||||
tag="Newsletter"
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
title="Newsletter Signup"
|
||||
description="Stay updated with weekly football insights and news."
|
||||
buttonText="Subscribe"
|
||||
@@ -338,42 +227,27 @@ export default function LandingPage() {
|
||||
logoText="Football World"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Rules",
|
||||
href: "#rules",
|
||||
},
|
||||
label: "Rules", href: "#rules"},
|
||||
{
|
||||
label: "History",
|
||||
href: "#history",
|
||||
},
|
||||
label: "History", href: "#history"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{
|
||||
label: "Legends",
|
||||
href: "#legends",
|
||||
},
|
||||
label: "Legends", href: "#legends"},
|
||||
{
|
||||
label: "Quiz",
|
||||
href: "#quiz",
|
||||
},
|
||||
label: "Quiz", href: "#quiz"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user