Update src/app/page.tsx

Merge version_5 into main

src/app/blog/page.tsx

@@ -11,7 +11,7 @@ const posts = [
     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',
+    imageSrc: 'https://img.b2bpic.net/free-photo/hand-holding-bottle-beauty-product_23-2148496466.jpg',
     authorName: 'Lee Coral',
     authorAvatar: 'https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg',
     date: 'Oct 20, 2023',
@@ -21,7 +21,7 @@ const posts = [
     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',
+    imageSrc: 'https://img.b2bpic.net/free-photo/hands-holding-various-cosmetics_23-2148496467.jpg',
     authorName: 'Ariel S.',
     authorAvatar: 'https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg',
     date: 'Oct 15, 2023',
@@ -31,9 +31,9 @@ const posts = [
     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',
+    imageSrc: 'https://img.b2bpic.net/free-photo/woman-holding-makeup-brush_23-2148496463.jpg',
     authorName: 'Glow Theory',
-    authorAvatar: 'https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg',
+    authorAvatar: 'https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg',
     date: 'Oct 10, 2023',
   }
 ];
@@ -42,16 +42,16 @@ export default function BlogPage() {
 
     return (
         <ThemeProvider
-            defaultButtonVariant="elastic-effect"
-            defaultTextAnimation="entrance-slide"
-            borderRadius="rounded"
-            contentWidth="mediumLarge"
-            sizing="largeSmall"
-            background="noise"
-            cardStyle="gradient-mesh"
-            primaryButtonStyle="primary-glow"
-            secondaryButtonStyle="radial-glow"
-            headingFontWeight="medium"
+            defaultButtonVariant="directional-hover"
+            defaultTextAnimation="reveal-blur"
+            borderRadius="pill"
+            contentWidth="medium"
+            sizing="mediumLarge"
+            background="aurora"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="radial-glow"
+            secondaryButtonStyle="glass"
+            headingFontWeight="bold"
         >
             <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingOverlay
@@ -59,8 +59,8 @@ export default function BlogPage() {
                     navItems={[
                         { name: "Home", id: "/" },
                         { name: "Live Shows", id: "/#live-shows" },
-                        { name: "Shop", id: "/shop" },
-                        { name: "Support", id: "/#contact-support" }
+                        { name: "Support", id: "/#contact-support" },
+                        { name: "Privacy", id: "/privacy" }
                     ]}
                     button={{ text: "Join Live", href: "/#live-shows" }}
                     className="py-4 px-6 md:px-8"
@@ -92,4 +92,4 @@ export default function BlogPage() {
             </div>
         </ThemeProvider>
     );
-}
+}

src/app/layout.tsx

@@ -12,13 +12,13 @@ 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/hands-holding-face-cream_23-2149544901.jpg",        alt: "Glow Theory beauty products held in hands"
       }
     ],
     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"]
+    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/hands-holding-face-cream_23-2149544901.jpg"]
   }
 };
 
@@ -1406,4 +1406,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -14,16 +14,16 @@ import { CalendarCheck, Mail, MessageSquare, Sparkles, Timer, Tv } from "lucide-
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="elastic-effect"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="mediumLarge"
-      sizing="largeSmall"
-      background="noise"
-      cardStyle="gradient-mesh"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="radial-glow"
-      headingFontWeight="medium"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="mediumLarge"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -31,8 +31,8 @@ export default function LandingPage() {
           navItems={[
             { name: "Home", id: "/" },
             { name: "Live Shows", id: "/#live-shows" },
-            { name: "Shop", id: "/shop" },
-            { name: "Support", id: "/#contact-support" }
+            { name: "Support", id: "/#contact-support" },
+            { name: "Privacy", id: "/privacy" }
           ]}
           button={{ text: "Join Live", href: "#live-shows" }}
           className="py-4 px-6 md:px-8"
@@ -45,12 +45,12 @@ export default function LandingPage() {
         <HeroBillboardGallery
           title="Glow Theory"
           description="Elevate Your Glow"
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "sparkles-gradient" }}
           buttons={[{ text: "Join Our Live Show", href: "https://www.whatnot.com/s/xeIJ5XNt" }]}
           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/hands-holding-face-cream_23-2149544901.jpg?_wi=1", imageAlt: "Hand holding face cream" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-lipstick-concept_23-2148483750.jpg", imageAlt: "Hand holding lipstick" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-holding-tube_23-2149021643.jpg", imageAlt: "Hand holding beauty tube" }
           ]}
           mediaAnimation="opacity"
           buttonAnimation="opacity"
