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

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 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 FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
@@ -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>
 
@@ -70,45 +69,43 @@ export default function LandingPage() {
       </div>
 
       <div id="services" data-section="services">
-        <FeatureCardOne
+        <FeatureCardThree
           features={[
             {
-              title: "Glowing Gel Manicure",
+              id: "1",
-              description: "Experience a long-lasting gel manicure that keeps your nails looking perfect for up to 3 weeks.",
+              title: "Glamorous Gel Manicure",
+              description: "Indulge in a luxurious gel manicure that stays chip-free for up to 3 weeks.",
               imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-              button: { label: "Book Now", href: "#" }
+              imageAlt: "Gel Manicure"
             },
             {
-              title: "Radiant Acrylic Nails",
+              id: "2",
-              description: "Get custom acrylic nails that are both durable and glamorous, perfect for any occasion.",
+              title: "Elegant Acrylic Nails",
+              description: "Experience the elegance of custom acrylic nails that are both durable and stylish.",
               imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-              button: { label: "Explore", href: "#" }
+              imageAlt: "Acrylic Nails"
             },
             {
-              title: "Creative Nail Art",
+              id: "3",
-              description: "Express your unique style with custom nail art designs that are as unique as you are.",
+              title: "Artistic Nail Designs",
+              description: "Unleash your creativity with unique nail art designs that reflect your personal style.",
               imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-              button: { label: "View Designs", href: "#" }
+              imageAlt: "Nail Art"
             },
             {
-              title: "Classic Manicure",
+              id: "4",
+              title: "Classic Nail Care",
               description: "Enjoy a traditional manicure with professional care and a timeless finish.",
               imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-              button: { label: "Schedule", href: "#" }
+              imageAlt: "Classic Manicure"
             }
           ]}
           carouselMode="buttons"
           gridVariant="uniform"
           animationType="3D"
-          title="Shine & Style's Offerings"
+          title="Shine & Style's Services"
-          description="Elevate your beauty with our premium nail care services tailored to enhance your natural glow."
+          description="Transform your look with our premium nail care services designed to enhance your natural beauty."
           tag="Your Style, Our Expertise"
-          buttons={[
-            { label: "Book Now", href: "#" },
-            { label: "View Gallery", href: "#" }
-          ]}
-          textboxLayout="center"
-          useInvertedBackground="invertDefault"
         />
       </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;
+}