Update src/app/page.tsx

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"