Bob AI: Can you change the colors of the website to black ...

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -41,19 +41,18 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplit
+        <HeroBillboard
-          title="Premium Nail Care in Sydney"
+          title="Elevate Your Style with Shine & Style"
-          description="Discover luxurious nail services from a certified technician. From classic manicures to intricate nail art designs, we bring your vision to life with precision and care."
+          description="Experience the ultimate in beauty and elegance. From stunning hairstyles to flawless makeup, our expert stylists will transform your look."
-          background={{ variant: "glowing-orb" }}
+          background={{ variant: "downward-rays-animated" }}
-          tag="Professional Nail Technician"
+          tag="Luxury Beauty Salon"
           tagIcon={Sparkles}
-          imageSrc="https://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg"
-          imageAlt="Beautiful nail art design showcase"
-          imagePosition="right"
           buttons={[
-            { text: "Book Appointment", href: "contact" },
+            { text: "Book Your Appointment", href: "contact" },
-            { text: "View Services", href: "services" }
+            { text: "View Our Services", href: "services" }
           ]}
+          imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
+          imageAlt="Luxury Beauty Salon"
         />
       </div>
 

src/app/styles/variables.css

@@ -10,13 +10,13 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
+  --background: #000000;
-  --card: #e6f5e6;
+  --card: #000000;
-  --foreground: #ffffff;
+  --foreground: #800080;
-  --primary-cta: #ffffff;
+  --primary-cta: #800080;
   --secondary-cta: #2e2521;
-  --accent: #b2a28b;
+  --accent: #800080;
-  --background-accent: #b2a28b;
+  --background-accent: #800080;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -213,3 +213,7 @@
     --height-150: 135vw;
   }
 }
+
+body {
+  font-family: 'Cursive', cursive, sans-serif;
+}