Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -15,41 +15,31 @@ export default function LandingPage() {
     <ThemeProvider
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="medium"
-        sizing="largeSmallSizeMediumTitles"
-        background="aurora"
-        cardStyle="layered-gradient"
-        primaryButtonStyle="radial-glow"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
         secondaryButtonStyle="glass"
-        headingFontWeight="extrabold"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Why Us",
-          id: "#why",
-        },
+          name: "Why Us",          id: "#why"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Breathe Better"
       button={{
-        text: "Book Now",
-        href: "#contact",
-      }}
+        text: "Book Now",        href: "#contact"}}
     />
   </div>
 
@@ -59,35 +49,21 @@ export default function LandingPage() {
       description="Your trusted partner for expert HVAC solutions. We ensure your home stays comfortable year-round with professional maintenance and repair services."
       buttons={[
         {
-          text: "Book Service",
-          href: "#contact",
-        },
+          text: "Book Service",          href: "#contact"},
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=1",
-          imageAlt: "HVAC Technician performing maintenance",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=1",          imageAlt: "HVAC Technician performing maintenance"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=2",
-          imageAlt: "Professional service van",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=2",          imageAlt: "Professional service van"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=3",
-          imageAlt: "Modern HVAC system unit",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=3",          imageAlt: "Modern HVAC system unit"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=4",
-          imageAlt: "Satisfied homeowner",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=4",          imageAlt: "Satisfied homeowner"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=5",
-          imageAlt: "Clean indoor air vents",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=5",          imageAlt: "Clean indoor air vents"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=6",
-          imageAlt: "Professional HVAC repair tools",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=6",          imageAlt: "Professional HVAC repair tools"},
       ]}
     />
   </div>
