diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index a241496..4153524 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -6,6 +6,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import { useBlogPosts } from "@/hooks/useBlogPosts";
+import Link from "next/link";
 
 export default function BlogPage() {
     const { posts, isLoading } = useBlogPosts();
@@ -17,7 +18,7 @@ export default function BlogPage() {
             borderRadius="soft"
             contentWidth="compact"
             sizing="mediumLargeSizeMediumTitles"
-            background="aurora"
+            background="circleGradient"
             cardStyle="elevated"
             primaryButtonStyle="double-inset"
             secondaryButtonStyle="glass"
@@ -32,7 +33,9 @@ export default function BlogPage() {
                             { name: "How It Works", id: "about" },
                             { name: "Pricing", id: "pricing" },
                             { name: "Resources", id: "faq" },
-                            { name: "Contact", id: "contact" }
+                            { name: "Contact", id: "contact" },
+                            { name: "Blog", id: "/blog" },
+                            { name: "Shop", id: "/shop" }
                         ]}
                         button={{ text: "Start Free Trial", href: "contact" }}
                         brandName="SecureAutomate"