Update src/app/page.tsx

Merge version_33 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 
@@ -30,6 +30,7 @@ export default function LandingPage() {
           <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Services", id: "services" },
+              { name: "About", id: "about" },
               { name: "Testimonials", id: "testimonials" },
               { name: "FAQ", id: "faq" },
               { name: "Contact", id: "contact" },
@@ -63,20 +64,6 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="about" data-section="about">
-          <MetricSplitMediaAbout
-            useInvertedBackground={true}
-            title="Driven by Quality, Defined by Service"
-            description="Founded by Matt McDermott, Mountain Top Cooling provides premium residential and commercial HVAC care. From emergency repairs to bespoke ductwork design, we ensure your home remains an oasis of comfort year-round."
-            metrics={[
-              { value: "100%", title: "Satisfaction Rate" },
-              { value: "24/7", title: "Emergency Support" },
-              { value: "1hr", title: "Avg Response Time" },
-            ]}
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769587613-wr51yhxs.jpg"
-          />
-        </div>
-
         <div id="services" data-section="services">
           <FeatureCardSeven
             animationType="slide-up"
@@ -95,6 +82,17 @@ export default function LandingPage() {
           />
         </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"
+            buttons={[{ text: "Call to Chat with Matt", href: "tel:617-417-6584" }]}
+          />
+        </div>
+
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardFive
             textboxLayout="default"
@@ -130,7 +128,7 @@ export default function LandingPage() {
             background={{ variant: "plain" }}
             tag="Get in touch"
             title="Ready for Exceptional Comfort?"
-            description="Reach out to Matt McDermott at Mountain Top Cooling for reliable HVAC service in Middleboro, MA. Contact: 617-417-6584."
+            description="Get expert HVAC support today—call or email us now for a consultation."
             buttons={[
               { text: "Call 617-417-6584", href: "tel:617-417-6584" },
               { text: "Email Us", href: "mailto:info@mountaintopcooling.com" },
@@ -157,4 +155,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,11 +12,11 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #ff8c42;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #120a00e6;
+  --secondary-cta-text: #000612e6;
   --accent: #e2e2e2;
   --background-accent: #c4c4c4;