diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index a7698c8..e7ae042 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -27,13 +27,12 @@ export default function BlogPage() {
                 <NavbarLayoutFloatingInline
                     navItems={[
                         { name: "Home", id: "/" },
-                        { name: "Features", id: "features" },
-                        { name: "Benefits", id: "benefits" },
-                        { name: "Compare", id: "compare" },
-                        { name: "FAQ", id: "faq" },
+                        { name: "Features", id: "/#features" },
+                        { name: "Compare", id: "/#compare" },
+                        { name: "FAQ", id: "/#faq" }
                     ]}
                     brandName="AI CRM"
-                    button={{ text: "Get Started", href: "#contact" }}
+                    button={{ text: "Get Started" }}
                     className="py-3 px-6 rounded-full"
                     navItemClassName="text-foreground/80 hover:text-foreground transition-colors"
                     buttonClassName="shadow-lg"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index c15cba3..d074613 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -38,9 +38,9 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline 
-          navItems={[{name:"Features",id:"features"},{name:"Benefits",id:"benefits"},{name:"Compare",id:"compare"},{name:"FAQ",id:"faq"}]}
+          navItems={[{name:"Features",id:"features"},{name:"Compare",id:"compare"},{name:"FAQ",id:"faq"}]}
           brandName="AI CRM"
-          button={{text:"Get Started",href:"#contact"}}
+          button={{text:"Get Started"}}
           className="py-3 px-6 rounded-full"
           navItemClassName="text-foreground/80 hover:text-foreground transition-colors"
           buttonClassName="shadow-lg"
@@ -51,7 +51,7 @@ export default function LandingPage() {
         <HeroBillboard 
           title="Unleash Your CRM's Full Potential with AI"
           description="Transform customer relationships with predictive insights, automated workflows, and personalized experiences powered by our advanced AI platform."
-          background={{variant:"sparkles-gradient"}}
+          background={{variant:"plain"}}
           tag="Next-Gen CRM"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -89,7 +89,7 @@ export default function LandingPage() {
       </div>
       <div id="features" data-section="features">
         <FeatureBento 
-          features={[{title:"Predictive Analytics",description:"Anticipate customer needs and behavior with AI-driven predictive models for proactive engagement.",bentoComponent:'globe'},{title:"AI Task Automation",description:"Streamline sales and support tasks with intelligent automation, freeing up your team for high-value interactions.",bentoComponent:'3d-task-list',items:[{icon:Zap,label:"Lead Scoring",time:"Auto"},{icon:MessageCircle,label:"Follow-up Emails",time:"Scheduled"},{icon:Users,label:"Customer Segmentation",time:"Realtime"}]},{title:"Personalized Engagement",description:"Deliver tailored communications and offers, building deeper relationships and increasing customer loyalty.",bentoComponent:'orbiting-icons',centerIcon:Shield,items:[{icon:Users,ring:1,duration:12},{icon:Zap,ring:2,duration:10},{icon:MessageCircle,ring:1,duration:15},{icon:Briefcase,ring:3,duration:18}]},{title:"Smart Chat & Support",description:"Provide instant, intelligent support with AI chatbots and agents, enhancing customer satisfaction 24/7.",bentoComponent:'chat',aiIcon:Bot,userIcon:Smile,exchanges:[{userMessage:"How do I segment my customer base?",aiResponse:"Our AI can automatically segment customers based on purchasing history, engagement, and demographics."},{userMessage:"Can it help with lead prioritization?",aiResponse:"Absolutely! It uses predictive scoring to highlight high-value leads for your sales team."}],placeholder:"Ask our AI anything..."}]}
+          features={[{title:"Predictive Analytics",description:"Anticipate customer needs and behavior with AI-driven predictive models for proactive engagement.",bentoComponent:'globe'},{title:"AI Task Automation",description:"Streamline sales and support tasks with intelligent automation, freeing up your team for high-value interactions.",bentoComponent:'3d-task-list',items:[{icon:Zap,label:"Lead Scoring",time:"Auto"},{icon:MessageCircle,label:"Follow-up Emails",time:"Scheduled"},{icon:Users,label:"Customer Segmentation",time:"Realtime"}]},{title:"Personalized Engagement",description:"Deliver tailored communications and offers, building deeper relationships and increasing customer loyalty.",bentoComponent:'orbiting-icons',centerIcon:Shield,items:[{icon:Users,ring:1,duration:12},{icon:Zap,ring:2,duration:10},{icon:MessageCircle,ring:1,duration:15},{icon:Briefcase,ring:3,duration:18}]},{title:"Smart Chat & Support",description:"Provide instant, intelligent support with AI chatbots and agents, enhancing customer satisfaction 24/7.",bentoComponent:'chat',aiIcon:Bot,userIcon:Smile,exchanges:[{userMessage:"How do I segment my customer base?",aiResponse:"Our AI can automatically segment customers based on purchasing history, engagement, and demographics."},{userMessage:"Can it help with lead prioritization?",aiResponse:"Absolutely! It uses predictive scoring to highlight high-value leads for your sales team."}] ,placeholder:"Ask our AI anything..."}]}
           carouselMode="buttons"
           animationType="slide-up"
           title="Intelligent Features That Drive Growth"
@@ -121,7 +121,7 @@ export default function LandingPage() {
           tagIcon={CheckCircle}
           tagAnimation="slide-up"
           ariaLabel="AI CRM Comparison"
-          cardClassName="p-6 md:p-8 rounded-2xl bg-card border border-accent/20 shadow-md transition-transform duration-300 ease-in-out hover:scale-[1.02]"
+          cardClassName="p-6 md:p-8 rounded-2xl bg-card border border-accent/20 shadow-md transition-transform duration-300 ease-in-out hover:scale-[1.02] hover:shadow-2xl"
           itemClassName="flex items-start gap-3 py-2 text-foreground/80"
           itemIconClassName="text-primary-cta w-5 h-5 flex-shrink-0"
           textBoxClassName="text-center mx-auto max-w-3xl"
@@ -185,4 +185,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 4689ce3..dc18b40 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -91,7 +91,13 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarLayoutFloatingInline
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[
+                                { name: "Home", id: "/" },
+                                { name: "Shop", id: "/shop" },
+                                { name: "Features", id: "/#features" },
+                                { name: "Compare", id: "/#compare" },
+                                { name: "FAQ", id: "/#faq" }
+                            ]}
                             brandName="AI CRM"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                             className="py-3 px-6 rounded-full"
@@ -136,7 +142,13 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarLayoutFloatingInline
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[
+                                { name: "Home", id: "/" },
+                                { name: "Shop", id: "/shop" },
+                                { name: "Features", id: "/#features" },
+                                { name: "Compare", id: "/#compare" },
+                                { name: "FAQ", id: "/#faq" }
+                            ]}
                             brandName="AI CRM"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                             className="py-3 px-6 rounded-full"
@@ -188,7 +200,13 @@ function ProductPageContent({ params }: ProductPageProps) {
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                     <NavbarLayoutFloatingInline
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "Shop", id: "/shop" },
+                            { name: "Features", id: "/#features" },
+                            { name: "Compare", id: "/#compare" },
+                            { name: "FAQ", id: "/#faq" }
+                        ]}
                         brandName="AI CRM"
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         className="py-3 px-6 rounded-full"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 93d7f4a..44e2781 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -33,7 +33,13 @@ export default function ShopPage() {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarLayoutFloatingInline
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[
+                                { name: "Home", id: "/" },
+                                { name: "Shop", id: "/shop" },
+                                { name: "Features", id: "/#features" },
+                                { name: "Compare", id: "/#compare" },
+                                { name: "FAQ", id: "/#faq" }
+                            ]}
                             brandName="AI CRM"
                             button={{ text: "Cart", onClick: () => {} }}
                             className="py-3 px-6 rounded-full"
@@ -77,7 +83,13 @@ export default function ShopPage() {
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                     <NavbarLayoutFloatingInline
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "Shop", id: "/shop" },
+                            { name: "Features", id: "/#features" },
+                            { name: "Compare", id: "/#compare" },
+                            { name: "FAQ", id: "/#faq" }
+                        ]}
                         brandName="AI CRM"
                         button={{ text: "Cart", onClick: () => {} }}
                         className="py-3 px-6 rounded-full"