diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 89d0ceb..a981154 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -24,7 +24,7 @@ export default function BlogPage() {
         >
             <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingInline
-                    navItems={[{ name: "Home", id: "/" }, { name: "Blog", id: "/blog" }, { name: "Shop", id: "/shop" }]}
+                    navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Products", id: "/#products" }, { name: "Contact", id: "/#contact" }]}
                     brandName="Zapah"
                     button={{ text: "Shop Now", href: "/shop" }}
                     className="py-4 px-6 md:px-10 lg:px-14"
@@ -41,7 +41,7 @@ export default function BlogPage() {
                 ) : (
                     <div id="blog" data-section="blog">
                         <BlogCardOne
-                            posts={posts}
+                            blogs={posts}
                             title="Latest Articles"
                             description="Insights and updates from our team"
                             animationType="slide-up"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 02e5033..6d41cc1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,7 +27,7 @@ export default function SitePage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          navItems={[{ name: "Home", id: "/" }, { name: "Blog", id: "/blog" }, { name: "Shop", id: "/shop" }]}
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "about" }, { name: "Products", id: "products" }, { name: "Contact", id: "contact" }]}
           brandName="Zapah"
           button={{ text: "Shop Now", href: "/shop" }}
           className="py-4 px-6 md:px-10 lg:px-14"
@@ -42,7 +42,7 @@ export default function SitePage() {
           logoText="Zapah"
           description="Discover the art of fragrance with Zapah, where every scent tells a unique story. Handcrafted perfumes designed to evoke emotion and elevate your presence."
           buttons={[{ text: "Explore Collection", href: "#products" }, { text: "Our Story", href: "#about" }]}
-          background={{ variant: 'sparkles-gradient' }}
+          background={{ variant: 'noiseDiagonalGradient' }}
           imageSrc="https://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669104.jpg"
           imageAlt="Elegant perfume bottles in soft, golden light"
           mediaAnimation="blur-reveal"
@@ -154,7 +154,7 @@ export default function SitePage() {
           text="Ready to discover your signature scent? Contact us for personalized recommendations or any inquiries."
           animationType="reveal-blur"
           buttons={[{ text: "Get in Touch", href: "#contact" }]}
-          background={{ variant: 'sparkles-gradient' }}
+          background={{ variant: 'noiseDiagonalGradient' }}
           useInvertedBackground={false}
           contentClassName="text-center"
           textClassName="text-3xl md:text-4xl lg:text-5xl font-semibold leading-tight"
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 16461a1..50262f6 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -87,7 +87,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             >
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
-                        navItems={[{ name: "Home", id: "/" }, { name: "Blog", id: "/blog" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Products", id: "/#products" }, { name: "Contact", id: "/#contact" }]}
                         brandName="Zapah"
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         className="py-4 px-6 md:px-10 lg:px-14"
@@ -128,7 +128,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             >
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
-                        navItems={[{ name: "Home", id: "/" }, { name: "Blog", id: "/blog" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Products", id: "/#products" }, { name: "Contact", id: "/#contact" }]}
                         brandName="Zapah"
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         className="py-4 px-6 md:px-10 lg:px-14"
@@ -176,7 +176,7 @@ export default function ProductPage({ params }: ProductPageProps) {
         >
             <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingInline
-                    navItems={[{ name: "Home", id: "/" }, { name: "Blog", id: "/blog" }, { name: "Shop", id: "/shop" }]}
+                    navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Products", id: "/#products" }, { name: "Contact", id: "/#contact" }]}
                     brandName="Zapah"
                     button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     className="py-4 px-6 md:px-10 lg:px-14"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index cca1c9e..d815e76 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -37,7 +37,7 @@ export default function ShopPage() {
             >
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
-                        navItems={[{ name: "Home", id: "/" }, { name: "Blog", id: "/blog" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Products", id: "/#products" }, { name: "Contact", id: "/#contact" }]}
                         brandName="Zapah"
                         button={{ text: "Cart", onClick: () => {} }}
                         className="py-4 px-6 md:px-10 lg:px-14"
@@ -77,7 +77,7 @@ export default function ShopPage() {
         >
             <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingInline
-                    navItems={[{ name: "Home", id: "/" }, { name: "Blog", id: "/blog" }, { name: "Shop", id: "/shop" }]}
+                    navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Products", id: "/#products" }, { name: "Contact", id: "/#contact" }]}
                     brandName="Zapah"
                     button={{ text: "Cart", onClick: () => {} }}
                     className="py-4 px-6 md:px-10 lg:px-14"