Update src/app/shop/page.tsx

Merge version_4 into main

src/app/blog/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
@@ -8,27 +8,27 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
 const posts = [
   {
     id: '1',
-    category: ['Skincare', 'Tips'],
+    category: 'Skincare',
     title: '5 Tips for a Glowing Complexion',
     excerpt: 'Discover our top secrets to achieving radiant, healthy-looking skin that glows from within.',
     imageSrc: 'https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg',
     authorName: 'Lee Coral',
-    authorAvatar: 'https://img.b2bpic.net/free-photo/studio-shot-sensual-woman-pink-suit_197531-16807.jpg',
+    authorAvatar: 'https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg',
     date: 'Oct 20, 2023',
   },
   {
     id: '2',
-    category: ['Live Shows'],
+    category: 'Live Shows',
     title: 'What to Expect in Our Next Live Show',
     excerpt: 'Get a sneak peek into the exclusive bundles and new drops featured in our upcoming live event.',
     imageSrc: 'https://img.b2bpic.net/free-photo/online-workshop-demontration-beauty-products_259150-60056.jpg?_wi=2',
     authorName: 'Ariel S.',
-    authorAvatar: 'https://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg',
+    authorAvatar: 'https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg',
     date: 'Oct 15, 2023',
   },
   {
     id: '3',
-    category: ['Cosmetics'],
+    category: 'Cosmetics',
     title: 'The Ultimate Guide to Pro Cosmetics',
     excerpt: 'Learn how to use our professional cosmetic kits to create stunning looks for any occasion.',
     imageSrc: 'https://img.b2bpic.net/free-photo/foundation-bottles-advertising-arrangement_23-2149511243.jpg?_wi=2',
@@ -58,8 +58,9 @@ export default function BlogPage() {
                     brandName="Glow Theory"
                     navItems={[
                         { name: "Home", id: "/" },
+                        { name: "Live Shows", id: "/#live-shows" },
                         { name: "Shop", id: "/shop" },
-                        { name: "Support", id: "/support" }
+                        { name: "Support", id: "/#contact-support" }
                     ]}
                     button={{ text: "Join Live", href: "/#live-shows" }}
                     className="py-4 px-6 md:px-8"
@@ -69,7 +70,7 @@ export default function BlogPage() {
             </div>
 
             <div id="blog" data-section="blog">
-                <BlogCardTwo
+                <BlogCardThree
                     blogs={posts}
                     title="Featured Articles"
                     description="Explore our latest insights"
@@ -82,7 +83,7 @@ export default function BlogPage() {
             <div id="footer" data-section="footer">
                 <FooterLogoReveal
                     logoText="Glow Theory"
-                    leftLink={{ text: "Customer Support", href: "/support" }}
+                    leftLink={{ text: "Customer Support", href: "/#contact-support" }}
                     rightLink={{ text: "Privacy Policy", href: "/privacy" }}
                     className="bg-[--background] text-[--foreground] py-6 px-4"
                     linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"

src/app/layout.tsx

@@ -12,9 +12,11 @@ export const metadata: Metadata = {
   title: "Glow Theory - Premium Beauty Wholesale Live Selling",  description: "Elevate your glow with Glow Theory, your Miami-based source for luxury beauty, skincare, fragrance, and cosmetic reseller bundles through live shows on Whatnot.",  openGraph: {
     title: "Glow Theory - Premium Beauty Wholesale Live Selling",    description: "Elevate your glow with Glow Theory, your Miami-based source for luxury beauty, skincare, fragrance, and cosmetic reseller bundles through live shows on Whatnot.",    url: "https://glowtheory.com",    siteName: "Glow Theory",    images: [
       {
-        url: "https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg",        alt: "Glow Theory beauty products with a soft pink glow"}
+        url: "https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg",        alt: "Glow Theory beauty products with a soft pink glow"
+      }
     ],
-    type: "website"},
+    type: "website"
+  },
   twitter: {
     card: "summary_large_image",    title: "Glow Theory - Premium Beauty Wholesale Live Selling",    description: "Elevate your glow with Glow Theory, your Miami-based source for luxury beauty, skincare, fragrance, and cosmetic reseller bundles through live shows on Whatnot.",    images: ["https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg"]
   }

src/app/page.tsx

@@ -7,6 +7,7 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { CalendarCheck, Mail, MessageSquare, Sparkles, Timer, Tv } from "lucide-react";
 
@@ -28,13 +29,10 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Glow Theory"
           navItems={[
-            { name: "About", id: "about" },
-            { name: "Live Shows", id: "live-shows" },
-            { name: "Bundles", id: "bundles" },
-            { name: "Reviews", id: "reviews" },
-            { name: "Support", id: "/support" },
+            { name: "Home", id: "/" },
+            { name: "Live Shows", id: "/#live-shows" },
             { name: "Shop", id: "/shop" },
-            { name: "Blog", id: "/blog" }
+            { name: "Support", id: "/#contact-support" }
           ]}
           button={{ text: "Join Live", href: "#live-shows" }}
           className="py-4 px-6 md:px-8"
@@ -52,7 +50,7 @@ export default function LandingPage() {
           mediaItems={[
             { imageSrc: "https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg?_wi=1", imageAlt: "Beauty products with a soft pink glow" },
             { imageSrc: "https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg?_wi=2", imageAlt: "Beauty products with a soft pink glow" },
-            { imageSrc: "https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg?_wi=3", imageAlt: "Beauty products with a soft pink glow" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg?_wi=3", imageAlt: "Beauty products with a soft pink glow" }
           ]}
           mediaAnimation="opacity"
           buttonAnimation="opacity"
@@ -72,8 +70,8 @@ export default function LandingPage() {
           description="Glow Theory is your premier Miami-based destination for beauty wholesale live-selling. We specialize in curating exquisite reseller bundles featuring top-tier skincare, fragrance, and cosmetics, alongside daily product drops. Our mission is to empower beauty entrepreneurs with access to the most coveted products in the market."
           subdescription="CEO: Lee Coral"
           icon={Sparkles}
-          imageSrc="https://img.b2bpic.net/free-photo/studio-shot-sensual-woman-pink-suit_197531-16807.jpg"
-          imageAlt="Portrait of Lee Coral, CEO of Glow Theory"
+          imageSrc="https://img.b2bpic.net/free-photo/beauty-products-arrangement-with-copy-space_23-2149021644.jpg"
+          imageAlt="Beauty products arrangement with copy space"
           mediaAnimation="opacity"
           useInvertedBackground={false}
           className="bg-[--background] text-[--foreground]"
@@ -95,7 +93,8 @@ export default function LandingPage() {
           description="Experience the thrill of live selling with daily product drops and exclusive reseller bundles on Whatnot. Don't miss out on the best deals and the latest beauty trends!"
           features={[
             { icon: CalendarCheck, title: "Upcoming Shows", description: "Stay updated with our schedule and never miss a live event for the freshest drops." },
-            { icon: Tv, title: "Watch Us Live", description: "Tune in now to catch our current live broadcast and snag exclusive beauty bundles." },            { icon: Timer, title: "Countdown Timer", description: "See exactly when our next exciting live show is about to begin!" },
+            { icon: Tv, title: "Watch Us Live", description: "Tune in now to catch our current live broadcast and snag exclusive beauty bundles." },
+            { icon: Timer, title: "Countdown Timer", description: "See exactly when our next exciting live show is about to begin!" }
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -115,9 +114,9 @@ export default function LandingPage() {
           title="Featured Bundles"
           description="Discover our curated selection of reseller beauty bundles, perfect for elevating your inventory. Available exclusively on our live shows!"
           products={[
-            { id: "bundle-1", brand: "Glow Theory", name: "Skincare Essentials Bundle", price: "Live Show Price", rating: 5, reviewCount: "1.2K", imageSrc: "https://img.b2bpic.net/free-photo/online-workshop-demontration-beauty-products_259150-60056.jpg?_wi=1", imageAlt: "Skincare Essentials Bundle" },
+            { id: "bundle-1", brand: "Glow Theory", name: "Skincare Essentials Bundle", price: "Live Show Price", rating: 5, reviewCount: "1.2K", imageSrc: "https://img.b2bpic.net/free-photo/still-life-cosmetics-with-pink-background_23-2148419330.jpg", imageAlt: "Still life cosmetics with pink background" },
             { id: "bundle-2", brand: "Glow Theory", name: "Fragrance Discovery Set", price: "Live Show Price", rating: 5, reviewCount: "890", imageSrc: "https://img.b2bpic.net/free-photo/close-up-variety-cosmetic-products-desk-isolated_574295-5284.jpg", imageAlt: "Fragrance Discovery Set" },
-            { id: "bundle-3", brand: "Glow Theory", name: "Cosmetic Pro Kit", price: "Live Show Price", rating: 5, reviewCount: "2.5K", imageSrc: "https://img.b2bpic.net/free-photo/foundation-bottles-advertising-arrangement_23-2149511243.jpg?_wi=1", imageAlt: "Cosmetic Pro Kit" },
+            { id: "bundle-3", brand: "Glow Theory", name: "Cosmetic Pro Kit", price: "Live Show Price", rating: 5, reviewCount: "2.5K", imageSrc: "https://img.b2bpic.net/free-photo/foundation-bottles-advertising-arrangement_23-2149511243.jpg?_wi=1", imageAlt: "Cosmetic Pro Kit" }
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -141,12 +140,12 @@ export default function LandingPage() {
           rating={5}
           author="Ariel S., Reseller Queen"
           avatars={[
-            { src: "https://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "Customer 1" },
-            { src: "https://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4258.jpg", alt: "Customer 2" },
-            { src: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", alt: "Customer 3" },
-            { src: "https://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4258.jpg", alt: "Customer 4" },
-            { src: "https://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4258.jpg", alt: "Customer 5" },
-            { src: "https://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4258.jpg", alt: "Customer 6" },
+            { src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Generic Avatar 1" },
+            { src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Generic Avatar 2" },
+            { src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Generic Avatar 3" },
+            { src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Generic Avatar 4" },
+            { src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Generic Avatar 5" },
+            { src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Generic Avatar 6" }
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
@@ -166,7 +165,7 @@ export default function LandingPage() {
           description="Never miss a live show again! Join our Glow Fam community for exclusive alerts on upcoming bundles and daily drops."
           features={[
             { icon: Mail, title: "Email Signup", description: "Receive email alerts directly to your inbox for new shows and products." },
-            { icon: MessageSquare, title: "SMS Signup", description: "Get instant text notifications when we go live with exciting new bundles." },
+            { icon: MessageSquare, title: "SMS Signup", description: "Get instant text notifications when we go live with exciting new bundles." }
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -178,15 +177,43 @@ export default function LandingPage() {
           iconContainerClassName="!bg-[--primary-cta] !text-[--primary-cta-text] rounded-full p-4 shadow-md"
           cardTitleClassName="text-xl md:text-2xl font-semibold mt-4"
           cardDescriptionClassName="text-md md:text-lg font-light text-balance"
-          buttons={[{ text: "Join The Glow Fam", href: "/support" }]} 
+          buttons={[{ text: "Join The Glow Fam", href: "#contact-support" }]}
           buttonAnimation="slide-up"
         />
       </div>
 
+      <div id="contact-support" data-section="contact-support">
+        <ContactSplitForm
+          title="Customer Support"
+          description="Need help with your order, bundles, or live show purchases? Our support team is here to assist you.\n\nCall Us: 786-919-1243\nLocation: Miami, Florida"
+          inputs={[
+            { name: "fullName", type: "text", placeholder: "Full Name", required: true },
+            { name: "emailAddress", type: "email", placeholder: "Email Address", required: true },
+            { name: "orderNumber", type: "text", placeholder: "Order Number (Optional)", required: false }
+          ]}
+          textarea={{ name: "message", placeholder: "Type your message...", rows: 5, required: true }}
+          buttonText="Contact Support"
+          imageSrc="https://img.b2bpic.net/free-photo/simple-abstract-background-image_23-2149420836.jpg"
+          imageAlt="Abstract background image for contact section"
+          mediaAnimation="opacity"
+          mediaPosition="right"
+          useInvertedBackground={false}
+          className="bg-[--background-accent] text-[--foreground]"
+          formCardClassName="!bg-[--card] rounded-[--radius] shadow-lg p-8 md:p-12"
+          titleClassName="text-4xl md:text-5xl lg:text-6xl font-thin tracking-wide"
+          descriptionClassName="text-md md:text-lg font-light mt-4 mb-8 leading-relaxed"
+          buttonClassName="min-w-[12rem] px-8 py-3 rounded-full shadow-lg !bg-[--primary-cta] !text-[--primary-cta-text] hover:!bg-[--primary-cta] hover:scale-105 transition-transform duration-300"
+          buttonTextClassName="font-semibold"
+          mediaWrapperClassName="rounded-[--radius] overflow-hidden"
+          mediaClassName="object-cover h-full w-full"
+          contentClassName="grid-cols-1 md:grid-cols-2 gap-8 md:gap-12"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="Glow Theory"
-          leftLink={{ text: "Customer Support", href: "/support" }}
+          leftLink={{ text: "Customer Support", href: "#contact-support" }}
           rightLink={{ text: "Privacy Policy", href: "/privacy" }}
           className="bg-[--background] text-[--foreground] py-6 px-4"
           linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"

src/app/privacy/page.tsx

@@ -24,8 +24,9 @@ export default function PrivacyPage() {
           brandName="Glow Theory"
           navItems={[
             { name: "Home", id: "/" },
+            { name: "Live Shows", id: "/#live-shows" },
             { name: "Shop", id: "/shop" },
-            { name: "Support", id: "/support" }
+            { name: "Support", id: "/#contact-support" }
           ]}
           button={{ text: "Join Live", href: "/#live-shows" }}
           className="py-4 px-6 md:px-8"
@@ -60,11 +61,11 @@ export default function PrivacyPage() {
               ]
             },
             {
-              heading: "3. How We Use Your Information",              content: [
-                {
-                  type: "paragraph",                  text: "We use personal information collected via our website for a variety of business purposes described below. We process your personal information for these purposes in reliance on our legitimate business interests, in order to enter into or perform a contract with you, with your consent, and/or for compliance with our legal obligations."
-                }
-              ]
+                heading: "3. How We Use Your Information",                content: [
+                    {
+                        type: "paragraph",                        text: "We use personal information collected via our website for a variety of business purposes described below. We process your personal information for these purposes in reliance on our legitimate business interests, in order to enter into or perform a contract with you, with your consent, and/or for compliance with our legal obligations."
+                    }
+                ]
             }
           ]}
         />
@@ -73,7 +74,7 @@ export default function PrivacyPage() {
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="Glow Theory"
-          leftLink={{ text: "Customer Support", href: "/support" }}
+          leftLink={{ text: "Customer Support", href: "/#contact-support" }}
           rightLink={{ text: "Home", href: "/" }}
           className="bg-[--background] text-[--foreground] py-6 px-4"
           linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"

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

@@ -90,7 +90,12 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         brandName="Glow Theory"
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Support", id: "/support" }]} 
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "Live Shows", id: "/#live-shows" },
+                            { name: "Shop", id: "/shop" },
+                            { name: "Support", id: "/#contact-support" }
+                        ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         className="py-4 px-6 md:px-8"
                         buttonClassName="shadow-md !bg-[--primary-cta] !text-[--primary-cta-text]"
@@ -105,7 +110,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <div id="footer" data-section="footer">
                     <FooterLogoReveal
                         logoText="Glow Theory"
-                        leftLink={{ text: "Customer Support", href: "/support" }}
+                        leftLink={{ text: "Customer Support", href: "/#contact-support" }}
                         rightLink={{ text: "Privacy Policy", href: "/privacy" }}
                         className="bg-[--background] text-[--foreground] py-6 px-4"
                         linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
@@ -133,7 +138,12 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         brandName="Glow Theory"
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Support", id: "/support" }]} 
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "Live Shows", id: "/#live-shows" },
+                            { name: "Shop", id: "/shop" },
+                            { name: "Support", id: "/#contact-support" }
+                        ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         className="py-4 px-6 md:px-8"
                         buttonClassName="shadow-md !bg-[--primary-cta] !text-[--primary-cta-text]"
@@ -156,7 +166,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <div id="footer" data-section="footer">
                     <FooterLogoReveal
                         logoText="Glow Theory"
-                        leftLink={{ text: "Customer Support", href: "/support" }}
+                        leftLink={{ text: "Customer Support", href: "/#contact-support" }}
                         rightLink={{ text: "Privacy Policy", href: "/privacy" }}
                         className="bg-[--background] text-[--foreground] py-6 px-4"
                         linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
@@ -183,7 +193,12 @@ function ProductPageContent({ params }: ProductPageProps) {
             <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingOverlay
                     brandName="Glow Theory"
-                    navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Support", id: "/support" }]} 
+                    navItems={[
+                        { name: "Home", id: "/" },
+                        { name: "Live Shows", id: "/#live-shows" },
+                        { name: "Shop", id: "/shop" },
+                        { name: "Support", id: "/#contact-support" }
+                    ]}
                     button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     className="py-4 px-6 md:px-8"
                     buttonClassName="shadow-md !bg-[--primary-cta] !text-[--primary-cta-text]"
@@ -207,7 +222,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                     sku={meta.sku}
                     buttons={[
                         { text: "Add To Cart", onClick: handleAddToCart },
-                        { text: "Buy Now", onClick: handleBuyNow },
+                        { text: "Buy Now", onClick: handleBuyNow }
                     ]}
                 />
             </div>
@@ -221,7 +236,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                     total={`$${cartTotal}`}
                     buttons={[
                         {
-                            text: isCheckoutLoading ? "Processing..." : "Check Out",                                onClick: handleCheckout,
+                            text: isCheckoutLoading ? "Processing..." : "Check Out",                            onClick: handleCheckout,
                         },
                     ]}
                 />
@@ -229,7 +244,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             <div id="footer" data-section="footer">
                 <FooterLogoReveal
                     logoText="Glow Theory"
-                    leftLink={{ text: "Customer Support", href: "/support" }}
+                    leftLink={{ text: "Customer Support", href: "/#contact-support" }}
                     rightLink={{ text: "Privacy Policy", href: "/privacy" }}
                     className="bg-[--background] text-[--foreground] py-6 px-4"
                     linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"

src/app/shop/page.tsx

@@ -60,7 +60,12 @@ function ShopPageContent() {
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         brandName="Glow Theory"
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Support", id: "/support" }]} 
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "Live Shows", id: "/#live-shows" },
+                            { name: "Shop", id: "/shop" },
+                            { name: "Support", id: "/#contact-support" }
+                        ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         className="py-4 px-6 md:px-8"
                         buttonClassName="shadow-md !bg-[--primary-cta] !text-[--primary-cta-text]"
@@ -75,7 +80,7 @@ function ShopPageContent() {
                 <div id="footer" data-section="footer">
                     <FooterLogoReveal
                         logoText="Glow Theory"
-                        leftLink={{ text: "Customer Support", href: "/support" }}
+                        leftLink={{ text: "Customer Support", href: "/#contact-support" }}
                         rightLink={{ text: "Privacy Policy", href: "/privacy" }}
                         className="bg-[--background] text-[--foreground] py-6 px-4"
                         linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
@@ -102,7 +107,12 @@ function ShopPageContent() {
             <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingOverlay
                     brandName="Glow Theory"
-                    navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Support", id: "/support" }]} 
+                    navItems={[
+                        { name: "Home", id: "/" },
+                        { name: "Live Shows", id: "/#live-shows" },
+                        { name: "Shop", id: "/shop" },
+                        { name: "Support", id: "/#contact-support" }
+                    ]}
                     button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     className="py-4 px-6 md:px-8"
                     buttonClassName="shadow-md !bg-[--primary-cta] !text-[--primary-cta-text]"
@@ -130,7 +140,7 @@ function ShopPageContent() {
                     total={`$${cartTotal}`}
                     buttons={[
                         {
-                            text: isCheckoutLoading ? "Processing..." : "Check Out",                                onClick: handleCheckout,
+                            text: isCheckoutLoading ? "Processing..." : "Check Out",                            onClick: handleCheckout,
                         },
                     ]}
                 />
@@ -138,7 +148,7 @@ function ShopPageContent() {
             <div id="footer" data-section="footer">
                 <FooterLogoReveal
                     logoText="Glow Theory"
-                    leftLink={{ text: "Customer Support", href: "/support" }}
+                    leftLink={{ text: "Customer Support", href: "/#contact-support" }}
                     rightLink={{ text: "Privacy Policy", href: "/privacy" }}
                     className="bg-[--background] text-[--foreground] py-6 px-4"
                     linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"