diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 8a09b4f..57b0abf 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -8,8 +8,11 @@ import FooterMedia from "@/components/sections/footer/FooterMedia";
 import Link from "next/link";
 
 const navItems = [
+  { name: "Home", id: "/" },
+  { name: "About Us", id: "/about" },
   { name: "Blog", id: "/blog" },
-  { name: "Contact", id: "/contact" }
+  { name: "Contact", id: "/contact" },
+  { name: "Cart", id: "/cart" }
 ];
 
 const footerNavColumns = [
@@ -40,8 +43,8 @@ export default function BlogPage() {
       defaultTextAnimation="reveal-blur"
       borderRadius="soft"
       contentWidth="mediumSmall"
-      sizing="mediumSizeLargeTitles"
-      background="circleGradient"
+      sizing="largeSizeMediumTitles"
+      background="aurora"
       cardStyle="glass-elevated"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="layered"