Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -16,15 +16,15 @@ export default function LandingPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="background-highlight"
+      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
+      borderRadius="rounded"
-      contentWidth="mediumLarge"
+      contentWidth="medium"
-      sizing="largeSmall"
+      sizing="medium"
-      background="circleGradient"
+      background="none"
-      cardStyle="soft-shadow"
+      cardStyle="solid"
       primaryButtonStyle="flat"
-      secondaryButtonStyle="glass"
+      secondaryButtonStyle="solid"
-      headingFontWeight="semibold"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
@@ -43,8 +43,8 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroCentered
           title="Professional Mobile Car Detailing in Santa Ana"
-          description="Premium car care brought to your location. Expert detailing, competitive pricing, and unmatched service quality. Get your vehicle showroom-ready today."
+          description="Premium car care brought to your location. Expert detailing, competitive pricing, and unmatched service quality."
-          background={{ variant: "downward-rays-static" }}
+          background={{ variant: "plain" }}
           avatars={[
             { src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Satisfied customer" },
             { src: "http://img.b2bpic.net/free-photo/picture-beautiful-smiling-woman-against-blurry-background_181624-19438.jpg", alt: "Happy client" },
@@ -55,7 +55,7 @@ export default function LandingPage() {
             { text: "Book Your Detail Now", href: "contact" },
             { text: "Learn More", href: "services" }
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 
@@ -65,7 +65,7 @@ export default function LandingPage() {
           description="Explore our comprehensive range of professional automotive detailing services"
           tag="Services"
           tagIcon={Sparkles}
-          tagAnimation="slide-up"
+          tagAnimation="none"
           textboxLayout="default"
           useInvertedBackground={false}
           features={[
@@ -95,11 +95,11 @@ export default function LandingPage() {
             }
           ]}
           gridVariant="two-columns-alternating-heights"
-          animationType="slide-up"
+          animationType="none"
           buttons={[
             { text: "Get a Quote", href: "contact" }
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 
@@ -109,13 +109,13 @@ export default function LandingPage() {
           description="We bring premium car care directly to you with professional expertise and attention to detail"
           tag="Who We Are"
           tagIcon={Shield}
-          tagAnimation="slide-up"
+          tagAnimation="none"
           textboxLayout="default"
           useInvertedBackground={false}
           imagePosition="right"
           imageSrc="http://img.b2bpic.net/free-photo/female-technician-fixing-car-parts-garage_53876-139589.jpg"
           imageAlt="Dillon's Mobile Detail team"
-          mediaAnimation="slide-up"
+          mediaAnimation="none"
           bulletPoints={[
             {
               title: "Mobile Convenience",              description: "We come to you. No need to take time off work or wait at a facility. We detail your car at your home or office.",              icon: Truck
@@ -133,7 +133,7 @@ export default function LandingPage() {
           buttons={[
             { text: "Schedule Service", href: "contact" }
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 
@@ -144,7 +144,7 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
+          animationType="none"
           metrics={[
             { id: "1", value: "500+", description: "Happy Customers Served" },
             { id: "2", value: "5+ Years", description: "Industry Experience" },
@@ -160,7 +160,7 @@ export default function LandingPage() {
           cardTag="See what they say"
           cardTagIcon={Heart}
           useInvertedBackground={false}
-          cardAnimation="slide-up"
+          cardAnimation="none"
           testimonials={[
             { id: "1", name: "Michael Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", imageAlt: "Michael Rodriguez" },
             { id: "2", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/picture-beautiful-smiling-woman-against-blurry-background_181624-19438.jpg", imageAlt: "Sarah Chen" },
@@ -176,17 +176,17 @@ export default function LandingPage() {
           description="Find answers to common questions about our services"
           tag="Help Center"
           tagIcon={HelpCircle}
-          tagAnimation="slide-up"
+          tagAnimation="none"
           textboxLayout="default"
           useInvertedBackground={false}
-          faqsAnimation="slide-up"
+          faqsAnimation="none"
-          animationType="smooth"
+          animationType="instant"
           faqs={[
-            { id: "1", title: "How long does a detail take?", content: "Standard exterior details typically take 2-3 hours, interior details 1-2 hours. Full package details can take 4-5 hours depending on vehicle condition. We'll provide an accurate time estimate when you book." },
+            { id: "1", title: "How long does a detail take?", content: "Standard exterior details typically take 2-3 hours, interior details 1-2 hours. Full package details can take 4-5 hours depending on vehicle condition." },
             { id: "2", title: "Do you service all vehicle types?", content: "Yes! We detail sedans, SUVs, trucks, luxury vehicles, and more. Whether your car is brand new or older, we have the expertise to provide professional results." },
             { id: "3", title: "What areas do you service?", content: "We provide mobile detailing throughout Santa Ana and surrounding Orange County areas. Contact us to confirm we service your specific location." },
             { id: "4", title: "Are your products safe for my vehicle?", content: "Absolutely. We use only professional-grade, vehicle-safe products approved for all paint types and finishes. All products are eco-friendly and non-toxic." },
-            { id: "5", title: "How much does detailing cost?", content: "Pricing varies based on vehicle size and service package chosen. Basic exterior details start at $79, interior details at $99, and full packages at $199. Get a custom quote by contacting us." },
+            { id: "5", title: "How much does detailing cost?", content: "Pricing varies based on vehicle size and service package chosen. Basic exterior details start at $79, interior details at $99, and full packages at $199." },
             { id: "6", title: "Can I schedule same-day service?", content: "Subject to availability, yes! We offer same-day booking for most services. Call or text us to check availability and reserve your slot." }
           ]}
         />
@@ -196,15 +196,15 @@ export default function LandingPage() {
         <ContactCTA
           tag="Get in Touch"
           tagIcon={Phone}
-          tagAnimation="slide-up"
+          tagAnimation="none"
           title="Ready to Transform Your Vehicle?"
-          description="Book your professional detailing appointment today. Contact us via phone, text, or our online form. Same-day availability often available. Join hundreds of satisfied customers in Santa Ana."
+          description="Book your professional detailing appointment today. Contact us via phone, text, or our online form. Same-day availability often available."
           buttons={[
             { text: "Call (714) 555-0123", href: "tel:+17145550123" },
             { text: "Text to Book", href: "sms:+17145550123" }
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
-          background={{ variant: "downward-rays-static" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffefe;
+  --background: #ffffff;
-  --card: #f6f7f4;
+  --card: #f9f9f9;
-  --foreground: #080908;
+  --foreground: #1a1a1a;
-  --primary-cta: #0e3a29;
+  --primary-cta: #1f7cff;
   --primary-cta-text: #fffefe;
-  --secondary-cta: #e7eecd;
+  --secondary-cta: #f0f0f0;
   --secondary-cta-text: #080908;
-  --accent: #35c18b;
+  --accent: #1f7cff;
-  --background-accent: #ecebe4;
+  --background-accent: #e0eeff;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);