2026-03-27 07:42:12 +00:00
7 changed files with 111 additions and 156 deletions
--- a/src/app/baseball/page.tsx
+++ b/src/app/baseball/page.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+
+export default function BaseballPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Football", id: "/football" }, { name: "Basketball", id: "/basketball" }, { name: "UFC", id: "/ufc" }, { name: "Hockey", id: "/hockey" }, { name: "Baseball", id: "/baseball" }]} brandName="CHODSSPORTS" />
+      <div className="pt-32 pb-20">
+        <BlogCardOne title="Baseball News & Highlights" animationType="slide-up" textboxLayout="default" blogs={[]} />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/basketball/page.tsx
+++ b/src/app/basketball/page.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+
+export default function BasketballPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Football", id: "/football" }, { name: "Basketball", id: "/basketball" }, { name: "UFC", id: "/ufc" }, { name: "Hockey", id: "/hockey" }, { name: "Baseball", id: "/baseball" }]} brandName="CHODSSPORTS" />
+      <div className="pt-32 pb-20">
+        <BlogCardOne title="Basketball News & Highlights" animationType="slide-up" textboxLayout="default" blogs={[]} />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/football/page.tsx
+++ b/src/app/football/page.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+
+export default function FootballPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Football", id: "/football" }, { name: "Basketball", id: "/basketball" }, { name: "UFC", id: "/ufc" }, { name: "Hockey", id: "/hockey" }, { name: "Baseball", id: "/baseball" }]} brandName="CHODSSPORTS" />
+      <div className="pt-32 pb-20">
+        <BlogCardOne title="Football News & Highlights" animationType="slide-up" textboxLayout="default" blogs={[]} />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/hockey/page.tsx
+++ b/src/app/hockey/page.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+
+export default function HockeyPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Football", id: "/football" }, { name: "Basketball", id: "/basketball" }, { name: "UFC", id: "/ufc" }, { name: "Hockey", id: "/hockey" }, { name: "Baseball", id: "/baseball" }]} brandName="CHODSSPORTS" />
+      <div className="pt-32 pb-20">
+        <BlogCardOne title="Hockey News & Highlights" animationType="slide-up" textboxLayout="default" blogs={[]} />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
@@ -28,22 +28,10 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Leagues",
-          id: "#leagues",
-        },
-        {
-          name: "Latest",
-          id: "#latest",
-        },
-        {
-          name: "Connect",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "Leagues", id: "#leagues" },
+        { name: "Latest", id: "#latest" },
+        { name: "Connect", id: "#contact" },
      ]}
      brandName="CHODSSPORTS"
    />
