Update src/app/styles/variables.css

Merge version_45 into main

src/app/page.tsx

@@ -4,14 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Cpu, Zap, ShieldCheck, Clock, Settings, Gauge, ChevronRight } from 'lucide-react';
+import { Cpu, Zap, ShieldCheck, Clock, Settings, Gauge } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -32,7 +31,6 @@ export default function LandingPage() {
           <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Services", id: "services" },
-              { name: "Features", id: "features" },
               { name: "Testimonials", id: "testimonials" },
               { name: "About", id: "about" },
               { name: "FAQ", id: "faq" },
@@ -58,38 +56,6 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="services" data-section="services">
-          <FeatureBorderGlow
-            animationType="slide-up"
-            title="Our Services"
-            description="Custom climate control solutions tailored to your unique requirements."
-            textboxLayout="split"
-            useInvertedBackground={false}
-            features={[
-              { icon: ShieldCheck, title: "Residential HVAC Installation", description: "Efficient, reliable heating and cooling systems tailored to your home’s needs." },
-              { icon: Zap, title: "Commercial HVAC Installation", description: "Expert installation and energy-efficient systems for optimal business comfort." },
-              { icon: Settings, title: "HVAC Maintenance Services", description: "Thorough inspections, cleanings, and tune-ups to prevent breakdowns." },
-              { icon: Clock, title: "Emergency HVAC Repairs", description: "Fast, reliable solutions around the clock to restore your comfort." },
-              { icon: Gauge, title: "Ductwork Design", description: "Precise, high-quality ductwork for optimal airflow and energy savings." },
-              { icon: Cpu, title: "Mini Split Systems", description: "Personalized comfort with energy savings and reliable year-round performance." }
-            ]}
-          />
-        </div>
-
-        <div id="features" data-section="features">
-          <FeatureCardTwentyThree
-            animationType="blur-reveal"
-            title="Advanced HVAC Capabilities"
-            description="Discover the technology behind our cooling and heating efficiency."
-            textboxLayout="split"
-            useInvertedBackground={true}
-            features={[
-                { id: "f1", title: "Energy Efficiency Analytics", tags: ["IoT", "Smart Home"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772605409-ch6xsqna.jpg?_wi=1" },
-                { id: "f2", title: "Smart Zoning Systems", tags: ["Zoning", "Precision"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772742070-vni774de.jpg?_wi=1" }
-            ]}
-          />
-        </div>
-
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardFive
             textboxLayout="default"
@@ -104,13 +70,30 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="services" data-section="services">
+          <FeatureCardSix
+            title="Our Services"
+            description="Custom climate control solutions tailored to your unique requirements."
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { title: "Residential HVAC Installation", description: "Efficient, reliable heating and cooling systems tailored to your home’s needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773760582-mjtsvkmf.jpg?_wi=1", imageAlt: "Residential HVAC Installation" },
+              { title: "Commercial HVAC Installation", description: "Expert installation and energy-efficient systems for optimal business comfort.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772605409-ch6xsqna.jpg?_wi=1", imageAlt: "Commercial HVAC Installation" },
+              { title: "HVAC Maintenance Services", description: "Thorough inspections, cleanings, and tune-ups to prevent breakdowns.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772742070-vni774de.jpg?_wi=1", imageAlt: "HVAC Maintenance Services" },
+              { title: "Emergency HVAC Repairs", description: "Fast, reliable solutions around the clock to restore your comfort.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773364148-3je89zni.jpg", imageAlt: "Emergency HVAC Repairs" },
+              { title: "Ductwork Design and Installation", description: "Precise, high-quality ductwork for optimal airflow and energy savings.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769587613-wr51yhxs.jpg?_wi=1", imageAlt: "Ductwork Design and Installation" },
+              { title: "Mini Split Systems", description: "Personalized comfort with energy savings and reliable year-round performance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769235178-757192uf.jpg", imageAlt: "Mini Split Systems" }
+            ]}
+          />
+        </div>
+
         <div id="about" data-section="about">
           <MediaAbout
             useInvertedBackground={true}
             title="Meet Matthew McDermott"
             description="With years of experience in the field, Matt McDermott founded Mountain Top Cooling to provide the community with honest, reliable, and high-performance HVAC solutions. Matt personally oversees every project, ensuring that every installation, repair, and ductwork design meets the highest standards of safety and comfort. His dedication to transparency and responsiveness has built a reputation for trust across Middleboro and the surrounding areas. Whether you are dealing with an emergency or planning a system upgrade, Matt and his team treat your home or business with the care it deserves."
             tag="Our Founder"
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769587613-wr51yhxs.jpg"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769587613-wr51yhxs.jpg?_wi=2"
             buttons={[{ text: "Call to Chat with Matt", href: "tel:617-417-6584" }]}
           />
         </div>
@@ -163,4 +146,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #ff8c42;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #ffffff;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);