Update src/app/page.tsx

Update src/app/shop/page.tsx
Update src/app/shop/[id]/page.tsx
2026-02-21 22:22:37 +00:00 · 2026-02-21 22:21:52 +00:00 · 2026-02-21 22:21:52 +00:00 · 2026-02-21 22:21:51 +00:00 · 2026-02-21 22:21:50 +00:00 · 2026-02-21 22:21:49 +00:00
8 changed files with 268 additions and 160 deletions
--- a/src/app/blog/page.tsx
+++ b/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,32 +8,32 @@ 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',
+    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/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',
+    imageSrc: 'https://img.b2bpic.net/free-photo/hands-holding-various-cosmetics_23-2148496467.jpg',
    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',
+    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,23 +42,25 @@ 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
                    brandName="Glow Theory"
                    navItems={[
                        { name: "Home", id: "/" },
-                        { name: "Shop", id: "/shop" },
+                        { name: "Live Shows", id: "/#live-shows" },
+                        { name: "Support", id: "/#contact-support" },
+                        { name: "Privacy", id: "/privacy" }
                    ]}
                    button={{ text: "Join Live", href: "/#live-shows" }}
                    className="py-4 px-6 md:px-8"
@@ -68,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"
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -12,12 +12,14 @@ 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"],
+    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/hands-holding-face-cream_23-2149544901.jpg"]
+  }
 };

 export default function RootLayout({
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,28 +14,25 @@ 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
          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: "Shop", id: "/shop" },
-            { name: "Blog", id: "/blog" }
+            { name: "Home", id: "/" },
+            { name: "Live Shows", id: "/#live-shows" },
+            { name: "Support", id: "/#contact-support" },
+            { name: "Privacy", id: "/privacy" }
          ]}
          button={{ text: "Join Live", href: "#live-shows" }}
          className="py-4 px-6 md:px-8"
@@ -48,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"
@@ -73,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/hands-holding-face-cream_23-2149544901.jpg?_wi=2"
+          imageAlt="Hand holding beauty product"
          mediaAnimation="opacity"
          useInvertedBackground={false}
          className="bg-[--background] text-[--foreground]"
@@ -97,7 +94,7 @@ export default function LandingPage() {
          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: Timer, title: "Countdown Timer", description: "See exactly when our next exciting live show is about to begin!" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
@@ -117,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-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"
@@ -143,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: "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"
@@ -168,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"
@@ -192,12 +189,12 @@ export default function LandingPage() {
          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 },
+            { 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/medium-shot-pretty-woman-indoors_23-2148879269.jpg"
-          imageAlt="Beauty customer support representative"
+          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}
@@ -216,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"
--- a/src/app/privacy/page.tsx
+++ b/src/app/privacy/page.tsx
@@ -8,23 +8,25 @@ 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
          brandName="Glow Theory"
          navItems={[
            { name: "Home", id: "/" },
-            { name: "Shop", id: "/shop" },
+            { name: "Live Shows", id: "/#live-shows" },
+            { name: "Support", id: "/#contact-support" },
+            { name: "Privacy", id: "/privacy" }
          ]}
          button={{ text: "Join Live", href: "/#live-shows" }}
          className="py-4 px-6 md:px-8"
@@ -42,18 +44,21 @@ export default function PrivacyPage() {
            {
              heading: "1. Introduction",              content: [
                {
-                  type: "paragraph",                  text: "Welcome to Glow Theory. We are committed to protecting your personal information and your right to privacy. If you have any questions or concerns about our policy, or our practices with regards to your personal information, please contact us at support@glowtheory.com."},
-              ],
+                  type: "paragraph",                  text: "Welcome to Glow Theory. We are committed to protecting your personal information and your right to privacy. If you have any questions or concerns about our policy, or our practices with regards to your personal information, please contact us at support@glowtheory.com."
+                }
+              ]
            },
            {
              heading: "2. Information We Collect",              content: [
                {
-                  type: "paragraph",                  text: "We collect personal information that you voluntarily provide to us when you express an interest in obtaining information about us or our products and services, when you participate in activities on the website or otherwise when you contact us."},
+                  type: "paragraph",                  text: "We collect personal information that you voluntarily provide to us when you express an interest in obtaining information about us or our products and services, when you participate in activities on the website or otherwise when you contact us."
+                },
                {
                  type: "list",                  items: [
-                    "Personal Information: We may collect names, phone numbers, email addresses, mailing addresses, job titles, contact preferences, contact or authentication data, billing addresses, and other similar information.",                    "Payment Data: We may collect data necessary to process your payment if you make purchases, such as your payment instrument number (such as a credit card number), and the security code associated with your payment instrument."],
-                },
-              ],
+                    "Personal Information: We may collect names, phone numbers, email addresses, mailing addresses, job titles, contact preferences, contact or authentication data, billing addresses, and other similar information.",                    "Payment Data: We may collect data necessary to process your payment if you make purchases, such as your payment instrument number (such as a credit card number), and the security code associated with your payment instrument."
+                  ]
+                }
+              ]
            },
            {
                heading: "3. How We Use Your Information",                content: [
@@ -78,4 +83,4 @@ export default function PrivacyPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -76,21 +76,26 @@ 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="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                    <NavbarLayoutFloatingOverlay
                        brandName="Glow Theory"
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "Live Shows", id: "/#live-shows" },
+                            { name: "Support", id: "/#contact-support" },
+                            { name: "Privacy", id: "/privacy" }
+                        ]}
                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                        className="py-4 px-6 md:px-8"
                        buttonClassName="shadow-md !bg-[--primary-cta] !text-[--primary-cta-text]"