@@ -54,14 +42,8 @@ export default function LandingPage() {
      logoText="CHODSSPORTS"
      description="Your ultimate destination for breaking news, expert analysis, and electrifying highlights across all major leagues. From the gridiron to the diamond, we cover it all."
      buttons={[
-        {
-          text: "Watch Highlights",
-          href: "#latest",
-        },
-        {
-          text: "Read Articles",
-          href: "#latest",
-        },
+        { text: "Watch Highlights", href: "#latest" },
+        { text: "Read Articles", href: "#latest" },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/an-intense-high-energy-sports-montage-ba-1774597268554-ea66ff36.png"
      imageAlt="CHODSSPORTS Hero"
@@ -74,26 +56,10 @@ export default function LandingPage() {
      title="Comprehensive Coverage"
      description="We dive deep into every league, delivering data-driven insights and exclusive reporting."
      accordionItems={[
-        {
-          id: "1",
-          title: "Football (NFL/NCAA)",
-          content: "Breaking down every snap, play, and draft prospect with expert scouting reports.",
-        },
-        {
-          id: "2",
-          title: "Basketball (NBA/NCAA)",
-          content: "Live game reactions, player rankings, and in-depth statistical breakdowns.",
-        },
-        {
-          id: "3",
-          title: "UFC & Fighting",
-          content: "Cage-side analysis, fight previews, and exclusive post-fight commentary.",
-        },
-        {
-          id: "4",
-          title: "Hockey & Baseball",
-          content: "Tracking puck possession and the evolution of pitch metrics in real-time.",
-        },
+        { id: "1", title: "Football (NFL/NCAA)", content: "Breaking down every snap, play, and draft prospect with expert scouting reports." },
+        { id: "2", title: "Basketball (NBA/NCAA)", content: "Live game reactions, player rankings, and in-depth statistical breakdowns." },
+        { id: "3", title: "UFC & Fighting", content: "Cage-side analysis, fight previews, and exclusive post-fight commentary." },
+        { id: "4", title: "Hockey & Baseball", content: "Tracking puck possession and the evolution of pitch metrics in real-time." },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/close-up-action-shot-of-a-professional-a-1774597267259-9c3ffc05.png"
      mediaAnimation="slide-up"
@@ -101,43 +67,17 @@ export default function LandingPage() {
  </div>

  <div id="latest" data-section="latest">
-      <BlogCardOne
+      <BlogCardThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
-      title="Latest Sports Insights"
+      title="Latest Posts"
      description="Stay ahead of the game with our daily articles and video breakdowns."
      blogs={[
        {
-          id: "b1",
-          category: "NFL",
-          title: "2024 Draft Prospect Analysis",
-          excerpt: "The biggest names rising in the ranks for the upcoming draft.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/a-dramatic-shot-of-a-football-being-thro-1774597266479-a9731f6e.png",
-          authorName: "Chod",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/headshot-of-a-modern-sports-enthusiast-p-1774597266858-e26a8ad2.png",
-          date: "Oct 24, 2024",
-        },
+          id: "b1",          category: "NFL",          title: "2024 Draft Prospect Analysis",          excerpt: "The biggest names rising in the ranks for the upcoming draft.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/a-dramatic-shot-of-a-football-being-thro-1774597266479-a9731f6e.png",          authorName: "Chod",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/headshot-of-a-modern-sports-enthusiast-p-1774597266858-e26a8ad2.png",          date: "Oct 24, 2024"},
        {
-          id: "b2",
-          category: "NBA",
-          title: "Championship Contender Rundown",
-          excerpt: "Deep dive into the teams likely to take home the trophy this season.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/basketball-court-at-night-rim-lighting-v-1774597268543-f6d87ba3.png",
-          authorName: "Chod",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/headshot-of-a-female-sports-analyst-prof-1774597268477-aa402a0c.png",
-          date: "Oct 22, 2024",
-        },
-        {
-          id: "b3",
-          category: "MLB",
-          title: "Advanced Analytics in Pitching",
-          excerpt: "How data is changing the way we look at modern baseball.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/baseball-player-swinging-bat-dramatic-mo-1774597266743-e465879b.png",
-          authorName: "Chod",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/headshot-of-an-older-sports-fan-authenti-1774597266558-c9a0fb36.png",
-          date: "Oct 20, 2024",
-        },
+          id: "b2",          category: "NBA",          title: "Championship Contender Rundown",          excerpt: "Deep dive into the teams likely to take home the trophy this season.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/basketball-court-at-night-rim-lighting-v-1774597268543-f6d87ba3.png",          authorName: "Chod",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/headshot-of-a-female-sports-analyst-prof-1774597268477-aa402a0c.png",          date: "Oct 22, 2024"},
      ]}
    />
  </div>
@@ -149,33 +89,9 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "t1",
-          name: "Alex Rivers",
-          handle: "@sportsguy",
-          testimonial: "The best breakdowns on the internet. Consistent, accurate, and always ahead of the curve.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/atmospheric-stadium-crowd-shot-blurred-b-1774597267245-55575927.png",
-        },
+          id: "t1",          name: "Alex Rivers",          handle: "@sportsguy",          testimonial: "The best breakdowns on the internet. Consistent, accurate, and always ahead of the curve.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/atmospheric-stadium-crowd-shot-blurred-b-1774597267245-55575927.png"},
        {
-          id: "t2",
-          name: "Sarah Miller",
-          handle: "@hoopfan",
-          testimonial: "I never miss a video. The technical analysis is just what I need to understand the game better.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/close-up-sports-field-grass-with-stadium-1774597266391-9b755218.png",
-        },
-        {
-          id: "t3",
-          name: "Mike Davis",
-          handle: "@ufc_expert",
-          testimonial: "ChodsSports provides the best fight analysis for every single card. Essential viewing.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/cinematic-shot-of-a-ball-on-a-field-unde-1774597267053-d623532c.png",
-        },
-        {
-          id: "t4",
-          name: "Jordan Lee",
-          handle: "@nflfanatic",
-          testimonial: "The draft coverage alone is worth the sub. Incredible work by the whole team.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/view-from-stadium-seats-vibrant-colors-a-1774597267220-873db42d.png",
-        },
+          id: "t2",          name: "Sarah Miller",          handle: "@hoopfan",          testimonial: "I never miss a video. The technical analysis is just what I need to understand the game better.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/close-up-sports-field-grass-with-stadium-1774597266391-9b755218.png"},
      ]}
      title="What Fans Are Saying"
      description="Join the growing community of sports enthusiasts who rely on us for their daily dose of action."
@@ -188,21 +104,10 @@ export default function LandingPage() {
      title="Get in Touch"
      description="Have tips, stories, or just want to talk shop? Drop us a message and we'll be in touch."
      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-        },
+        { name: "name", type: "text", placeholder: "Your Name" },
+        { name: "email", type: "email", placeholder: "Email Address" },
      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your thoughts on the game?",
-      }}
+      textarea={{ name: "message", placeholder: "Your thoughts on the game?" }}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/immersive-sports-media-workspace-sleek-c-1774597267506-cef40d90.png"
      mediaAnimation="slide-up"
    />
@@ -212,43 +117,13 @@ export default function LandingPage() {
      <FooterSimple
      columns={[
        {
-          title: "Platform",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
+          title: "Platform",          items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }],
        },
        {
-          title: "Community",
-          items: [
-            {
-              label: "Instagram",
-              href: "https://instagram.com/chodssports",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-          ],
+          title: "Community",          items: [{ label: "Instagram", href: "https://instagram.com/chodssports" }, { label: "Twitter", href: "#" }],
        },
        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
+          title: "Legal",          items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }],
        },
      ]}
      bottomLeftText="© 2024 ChodsSports Media."
@@ -258,4 +133,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- 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: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
+  --primary-cta: #15479c;
  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #ffffff;
  --secondary-cta-text: #ffffff;
-  --accent: #b8860b;
-  --background-accent: #8b6914;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
--- a/src/app/ufc/page.tsx
+++ b/src/app/ufc/page.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+
+export default function UFCPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Football", id: "/football" }, { name: "Basketball", id: "/basketball" }, { name: "UFC", id: "/ufc" }, { name: "Hockey", id: "/hockey" }, { name: "Baseball", id: "/baseball" }]} brandName="CHODSSPORTS" />
+      <div className="pt-32 pb-20">
+        <BlogCardOne title="UFC & Fighting News & Highlights" animationType="slide-up" textboxLayout="default" blogs={[]} />
+      </div>
+    </ThemeProvider>
+  );
+}