@@ -70,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/beauty-products-arrangement-with-copy-space_23-2149021644.jpg"
-          imageAlt="Beauty products arrangement with copy space"
+          imageSrc="https://img.b2bpic.net/free-photo/hands-holding-face-cream_23-2149544901.jpg?_wi=2"
+          imageAlt="Hand holding beauty product"
           mediaAnimation="opacity"
           useInvertedBackground={false}
           className="bg-[--background] text-[--foreground]"
@@ -114,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/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-1", brand: "Glow Theory", name: "Skincare Essentials Bundle", price: "Live Show Price", rating: 5, reviewCount: "1.2K", imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-face-cream_23-2148496464.jpg", imageAlt: "Hand holding face cream" },
+            { 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/hand-showing-perfume-bottle_23-2148496465.jpg", imageAlt: "Hand showing perfume bottle" },
+            { 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/woman-holding-foundation-bottle_23-2148496468.jpg", imageAlt: "Hand holding foundation bottle" }
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -140,12 +140,12 @@ export default function LandingPage() {
           rating={5}
           author="Ariel S., Reseller Queen"
           avatars={[
-            { 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" }
+            { src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Abstract avatar" },
+            { src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Abstract avatar" },
+            { src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Abstract avatar" },
+            { src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Abstract avatar" },
+            { src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Abstract avatar" },
+            { src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Abstract avatar" }
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
@@ -193,8 +193,8 @@ export default function LandingPage() {
           ]}
           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"
+          imageSrc="https://img.b2bpic.net/free-photo/hands-holding-face-cream_23-2149544901.jpg?_wi=3"
+          imageAlt="Hands holding beauty product for support"
           mediaAnimation="opacity"
           mediaPosition="right"
           useInvertedBackground={false}
@@ -213,7 +213,7 @@ export default function LandingPage() {
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="Glow Theory"
-          leftLink={{ text: "Customer Support", href: "#contact-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"
@@ -222,4 +222,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/privacy/page.tsx

@@ -8,16 +8,16 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 export default function PrivacyPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="elastic-effect"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="mediumLarge"
-      sizing="largeSmall"
-      background="noise"
-      cardStyle="gradient-mesh"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="radial-glow"
-      headingFontWeight="medium"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="mediumLarge"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -25,8 +25,8 @@ export default function PrivacyPage() {
           navItems={[
             { name: "Home", id: "/" },
             { name: "Live Shows", id: "/#live-shows" },
-            { name: "Shop", id: "/shop" },
-            { name: "Support", id: "/#contact-support" }
+            { name: "Support", id: "/#contact-support" },
+            { name: "Privacy", id: "/privacy" }
           ]}
           button={{ text: "Join Live", href: "/#live-shows" }}
           className="py-4 px-6 md:px-8"
@@ -83,4 +83,4 @@ export default function PrivacyPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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

@@ -76,16 +76,16 @@ function ProductPageContent({ params }: ProductPageProps) {
     if (isLoading) {
         return (
             <ThemeProvider
-                defaultButtonVariant="elastic-effect"
-                defaultTextAnimation="entrance-slide"
-                borderRadius="rounded"
-                contentWidth="mediumLarge"
-                sizing="largeSmall"
-                background="noise"
-                cardStyle="gradient-mesh"
-                primaryButtonStyle="primary-glow"
-                secondaryButtonStyle="radial-glow"
-                headingFontWeight="medium"
+                defaultButtonVariant="directional-hover"
+                defaultTextAnimation="reveal-blur"
+                borderRadius="pill"
+                contentWidth="medium"
+                sizing="mediumLarge"
+                background="aurora"
+                cardStyle="glass-elevated"
+                primaryButtonStyle="radial-glow"
+                secondaryButtonStyle="glass"
+                headingFontWeight="bold"
             >
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
@@ -93,8 +93,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                         navItems={[
                             { name: "Home", id: "/" },
                             { name: "Live Shows", id: "/#live-shows" },
-                            { name: "Shop", id: "/shop" },
-                            { name: "Support", id: "/#contact-support" }
+                            { name: "Support", id: "/#contact-support" },
+                            { name: "Privacy", id: "/privacy" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         className="py-4 px-6 md:px-8"
@@ -124,16 +124,16 @@ function ProductPageContent({ params }: ProductPageProps) {
     if (!product) {
         return (
             <ThemeProvider
-                defaultButtonVariant="elastic-effect"
-                defaultTextAnimation="entrance-slide"
-                borderRadius="rounded"
-                contentWidth="mediumLarge"
-                sizing="largeSmall"
-                background="noise"
-                cardStyle="gradient-mesh"
-                primaryButtonStyle="primary-glow"
-                secondaryButtonStyle="radial-glow"
-                headingFontWeight="medium"
+                defaultButtonVariant="directional-hover"
+                defaultTextAnimation="reveal-blur"
+                borderRadius="pill"
+                contentWidth="medium"
+                sizing="mediumLarge"
+                background="aurora"
+                cardStyle="glass-elevated"
+                primaryButtonStyle="radial-glow"
+                secondaryButtonStyle="glass"
+                headingFontWeight="bold"
             >
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
@@ -141,8 +141,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                         navItems={[
                             { name: "Home", id: "/" },
                             { name: "Live Shows", id: "/#live-shows" },
-                            { name: "Shop", id: "/shop" },
-                            { name: "Support", id: "/#contact-support" }
+                            { name: "Support", id: "/#contact-support" },
+                            { name: "Privacy", id: "/privacy" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         className="py-4 px-6 md:px-8"
@@ -179,16 +179,16 @@ function ProductPageContent({ params }: ProductPageProps) {
 
     return (
         <ThemeProvider
-            defaultButtonVariant="elastic-effect"
-            defaultTextAnimation="entrance-slide"
-            borderRadius="rounded"
-            contentWidth="mediumLarge"
-            sizing="largeSmall"
-            background="noise"
-            cardStyle="gradient-mesh"
-            primaryButtonStyle="primary-glow"
-            secondaryButtonStyle="radial-glow"
-            headingFontWeight="medium"
+            defaultButtonVariant="directional-hover"
+            defaultTextAnimation="reveal-blur"
+            borderRadius="pill"
+            contentWidth="medium"
+            sizing="mediumLarge"
+            background="aurora"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="radial-glow"
+            secondaryButtonStyle="glass"
+            headingFontWeight="bold"
         >
             <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingOverlay
@@ -196,8 +196,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                     navItems={[
                         { name: "Home", id: "/" },
                         { name: "Live Shows", id: "/#live-shows" },
-                        { name: "Shop", id: "/shop" },
-                        { name: "Support", id: "/#contact-support" }
+                        { name: "Support", id: "/#contact-support" },
+                        { name: "Privacy", id: "/privacy" }
                     ]}
                     button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     className="py-4 px-6 md:px-8"
@@ -253,4 +253,4 @@ function ProductPageContent({ params }: ProductPageProps) {
             </div>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -46,16 +46,16 @@ function ShopPageContent() {
     if (isLoading) {
         return (
             <ThemeProvider
-                defaultButtonVariant="elastic-effect"
-                defaultTextAnimation="entrance-slide"
-                borderRadius="rounded"
-                contentWidth="mediumLarge"
-                sizing="largeSmall"
-                background="noise"
-                cardStyle="gradient-mesh"
-                primaryButtonStyle="primary-glow"
-                secondaryButtonStyle="radial-glow"
-                headingFontWeight="medium"
+                defaultButtonVariant="directional-hover"
+                defaultTextAnimation="reveal-blur"
+                borderRadius="pill"
+                contentWidth="medium"
+                sizing="mediumLarge"
+                background="aurora"
+                cardStyle="glass-elevated"
+                primaryButtonStyle="radial-glow"
+                secondaryButtonStyle="glass"
+                headingFontWeight="bold"
             >
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
@@ -63,8 +63,8 @@ function ShopPageContent() {
                         navItems={[
                             { name: "Home", id: "/" },
                             { name: "Live Shows", id: "/#live-shows" },
-                            { name: "Shop", id: "/shop" },
-                            { name: "Support", id: "/#contact-support" }
+                            { name: "Support", id: "/#contact-support" },
+                            { name: "Privacy", id: "/privacy" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         className="py-4 px-6 md:px-8"
@@ -93,16 +93,16 @@ function ShopPageContent() {
 
     return (
         <ThemeProvider
-            defaultButtonVariant="elastic-effect"
-            defaultTextAnimation="entrance-slide"
-            borderRadius="rounded"
-            contentWidth="mediumLarge"
-            sizing="largeSmall"
-            background="noise"
-            cardStyle="gradient-mesh"
-            primaryButtonStyle="primary-glow"
-            secondaryButtonStyle="radial-glow"
-            headingFontWeight="medium"
+            defaultButtonVariant="directional-hover"
+            defaultTextAnimation="reveal-blur"
+            borderRadius="pill"
+            contentWidth="medium"
+            sizing="mediumLarge"
+            background="aurora"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="radial-glow"
+            secondaryButtonStyle="glass"
+            headingFontWeight="bold"
         >
             <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingOverlay
@@ -110,8 +110,8 @@ function ShopPageContent() {
                     navItems={[
                         { name: "Home", id: "/" },
                         { name: "Live Shows", id: "/#live-shows" },
-                        { name: "Shop", id: "/shop" },
-                        { name: "Support", id: "/#contact-support" }
+                        { name: "Support", id: "/#contact-support" },
+                        { name: "Privacy", id: "/privacy" }
                     ]}
                     button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     className="py-4 px-6 md:px-8"
@@ -165,4 +165,4 @@ export default function ShopPage() {
             <ShopPageContent />
         </Suspense>
     );
-}
+}

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #1b0c25;;
-  --primary-cta: #1b0c25;;
+  /* --background: #fbfaff;;
+  --card: #f7f5ff;;
+  --foreground: #0f0022;;
+  --primary-cta: #8b5cf6;;
   --secondary-cta: #ffffff;;
-  --accent: #ff93e4;;
-  --background-accent: #e8a8c3;; */
+  --accent: #d8cef5;;
+  --background-accent: #c4a8f9;; */
 
-  --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #1b0c25;;
-  --primary-cta: #1b0c25;;
-  --primary-cta-text: #f7f6f7;;
+  --background: #fbfaff;;
+  --card: #f7f5ff;;
+  --foreground: #0f0022;;
+  --primary-cta: #8b5cf6;;
+  --primary-cta-text: #fbfaff;;
   --secondary-cta: #ffffff;;
-  --secondary-cta-text: #1b0c25;;
-  --accent: #ff93e4;;
-  --background-accent: #e8a8c3;;
+  --secondary-cta-text: #0f0022;;
+  --accent: #d8cef5;;
+  --background-accent: #c4a8f9;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);