diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 04d1b0c..397b0cf 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function BlogPage() {
@@ -15,14 +15,15 @@ export default function BlogPage() {
   ];
 
   return (
-    <ThemeProvider borderRadius="pill" contentWidth="medium">
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
         <ReactLenis root>
-            <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" />
-            <BlogCardOne 
+            <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" button={{ text: "احجز موعداً", href: "#contact" }} />
+            <BlogCardThree 
                 title="مقالات صحة الأسنان"
                 description="نصائح يومية للحفاظ على ابتسامة صحية وجميلة."
-                animationType="slide-up"
+                animationType="blur-reveal"
                 textboxLayout="default"
+                useInvertedBackground={false}
                 blogs={[
                     { id: "1", category: "عناية يومية", title: "طرق العناية الصحيحة بالأسنان", excerpt: "تعرف على الخطوات الصحيحة لتفريش أسنانك يومياً.", imageSrc: "https://images.unsplash.com/photo-1606811841689-23dfddce3e95", authorName: "د. محمد", authorAvatar: "", date: "٢٠٢٤-٠١-٠١" }
                 ]}