diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 9b8119d..fad7f45 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -7,9 +7,9 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 
 export default function BlogPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingInline navItems={[{name: "Home", id: "/"}, {name: "Blog/Vlog", id: "/blog"}, {name: "Recipes", id: "/recipes"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="Lumiere" />
+        <NavbarLayoutFloatingInline navItems={[{name: "Home", id: "/"}, {name: "Blog/Vlog", id: "/blog"}, {name: "Recipes", id: "/recipes"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="Lumiere" button={{ text: "Contact", href: "/contact" }} />
         <div className="min-h-screen pt-32 pb-20 px-6 max-w-4xl mx-auto">
             <h1 className="text-4xl font-bold mb-8">Blog & Vlog Archive</h1>
             <p>Welcome to our archive where we share our latest adventures and insights.</p>