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] 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>
   );