Update src/app/page.tsx

Merge version_47 into main

src/app/page.tsx

@@ -4,13 +4,12 @@ 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 FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 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 } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -56,45 +55,47 @@ 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="testimonials" data-section="testimonials">
           <TestimonialCardFive
             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: "", avatarSrc: "", 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: "", avatarSrc: "", 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" },
+              { 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: "", avatarSrc: "", 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"
             description="Join the local community of satisfied homeowners who rely on our neighborly expertise for fast, dependable comfort."
           />
         </div>
 
+        <div id="services" data-section="services">
+          <FeatureCardTwentyNine
+            title="Our Services"
+            description="Custom climate control solutions tailored to your unique requirements."
+            textboxLayout="split"
+            useInvertedBackground={true}
+            carouselMode="buttons"
+            gridVariant="bento-grid"
+            animationType="slide-up"
+            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", titleIconSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772605409-ch6xsqna.jpg?_wi=1", buttonText: "Learn More" },
+              { 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", titleIconSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772742070-vni774de.jpg?_wi=1", buttonText: "Learn More" },
+              { 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", titleIconSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773364148-3je89zni.jpg", buttonText: "Learn More" },
+              { 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", titleIconSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769587613-wr51yhxs.jpg?_wi=1", buttonText: "Learn More" },
+              { 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", titleIconSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769235178-757192uf.jpg", buttonText: "Learn More" },
+              { 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", titleIconSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773760582-mjtsvkmf.jpg?_wi=1", buttonText: "Learn More" }
+            ]}
+          />
+        </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>

src/app/styles/variables.css

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