@@ -96,56 +72,28 @@ export default function LandingPage() {
       <FeatureCardTwentyThree
       animationType="slide-up"
       textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       features={[
         {
-          id: "1",
-          title: "Expert Technicians",
-          tags: [
-            "Licensed",
-            "Insured",
-            "Certified",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737651.jpg?_wi=1",
-        },
+          id: "1",          title: "Expert Technicians",          tags: [
+            "Licensed",            "Insured",            "Certified"],
+          imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737651.jpg?_wi=1"},
         {
-          id: "2",
-          title: "Rapid Response",
-          tags: [
-            "Fast",
-            "24/7",
-            "Reliable",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529709.jpg?_wi=1",
-        },
+          id: "2",          title: "Rapid Response",          tags: [
+            "Fast",            "24/7",            "Reliable"],
+          imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529709.jpg?_wi=1"},
         {
-          id: "3",
-          title: "Energy Efficiency",
-          tags: [
-            "Sustainable",
-            "Cost-Saving",
-            "Green",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-hvac-logo-template_23-2149194730.jpg",
-        },
+          id: "3",          title: "Energy Efficiency",          tags: [
+            "Sustainable",            "Cost-Saving",            "Green"],
+          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-hvac-logo-template_23-2149194730.jpg"},
         {
-          id: "4",
-          title: "Transparent Pricing",
-          tags: [
-            "No Hidden Fees",
-            "Fair",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737651.jpg?_wi=2",
-        },
+          id: "4",          title: "Transparent Pricing",          tags: [
+            "No Hidden Fees",            "Fair"],
+          imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737651.jpg?_wi=2"},
         {
-          id: "5",
-          title: "Customer First",
-          tags: [
-            "Guaranteed",
-            "Support",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529709.jpg?_wi=2",
-        },
+          id: "5",          title: "Customer First",          tags: [
+            "Guaranteed",            "Support"],
+          imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529709.jpg?_wi=2"},
       ]}
       title="Why Choose Ray's"
       description="Experience comfort like never before with our dedicated HVAC expertise and commitment to quality."
@@ -160,47 +108,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "s1",
-          name: "AC Installation",
-          price: "Custom Quote",
-          variant: "Premium Installation",
-          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=7",
-        },
+          id: "s1",          name: "AC Installation",          price: "Custom Quote",          variant: "Premium Installation",          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=7"},
         {
-          id: "s2",
-          name: "Heating Repair",
-          price: "Starting at $99",
-          variant: "Same-day Repair",
-          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=8",
-        },
+          id: "s2",          name: "Heating Repair",          price: "Starting at $99",          variant: "Same-day Repair",          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=8"},
         {
-          id: "s3",
-          name: "System Maintenance",
-          price: "Annual Plan",
-          variant: "Preventative Care",
-          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=9",
-        },
+          id: "s3",          name: "System Maintenance",          price: "Annual Plan",          variant: "Preventative Care",          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=9"},
         {
-          id: "s4",
-          name: "Air Quality Check",
-          price: "Standard Fee",
-          variant: "Indoor Health",
-          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=10",
-        },
+          id: "s4",          name: "Air Quality Check",          price: "Standard Fee",          variant: "Indoor Health",          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=10"},
         {
-          id: "s5",
-          name: "Duct Cleaning",
-          price: "Quote Basis",
-          variant: "Air Flow Service",
-          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=11",
-        },
+          id: "s5",          name: "Duct Cleaning",          price: "Quote Basis",          variant: "Air Flow Service",          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=11"},
         {
-          id: "s6",
-          name: "Emergency Service",
-          price: "24/7 Rate",
-          variant: "Priority Support",
-          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=12",
-        },
+          id: "s6",          name: "Emergency Service",          price: "24/7 Rate",          variant: "Priority Support",          imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=12"},
       ]}
       title="Our HVAC Services"
       description="From precision installation to seasonal maintenance, we provide complete air solutions."
@@ -212,48 +130,23 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "John Doe",
-          role: "Homeowner",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-pleased-woman-seated-sofa-looking-ahead_259150-60489.jpg",
-        },
+          id: "1",          name: "John Doe",          role: "Homeowner",          company: "Local Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-pleased-woman-seated-sofa-looking-ahead_259150-60489.jpg"},
         {
-          id: "2",
-          name: "Jane Smith",
-          role: "Property Manager",
-          company: "Housing Corp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
-        },
+          id: "2",          name: "Jane Smith",          role: "Property Manager",          company: "Housing Corp",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg"},
         {
-          id: "3",
-          name: "Bob Johnson",
-          role: "Homeowner",
-          company: "Maplewood",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg",
-        },
+          id: "3",          name: "Bob Johnson",          role: "Homeowner",          company: "Maplewood",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg"},
         {
-          id: "4",
-          name: "Alice Brown",
-          role: "Owner",
-          company: "City Center",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg",
-        },
+          id: "4",          name: "Alice Brown",          role: "Owner",          company: "City Center",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg"},
         {
-          id: "5",
-          name: "Charlie Davis",
-          role: "Client",
-          company: "Suburban Living",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138492.jpg",
-        },
+          id: "5",          name: "Charlie Davis",          role: "Client",          company: "Suburban Living",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138492.jpg"},
       ]}
       title="What Our Clients Say"
       description="Don't just take our word for it. Our customers love our commitment to clean, fresh air."
@@ -264,14 +157,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "canvas-reveal",
-      }}
+        variant: "canvas-reveal"}}
       text="Ready to breathe better? Contact Ray's HVAC today for your home comfort needs."
       buttons={[
         {
-          text: "Schedule Now",
-          href: "tel:5550101",
-        },
+          text: "Schedule Now",          href: "tel:5550101"},
       ]}
     />
   </div>
@@ -282,29 +172,19 @@ export default function LandingPage() {
       logoText="Ray's HVAC"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#why",
-            },
+              label: "About Us",              href: "#why"},
             {
-              label: "Our Services",
-              href: "#services",
-            },
+              label: "Our Services",              href: "#services"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contact Us",
-              href: "#contact",
-            },
+              label: "Contact Us",              href: "#contact"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}
@@ -314,4 +194,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #fbfbfb;
+  --card: #ffffff;
+  --foreground: #0a0a0a;
+  --primary-cta: #1d4ed8;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #f1f5f9;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #3b82f6;
+  --background-accent: #e2e8f0;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);