diff --git a/src/app/archives/page.tsx b/src/app/archives/page.tsx new file mode 100644 index 0000000..939888b --- /dev/null +++ b/src/app/archives/page.tsx @@ -0,0 +1,91 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; +import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel'; + +const navItems = [ + { name: "Home", id: "/" }, + { name: "Archives", id: "/archives" }, + { name: "Search", id: "/search" }, + { name: "Top Scorers", id: "/top-scorers" }, + { name: "About", id: "/#about" }, + { name: "Matches", id: "/#matches" }, + { name: "Stats", id: "/#stats" }, + { name: "Fans Say", id: "/#testimonials" }, + { name: "FAQ", id: "/#faq" }, + { name: "Contact", id: "/#contact" }, + { name: "Theme", id: "/theme" } +]; + +const footerColumns = [ + { + title: "Navigate", items: [ + { label: "Home", href: "/" }, + { label: "Matches", href: "/#matches" }, + { label: "Stats", href: "/#stats" }, + { label: "Archives", href: "/archives" }, + ], + }, + { + title: "Resources", items: [ + { label: "FAQ", href: "/#faq" }, + { label: "About Us", href: "/#about" }, + { label: "Contact", href: "/#contact" }, + ], + }, + { + title: "Legal", items: [ + { label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }, + ], + }, +]; + +export default function ArchivesPage() { + return ( + + + + +
+ +
+ + + + + ); +} diff --git a/src/app/matches/[id]/page.tsx b/src/app/matches/[id]/page.tsx new file mode 100644 index 0000000..3d845c7 --- /dev/null +++ b/src/app/matches/[id]/page.tsx @@ -0,0 +1,220 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import { useParams, useRouter } from 'next/navigation'; +import React from 'react'; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; + +interface GoalScorer { + name: string; + minute: number; +} + +interface Match { + id: string; + homeTeam: string; + awayTeam: string; + homeScore: number; + awayScore: number; + date: string; + venue: string; + tournamentStage: string; + goalScorers: GoalScorer[]; + imageSrc: string; + imageAlt: string; +} + +const dummyMatchData: Record = { + "match-1": { + id: "match-1", homeTeam: "Argentina", awayTeam: "France", homeScore: 3, + awayScore: 3, + date: "December 18, 2022", venue: "Lusail Stadium, Qatar", tournamentStage: "2022 Final", goalScorers: [ + { name: "Lionel Messi (ARG)", minute: 23 }, + { name: "Ángel Di María (ARG)", minute: 36 }, + { name: "Kylian Mbappé (FRA)", minute: 80 }, + { name: "Kylian Mbappé (FRA)", minute: 81 }, + { name: "Lionel Messi (ARG)", minute: 108 }, + { name: "Kylian Mbappé (FRA)", minute: 118 }, + ], + imageSrc: "http://img.b2bpic.net/free-photo/spain-vs-switzerland_187299-31172.jpg", imageAlt: "Argentina vs France World Cup Final 2022" + }, + "match-2": { + id: "match-2", homeTeam: "Brazil", awayTeam: "Germany", homeScore: 1, + awayScore: 7, + date: "July 8, 2014", venue: "Estádio Mineirão, Brazil", tournamentStage: "2014 Semi-final", goalScorers: [ + { name: "Thomas Müller (GER)", minute: 11 }, + { name: "Miroslav Klose (GER)", minute: 23 }, + { name: "Toni Kroos (GER)", minute: 24 }, + { name: "Toni Kroos (GER)", minute: 26 }, + { name: "Sami Khedira (GER)", minute: 29 }, + { name: "André Schürrle (GER)", minute: 69 }, + { name: "André Schürrle (GER)", minute: 79 }, + { name: "Oscar (BRA)", minute: 90 }, + ], + imageSrc: "http://img.b2bpic.net/free-photo/ghana-vs-croatia-football_187299-32095.jpg", imageAlt: "Brazil vs Germany World Cup Semi-final 2014" + }, + "match-3": { + id: "match-3", homeTeam: "Italy", awayTeam: "Brazil", homeScore: 0, + awayScore: 0, + date: "July 17, 1994", venue: "Rose Bowl, USA", tournamentStage: "1994 Final", goalScorers: [], // No goals in regular/extra time + imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team-stadium_23-2151536180.jpg", imageAlt: "Italy vs Brazil World Cup Final 1994" + }, + "match-4": { + id: "match-4", homeTeam: "England", awayTeam: "Germany", homeScore: 1, + awayScore: 4, + date: "June 27, 2010", venue: "Free State Stadium, South Africa", tournamentStage: "2010 Round of 16", goalScorers: [ + { name: "Miroslav Klose (GER)", minute: 20 }, + { name: "Lukas Podolski (GER)", minute: 32 }, + { name: "Matthew Upson (ENG)", minute: 37 }, + { name: "Thomas Müller (GER)", minute: 67 }, + { name: "Thomas Müller (GER)", minute: 70 }, + ], + imageSrc: "http://img.b2bpic.net/free-photo/men-playing-rugby-field_23-2150062039.jpg", imageAlt: "England vs Germany World Cup 2010" + }, + "match-5": { + id: "match-5", homeTeam: "Spain", awayTeam: "Netherlands", homeScore: 1, + awayScore: 0, + date: "July 11, 2010", venue: "Soccer City, South Africa", tournamentStage: "2010 Final", goalScorers: [ + { name: "Andrés Iniesta (ESP)", minute: 116 }, + ], + imageSrc: "http://img.b2bpic.net/free-photo/soccer-game-concept_23-2151043781.jpg", imageAlt: "Spain vs Netherlands World Cup Final 2010" + }, + "match-6": { + id: "match-6", homeTeam: "USA", awayTeam: "Mexico", homeScore: 2, + awayScore: 0, + date: "June 17, 2002", venue: "Jeonju World Cup Stadium, South Korea", tournamentStage: "2002 Round of 16", goalScorers: [ + { name: "Brian McBride (USA)", minute: 8 }, + { name: "Landon Donovan (USA)", minute: 65 }, + ], + imageSrc: "http://img.b2bpic.net/free-photo/morocco-vs-united-states-football_187299-32225.jpg", imageAlt: "USA vs Mexico World Cup 2002" + }, +}; + +export default function MatchDetailPage() { + const params = useParams(); + const matchId = params.id as string; + const match = dummyMatchData[matchId]; + + if (!match) { + return ( + + +
+

Match Not Found

+

The match you are looking for does not exist.

+
+ + + ); + } + + return ( + + +
+
+

+ Match Details: {match.homeTeam} vs {match.awayTeam} +

+ {match.imageAlt} + +
+

{match.tournamentStage}

+

{match.date} at {match.venue}

+
+ {match.homeTeam} + {match.homeScore} - {match.awayScore} + {match.awayTeam} +
+
+ + {match.goalScorers.length > 0 && ( +
+

Goal Scorers

+
    + {match.goalScorers.map((scorer, index) => ( +
  • + {scorer.name} + {scorer.minute}' +
    • + ))} +
+
+ )} + {match.goalScorers.length === 0 && ( +
+

No Goals Scored in Regular Time

+

This match was decided by other means (e.g., penalty shootout).

+
+ )} +
+
+ + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 0c44edb..ecd038d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -14,6 +14,43 @@ import SplitAbout from '@/components/sections/about/SplitAbout'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen'; import { Flag, History, Trophy } from "lucide-react"; +const navItems = [ + { name: "Home", id: "/" }, + { name: "Archives", id: "/archives" }, + { name: "Search", id: "/search" }, { name: "Top Scorers", id: "/top-scorers" }, + { name: "About", id: "/#about" }, + { name: "Matches", id: "/#matches" }, + { name: "Stats", id: "/#stats" }, + { name: "Fans Say", id: "/#testimonials" }, + { name: "FAQ", id: "/#faq" }, + { name: "Contact", id: "/#contact" }, + { name: "Theme", id: "/theme" } +]; + +const footerColumns = [ + { + title: "Navigate", items: [ + { label: "Home", href: "/" }, + { label: "Matches", href: "/#matches" }, + { label: "Stats", href: "/#stats" }, + { label: "Archives", href: "/archives" }, + ], + }, + { + title: "Resources", items: [ + { label: "FAQ", href: "/#faq" }, + { label: "About Us", href: "/#about" }, + { label: "Contact", href: "/#contact" }, + ], + }, + { + title: "Legal", items: [ + { label: "Privacy Policy", href: "/privacy" }, + { label: "Terms of Service", href: "/terms" }, + ], + }, +]; + export default function LandingPage() { return ( diff --git a/src/app/search/page.tsx b/src/app/search/page.tsx new file mode 100644 index 0000000..60ae204 --- /dev/null +++ b/src/app/search/page.tsx @@ -0,0 +1,92 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; +import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel'; + +const navItems = [ + { name: "Home", id: "/" }, + { name: "Archives", id: "/archives" }, + { name: "Search", id: "/search" }, + { name: "Top Scorers", id: "/top-scorers" }, + { name: "About", id: "/#about" }, + { name: "Matches", id: "/#matches" }, + { name: "Stats", id: "/#stats" }, + { name: "Fans Say", id: "/#testimonials" }, + { name: "FAQ", id: "/#faq" }, + { name: "Contact", id: "/#contact" }, + { name: "Theme", id: "/theme" } +]; + +const footerColumns = [ + { + title: "Navigate", items: [ + { label: "Home", href: "/" }, + { label: "Matches", href: "/#matches" }, + { label: "Stats", href: "/#stats" }, + { label: "Archives", href: "/archives" }, + ], + }, + { + title: "Resources", items: [ + { label: "FAQ", href: "/#faq" }, + { label: "About Us", href: "/#about" }, + { label: "Contact", href: "/#contact" }, + ], + }, + { + title: "Legal", items: [ + { label: "Privacy Policy", href: "/privacy" }, + { label: "Terms of Service", href: "/terms" }, + ], + }, +]; + +export default function SearchPage() { + return ( + + + + + + + + + + ); +} diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 3a5c203..ccb3e3d 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #0a0a0a; - --card: #1a1a1a; - --foreground: #f5f5f5; - --primary-cta: #ffdf7d; + --background: #000000; + --card: #0c0c0c; + --foreground: #ffffff; + --primary-cta: #106EFB; --primary-cta-text: #0a0a0a; - --secondary-cta: #1a1a1a; + --secondary-cta: #000000; --secondary-cta-text: #ffffff; - --accent: #b8860b; - --background-accent: #8b6914; + --accent: #535353; + --background-accent: #106EFB; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);