src/app/page.tsx

@@ -19,13 +19,13 @@ export default function LandingPage() {
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
-        contentWidth="smallMedium"
-        sizing="largeSmallSizeMediumTitles"
-        background="grid"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="glass"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="largeSizeMediumTitles"
+        background="aurora"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="radial-glow"
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
@@ -50,7 +50,7 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "gradient-bars"}}
+        variant: "sparkles-gradient"}}
       title="Premium Detailing for Your Pride and Joy"
       description="At MomAndPopDetailing, we treat every vehicle like our own. Experience unmatched quality, precision, and care from a family that truly loves cars."
       buttons={[
@@ -223,7 +223,7 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain"}}
+        variant: "sparkles-gradient"}}
       tag="Get In Touch"
       title="Ready to Restore Your Shine?"
       description="Send us a message today to book your session. Let's make your car look brand new again."

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1c1c1c;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #1f7cff;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #010101;
   --secondary-cta-text: #1c1c1c;
-  --accent: #159c49;
-  --background-accent: #a8e8ba;
+  --accent: #1f7cff;
+  --background-accent: #f96b2f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);