Update src/app/page.tsx

Merge version_44 into main

src/app/page.tsx

@@ -4,7 +4,8 @@ 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 FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+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';
@@ -30,6 +31,7 @@ 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" },
@@ -55,21 +57,16 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="services" data-section="services">
+        <div id="features" data-section="features">
-          <FeatureCardSeven
+          <FeatureCardEight
-            animationType="slide-up"
+             title="Advanced Climate Solutions"
-            title="Our Services"
+             description="Discover why our installation and maintenance services are preferred by homeowners and businesses alike."
-            description="Custom climate control solutions tailored to your unique requirements."
+             textboxLayout="split"
-            textboxLayout="split"
+             useInvertedBackground={false}
-            useInvertedBackground={false}
+             features={[
-            features={[
+                { title: "Smart Energy Integration", description: "High-efficiency systems designed to minimize costs and maximize performance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773760582-mjtsvkmf.jpg?_wi=1" },
-              { title: "Residential HVAC Installation", description: "Our Residential HVAC Installation service ensures efficient, reliable heating and cooling systems tailored to your home’s needs, enhancing comfort and energy savings with professional expertise and top-quality equipment.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773422652-4oyv79ym.jpg" },
+                { title: "Professional Maintenance", description: "Regular servicing to extend equipment lifespan and ensure consistent airflow.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772605409-ch6xsqna.jpg?_wi=1" }
-              { title: "Commercial HVAC Installation", description: "Our Commercial HVAC Installation service ensures efficient climate control tailored to your business needs, featuring expert installation, energy-efficient systems, and reliable performance for optimal comfort in any commercial space.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773435216-ovvaowna.jpg" },
+             ]}
-              { title: "HVAC Maintenance Services", description: "Ensure year-round comfort and efficiency with our HVAC Maintenance Services. Our expert technicians provide thorough inspections, cleanings, and tune-ups to prevent breakdowns and extend the lifespan of your heating and cooling systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773442138-wlxoe4yn.jpg?_wi=2" },
-              { title: "Emergency HVAC Repairs", description: "Our Emergency HVAC Repairs service offers fast, reliable solutions around the clock, ensuring your home's comfort is quickly restored with expert technicians ready to tackle any heating or cooling issue efficiently.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773447692-t9djtepg.jpg" },
-              { title: "Ductwork Design and Installation", description: "Our ductwork design and installation service ensures efficient airflow, energy savings, and optimal comfort in your home. Trust our experienced team to deliver precise, high-quality solutions tailored to your HVAC needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772318257-tlrdrzg8.jpg?_wi=5" },
-              { title: "Mini Split Systems", description: "Our top-notch service for installation of HVAC systems ensures efficient mini split setups, offering homeowners personalized comfort with energy savings and reliable performance throughout the year. experience flawless climate control today!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773454593-k5joknsg.jpg" }
-            ]}
           />
         </div>
 
@@ -78,8 +75,8 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={true}
             testimonials={[
-              { id: "1", name: "Erin Walsh", date: "Jan 1, 2025", title: "★★★★★", quote: "Matt reached out right away. He was so nice, knowledgeable, and came out within hours. Will definitely be my go to!", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775777106003-08w5fa1u.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772605409-ch6xsqna.jpg", imageAlt: "luxury hvac modern equipment" },
+              { id: "1", name: "Erin Walsh", date: "Jan 1, 2025", title: "★★★★★", quote: "Matt reached out right away. He was so nice, knowledgeable, and came out within hours. Will definitely be my go to!", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775777106003-08w5fa1u.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772605409-ch6xsqna.jpg?_wi=2", imageAlt: "luxury hvac modern equipment" },
-              { id: "2", name: "Abbie Long", date: "Jan 1, 2025", title: "★★★★★", quote: "Highly recommend, super pleasant, quick to respond, knowledgeable and efficient, great pricing!!!", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769933722-qm150lig.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772742070-vni774de.jpg", imageAlt: "matt mcdermott hvac expert" },
+              { id: "2", name: "Abbie Long", date: "Jan 1, 2025", title: "★★★★★", quote: "Highly recommend, super pleasant, quick to respond, knowledgeable and efficient, great pricing!!!", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769933722-qm150lig.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772742070-vni774de.jpg?_wi=2", imageAlt: "matt mcdermott hvac expert" },
               { id: "3", name: "David and Linda Tonioli", date: "Dec 28, 2025", title: "★★★★★", quote: "Very professional and knowledgeable. Installed a new heater in one day.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769923382-maralmq3.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775777106003-08w5fa1u.jpg", imageAlt: "happy customer testimonial portrait" },
             ]}
             title="Trusted by Our Neighbors"
@@ -87,13 +84,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={false}
+            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>
@@ -146,4 +160,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f1f1f1;
   --card: #f9f9f9;
-  --foreground: #120a00e6;
+  --foreground: #040020;
-  --primary-cta: #ff8c42;
+  --primary-cta: #ff7e2d;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #040020;
-  --secondary-cta-text: #120a00e6;
+  --secondary-cta-text: #ffffff;
-  --accent: #e2e2e2;
+  --accent: #ff8a23;
-  --background-accent: #c4c4c4;
+  --background-accent: #f1f1f1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);