Merge version_3 into main

Merge version_3 into main

src/app/blog/page.tsx

@@ -7,6 +7,8 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import { useBlogPosts } from "@/hooks/useBlogPosts";
 
+const FRESHA_BOOKING_URL = "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true&cartId=f8ebd1d7-ee19-40d7-830a-50d2e8282b16";
+
 export default function BlogPage() {
     const { posts, isLoading } = useBlogPosts();
 
@@ -29,13 +31,13 @@ export default function BlogPage() {
                         brandName="ORIBLENDZ"
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Services", id: "services" },
+                            { name: "Services", id: "/services" },
                             { name: "Gallery", id: "gallery" },
                             { name: "About", id: "about" },
                             { name: "Contact", id: "contact" }
                         ]}
                         button={{
-                            text: "Book Now",                            href: "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"
+                            text: "Book Now",                            href: FRESHA_BOOKING_URL
                         }}
                     />
                 </div>
@@ -69,14 +71,14 @@ export default function BlogPage() {
                         columns={[
                             {
                                 title: "Studio",                                items: [
-                                    { label: "Home", href: "hero" },
-                                    { label: "Services", href: "services" },
+                                    { label: "Home", href: "/" },
+                                    { label: "Services", href: "/services" },
                                     { label: "Gallery", href: "gallery" }
                                 ]
                             },
                             {
                                 title: "Connect",                                items: [
-                                    { label: "Book Now", href: "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true" },
+                                    { label: "Book Now", href: FRESHA_BOOKING_URL },
                                     { label: "Phone", href: "tel:754-837-0279" },
                                     { label: "TikTok", href: "https://www.tiktok.com/@oriblendz" }
                                 ]
@@ -94,4 +96,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/layout.tsx

@@ -1323,4 +1323,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -7,7 +7,9 @@ import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Scissors, Award, Sparkles } from "lucide-react";
+import { Scissors, Award, Sparkles, Phone, MapPin } from "lucide-react";
+
+const FRESHA_BOOKING_URL = "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true&cartId=f8ebd1d7-ee19-40d7-830a-50d2e8282b16";
 
 export default function LandingPage() {
   return (
@@ -28,17 +30,52 @@ export default function LandingPage() {
           brandName="ORIBLENDZ"
           navItems={[
             { name: "Home", id: "hero" },
-            { name: "Services", id: "services" },
+            { name: "Services", id: "/services" },
             { name: "Gallery", id: "gallery" },
             { name: "About", id: "about" },
             { name: "Contact", id: "contact" }
           ]}
           button={{
-            text: "Book Now",            href: "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"
+            text: "Book Now",            href: FRESHA_BOOKING_URL
           }}
         />
       </div>
 
+      <div id="hero" data-section="hero">
+        <div className="relative w-full py-20 px-vw-1_5">
+          <div className="mx-auto w-content-width">
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+              {/* Barber Setup Image 1 */}
+              <div className="relative rounded-theme overflow-hidden">
+                <img
+                  src="/barber-setup-1.jpg"
+                  alt="Barber Setup 1"
+                  className="w-full h-96 object-cover opacity-60"
+                />
+                <div className="absolute inset-0 flex items-center justify-center">
+                  <h1 className="text-4xl md:text-5xl font-bold text-foreground text-center drop-shadow-lg">ORIBLENDZ</h1>
+                </div>
+              </div>
+              {/* Barber Setup Image 2 */}
+              <div className="relative rounded-theme overflow-hidden">
+                <img
+                  src="/barber-setup-2.jpg"
+                  alt="Barber Setup 2"
+                  className="w-full h-96 object-cover opacity-60"
+                />
+                <div className="absolute inset-0 flex items-center justify-center">
+                  <h1 className="text-4xl md:text-5xl font-bold text-foreground text-center drop-shadow-lg">ORIBLENDZ</h1>
+                </div>
+              </div>
+            </div>
+            <div className="mt-8 text-center">
+              <p className="text-lg text-foreground/80">Elite Private Grooming Studio</p>
+              <p className="text-sm text-foreground/60">Precision Crafted Experience • Appointment Only</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div id="services" data-section="services">
         <PricingCardFive
           title="Premium Services"
@@ -50,7 +87,7 @@ export default function LandingPage() {
           plans={[
             {
               id: "haircut",              tag: "Haircut",              price: "$20",              period: "",              description: "Professional precision cut tailored to your style",              button: {
-                text: "Book Now",                href: "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"
+                text: "Book Now",                href: FRESHA_BOOKING_URL
               },
               featuresTitle: "What's Included:",              features: [
                 "45 minute appointment",                "Expert consultation",                "Custom fade work",                "Line up detail"
@@ -58,7 +95,7 @@ export default function LandingPage() {
             },
             {
               id: "design",              tag: "Design",              price: "$25",              period: "",              description: "Intricate design work and custom patterns",              button: {
-                text: "Book Now",                href: "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"
+                text: "Book Now",                href: FRESHA_BOOKING_URL
               },
               featuresTitle: "What's Included:",              features: [
                 "30 minute appointment",                "Custom design creation",                "Precision toolwork",                "Professional execution"
@@ -66,7 +103,7 @@ export default function LandingPage() {
             },
             {
               id: "eyebrows",              tag: "Eyebrows",              price: "$20",              period: "",              description: "Meticulous eyebrow shaping and grooming",              button: {
-                text: "Book Now",                href: "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"
+                text: "Book Now",                href: FRESHA_BOOKING_URL
               },
               featuresTitle: "What's Included:",              features: [
                 "20 minute appointment",                "Expert shaping",                "Precise trimming",                "Refined finishing"
@@ -74,7 +111,7 @@ export default function LandingPage() {
             },
             {
               id: "lineup",              tag: "Lineup",              price: "$15",              period: "",              description: "Clean, sharp edge details and precision lines",              button: {
-                text: "Book Now",                href: "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"
+                text: "Book Now",                href: FRESHA_BOOKING_URL
               },
               featuresTitle: "What's Included:",              features: [
                 "15 minute appointment",                "Sharp edge work",                "Precise line creation",                "Clean finish"
@@ -82,7 +119,7 @@ export default function LandingPage() {
             },
             {
               id: "beard",              tag: "Beard",              price: "$20",              period: "",              description: "Expert beard shaping and maintenance",              button: {
-                text: "Book Now",                href: "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"
+                text: "Book Now",                href: FRESHA_BOOKING_URL
               },
               featuresTitle: "What's Included:",              features: [
                 "20 minute appointment",                "Professional trimming",                "Shape refinement",                "Clean edges"
@@ -91,7 +128,7 @@ export default function LandingPage() {
             {
               id: "full-experience",              tag: "FULL EXPERIENCE",              tagIcon: Sparkles,
               price: "$65",              period: "+",              description: "Complete grooming package with haircut and detailed work",              button: {
-                text: "Book Now",                href: "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"
+                text: "Book Now",                href: FRESHA_BOOKING_URL
               },
               featuresTitle: "Complete Package:",              features: [
                 "Professional haircut",                "Design or detail work",                "Eyebrow shaping",                "Sharp line up",                "Beard grooming",                "Expert finishing touches"
@@ -127,42 +164,58 @@ export default function LandingPage() {
           gridVariant="three-columns-all-equal-width"
           products={[
             {
-              id: "1",              name: "Mid Fade with Textured Top",              price: "$20",              imageSrc: "https://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-comb_613910-5069.jpg",              imageAlt: "mid-fade textured-top haircut barbershop grooming"
+              id: "1",              name: "Mid Fade with Textured Top",              price: "$20",              imageSrc: "/gallery-1.jpg",              imageAlt: "mid-fade textured-top haircut barbershop grooming"
             },
             {
-              id: "2",              name: "Clean Taper Fade",              price: "$20",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-barbershop-with-classic-styling_618663-34.jpg",              imageAlt: "clean-taper-fade haircut barbershop precision design"
+              id: "2",              name: "Clean Taper Fade",              price: "$20",              imageSrc: "/gallery-2.jpg",              imageAlt: "clean-taper-fade haircut barbershop precision design"
             },
             {
-              id: "3",              name: "Sharp Lineup with Edge Detail",              price: "$25",              imageSrc: "https://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4667.jpg",              imageAlt: "sharp-lineup edge-detail haircut barbershop precision"
+              id: "3",              name: "Sharp Lineup with Edge Detail",              price: "$25",              imageSrc: "/gallery-3.jpg",              imageAlt: "sharp-lineup edge-detail haircut barbershop precision"
             },
             {
-              id: "4",              name: "Curly Top Fade",              price: "$20",              imageSrc: "https://img.b2bpic.net/free-photo/man-getting-his-hairstyle-done_23-2148465240.jpg",              imageAlt: "curly-top-fade textured haircut barbershop grooming"
+              id: "4",              name: "Curly Top Fade",              price: "$20",              imageSrc: "/gallery-4.jpg",              imageAlt: "curly-top-fade textured haircut barbershop grooming"
             },
             {
-              id: "5",              name: "High Taper Precision Cut",              price: "$20",              imageSrc: "https://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4661.jpg",              imageAlt: "high-taper precision-cut haircut barbershop design"
+              id: "5",              name: "High Taper Precision Cut",              price: "$20",              imageSrc: "/gallery-5.jpg",              imageAlt: "high-taper precision-cut haircut barbershop design"
             },
             {
-              id: "6",              name: "Modern Crop Fade",              price: "$20",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg",              imageAlt: "modern-crop-fade haircut barbershop grooming style"
+              id: "6",              name: "Modern Crop Fade",              price: "$20",              imageSrc: "/gallery-6.jpg",              imageAlt: "modern-crop-fade haircut barbershop grooming style"
             }
           ]}
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactText
-          text="Ready to experience elite grooming? Book your appointment at ORIBLENDZ today and discover precision crafted excellence."
-          animationType="reveal-blur"
-          buttons={[
-            {
-              text: "Book Appointment",              href: "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"
-            },
-            {
-              text: "Get in Touch",              href: "tel:754-837-0279"
-            }
-          ]}
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-        />
+        <div className="py-20 px-vw-1_5">
+          <div className="mx-auto w-content-width">
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12">
+              <div className="flex flex-col gap-6">
+                <div className="flex items-start gap-4">
+                  <Phone className="w-6 h-6 text-primary-cta mt-1 flex-shrink-0" />
+                  <div>
+                    <h3 className="font-semibold text-foreground mb-2">Phone</h3>
+                    <a href="tel:754-837-0279" className="text-foreground/80 hover:text-primary-cta transition">754-837-0279</a>
+                  </div>
+                </div>
+                <div className="flex items-start gap-4">
+                  <MapPin className="w-6 h-6 text-primary-cta mt-1 flex-shrink-0" />
+                  <div>
+                    <h3 className="font-semibold text-foreground mb-2">Address</h3>
+                    <p className="text-foreground/80">3127 Northwest 84th Way</p>
+                    <p className="text-foreground/80">Pembroke Pines, Florida</p>
+                  </div>
+                </div>
+              </div>
+              <div className="flex flex-col justify-center gap-4">
+                <p className="text-foreground/90">Ready to experience elite grooming? Book your appointment at ORIBLENDZ today and discover precision crafted excellence.</p>
+                <div className="flex flex-col gap-3">
+                  <a href={FRESHA_BOOKING_URL} className="bg-primary-cta text-background px-6 py-3 rounded-theme text-center font-semibold hover:opacity-90 transition">Book Appointment</a>
+                  <a href="tel:754-837-0279" className="border border-primary-cta text-primary-cta px-6 py-3 rounded-theme text-center font-semibold hover:bg-primary-cta hover:text-background transition">Call Now</a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
 
       <div id="footer" data-section="footer">
@@ -172,15 +225,15 @@ export default function LandingPage() {
           columns={[
             {
               title: "Studio",              items: [
-                { label: "Home", href: "hero" },
-                { label: "Services", href: "services" },
+                { label: "Home", href: "/" },
+                { label: "Services", href: "/services" },
                 { label: "Gallery", href: "gallery" }
               ]
             },
             {
               title: "Connect",              items: [
                 {
-                  label: "Book Now",                  href: "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"
+                  label: "Book Now",                  href: FRESHA_BOOKING_URL
                 },
                 { label: "Phone", href: "tel:754-837-0279" },
                 { label: "TikTok", href: "https://www.tiktok.com/@oriblendz" }
@@ -198,4 +251,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -0,0 +1,136 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import { Sparkles } from "lucide-react";
+
+const FRESHA_BOOKING_URL = "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true&cartId=f8ebd1d7-ee19-40d7-830a-50d2e8282b16";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="largeSmallSizeLargeTitles"
+      background="grid"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="ORIBLENDZ"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Gallery", id: "gallery" },
+            { name: "About", id: "about" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{
+            text: "Book Now",            href: FRESHA_BOOKING_URL
+          }}
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <PricingCardFive
+          title="Premium Services"
+          description="Precision crafted experiences for the discerning gentleman. All services priced competitively with expert execution."
+          tag="Exclusive Offerings"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          plans={[
+            {
+              id: "haircut",              tag: "Haircut",              price: "$20",              period: "",              description: "Professional precision cut tailored to your style",              button: {
+                text: "Book Now",                href: FRESHA_BOOKING_URL
+              },
+              featuresTitle: "What's Included:",              features: [
+                "45 minute appointment",                "Expert consultation",                "Custom fade work",                "Line up detail"
+              ]
+            },
+            {
+              id: "design",              tag: "Design",              price: "$25",              period: "",              description: "Intricate design work and custom patterns",              button: {
+                text: "Book Now",                href: FRESHA_BOOKING_URL
+              },
+              featuresTitle: "What's Included:",              features: [
+                "30 minute appointment",                "Custom design creation",                "Precision toolwork",                "Professional execution"
+              ]
+            },
+            {
+              id: "eyebrows",              tag: "Eyebrows",              price: "$20",              period: "",              description: "Meticulous eyebrow shaping and grooming",              button: {
+                text: "Book Now",                href: FRESHA_BOOKING_URL
+              },
+              featuresTitle: "What's Included:",              features: [
+                "20 minute appointment",                "Expert shaping",                "Precise trimming",                "Refined finishing"
+              ]
+            },
+            {
+              id: "lineup",              tag: "Lineup",              price: "$15",              period: "",              description: "Clean, sharp edge details and precision lines",              button: {
+                text: "Book Now",                href: FRESHA_BOOKING_URL
+              },
+              featuresTitle: "What's Included:",              features: [
+                "15 minute appointment",                "Sharp edge work",                "Precise line creation",                "Clean finish"
+              ]
+            },
+            {
+              id: "beard",              tag: "Beard",              price: "$20",              period: "",              description: "Expert beard shaping and maintenance",              button: {
+                text: "Book Now",                href: FRESHA_BOOKING_URL
+              },
+              featuresTitle: "What's Included:",              features: [
+                "20 minute appointment",                "Professional trimming",                "Shape refinement",                "Clean edges"
+              ]
+            },
+            {
+              id: "full-experience",              tag: "FULL EXPERIENCE",              tagIcon: Sparkles,
+              price: "$65",              period: "+",              description: "Complete grooming package with haircut and detailed work",              button: {
+                text: "Book Now",                href: FRESHA_BOOKING_URL
+              },
+              featuresTitle: "Complete Package:",              features: [
+                "Professional haircut",                "Design or detail work",                "Eyebrow shaping",                "Sharp line up",                "Beard grooming",                "Expert finishing touches"
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBase
+          logoText="ORIBLENDZ"
+          copyrightText="© 2025 ORIBLENDZ | Private Luxury Studio"
+          columns={[
+            {
+              title: "Studio",              items: [
+                { label: "Home", href: "/" },
+                { label: "Services", href: "/services" },
+                { label: "Gallery", href: "gallery" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                {
+                  label: "Book Now",                  href: FRESHA_BOOKING_URL
+                },
+                { label: "Phone", href: "tel:754-837-0279" },
+                { label: "TikTok", href: "https://www.tiktok.com/@oriblendz" }
+              ]
+            },
+            {
+              title: "Location",              items: [
+                { label: "3127 Northwest 84th Way", href: "#" },
+                { label: "Pembroke Pines, Florida", href: "#" },
+                { label: "Appointment Only", href: "#" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/shop/[id]/page.tsx

@@ -12,6 +12,8 @@ import { useProductDetail } from "@/hooks/useProductDetail";
 import { useCart } from "@/hooks/useCart";
 import { useCheckout } from "@/hooks/useCheckout";
 
+const FRESHA_BOOKING_URL = "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true&cartId=f8ebd1d7-ee19-40d7-830a-50d2e8282b16";
+
 interface ProductPageProps {
     params: Promise<{ id: string }>;
 }
@@ -86,7 +88,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                             brandName="ORIBLENDZ"
                             navItems={[
                                 {"name":"Home","id":"/"},
-                                {"name":"Services","id":"services"},
+                                {"name":"Services","id":"/services"},
                                 {"name":"Gallery","id":"gallery"},
                                 {"name":"About","id":"about"},
                                 {"name":"Contact","id":"contact"},
@@ -103,8 +105,8 @@ export default function ProductPage({ params }: ProductPageProps) {
                             logoText="ORIBLENDZ"
                             copyrightText="© 2025 ORIBLENDZ | Private Luxury Studio"
                             columns={[
-                                {"title":"Studio","items":[{"label":"Home","href":"hero"},{"label":"Services","href":"services"},{"label":"Gallery","href":"gallery"}]},
-                                {"title":"Connect","items":[{"label":"Book Now","href":"https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"},{"label":"Phone","href":"tel:754-837-0279"},{"label":"TikTok","href":"https://www.tiktok.com/@oriblendz"}]},
+                                {"title":"Studio","items":[{"label":"Home","href":"/"},{"label":"Services","href":"/services"},{"label":"Gallery","href":"gallery"}]},
+                                {"title":"Connect","items":[{"label":"Book Now","href":FRESHA_BOOKING_URL},{"label":"Phone","href":"tel:754-837-0279"},{"label":"TikTok","href":"https://www.tiktok.com/@oriblendz"}]},
                                 {"title":"Location","items":[{"label":"3127 Northwest 84th Way","href":"#"},{"label":"Pembroke Pines, Florida","href":"#"},{"label":"Appointment Only","href":"#"}]}
                             ]}
                         />
@@ -134,7 +136,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                             brandName="ORIBLENDZ"
                             navItems={[
                                 {"name":"Home","id":"/"},
-                                {"name":"Services","id":"services"},
+                                {"name":"Services","id":"/services"},
                                 {"name":"Gallery","id":"gallery"},
                                 {"name":"About","id":"about"},
                                 {"name":"Contact","id":"contact"},
@@ -159,8 +161,8 @@ export default function ProductPage({ params }: ProductPageProps) {
                             logoText="ORIBLENDZ"
                             copyrightText="© 2025 ORIBLENDZ | Private Luxury Studio"
                             columns={[
-                                {"title":"Studio","items":[{"label":"Home","href":"hero"},{"label":"Services","href":"services"},{"label":"Gallery","href":"gallery"}]},
-                                {"title":"Connect","items":[{"label":"Book Now","href":"https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"},{"label":"Phone","href":"tel:754-837-0279"},{"label":"TikTok","href":"https://www.tiktok.com/@oriblendz"}]},
+                                {"title":"Studio","items":[{"label":"Home","href":"/"},{"label":"Services","href":"/services"},{"label":"Gallery","href":"gallery"}]},
+                                {"title":"Connect","items":[{"label":"Book Now","href":FRESHA_BOOKING_URL},{"label":"Phone","href":"tel:754-837-0279"},{"label":"TikTok","href":"https://www.tiktok.com/@oriblendz"}]},
                                 {"title":"Location","items":[{"label":"3127 Northwest 84th Way","href":"#"},{"label":"Pembroke Pines, Florida","href":"#"},{"label":"Appointment Only","href":"#"}]}
                             ]}
                         />
@@ -189,7 +191,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                         brandName="ORIBLENDZ"
                         navItems={[
                             {"name":"Home","id":"/"},
-                            {"name":"Services","id":"services"},
+                            {"name":"Services","id":"/services"},
                             {"name":"Gallery","id":"gallery"},
                             {"name":"About","id":"about"},
                             {"name":"Contact","id":"contact"},
@@ -239,8 +241,8 @@ export default function ProductPage({ params }: ProductPageProps) {
                         logoText="ORIBLENDZ"
                         copyrightText="© 2025 ORIBLENDZ | Private Luxury Studio"
                         columns={[
-                            {"title":"Studio","items":[{"label":"Home","href":"hero"},{"label":"Services","href":"services"},{"label":"Gallery","href":"gallery"}]},
-                            {"title":"Connect","items":[{"label":"Book Now","href":"https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"},{"label":"Phone","href":"tel:754-837-0279"},{"label":"TikTok","href":"https://www.tiktok.com/@oriblendz"}]},
+                            {"title":"Studio","items":[{"label":"Home","href":"/"},{"label":"Services","href":"/services"},{"label":"Gallery","href":"gallery"}]},
+                            {"title":"Connect","items":[{"label":"Book Now","href":FRESHA_BOOKING_URL},{"label":"Phone","href":"tel:754-837-0279"},{"label":"TikTok","href":"https://www.tiktok.com/@oriblendz"}]},
                             {"title":"Location","items":[{"label":"3127 Northwest 84th Way","href":"#"},{"label":"Pembroke Pines, Florida","href":"#"},{"label":"Appointment Only","href":"#"}]}
                         ]}
                     />
@@ -248,4 +250,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -8,6 +8,8 @@ import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog
 import { useProductCatalog } from "@/hooks/useProductCatalog";
 import { useState } from "react";
 
+const FRESHA_BOOKING_URL = "https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true&cartId=f8ebd1d7-ee19-40d7-830a-50d2e8282b16";
+
 export default function ShopPage() {
     const {
         products,
@@ -39,7 +41,7 @@ export default function ShopPage() {
                             brandName="ORIBLENDZ"
                             navItems={[
                                 {"name":"Home","id":"/"},
-                                {"name":"Services","id":"services"},
+                                {"name":"Services","id":"/services"},
                                 {"name":"Gallery","id":"gallery"},
                                 {"name":"About","id":"about"},
                                 {"name":"Contact","id":"contact"},
@@ -56,8 +58,8 @@ export default function ShopPage() {
                             logoText="ORIBLENDZ"
                             copyrightText="© 2025 ORIBLENDZ | Private Luxury Studio"
                             columns={[
-                                {"title":"Studio","items":[{"label":"Home","href":"hero"},{"label":"Services","href":"services"},{"label":"Gallery","href":"gallery"}]},
-                                {"title":"Connect","items":[{"label":"Book Now","href":"https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"},{"label":"Phone","href":"tel:754-837-0279"},{"label":"TikTok","href":"https://www.tiktok.com/@oriblendz"}]},
+                                {"title":"Studio","items":[{"label":"Home","href":"/"},{"label":"Services","href":"/services"},{"label":"Gallery","href":"gallery"}]},
+                                {"title":"Connect","items":[{"label":"Book Now","href":FRESHA_BOOKING_URL},{"label":"Phone","href":"tel:754-837-0279"},{"label":"TikTok","href":"https://www.tiktok.com/@oriblendz"}]},
                                 {"title":"Location","items":[{"label":"3127 Northwest 84th Way","href":"#"},{"label":"Pembroke Pines, Florida","href":"#"},{"label":"Appointment Only","href":"#"}]}
                             ]}
                         />
@@ -86,7 +88,7 @@ export default function ShopPage() {
                         brandName="ORIBLENDZ"
                         navItems={[
                             {"name":"Home","id":"/"},
-                            {"name":"Services","id":"services"},
+                            {"name":"Services","id":"/services"},
                             {"name":"Gallery","id":"gallery"},
                             {"name":"About","id":"about"},
                             {"name":"Contact","id":"contact"},
@@ -111,8 +113,8 @@ export default function ShopPage() {
                         logoText="ORIBLENDZ"
                         copyrightText="© 2025 ORIBLENDZ | Private Luxury Studio"
                         columns={[
-                            {"title":"Studio","items":[{"label":"Home","href":"hero"},{"label":"Services","href":"services"},{"label":"Gallery","href":"gallery"}]},
-                            {"title":"Connect","items":[{"label":"Book Now","href":"https://www.fresha.com/a/oriblendz-pembroke-pines-3127-northwest-84th-way-mc1s2lzu/booking?menu=true&share=true"},{"label":"Phone","href":"tel:754-837-0279"},{"label":"TikTok","href":"https://www.tiktok.com/@oriblendz"}]},
+                            {"title":"Studio","items":[{"label":"Home","href":"/"},{"label":"Services","href":"/services"},{"label":"Gallery","href":"gallery"}]},
+                            {"title":"Connect","items":[{"label":"Book Now","href":FRESHA_BOOKING_URL},{"label":"Phone","href":"tel:754-837-0279"},{"label":"TikTok","href":"https://www.tiktok.com/@oriblendz"}]},
                             {"title":"Location","items":[{"label":"3127 Northwest 84th Way","href":"#"},{"label":"Pembroke Pines, Florida","href":"#"},{"label":"Appointment Only","href":"#"}]}
                         ]}
                     />
@@ -120,4 +122,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}