@@ -119,21 +124,26 @@ 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="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                    <NavbarLayoutFloatingOverlay
                        brandName="Glow Theory"
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "Live Shows", id: "/#live-shows" },
+                            { name: "Support", id: "/#contact-support" },
+                            { name: "Privacy", id: "/privacy" }
+                        ]}
                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                        className="py-4 px-6 md:px-8"
                        buttonClassName="shadow-md !bg-[--primary-cta] !text-[--primary-cta-text]"
@@ -169,21 +179,26 @@ 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="navbar" data-section="navbar">
+            <div id="nav" data-section="nav">
                <NavbarLayoutFloatingOverlay
                    brandName="Glow Theory"
-                    navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
+                    navItems={[
+                        { name: "Home", id: "/" },
+                        { name: "Live Shows", id: "/#live-shows" },
+                        { name: "Support", id: "/#contact-support" },
+                        { name: "Privacy", id: "/privacy" }
+                    ]}
                    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,
                        },
                    ]}
                />
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -46,21 +46,26 @@ 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="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                    <NavbarLayoutFloatingOverlay
                        brandName="Glow Theory"
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "Live Shows", id: "/#live-shows" },
+                            { name: "Support", id: "/#contact-support" },
+                            { name: "Privacy", id: "/privacy" }
+                        ]}
                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                        className="py-4 px-6 md:px-8"
                        buttonClassName="shadow-md !bg-[--primary-cta] !text-[--primary-cta-text]"
@@ -88,21 +93,26 @@ 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="navbar" data-section="navbar">
+            <div id="nav" data-section="nav">
                <NavbarLayoutFloatingOverlay
                    brandName="Glow Theory"
-                    navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
+                    navItems={[
+                        { name: "Home", id: "/" },
+                        { name: "Live Shows", id: "/#live-shows" },
+                        { name: "Support", id: "/#contact-support" },
+                        { name: "Privacy", id: "/privacy" }
+                    ]}
                    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,
                        },
                    ]}
                />
@@ -155,4 +165,4 @@ export default function ShopPage() {
            <ShopPageContent />
        </Suspense>
    );
