Bob AI: can change color text to white

Merge version_2 into main

src/app/page.tsx

@@ -39,6 +39,7 @@ export default function LandingPage() {
             text: "Shop Now",            href: "/shop"
           }}
           brandName="Bee Cups"
+          textColor="white"
         />
       </div>
 
@@ -56,6 +57,7 @@ export default function LandingPage() {
             { text: "Shop Collection", href: "/shop" },
             { text: "Learn More", href: "about" }
           ]}
+          textColor="white"
         />
       </div>
 
@@ -83,6 +85,7 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="noInvert"
+          textColor="white"
         />
       </div>
 
@@ -108,6 +111,7 @@ export default function LandingPage() {
             }
           ]}
           useInvertedBackground="noInvert"
+          textColor="white"
         />
       </div>
 
@@ -132,6 +136,7 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="noInvert"
+          textColor="white"
         />
       </div>
 
@@ -162,6 +167,7 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="noInvert"
+          textColor="white"
         />
       </div>
 
@@ -185,6 +191,7 @@ export default function LandingPage() {
             }
           ]}
           useInvertedBackground="noInvert"
+          textColor="white"
         />
       </div>
 
@@ -202,6 +209,7 @@ export default function LandingPage() {
           inputPlaceholder="Enter your email address"
           buttonText="Subscribe Now"
           termsText="We respect your privacy. Unsubscribe anytime. We'll share exclusive offers and cup designs."
+          textColor="white"
         />
       </div>
 
@@ -235,6 +243,7 @@ export default function LandingPage() {
             }
           ]}
           copyrightText="© 2025 Bee Cups. All rights reserved. Handcrafted with love."
+          textColor="white"
         />
       </div>
     </ThemeProvider>

src/app/styles/variables.css

@@ -3,20 +3,20 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #341f51;;
-  --secondary-cta: #ffffff;;
-  --accent: #6139e6;;
-  --background-accent: #b3a8e8;; */
+  --card: #ffff00;;
+  --foreground: #000000;;
+  --primary-cta: #000000;;
+  --secondary-cta: #ffff00;;
+  --accent: #000000;;
+  --background-accent: #ffff00;; */
 
-  --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #341f51;;
-  --secondary-cta: #ffffff;;
-  --accent: #6139e6;;
-  --background-accent: #b3a8e8;;
+  --background: #000000;;
+  --card: #ffff00;;
+  --foreground: #000000;;
+  --primary-cta: #000000;;
+  --secondary-cta: #ffff00;;
+  --accent: #000000;;
+  --background-accent: #ffff00;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);