Update src/app/pricing/page.tsx

src/app/page.tsx

@@ -32,6 +32,7 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Services", id: "services" },
             { name: "Testimonials", id: "testimonials" },
+            { name: "Pricing", id: "/pricing" },
             { name: "Contact", id: "contact" }
           ]}
           button={{
@@ -169,12 +170,12 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665447.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665447.jpg?_wi=1"
           imageAlt="Brand New Man Barber Palace shop interior"
           columns={[
             {
               title: "Quick Links",              items: [
-                { label: "Home", href: "#hero" },
+                { label: "Home", href: "/" },
                 { label: "About", href: "#about" },
                 { label: "Services", href: "#services" },
                 { label: "Testimonials", href: "#testimonials" }

src/app/pricing/page.tsx

@@ -0,0 +1,130 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { Phone, Scissors } from 'lucide-react';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="medium"
+      background="noise"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="layered"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Brand New Man"
+          navItems={[
+            { name: "About", id: "about" },
+            { name: "Services", id: "services" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{
+            text: "Book Now",            href: "tel:(708) 849-2994"
+          }}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardEight
+          title="Our Pricing"
+          description="Affordable, quality haircuts for the whole family. Transparent pricing with no hidden fees."
+          tag="Services"
+          tagAnimation="slide-up"
+          plans={[
+            {
+              id: "1",              badge: "Most Popular",              badgeIcon: Scissors,
+              price: "$20",              subtitle: "Standard Haircut",              buttons: [
+                { text: "Book Now", href: "tel:(708) 849-2994" }
+              ],
+              features: [
+                "Professional haircut",                "Friendly barbers",                "Clean environment",                "Walk-ins welcome"
+              ]
+            },
+            {
+              id: "2",              badge: "Premium",              price: "$30",              subtitle: "Deluxe with Shave",              buttons: [
+                { text: "Book Now", href: "tel:(708) 849-2994" }
+              ],
+              features: [
+                "Expert haircut",                "Straight razor shave",                "Hot towel treatment",                "Premium styling"
+              ]
+            },
+            {
+              id: "3",              badge: "Kids Special",              price: "$15",              subtitle: "For Children Under 12",              buttons: [
+                { text: "Book Now", href: "tel:(708) 849-2994" }
+              ],
+              features: [
+                "Fun, friendly atmosphere",                "Professional cut",                "Parent comfort",                "Quick service"
+              ]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Ready to Book?"
+          tagIcon={Phone}
+          title="Get Your Perfect Haircut Today"
+          description="Visit Brand New Man Barber Palace at 170 W 144th St, Riverdale, IL 60827. We're open at 9 AM. Call us to schedule your appointment!"
+          buttons={[
+            { text: "Call (708) 849-2994", href: "tel:(708) 849-2994" },
+            { text: "Get Directions", href: "https://maps.google.com/?q=170+W+144th+St,+Riverdale,+IL+60827" }
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
+          tagAnimation="slide-up"
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665447.jpg?_wi=2"
+          imageAlt="Brand New Man Barber Palace shop interior"
+          columns={[
+            {
+              title: "Quick Links",              items: [
+                { label: "Home", href: "/" },
+                { label: "About", href: "#about" },
+                { label: "Services", href: "#services" },
+                { label: "Testimonials", href: "#testimonials" }
+              ]
+            },
+            {
+              title: "Contact",              items: [
+                { label: "Phone: (708) 849-2994", href: "tel:(708) 849-2994" },
+                { label: "170 W 144th St, Riverdale, IL 60827", href: "https://maps.google.com/?q=170+W+144th+St,+Riverdale,+IL+60827" },
+                { label: "Open at 9 AM", href: "#" }
+              ]
+            },
+            {
+              title: "Follow Us",              items: [
+                { label: "Facebook", href: "#" },
+                { label: "Instagram", href: "#" },
+                { label: "Google Reviews", href: "#" }
+              ]
+            }
+          ]}
+          logoText="Brand New Man"
+          copyrightText="© 2025 Brand New Man Barber Palace. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}