diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index d9bbba4..57ed5f2 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -28,10 +28,10 @@ export default function BlogPage() {
                     <NavbarStyleCentered
                         brandName="Luxe Hotel"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "Rooms", id: "rooms" },
                             { name: "Amenities", id: "amenities" },
-                            { name: "Pricing", id: "pricing" },
+                            { name: "Pricing", id: "/pricing" },
                             { name: "Contact", id: "contact" }
                         ]}
                         button={{ text: "Book Now", href: "contact" }}
@@ -65,7 +65,7 @@ export default function BlogPage() {
                                     { label: "Home", href: "hero" },
                                     { label: "Rooms", href: "rooms" },
                                     { label: "Amenities", href: "amenities" },
-                                    { label: "Pricing", href: "pricing" }
+                                    { label: "Pricing", href: "/pricing" }
                                 ]
                             },
                             {
@@ -81,7 +81,7 @@ export default function BlogPage() {
                                     { label: "Phone: +1 (555) 123-4567", href: "#" },
                                     { label: "Email: info@luxehotel.com", href: "#" },
                                     { label: "Address: 123 Luxury Lane, City, State", href: "#" },
-                                    { label: "Book Now", href: "pricing" }
+                                    { label: "Book Now", href: "/pricing" }
                                 ]
                             },
                             {
@@ -99,4 +99,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
\ No newline at end of file
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 02658e2..515de89 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1260,4 +1260,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ab2ce64..fee14f9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,7 +34,7 @@ export default function LandingPage() {
             { name: "Home", id: "hero" },
             { name: "Rooms", id: "rooms" },
             { name: "Amenities", id: "amenities" },
-            { name: "Pricing", id: "pricing" },
+            { name: "Pricing", id: "/pricing" },
             { name: "Contact", id: "contact" }
           ]}
           button={{
@@ -79,7 +79,7 @@ export default function LandingPage() {
               text: "View Our Story",              href: "#"
             },
             {
-              text: "Book a Stay",              href: "pricing"
+              text: "Book a Stay",              href: "/pricing"
             }
           ]}
         />
@@ -248,7 +248,7 @@ export default function LandingPage() {
           useInvertedBackground={false}
           buttons={[
             {
-              text: "Book Now",              href: "pricing"
+              text: "Book Now",              href: "/pricing"
             },
             {
               text: "Contact Us",              href: "#"
@@ -265,7 +265,7 @@ export default function LandingPage() {
                 { label: "Home", href: "hero" },
                 { label: "Rooms", href: "rooms" },
                 { label: "Amenities", href: "amenities" },
-                { label: "Pricing", href: "pricing" }
+                { label: "Pricing", href: "/pricing" }
               ]
             },
             {
@@ -281,7 +281,7 @@ export default function LandingPage() {
                 { label: "Phone: +1 (555) 123-4567", href: "#" },
                 { label: "Email: info@luxehotel.com", href: "#" },
                 { label: "Address: 123 Luxury Lane, City, State", href: "#" },
-                { label: "Book Now", href: "pricing" }
+                { label: "Book Now", href: "/pricing" }
               ]
             },
             {
@@ -298,4 +298,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
new file mode 100644
index 0000000..caa557d
--- /dev/null
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,112 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Sparkles, Star, Crown } from "lucide-react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumLarge"
+      sizing="mediumLargeSizeLargeTitles"
+      background="none"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="inset-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Luxe Hotel"
+          navItems={[
+            { name: "Home", id: "hero" },
+            { name: "Rooms", id: "rooms" },
+            { name: "Amenities", id: "amenities" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{
+            text: "Book Now",            href: "contact"
+          }}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardOne
+          title="Choose Your Perfect Getaway"
+          description="Select from our flexible room packages designed to meet every traveler's needs and budget."
+          tag="Special Offers"
+          tagIcon={Sparkles}
+          plans={[
+            {
+              id: "weekend",              badge: "Popular",              badgeIcon: Sparkles,
+              price: "$149/night",              subtitle: "Perfect for quick getaways",              features: [
+                "Complimentary breakfast",                "Free Wi-Fi throughout hotel",                "Daily housekeeping",                "Access to fitness center"
+              ]
+            },
+            {
+              id: "extended",              badge: "Best Value",              badgeIcon: Star,
+              price: "$279/night",              subtitle: "Ideal for extended stays",              features: [
+                "Premium room amenities",                "Spa credits included",                "Free airport transfer",                "Personalized concierge service",                "Restaurant discount vouchers"
+              ]
+            },
+            {
+              id: "exclusive",              badge: "Luxury",              badgeIcon: Crown,
+              price: "$599/night",              subtitle: "Ultimate luxury experience",              features: [
+                "Presidential suite upgrade",                "24/7 butler service",                "Unlimited spa access",                "Private dining experiences",                "Exclusive rooftop access",                "Complimentary car service"
+              ]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigate",              items: [
+                { label: "Home", href: "hero" },
+                { label: "Rooms", href: "rooms" },
+                { label: "Amenities", href: "amenities" },
+                { label: "Pricing", href: "/pricing" }
+              ]
+            },
+            {
+              title: "Resources",              items: [
+                { label: "About Us", href: "about" },
+                { label: "FAQ", href: "faq" },
+                { label: "Testimonials", href: "testimonials" },
+                { label: "Loyalty Program", href: "#" }
+              ]
+            },
+            {
+              title: "Contact",              items: [
+                { label: "Phone: +1 (555) 123-4567", href: "#" },
+                { label: "Email: info@luxehotel.com", href: "#" },
+                { label: "Address: 123 Luxury Lane, City, State", href: "#" },
+                { label: "Book Now", href: "/pricing" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Cookie Policy", href: "#" }
+              ]
+            }
+          ]}
+          bottomLeftText="© 2025 Luxe Hotel. All rights reserved."
+          bottomRightText="Designed for exceptional hospitality"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index ba2a8c6..0853759 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -85,7 +85,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarStyleCentered
                             brandName="Luxe Hotel"
                             navItems={[
-                                { name: "Home", id: "/" },
+                                { name: "Home", id: "hero" },
                                 { name: "Shop", id: "/shop" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -118,7 +118,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarStyleCentered
                             brandName="Luxe Hotel"
                             navItems={[
-                                { name: "Home", id: "/" },
+                                { name: "Home", id: "hero" },
                                 { name: "Shop", id: "/shop" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -158,7 +158,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                     <NavbarStyleCentered
                         brandName="Luxe Hotel"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "Shop", id: "/shop" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -205,7 +205,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                         columns={[
                             {
                                 title: "Navigate",                                items: [
-                                    { label: "Home", href: "/" },
+                                    { label: "Home", href: "hero" },
                                     { label: "Shop", href: "/shop" }
                                 ]
                             },
@@ -238,4 +238,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
\ No newline at end of file
+}
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 2793682..86c2551 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -37,7 +37,7 @@ export default function ShopPage() {
                         <NavbarStyleCentered
                             brandName="Luxe Hotel"
                             navItems={[
-                                { name: "Home", id: "/" },
+                                { name: "Home", id: "hero" },
                                 { name: "Shop", id: "/shop" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -69,7 +69,7 @@ export default function ShopPage() {
                     <NavbarStyleCentered
                         brandName="Luxe Hotel"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "Shop", id: "/shop" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -91,7 +91,7 @@ export default function ShopPage() {
                         columns={[
                             {
                                 title: "Navigate",                                items: [
-                                    { label: "Home", href: "/" },
+                                    { label: "Home", href: "hero" },
                                     { label: "Shop", href: "/shop" }
                                 ]
                             },
@@ -124,4 +124,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
\ No newline at end of file
+}