Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -8,7 +8,6 @@ import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwen
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import { Award, CheckCircle, Clock, Heart, ShieldCheck, ThumbsUp } from "lucide-react";
 
 export default function LandingPage() {
@@ -30,25 +29,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Services",
-          id: "/services",
-        },
+          name: "Services",          id: "/services"},
         {
-          name: "How It Works",
-          id: "/how-it-works",
-        },
+          name: "How It Works",          id: "/how-it-works"},
         {
-          name: "About",
-          id: "/about",
-        },
+          name: "About",          id: "/about"},
         {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="Nicks 2 Interlock"
     />
@@ -57,59 +46,36 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Get Back on the Road with Confidence"
       description="Professional, reliable ignition interlock services in Longmont and surrounding Colorado areas. We provide personal care to help you move forward."
       leftCarouselItems={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/modern-interlock-device-inside-a-car-das-1774639652262-ff35b505.png",
-          imageAlt: "Professional interlock installation",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/modern-interlock-device-inside-a-car-das-1774639652262-ff35b505.png",          imageAlt: "Professional interlock installation"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/technician-checking-interlock-device-in--1774639651814-4a93081c.png?_wi=1",
-          imageAlt: "Certified interlock calibration service",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/technician-checking-interlock-device-in--1774639651814-4a93081c.png?_wi=1",          imageAlt: "Certified interlock calibration service"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/close-up-hands-holding-interlock-device--1774639652513-34eed392.png",
-          imageAlt: "Personalized client service experience",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/close-up-hands-holding-interlock-device--1774639652513-34eed392.png",          imageAlt: "Personalized client service experience"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/professional-auto-garage-service-bay-cle-1774639652687-1fcf82c9.png",
-          imageAlt: "Reliable device maintenance",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/professional-auto-garage-service-bay-cle-1774639652687-1fcf82c9.png",          imageAlt: "Reliable device maintenance"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/car-keys-hanging-from-ignition-bokeh-eff-1774639651688-ca4a0ab4.png",
-          imageAlt: "Helping you get back on the road",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/car-keys-hanging-from-ignition-bokeh-eff-1774639651688-ca4a0ab4.png",          imageAlt: "Helping you get back on the road"},
       ]}
       rightCarouselItems={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/removing-interlock-device-from-car-conso-1774639658277-e5a00ffe.png",
-          imageAlt: "Efficient device removal process",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/removing-interlock-device-from-car-conso-1774639658277-e5a00ffe.png",          imageAlt: "Efficient device removal process"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/detail-shot-of-diagnostic-tool-plugged-i-1774639652644-abb41512.png?_wi=1",
-          imageAlt: "Expert technicians at work",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/detail-shot-of-diagnostic-tool-plugged-i-1774639652644-abb41512.png?_wi=1",          imageAlt: "Expert technicians at work"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/bright-and-clean-workshop-space-modern-f-1774639652470-f0dc2695.png?_wi=1",
-          imageAlt: "Clean and professional facilities",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/bright-and-clean-workshop-space-modern-f-1774639652470-f0dc2695.png?_wi=1",          imageAlt: "Clean and professional facilities"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/client-being-helped-gentle-professional--1774639652359-aa6ff784.png?_wi=1",
-          imageAlt: "Dedicated to your success",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/client-being-helped-gentle-professional--1774639652359-aa6ff784.png?_wi=1",          imageAlt: "Dedicated to your success"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/supportive-environment-calm-atmosphere-p-1774639652859-96ac00f9.png?_wi=1",
-          imageAlt: "Supportive and non-judgmental care",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/supportive-environment-calm-atmosphere-p-1774639652859-96ac00f9.png?_wi=1",          imageAlt: "Supportive and non-judgmental care"},
       ]}
       buttons={[
         {
-          text: "Call Now to Schedule",
-          href: "tel:+15550102030",
-        },
+          text: "Call Now to Schedule",          href: "tel:+15550102030"},
       ]}
     />
   </div>
