diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 77b0c68..2417e0e 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -33,19 +33,16 @@ export default function BlogPage() {
                 <NavbarLayoutFloatingOverlay
                     navItems={[
                         { name: "Home", id: "/" },
-                        { name: "Features", id: "features" },
-                        { name: "Solutions", id: "products" },
-                        { name: "Team", id: "team" },
-                        { name: "Reviews", id: "testimonials" },
-                        { name: "Contact", id: "contact" },
+                        { name: "Features", id: "/#features" },
+                        { name: "Solutions", id: "/#products" },
+                        { name: "Reviews", id: "/#testimonials" },
+                        { name: "Contact", id: "/#contact" },
                     ]}
                     brandName="CRM AI"
                     button={{ text: "Get Started", href: "#contact" }}
                     buttonClassName="min-w-[120px] justify-center"
                     buttonTextClassName="relative top-[0.5px]"
                     className="z-50 backdrop-blur-md"
-                    navItemsClassName="[&>li>a]:text-foreground [&>li>a]:font-semibold"
-                    navOverlayContentClassName="items-start justify-start flex-col pt-16"
                 />
             </div>
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e393ad2..21dbf13 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -46,7 +46,7 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay 
-          navItems={[{name:"Features",id:"features"},{name:"Solutions",id:"products"},{name:"Team",id:"team"},{name:"Reviews",id:"testimonials"},{name:"Contact",id:"contact"}]}
+          navItems={[{name:"Home",id:"/"},{name:"Features",id:"#features"},{name:"Solutions",id:"#products"},{name:"Reviews",id:"#testimonials"},{name:"Contact",id:"#contact"}]}
           brandName="CRM AI"
           button={{text:"Get Started",href:"#contact"}}
           buttonClassName="min-w-[120px] justify-center"
@@ -59,7 +59,7 @@ export default function LandingPage() {
         <HeroCentered 
           title="Revolutionize Your CRM with AI Intelligence"
           description="Unleash the power of artificial intelligence to automate tasks, gain deeper customer insights, and drive unparalleled growth for your business."
-          background={{variant:"aurora"}}
+          background={{variant:"sparkles-gradient"}}
           avatars={[{src:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-diverse-avatar-for-a-tech-1771626574115-d7a13233.png",alt:"User 1"},{src:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-diverse-avatar-for-a-tech-1771626573670-0e58ea72.png",alt:"User 2"},{src:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-diverse-avatar-for-a-tech-1771626572873-fea810d0.png",alt:"User 3"}]}
           avatarText="Trusted by 5,000+ businesses worldwide"
           buttons={[{text:"Get Started Free",href:"#contact"},{text:"Watch Demo",href:"#features"}]}
@@ -160,7 +160,7 @@ export default function LandingPage() {
           tag="Get Started"
           title="Ready to Transform Your CRM?"
           description="Connect with our experts to discover how our AI platform can drive unprecedented growth for your business."
-          background={{variant:"aurora"}}
+          background={{variant:"sparkles-gradient"}}
           useInvertedBackground={false}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sleek-dark-themed-ai-dashboard-with-ke-1771626574319-f8745f67.png"
           imageAlt="AI CRM dashboard for contact section"
@@ -169,6 +169,7 @@ export default function LandingPage() {
           inputPlaceholder="Your business email"
           buttonText="Talk to Sales"
           termsText="By submitting this form, you agree to our privacy policy and terms of service."
+          onSubmit={(email) => console.log('Contact form submitted for: ' + email)}
           className="py-16 md:py-24"
         />
       </div>
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index f0f5162..dd7b7d9 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -98,8 +98,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                             buttonClassName="min-w-[120px] justify-center"
                             buttonTextClassName="relative top-[0.5px]"
                             className="z-50 backdrop-blur-md"
-                            navItemsClassName="[&>li>a]:text-foreground [&>li>a]:font-semibold"
-                            navOverlayContentClassName="items-start justify-start flex-col pt-16"
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -149,8 +147,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                             buttonClassName="min-w-[120px] justify-center"
                             buttonTextClassName="relative top-[0.5px]"
                             className="z-50 backdrop-blur-md"
-                            navItemsClassName="[&>li>a]:text-foreground [&>li>a]:font-semibold"
-                            navOverlayContentClassName="items-start justify-start flex-col pt-16"
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -207,8 +203,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                         buttonClassName="min-w-[120px] justify-center"
                         buttonTextClassName="relative top-[0.5px]"
                         className="z-50 backdrop-blur-md"
-                        navItemsClassName="[&>li>a]:text-foreground [&>li>a]:font-semibold"
-                        navOverlayContentClassName="items-start justify-start flex-col pt-16"
                     />
                 </div>
                 <div id="product-detail-card" data-section="product-detail-card">
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index f7144df..73b3291 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -65,8 +65,6 @@ export default function ShopPage() {
                         buttonClassName="min-w-[120px] justify-center"
                         buttonTextClassName="relative top-[0.5px]"
                         className="z-50 backdrop-blur-md"
-                        navItemsClassName="[&>li>a]:text-foreground [&>li>a]:font-semibold"
-                        navOverlayContentClassName="items-start justify-start flex-col pt-16"
                     />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -115,8 +113,6 @@ export default function ShopPage() {
                         buttonClassName="min-w-[120px] justify-center"
                         buttonTextClassName="relative top-[0.5px]"
                         className="z-50 backdrop-blur-md"
-                        navItemsClassName="[&>li>a]:text-foreground [&>li>a]:font-semibold"
-                        navOverlayContentClassName="items-start justify-start flex-col pt-16"
                     />
                 </div>
                 <div id="product-catalog" data-section="product-catalog">