Add src/app/match-center/page.tsx

2026-06-07 23:54:50 +00:00
parent fb299f8395
commit f5ce726f2a
1 changed files with 138 additions and 0 deletions
--- a/src/app/match-center/page.tsx
+++ b/src/app/match-center/page.tsx
@@ -0,0 +1,138 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { CalendarDays, Trophy, ListChecks } from "lucide-react";
+
+const commonNavItems = [
+  { name: "Services", id: "services" },
+  { name: "About", id: "about" },
+  { name: "Match Center", href: "/match-center" },
+  { name: "Team", id: "team" },
+  { name: "Testimonials", id: "testimonials" },
+  { name: "Contact", id: "contact" },
+];
+
+const commonFooterColumns = [
+  {
+    title: "Services",    items: [
+      { label: "Landscape Design", href: "#services" },
+      { label: "Hardscape & Softscape", href: "#services" },
+      { label: "Lawn & Garden Care", href: "#services" },
+      { label: "Smart Irrigation", href: "#services" },
+    ],
+  },
+  {
+    title: "Company",    items: [
+      { label: "About", href: "#about" },
+      { label: "Match Center", href: "/match-center" },
+      { label: "Team", href: "#team" },
+      { label: "Testimonials", href: "#testimonials" },
+      { label: "FAQ", href: "#faq" },
+    ],
+  },
+  {
+    title: "Contact",    items: [
+      { label: "(555) 123-4567", href: "tel:5551234567" },
+      { label: "hello@greenscape.com", href: "mailto:hello@greenscape.com" },
+      { label: "Los Angeles, CA" },
+    ],
+  },
+];
+
+export default function MatchCenterPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="large"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            brandName="GreenScape"
+            navItems={commonNavItems}
+            button={{ text: "Call Now", href: "#contact" }}
+          />
+        </div>
+
+        <div className="relative z-10 py-16 lg:py-24">
+          <div className="container mx-auto px-4">
+            <h1 className="text-4xl lg:text-5xl font-semibold text-center mb-12 animate-entrance-slide">Match Center</h1>
+
+            <div id="match-calendar" data-section="match-calendar" className="mb-16">
+              <FeatureCardNineteen
+                tag="Upcoming Matches"
+                tagIcon={CalendarDays}
+                title="Match Calendar"
+                description="Stay updated with all the scheduled matches and events."
+                textboxLayout="default"
+                useInvertedBackground={false}
+                features={[
+                  {
+                    tag: "Football",                    title: "Team A vs Team B",                    subtitle: "2024-10-26, 19:00 UTC",                    description: "League Match, Stadium Name. Get ready for an intense showdown!"},
+                  {
+                    tag: "Basketball",                    title: "Team C vs Team D",                    subtitle: "2024-10-27, 21:00 UTC",                    description: "Cup Semi-Finals, Arena Name. Don't miss the action!"},
+                ]}
+              />
+            </div>
+
+            <div id="results-display" data-section="results-display" className="mb-16">
+              <FeatureCardNineteen
+                tag="Latest Outcomes"
+                tagIcon={Trophy}
+                title="Match Results"
+                description="Catch up on the scores and highlights from recent games."
+                textboxLayout="default"
+                useInvertedBackground={false}
+                features={[
+                  {
+                    tag: "Football",                    title: "Team X 2 - 1 Team Y",                    subtitle: "2024-10-20",                    description: "Team X secured a narrow victory in a thrilling match. Highlights available.",                    buttons: [{text: "View Details", href: "/match-center/123"}]
+                  },
+                  {
+                    tag: "Basketball",                    title: "Team P 88 - 92 Team Q",                    subtitle: "2024-10-19",                    description: "Team Q won after an overtime classic. Full match report.",                    buttons: [{text: "View Details", href: "/match-center/124"}]
+                  },
+                ]}
+              />
+            </div>
+
+            <div id="standings-table" data-section="standings-table" className="mb-16">
+              <FeatureCardNineteen
+                tag="League Rankings"
+                tagIcon={ListChecks}
+                title="League Standings"
+                description="See how your favorite teams stack up against the competition."
+                textboxLayout="default"
+                useInvertedBackground={false}
+                features={[
+                  {
+                    tag: "Premier League",                    title: "Current Standings (Top 2)",                    subtitle: "1. Team Alpha (25 pts), 2. Team Beta (22 pts)",                    description: "Close race at the top as the season progresses. Full table available."},
+                  {
+                    tag: "NBA Conference",                    title: "Eastern Conference Leaders",                    subtitle: "1. Team Zenith (15-2), 2. Team Nova (13-4)",                    description: "Exciting competition in the East. Check out the full breakdown."},
+                ]}
+              />
+            </div>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={commonFooterColumns}
+            bottomLeftText="© 2026 GreenScape Landscaping"
+            bottomRightText="All rights reserved"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}