Merge version_1 into main #2
139
src/app/page.tsx
139
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Schedule",
|
||||
id: "schedule",
|
||||
},
|
||||
name: "Schedule", id: "schedule"},
|
||||
{
|
||||
name: "Venues",
|
||||
id: "features",
|
||||
},
|
||||
name: "Venues", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="World Cup 2026"
|
||||
/>
|
||||
@@ -53,35 +45,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="FIFA World Cup 2026"
|
||||
description="Experience the ultimate football tournament across North America. Get the full schedule, venue information, and stay updated with live match data."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563103.jpg?_wi=1",
|
||||
imageAlt: "football stadium night lights",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563103.jpg", imageAlt: "football stadium night lights"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-baseball-field_23-2150885209.jpg?_wi=1",
|
||||
imageAlt: "soccer ball on grass",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-baseball-field_23-2150885209.jpg", imageAlt: "soccer ball on grass"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team-stadium_23-2151536205.jpg?_wi=1",
|
||||
imageAlt: "stadium crowd cheering",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team-stadium_23-2151536205.jpg", imageAlt: "stadium crowd cheering"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-sportsman-with-ball-celebrating-victory_23-2147817375.jpg",
|
||||
imageAlt: "soccer player action shot",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-sportsman-with-ball-celebrating-victory_23-2147817375.jpg", imageAlt: "soccer player action shot"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-soccer-field-illustration_23-2151539709.jpg",
|
||||
imageAlt: "aerial view soccer stadium",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-soccer-field-illustration_23-2151539709.jpg", imageAlt: "aerial view soccer stadium"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marbled-blue-abstract-background-liquid-marble-pattern_1258-103297.jpg",
|
||||
imageAlt: "abstract soccer dynamic shapes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marbled-blue-abstract-background-liquid-marble-pattern_1258-103297.jpg", imageAlt: "abstract soccer dynamic shapes"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,20 +73,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "104",
|
||||
description: "Total Matches",
|
||||
},
|
||||
id: "m1", value: "104", description: "Total Matches"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "48",
|
||||
description: "National Teams",
|
||||
},
|
||||
id: "m2", value: "48", description: "National Teams"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "16",
|
||||
description: "Host Cities",
|
||||
},
|
||||
id: "m3", value: "16", description: "Host Cities"},
|
||||
]}
|
||||
title="Tournament Milestones"
|
||||
description="Tracking the biggest global sporting event in history."
|
||||
@@ -121,67 +91,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "MetLife Stadium",
|
||||
description: "The largest host venue with massive capacity and state-of-the-art facilities.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563012.jpg",
|
||||
imageAlt: "stadium architecture exterior",
|
||||
},
|
||||
title: "MetLife Stadium", description: "The largest host venue with massive capacity and state-of-the-art facilities.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563012.jpg", imageAlt: "stadium architecture exterior"},
|
||||
items: [
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "East Rutherford, NJ",
|
||||
},
|
||||
text: "East Rutherford, NJ"},
|
||||
{
|
||||
icon: Users,
|
||||
text: "82,500 Capacity",
|
||||
},
|
||||
text: "82,500 Capacity"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563103.jpg?_wi=2",
|
||||
imageAlt: "stadium architecture exterior",
|
||||
},
|
||||
{
|
||||
title: "SoFi Stadium",
|
||||
description: "A pinnacle of modern stadium design with cutting-edge fan experiences.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-empty-old-plastic-seats-stadium_1150-5283.jpg",
|
||||
imageAlt: "luxurious stadium interior",
|
||||
},
|
||||
title: "SoFi Stadium", description: "A pinnacle of modern stadium design with cutting-edge fan experiences.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-empty-old-plastic-seats-stadium_1150-5283.jpg", imageAlt: "luxurious stadium interior"},
|
||||
items: [
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "Los Angeles, CA",
|
||||
},
|
||||
text: "Los Angeles, CA"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "High-tech screens",
|
||||
},
|
||||
text: "High-tech screens"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-baseball-field_23-2150885209.jpg?_wi=2",
|
||||
imageAlt: "stadium architecture exterior",
|
||||
},
|
||||
{
|
||||
title: "Estadio Azteca",
|
||||
description: "The historic home of global football legends, ready for 2026.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stadium-barcelona-from-helicopter-spain_1398-4989.jpg",
|
||||
imageAlt: "famous soccer stadium",
|
||||
},
|
||||
title: "Estadio Azteca", description: "The historic home of global football legends, ready for 2026.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stadium-barcelona-from-helicopter-spain_1398-4989.jpg", imageAlt: "famous soccer stadium"},
|
||||
items: [
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "Mexico City, Mexico",
|
||||
},
|
||||
text: "Mexico City, Mexico"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Legacy Venue",
|
||||
},
|
||||
text: "Legacy Venue"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team-stadium_23-2151536205.jpg?_wi=2",
|
||||
imageAlt: "stadium architecture exterior",
|
||||
},
|
||||
]}
|
||||
title="Host City Venues"
|
||||
@@ -195,20 +141,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "When is the opening match?",
|
||||
content: "The opening match is scheduled for June 11, 2026, at Estadio Azteca.",
|
||||
},
|
||||
id: "1", title: "When is the opening match?", content: "The opening match is scheduled for June 11, 2026, at Estadio Azteca."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Where can I buy tickets?",
|
||||
content: "Official tickets will be available via the FIFA World Cup ticketing portal closer to the event.",
|
||||
},
|
||||
id: "2", title: "Where can I buy tickets?", content: "Official tickets will be available via the FIFA World Cup ticketing portal closer to the event."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How many cities are hosting?",
|
||||
content: "There are 16 host cities across Canada, Mexico, and the United States.",
|
||||
},
|
||||
id: "3", title: "How many cities are hosting?", content: "There are 16 host cities across Canada, Mexico, and the United States."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to everything you need to know about World Cup 2026."
|
||||
@@ -225,16 +162,10 @@ export default function LandingPage() {
|
||||
imageAlt="Soccer players in action on professional stadium"
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "fullName", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
buttonText="Subscribe"
|
||||
@@ -248,14 +179,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user