diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 11250fb..39b07fd 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -26,9 +26,9 @@ export default function BlogPage() {
             <ReactLenis root>
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
-                        navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "About Us", id: "about" }, { name: "Contact", id: "contact" }]}
+                        navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#amenities" }, { name: "About Us", id: "/#about" }, { name: "Contact", id: "/#contact" }]}
                         brandName="The Grand Hotel"
-                        button={{ text: "Book Now", href: "#rooms" }}
+                        button={{ text: "Book Now", href: "/#rooms" }}
                         className="py-4 px-6 md:px-10 lg:px-12"
                         navItemClassName="text-foreground hover:text-primary-cta transition-colors duration-200"
                         buttonClassName="bg-primary-cta text-secondary-cta hover:bg-opacity-90 transition-opacity duration-200"
@@ -55,7 +55,7 @@ export default function BlogPage() {
 
                     <div id="footer" data-section="footer">
                         <FooterSimple
-                            columns={[{ title: "Explore", items: [{ label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }, { label: "Our Story", href: "#about" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }] }]}
+                            columns={[{ title: "Explore", items: [{ label: "Rooms & Suites", href: "/#rooms" }, { label: "Amenities", href: "/#amenities" }, { label: "Our Story", href: "/#about" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "/#contact" }, { label: "FAQ", href: "/#faq" }, { label: "Contact Us", href: "/#contact" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }] }]}
                             bottomLeftText="© 2024 The Grand Hotel. All rights reserved."
                             bottomRightText="Crafted with exceptional hospitality."
                         />
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 63ff561..cb285dd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { BedSingle, Briefcase, ChefHat, ConciergeBell, Dumbbell, Hotel, Spa, Utensils } from "lucide-react";
+import { BedSingle, Briefcase, ChefHat, ConciergeBell, Dumbbell, Hotel, Sparkles, Utensils } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,7 +30,7 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline 
-          navItems={[{name:"Rooms",id:"rooms"},{name:"Amenities",id:"amenities"},{name:"About Us",id:"about"},{name:"Contact",id:"contact"}]} 
+          navItems={[{name:"Rooms",id:"#rooms"},{name:"Amenities",id:"#amenities"},{name:"About Us",id:"#about"},{name:"Contact",id:"#contact"}]} 
           brandName="The Grand Hotel" 
           button={{text:"Book Now",href:"#rooms"}} 
           className="py-4 px-6 md:px-10 lg:px-12" 
@@ -50,7 +50,7 @@ export default function LandingPage() {
           tag="Your Perfect Escape Awaits" 
           tagIcon={Hotel} 
           buttons={[{text:"Book Your Stay",href:"#rooms"},{text:"Explore Amenities",href:"#amenities"}]} 
-          imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=1" 
+          imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg" 
           imageAlt="Luxurious hotel suite with a stunning view" 
           mediaAnimation="slide-up" 
           imagePosition="right" 
@@ -75,7 +75,7 @@ export default function LandingPage() {
 
       <div id="amenities" data-section="amenities">
         <FeatureBorderGlow 
-          features={[{icon:Spa,title:"Luxurious Spa & Wellness",description:"Rejuvenate your senses with a range of treatments and a tranquil indoor pool."},{icon:ChefHat,title:"Fine Dining Restaurants",description:"Experience gastronomic delights crafted by our acclaimed chefs."},{icon:Dumbbell,title:"State-of-the-Art Fitness Center",description:"Maintain your routine with our fully equipped gym and personal trainers."},{icon:Briefcase,title:"Executive Meeting Spaces",description:"Host successful events in our modern, technology-enabled conference rooms."}]} 
+          features={[{icon:Sparkles,title:"Luxurious Spa & Wellness",description:"Rejuvenate your senses with a range of treatments and a tranquil indoor pool."},{icon:ChefHat,title:"Fine Dining Restaurants",description:"Experience gastronomic delights crafted by our acclaimed chefs."},{icon:Dumbbell,title:"State-of-the-Art Fitness Center",description:"Maintain your routine with our fully equipped gym and personal trainers."},{icon:Briefcase,title:"Executive Meeting Spaces",description:"Host successful events in our modern, technology-enabled conference rooms."}]} 
           animationType="slide-up" 
           title="Our World-Class Amenities" 
           description="Discover a host of exceptional facilities designed to enhance your stay." 
@@ -88,7 +88,7 @@ export default function LandingPage() {
 
       <div id="rooms" data-section="rooms">
         <ProductCardFour 
-          products={[{id:"deluxe-room",name:"Deluxe Room",price:"$350/night",variant:"Spacious King Bed  City View",imageSrc:"https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=2",imageAlt:"Elegant Deluxe Room"},{id:"executive-suite",name:"Executive Suite",price:"$600/night",variant:"Luxury Living Area  Panoramic View",imageSrc:"https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=3",imageAlt:"Sophisticated Executive Suite"},{id:"presidential-suite",name:"Presidential Suite",price:"$1200/night",variant:"Exclusive Amenities  Penthouse View",imageSrc:"https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=4",imageAlt:"Grand Presidential Suite"}]} 
+          products={[{id:"deluxe-room",name:"Deluxe Room",price:"$350/night",variant:"Spacious King Bed  City View",imageSrc:"https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",imageAlt:"Elegant Deluxe Room"},{id:"executive-suite",name:"Executive Suite",price:"$600/night",variant:"Luxury Living Area  Panoramic View",imageSrc:"https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",imageAlt:"Sophisticated Executive Suite"},{id:"presidential-suite",name:"Presidential Suite",price:"$1200/night",variant:"Exclusive Amenities  Penthouse View",imageSrc:"https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",imageAlt:"Grand Presidential Suite"}]} 
           carouselMode="buttons" 
           gridVariant="uniform-all-items-equal" 
           animationType="slide-up" 
@@ -103,7 +103,7 @@ export default function LandingPage() {
 
       <div id="metrics" data-section="metrics">
         <MetricCardEleven 
-          metrics={[{id:"1",value:"98%",title:"Guest Satisfaction",description:"Consistently high ratings from our valued guests.",imageSrc:"https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg?_wi=1",imageAlt:"Happy hotel guest"},{id:"2",value:"10+",title:"Years of Excellence",description:"A decade providing superior hospitality and service.",imageSrc:"https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg?_wi=2",imageAlt:"Hotel award for excellence"}]} 
+          metrics={[{id:"1",value:"98%",title:"Guest Satisfaction",description:"Consistently high ratings from our valued guests.",imageSrc:"https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg",imageAlt:"Happy hotel guest"},{id:"2",value:"10+",title:"Years of Excellence",description:"A decade providing superior hospitality and service.",imageSrc:"https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg",imageAlt:"Hotel award for excellence"}]} 
           animationType="slide-up" 
           title="Our Commitment to Excellence" 
           description="The numbers speak for themselves – a testament to our dedication to hospitality." 
@@ -116,7 +116,7 @@ export default function LandingPage() {
 
       <div id="team" data-section="team">
         <TeamCardFive 
-          team={[{id:"1",name:"Eleanor Vance",role:"General Manager",imageSrc:"https://img.b2bpic.net/free-photo/young-happy-waitress-using-touchpad-while-working-cafe_637285-8921.jpg",imageAlt:"Portrait of Eleanor Vance, General Manager"},{id:"2",name:"Marcus Aurelius",role:"Executive Chef",imageSrc:"https://img.b2bpic.net/free-photo/back-back-gastronomy-experts-standing-restaurant-professional-kitchen-while-posing-camera-chefs-wearing-cooking-uniformswhile-standing-gourmet-cuisine-with-arms-crossed_482257-41991.jpg",imageAlt:"Portrait of Marcus Aurelius, Executive Chef"},{id:"3",name:"Sophia Lee",role:"Head Concierge",imageSrc:"https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg?_wi=3",imageAlt:"Portrait of Sophia Lee, Head Concierge"},{id:"4",name:"David Miller",role:"Housekeeping Manager",imageSrc:"https://img.b2bpic.net/free-photo/smile-client-makes-me-feel-better-female-maid-uniform-making-bed-bedroom-putting-pillow-after-previously-washing-it-housemaid-trying-finish-with-cleaning-before-owners-house-will-return_176420-11935.jpg",imageAlt:"Portrait of David Miller, Housekeeping Manager"}]} 
+          team={[{id:"1",name:"Eleanor Vance",role:"General Manager",imageSrc:"https://img.b2bpic.net/free-photo/young-happy-waitress-using-touchpad-while-working-cafe_637285-8921.jpg",imageAlt:"Portrait of Eleanor Vance, General Manager"},{id:"2",name:"Marcus Aurelius",role:"Executive Chef",imageSrc:"https://img.b2bpic.net/free-photo/back-back-gastronomy-experts-standing-restaurant-professional-kitchen-while-posing-camera-chefs-wearing-cooking-uniformswhile-standing-gourmet-cuisine-with-arms-crossed_482257-41991.jpg",imageAlt:"Portrait of Marcus Aurelius, Executive Chef"},{id:"3",name:"Sophia Lee",role:"Head Concierge",imageSrc:"https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg",imageAlt:"Portrait of Sophia Lee, Head Concierge"},{id:"4",name:"David Miller",role:"Housekeeping Manager",imageSrc:"https://img.b2bpic.net/free-photo/smile-client-makes-me-feel-better-female-maid-uniform-making-bed-bedroom-putting-pillow-after-previously-washing-it-housemaid-trying-finish-with-cleaning-before-owners-house-will-return_176420-11935.jpg",imageAlt:"Portrait of David Miller, Housekeeping Manager"}]} 
           animationType="slide-up" 
           title="Meet Our Dedicated Team" 
           description="Our passionate professionals are committed to making your stay exceptional." 
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 2dcf9c6..56ef68d 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -89,9 +89,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="medium"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
-                           navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "About Us", id: "about" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
+                           navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#amenities" }, { name: "About Us", id: "/#about" }, { name: "Contact", id: "/#contact" }, { name: "Shop", id: "/shop" }]}
                            brandName="The Grand Hotel"
                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                            className="py-4 px-6 md:px-10 lg:px-12"
@@ -123,9 +123,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="medium"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
-                           navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "About Us", id: "about" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
+                           navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#amenities" }, { name: "About Us", id: "/#about" }, { name: "Contact", id: "/#contact" }, { name: "Shop", id: "/shop" }]}
                            brandName="The Grand Hotel"
                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                            className="py-4 px-6 md:px-10 lg:px-12"
@@ -164,9 +164,9 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
-                       navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "About Us", id: "about" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
+                       navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#amenities" }, { name: "About Us", id: "/#about" }, { name: "Contact", id: "/#contact" }, { name: "Shop", id: "/shop" }]}
                        brandName="The Grand Hotel"
                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                        className="py-4 px-6 md:px-10 lg:px-12"
@@ -213,7 +213,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 </div>
                 <div id="footer" data-section="footer">
                     <FooterSimple
-                        columns={[{ "title": "Explore", "items": [{ "label": "Rooms & Suites", "href": "#rooms" }, { "label": "Amenities", "href": "#amenities" }, { "label": "Our Story", "href": "#about" }] }, { "title": "Guest Services", "items": [{ "label": "Concierge", "href": "#contact" }, { "label": "FAQ", "href": "#faq" }, { "label": "Contact Us", "href": "#contact" }] }, { "title": "Legal", "items": [{ "label": "Privacy Policy", "href": "/privacy" }, { "label": "Terms of Service", "href": "/terms" }] }]}
+                        columns={[{ "title": "Explore", "items": [{ "label": "Rooms & Suites", "href": "/#rooms" }, { "label": "Amenities", "href": "/#amenities" }, { "label": "Our Story", "href": "/#about" }] }, { "title": "Guest Services", "items": [{ "label": "Concierge", "href": "/#contact" }, { "label": "FAQ", "href": "/#faq" }, { "label": "Contact Us", "href": "/#contact" }] }, { "title": "Legal", "items": [{ "label": "Privacy Policy", "href": "/privacy" }, { "label": "Terms of Service", "href": "/terms" }] }]}
                         bottomLeftText="© 2024 The Grand Hotel. All rights reserved."
                         bottomRightText="Crafted with exceptional hospitality."
                     />
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index dca7a54..60983d1 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -34,9 +34,9 @@ export default function ShopPage() {
                 headingFontWeight="medium"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
-                            navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "About Us", id: "about" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#amenities" }, { name: "About Us", id: "/#about" }, { name: "Contact", id: "/#contact" }, { name: "Shop", id: "/shop" }]}
                             brandName="The Grand Hotel"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                             className="py-4 px-6 md:px-10 lg:px-12"
@@ -67,9 +67,9 @@ export default function ShopPage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
-                        navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "About Us", id: "about" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#amenities" }, { name: "About Us", id: "/#about" }, { name: "Contact", id: "/#contact" }, { name: "Shop", id: "/shop" }]}
                         brandName="The Grand Hotel"
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         className="py-4 px-6 md:px-10 lg:px-12"
@@ -91,7 +91,7 @@ export default function ShopPage() {
                 </div>
                 <div id="footer" data-section="footer">
                     <FooterSimple
-                        columns={[{ "title": "Explore", "items": [{ "label": "Rooms & Suites", "href": "#rooms" }, { "label": "Amenities", "href": "#amenities" }, { "label": "Our Story", "href": "#about" }] }, { "title": "Guest Services", "items": [{ "label": "Concierge", "href": "#contact" }, { "label": "FAQ", "href": "#faq" }, { "label": "Contact Us", "href": "#contact" }] }, { "title": "Legal", "items": [{ "label": "Privacy Policy", "href": "/privacy" }, { "label": "Terms of Service", "href": "/terms" }] }]}
+                        columns={[{ "title": "Explore", "items": [{ "label": "Rooms & Suites", "href": "/#rooms" }, { "label": "Amenities", "href": "/#amenities" }, { "label": "Our Story", "href": "/#about" }] }, { "title": "Guest Services", "items": [{ "label": "Concierge", "href": "/#contact" }, { "label": "FAQ", "href": "/#faq" }, { "label": "Contact Us", "href": "/#contact" }] }, { "title": "Legal", "items": [{ "label": "Privacy Policy", "href": "/privacy" }, { "label": "Terms of Service", "href": "/terms" }] }]}
                         bottomLeftText="© 2024 The Grand Hotel. All rights reserved."
                         bottomRightText="Crafted with exceptional hospitality."
                     />