-}
+}
--- a/src/app/styles/variables.css
+++ b/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);
--- a/src/app/support/page.tsx
+++ b/src/app/support/page.tsx
@@ -0,0 +1,77 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Mail, Phone, Tv } from "lucide-react";
+
+export default function SupportPage() {
+  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"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Glow Theory"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Live Shows", id: "/#live-shows" },
+            { name: "Bundles", id: "/#bundles" },
+            { name: "Reviews", id: "/#reviews" },
+            { name: "Support", id: "/support" },
+            { name: "Shop", id: "/shop" },
+            { name: "Blog", id: "/blog" }
+          ]}
+          button={{ text: "Join Live", href: "/#live-shows" }}
+          className="py-4 px-6 md:px-8"
+          buttonClassName="shadow-md !bg-[--primary-cta] !text-[--primary-cta-text]"
+          buttonTextClassName="font-medium"
+        />
+      </div>
+
+      <div id="support" data-section="support">
+        <FeatureBorderGlow
+          title="How Can We Help You?"
+          description="Choose from our support options to get the assistance you need, fast."
+          features={[
+            { icon: Tv, title: "Live Show Support", description: "Get real-time help during our Whatnot live shows for immediate assistance. Visit our page: https://www.whatnot.com/user/glowtheory" },
+            { icon: Phone, title: "Order Inquiries", description: "Contact us for questions about your recent purchases, shipping, and returns. Call us at: 786-919-1243." },
+            { icon: Mail, title: "General Assistance", description: "For all other questions or general inquiries, our team is ready to help via email." }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          className="bg-[--background-accent] text-[--foreground]"
+          textBoxTitleClassName="text-4xl md:text-5xl lg:text-6xl font-thin tracking-wide"
+          textBoxDescriptionClassName="text-lg md:text-xl font-light max-w-2xl mx-auto"
+          cardClassName="rounded-[--radius] p-8 !bg-[--card] border border-[--accent] shadow-lg"
+          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"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Glow Theory"
+          leftLink={{ text: "Customer Support", href: "/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"
+          logoClassName="text-2xl font-bold tracking-tight"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
Author	SHA1	Message	Date
bender	a47a0c3b35	Update src/app/page.tsx	2026-02-21 22:22:37 +00:00
bender	5599f7516d	Update src/app/shop/page.tsx	2026-02-21 22:21:52 +00:00
bender	51dd7c429b	Update src/app/shop/[id]/page.tsx	2026-02-21 22:21:52 +00:00
bender	47f8ca468f	Update src/app/privacy/page.tsx	2026-02-21 22:21:51 +00:00
bender	0bd0a95da4	Update src/app/page.tsx	2026-02-21 22:21:50 +00:00
bender	82a1966d73	Update src/app/blog/page.tsx	2026-02-21 22:21:49 +00:00
bender	e4c3df49dd	Update src/app/styles/variables.css	2026-02-21 22:19:24 +00:00
bender	68afccf438	Update src/app/shop/page.tsx	2026-02-21 22:19:23 +00:00
bender	b7f789973e	Update src/app/shop/[id]/page.tsx	2026-02-21 22:19:22 +00:00
bender	c4e0d5d16a	Update src/app/privacy/page.tsx	2026-02-21 22:19:21 +00:00
bender	68affe776e	Update src/app/page.tsx	2026-02-21 22:19:21 +00:00
bender	9b47456760	Update src/app/layout.tsx	2026-02-21 22:19:20 +00:00
bender	fc41963461	Update src/app/blog/page.tsx	2026-02-21 22:19:19 +00:00
bender	8d55049771	Merge version_5 into main Merge version_5 into main	2026-02-21 20:27:22 +00:00
bender	6d098d075e	Update src/app/shop/page.tsx	2026-02-21 20:27:18 +00:00
bender	4b39e5bd23	Update src/app/shop/[id]/page.tsx	2026-02-21 20:27:17 +00:00
bender	be4b6468eb	Update src/app/page.tsx	2026-02-21 20:27:16 +00:00
bender	94b3cbc6cd	Update src/app/blog/page.tsx	2026-02-21 20:27:15 +00:00
bender	06ba0e1726	Merge version_4 into main Merge version_4 into main	2026-02-21 20:26:09 +00:00
bender	3b323d51cb	Update src/app/shop/page.tsx	2026-02-21 20:26:05 +00:00
bender	b10a9024c1	Update src/app/shop/[id]/page.tsx	2026-02-21 20:26:04 +00:00
bender	9e58f90385	Update src/app/privacy/page.tsx	2026-02-21 20:26:03 +00:00
bender	f6183e0ca5	Merge version_5 into main Merge version_5 into main	2026-02-21 20:24:40 +00:00
bender	2c93ff4ae2	Update src/app/shop/page.tsx	2026-02-21 20:24:36 +00:00
bender	1f653a8f82	Update src/app/shop/[id]/page.tsx	2026-02-21 20:24:35 +00:00
bender	5077fa9226	Update src/app/privacy/page.tsx	2026-02-21 20:24:34 +00:00
bender	9cc25868ef	Update src/app/page.tsx	2026-02-21 20:24:34 +00:00
bender	9dbc031ed3	Update src/app/layout.tsx	2026-02-21 20:24:33 +00:00
bender	d397aa7679	Update src/app/blog/page.tsx	2026-02-21 20:24:32 +00:00
bender	224b2982f8	Merge version_4 into main Merge version_4 into main	2026-02-21 20:23:20 +00:00
bender	a44bbf4810	Add src/app/support/page.tsx	2026-02-21 20:23:16 +00:00
bender	8a7139baa6	Update src/app/shop/page.tsx	2026-02-21 20:23:15 +00:00
bender	c74978929e	Update src/app/shop/[id]/page.tsx	2026-02-21 20:23:14 +00:00
bender	8601109ead	Update src/app/privacy/page.tsx	2026-02-21 20:23:14 +00:00
bender	f33eba33b2	Update src/app/page.tsx	2026-02-21 20:23:13 +00:00
bender	fdbead97f4	Update src/app/layout.tsx	2026-02-21 20:23:12 +00:00
bender	d18144b41d	Update src/app/blog/page.tsx	2026-02-21 20:23:11 +00:00
bender	2ea3ba2560	Merge version_3 into main Merge version_3 into main	2026-02-21 20:14:44 +00:00
bender	6256b1c7bc	Merge version_3 into main Merge version_3 into main	2026-02-21 20:13:59 +00:00
bender	29df51c4a5	Merge version_3 into main Merge version_3 into main	2026-02-21 20:10:44 +00:00
bender	d8d039ffda	Update src/app/shop/[id]/page.tsx	2026-02-21 20:10:40 +00:00
bender	698a46c955	Merge version_3 into main Merge version_3 into main	2026-02-21 20:08:24 +00:00