From d7d3ed1eeedcbc308c38aba14269676ed1e3f3b6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 07:42:39 +0000
Subject: [PATCH 1/5] Update src/app/baseball/page.tsx

---
 src/app/baseball/page.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/baseball/page.tsx b/src/app/baseball/page.tsx
index 3efeb96..59a0a78 100644
--- a/src/app/baseball/page.tsx
+++ b/src/app/baseball/page.tsx
@@ -2,14 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 
 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={[]} />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <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" }]} />
+      </div>
+      <div id="latest" data-section="latest">
+        <BlogCardThree title="Baseball News & Highlights" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} description="All the latest diamonds action and baseball news." blogs={[]} />
       </div>
     </ThemeProvider>
   );
-- 
2.49.1


From 306e7d30d17b2d64f62f67d0861920faef821f03 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 07:42:39 +0000
Subject: [PATCH 2/5] Update src/app/basketball/page.tsx

---
 src/app/basketball/page.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/basketball/page.tsx b/src/app/basketball/page.tsx
index 5fd0df0..3ae4845 100644
--- a/src/app/basketball/page.tsx
+++ b/src/app/basketball/page.tsx
@@ -2,14 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 
 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={[]} />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <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" }]} />
+      </div>
+      <div id="latest" data-section="latest">
+        <BlogCardThree title="Basketball News & Highlights" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} description="Catch up on the latest basketball action and news." blogs={[]} />
       </div>
     </ThemeProvider>
   );
-- 
2.49.1


From 380778939504c9ff555454cbf67f63d941946fe6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 07:42:39 +0000
Subject: [PATCH 3/5] Update src/app/football/page.tsx

---
 src/app/football/page.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/football/page.tsx b/src/app/football/page.tsx
index ef2ba2b..37dc8ae 100644
--- a/src/app/football/page.tsx
+++ b/src/app/football/page.tsx
@@ -2,14 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 
 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={[]} />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <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" }]} />
+      </div>
+      <div id="latest" data-section="latest">
+        <BlogCardThree title="Football News & Highlights" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} description="The latest updates and scores from the football field." blogs={[]} />
       </div>
     </ThemeProvider>
   );
-- 
2.49.1


From eaee003a631547c6edd545958ecdf7d35cb8ea39 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 07:42:40 +0000
Subject: [PATCH 4/5] Update src/app/hockey/page.tsx

---
 src/app/hockey/page.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/hockey/page.tsx b/src/app/hockey/page.tsx
index 76d7b75..9048037 100644
--- a/src/app/hockey/page.tsx
+++ b/src/app/hockey/page.tsx
@@ -2,14 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 
 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={[]} />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <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" }]} />
+      </div>
+      <div id="latest" data-section="latest">
+        <BlogCardThree title="Hockey News & Highlights" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} description="Stay updated on the ice with the latest hockey news." blogs={[]} />
       </div>
     </ThemeProvider>
   );
-- 
2.49.1


From 23eb33a42e49ec0913be0c4d16e11dea5a38e087 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 07:42:40 +0000
Subject: [PATCH 5/5] Update src/app/ufc/page.tsx

---
 src/app/ufc/page.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/ufc/page.tsx b/src/app/ufc/page.tsx
index da69105..ab20f4c 100644
--- a/src/app/ufc/page.tsx
+++ b/src/app/ufc/page.tsx
@@ -2,14 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 
 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={[]} />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <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" }]} />
+      </div>
+      <div id="latest" data-section="latest">
+        <BlogCardThree title="UFC & Fighting News & Highlights" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} description="All the latest fights, stats, and UFC news." blogs={[]} />
       </div>
     </ThemeProvider>
   );
-- 
2.49.1