@@ -121,29 +87,19 @@ export default function LandingPage() {
       metrics={[
         {
           icon: CheckCircle,
-          label: "Years of Experience",
-          value: "2008",
-        },
+          label: "Years of Experience",          value: "2008"},
         {
           icon: Award,
-          label: "Dedicated Specialist",
-          value: "Direct Access",
-        },
+          label: "Dedicated Specialist",          value: "Direct Access"},
         {
           icon: ThumbsUp,
-          label: "Client Focus",
-          value: "Personalized",
-        },
+          label: "Client Focus",          value: "Personalized"},
         {
           icon: ShieldCheck,
-          label: "Compliance Ready",
-          value: "100%",
-        },
+          label: "Compliance Ready",          value: "100%"},
         {
           icon: Clock,
-          label: "Same Day Support",
-          value: "Reliable",
-        },
+          label: "Same Day Support",          value: "Reliable"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -154,33 +110,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "What is an ignition interlock device?",
-          content: "It is a breath-test device connected to your vehicle's ignition system.",
-        },
+          id: "f1",          title: "What is an ignition interlock device?",          content: "It is a breath-test device connected to your vehicle's ignition system."},
         {
-          id: "f2",
-          title: "How often do I need calibration?",
-          content: "Regular calibration is required to ensure accuracy and meet compliance needs.",
-        },
+          id: "f2",          title: "How often do I need calibration?",          content: "Regular calibration is required to ensure accuracy and meet compliance needs."},
         {
-          id: "f3",
-          title: "How long does installation take?",
-          content: "Most installations are efficient. We respect your time.",
-        },
+          id: "f3",          title: "How long does installation take?",          content: "Most installations are efficient. We respect your time."},
         {
-          id: "f4",
-          title: "Is the process confidential?",
-          content: "Yes, we prioritize your privacy and provide a non-judgmental environment.",
-        },
+          id: "f4",          title: "Is the process confidential?",          content: "Yes, we prioritize your privacy and provide a non-judgmental environment."},
         {
-          id: "f5",
-          title: "Can I remove the device early?",
-          content: "Removal requires specific state-mandated documentation which we assist with.",
-        },
+          id: "f5",          title: "Can I remove the device early?",          content: "Removal requires specific state-mandated documentation which we assist with."},
       ]}
       sideTitle="Answers to Your Questions"
-      sideDescription="We're here to make this process as simple as possible. Reach out anytime."
+      sideDescription="We're here to make this process as simple as possible. Reach out anytime. If your question isn't answered here, please contact our team directly for assistance."
+      buttons={[
+        {
+            text: "Contact Us",            href: "/contact"
+        }
+      ]}
       faqsAnimation="slide-up"
     />
   </div>
@@ -194,73 +140,21 @@ export default function LandingPage() {
       description="We focus on providing a seamless and supportive experience for all our clients."
       features={[
         {
-          title: "Personalized Care",
-          description: "We treat every client with respect and understanding.",
-          icon: Heart,
+          title: "Personalized Care",          description: "We treat every client with respect and understanding.",          icon: Heart,
           mediaItems: [
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/client-being-helped-gentle-professional--1774639652359-aa6ff784.png?_wi=2",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/client-being-helped-gentle-professional--1774639652359-aa6ff784.png?_wi=2"},
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/supportive-environment-calm-atmosphere-p-1774639652859-96ac00f9.png?_wi=2",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/supportive-environment-calm-atmosphere-p-1774639652859-96ac00f9.png?_wi=2"},
           ],
         },
         {
-          title: "Certified Standards",
-          description: "Our work meets all state requirements for interlock devices.",
-          icon: Award,
+          title: "Certified Standards",          description: "Our work meets all state requirements for interlock devices.",          icon: Award,
           mediaItems: [
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/technician-checking-interlock-device-in--1774639651814-4a93081c.png?_wi=2",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/technician-checking-interlock-device-in--1774639651814-4a93081c.png?_wi=2"},
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/detailed-technical-manual-on-a-clipboard-1774639652630-8adf3acc.png?_wi=1",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
-
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Service Plans"
-      description="Clear, transparent pricing for your interlock needs."
-      plans={[
-        {
-          id: "p1",
-          badge: "Essential",
-          price: "$150",
-          subtitle: "Monthly calibration",
-          features: [
-            "Full support",
-            "Device monitoring",
-          ],
-          buttons: [
-            {
-              text: "Select",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Premium",
-          price: "$250",
-          subtitle: "Full service suite",
-          features: [
-            "All services included",
-            "Priority access",
-          ],
-          buttons: [
-            {
-              text: "Select",
-              href: "#",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/detailed-technical-manual-on-a-clipboard-1774639652630-8adf3acc.png?_wi=1"},
           ],
         },
       ]}
@@ -273,17 +167,11 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
-              href: "/",
-            },
+              label: "Home",              href: "/"},
             {
-              label: "Services",
-              href: "/services",
-            },
+              label: "Services",              href: "/services"},
             {
-              label: "Contact",
-              href: "/contact",
-            },
+              label: "Contact",              href: "/contact"},
           ],
         },
       ]}
@@ -293,4 +181,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
-  --card: #ffffff;
-  --foreground: #1a1a1a;
-  --primary-cta: #2c2c2c;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
+  --primary-cta: #15479c;
   --primary-cta-text: #f5f4f0;
-  --secondary-cta: #f5f4f0;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #1a1a1a;
-  --accent: #8a8a8a;
-  --background-accent: #e8e6e1;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);