From 251eeeab16fd4925f1c089b7c77efdfbb6b6c05f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 03:07:17 +0000
Subject: [PATCH 1/3] Update src/app/page.tsx

---
 src/app/page.tsx | 314 ++++++++---------------------------------------
 1 file changed, 51 insertions(+), 263 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 67da1ef..4d182d9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,15 +3,13 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroOverlay from "@/components/sections/hero/HeroOverlay";
-import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
-import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
-import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
-import FaqSplitText from "@/components/sections/faq/FaqSplitText";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
-import FooterMedia from "@/components/sections/footer/FooterMedia";
+import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
+import MediaAbout from "@/components/sections/about/MediaAbout";
+import FeatureBento from "@/components/sections/feature/FeatureBento";
+import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
+import FaqBase from "@/components/sections/faq/FaqBase";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { ShieldCheck, Wrench, DollarSign, Phone } from "lucide-react";
 
 export default function HvacPage() {
@@ -39,297 +37,87 @@ export default function HvacPage() {
               { name: "Contact", id: "contact" },
             ]}
             button={{ text: "Get a Quote", href: "#contact" }}
-            animateOnLoad={false}
           />
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroOverlay
+          <HeroOverlayTestimonial
             title="Your Comfort Is Our Priority"
-            description="Professional heating, ventilation, and air conditioning services for homes and businesses. From installations to emergency repairs, we keep your climate perfect year-round."
-            avatars={[
-              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg", alt: "Client" },
-              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg", alt: "Client" },
-              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.jpg", alt: "Client" },
+            description="Professional heating, ventilation, and air conditioning services. We keep your climate perfect year-round."
+            testimonials={[
+              { name: "James R.", handle: "Homeowner", testimonial: "Fast, clean, professional service.", rating: 5 }
             ]}
-            avatarText="Trusted by 500+ clients"
-            buttons={[
-              { text: "Schedule Service", href: "#contact" },
-              { text: "Our Services", href: "#services" },
-            ]}
-            buttonAnimation="slide-up"
+            buttons={[{ text: "Schedule Service", href: "#contact" }]}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-1.jpg"
-            imageAlt="HVAC technician performing system maintenance"
             showDimOverlay={true}
           />
         </div>
 
         <div id="about" data-section="about">
-          <MetricSplitMediaAbout
+          <MediaAbout
             tag="About Us"
-            title="Reliable Climate Solutions Since 2005"
-            description="AirPro HVAC has been keeping homes and businesses comfortable for nearly two decades. Our certified technicians deliver expert installations, maintenance, and repairs — backed by transparent pricing and a commitment to getting the job done right the first time."
-            metrics={[
-              {
-                value: "2,500+",
-                title: "Systems installed and serviced",
-              },
-              {
-                value: "98%",
-                title: "Customer satisfaction rate",
-              },
-            ]}
+            title="Reliable Climate Solutions"
+            description="Nearly two decades of expert HVAC installations, maintenance, and repairs with transparent pricing."
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-2.jpg"
-            imageAlt="Commercial HVAC units on rooftop"
-            mediaBadge={{
-              text: "Active Now",
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-3.jpg",
-              avatarAlt: "Technician"
-            }}
-            mediaAnimation="slide-up"
-            metricsAnimation="slide-up"
             useInvertedBackground={false}
           />
         </div>
-        <div id="services" data-section="services">
-          <FeatureCardOne
-            title="Our Services"
-            description="From installations to emergency repairs, we have your comfort covered."
-            buttons={[{ text: "Get a Quote", href: "#contact" }]}
-            buttonAnimation="slide-up"
-            features={[
-              {
-                title: "AC Installation",
-                description: "Expert installation of high-efficiency air conditioning systems for homes and commercial spaces.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg",
-                imageAlt: "AC installation service",
-              },
-              {
-                title: "Heating Systems",
-                description: "Complete furnace and heat pump installations to keep you warm through every winter.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg",
-                imageAlt: "Heating system service",
-              },
-              {
-                title: "Maintenance Plans",
-                description: "Preventative maintenance programs that extend the life of your system and reduce energy costs.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg",
-                imageAlt: "HVAC maintenance",
-              },
-              {
-                title: "Emergency Repairs",
-                description: "24/7 emergency repair service — we respond fast when your system breaks down unexpectedly.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg",
-                imageAlt: "Emergency HVAC repair",
-              },
-              {
-                title: "Duct Cleaning",
-                description: "Professional duct cleaning to improve air quality and system efficiency throughout your property.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg",
-                imageAlt: "Duct cleaning service",
-              },
-              {
-                title: "System Inspections",
-                description: "Thorough inspections with detailed reports and transparent recommendations — no hidden fees.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-9.jpg",
-                imageAlt: "HVAC system inspection",
-              },
-            ]}
-            gridVariant="uniform-all-items-equal"
-            uniformGridCustomHeightClasses="aspect-square"
-            gridClassName="md:!grid-cols-3"
-            carouselThreshold={7}
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-          />
-        </div>
-        <FeatureBorderGlow
-          title="Why Choose AirPro"
-          description="What sets us apart from the rest"
-          features={[
-            {
-              icon: ShieldCheck,
-              title: "Reliability & Trust",
-              description: "Looking for a dependable HVAC company? We arrive on time and do the job right.",
-            },
-            {
-              icon: Wrench,
-              title: "Quality Workmanship",
-              description: "Our skilled technicians excel in various HVAC repairs, using only top-quality materials.",
-            },
-            {
-              icon: DollarSign,
-              title: "Fair & Transparent Pricing",
-              description: "No surprises here! We offer clear quotes and fair pricing for quality work.",
-            },
-          ]}
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-        />
 
-        <FeatureCardEight
-          title="How It Works"
-          description="Our simple process from first call to finished job"
-          features={[
-            {
-              title: "Schedule a Call",
-              description: "Contact us by phone or online to describe your HVAC issue. We'll find a time that works for you.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg",
-              imageAlt: "Scheduling a service call",
-            },
-            {
-              title: "On-Site Diagnosis",
-              description: "A certified technician arrives on time, inspects your system, and explains the issue with a clear quote.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg",
-              imageAlt: "Technician diagnosing HVAC system",
-            },
-            {
-              title: "Expert Repair or Install",
-              description: "We complete the work using premium parts and proven techniques — most jobs done same day.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg",
-              imageAlt: "HVAC repair in progress",
-            },
-            {
-              title: "Quality Guarantee",
-              description: "We test everything before we leave and back all work with our satisfaction guarantee.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg",
-              imageAlt: "Final quality check",
-            },
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardThirteen
-            title="What Our Clients Say"
-            description="Hear from homeowners and businesses who trust AirPro HVAC."
-            testimonials={[
-              {
-                id: "1",
-                name: "James R.",
-                handle: "Homeowner, Austin TX",
-                testimonial: "AirPro replaced our entire AC system in one day. The crew was professional, clean, and the new unit runs quieter than anything we've had before. Highly recommend.",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg",
-                imageAlt: "James R.",
-              },
-              {
-                id: "2",
-                name: "Linda M.",
-                handle: "Business Owner, Dallas TX",
-                testimonial: "We use AirPro for all three of our office locations. Their maintenance plans have saved us thousands in emergency repairs. Always on time, always honest.",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg",
-                imageAlt: "Linda M.",
-              },
-              {
-                id: "3",
-                name: "Carlos D.",
-                handle: "Homeowner, Houston TX",
-                testimonial: "Our furnace broke down on the coldest night of the year. AirPro had someone at our door within two hours. Fixed it on the spot. Can't thank them enough.",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.jpg",
-                imageAlt: "Carlos D.",
-              },
+        <div id="services" data-section="services">
+          <FeatureBento
+            title="Our Services"
+            description="Comprehensive climate control solutions for your property."
+            features={[
+              { title: "AC Installation", description: "High-efficiency systems.", bentoComponent: 'reveal-icon', icon: ShieldCheck },
+              { title: "Heating", description: "Furnace and heat pump service.", bentoComponent: 'reveal-icon', icon: Wrench },
+              { title: "Maintenance", description: "Preventative care programs.", bentoComponent: 'reveal-icon', icon: DollarSign }
             ]}
-            showRating={true}
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
           />
         </div>
-        <div id="faq" data-section="faq">
-          <FaqSplitText
-            sideTitle="Frequently Asked Questions"
-            buttons={[{ text: "Contact Us", href: "#contact" }]}
-            buttonAnimation="slide-up"
-            faqsAnimation="slide-up"
-            textPosition="left"
-            useInvertedBackground={false}
-            faqs={[
-              {
-                id: "1",
-                title: "Do you offer 24/7 emergency service?",
-                content: "Yes! We provide round-the-clock emergency HVAC service. If your system breaks down in the middle of the night or on a weekend, call us and a technician will be at your door as soon as possible.",
-              },
-              {
-                id: "2",
-                title: "How often should I service my HVAC system?",
-                content: "We recommend servicing your system at least twice a year — once before summer for cooling and once before winter for heating. Regular maintenance extends your system's life and keeps energy bills low.",
-              },
-              {
-                id: "3",
-                title: "What brands do you install and repair?",
-                content: "We work with all major HVAC brands including Carrier, Trane, Lennox, Daikin, Rheem, and more. Our technicians are trained and certified across multiple manufacturers.",
-              },
-              {
-                id: "4",
-                title: "Do you offer financing options?",
-                content: "Yes, we offer flexible financing plans for new installations and major repairs. Ask about our 0% interest options so you can stay comfortable without straining your budget.",
-              },
-              {
-                id: "5",
-                title: "How long does a typical installation take?",
-                content: "Most residential HVAC installations are completed in one day. Larger commercial projects may take 2-3 days depending on the scope. We'll give you an accurate timeline during your consultation.",
-              },
+
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            title="Client Feedback"
+            description="See why our customers trust us."
+            testimonials={[
+              { id: "1", name: "James R.", handle: "Austin, TX", testimonial: "Best service in town!" }
             ]}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="faq" data-section="faq">
+          <FaqBase
+            title="Common Questions"
+            faqs={[{ id: "1", title: "Do you offer 24/7 service?", content: "Yes, we are always here." }]}
+            faqsAnimation="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCTA
-            tag="Get in Touch"
-            tagIcon={Phone}
-            title="Ready to Stay Comfortable Year-Round?"
-            description="Whether you need a new installation, emergency repair, or routine maintenance — our team is ready to help. Call us today or request a free quote."
-            buttons={[
-              { text: "Get a Free Quote", href: "#contact" },
-              { text: "Call (555) 987-6543", href: "tel:5559876543" },
-            ]}
-            background={{ variant: "plain" }}
+          <ContactSplitForm
+            title="Contact Us"
+            description="Send us a message and we will respond shortly."
+            inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
             useInvertedBackground={false}
+            mediaPosition="right"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterMedia
+          <FooterBaseReveal
             logoText="AirPro HVAC"
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-10.jpg"
-            imageAlt="HVAC technician inspecting equipment"
-            columns={[
-              {
-                title: "Services",
-                items: [
-                  { label: "AC Installation", href: "#services" },
-                  { label: "Heating Systems", href: "#services" },
-                  { label: "Maintenance Plans", href: "#services" },
-                  { label: "Emergency Repairs", href: "#services" },
-                ],
-              },
-              {
-                title: "Company",
-                items: [
-                  { label: "About Us", href: "#about" },
-                  { label: "Testimonials", href: "#testimonials" },
-                  { label: "FAQ", href: "#faq" },
-                  { label: "Contact", href: "#contact" },
-                ],
-              },
-              {
-                title: "Contact",
-                items: [
-                  { label: "(555) 987-6543", href: "tel:5559876543" },
-                  { label: "info@airprohvac.com", href: "mailto:info@airprohvac.com" },
-                  { label: "Austin, TX" },
-                ],
-              },
-            ]}
-            copyrightText="© 2026 | AirPro HVAC"
+            columns={[{ title: "Links", items: [{ label: "Home", href: "#" }] }]}
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 497a06c8bd78909606593a8560e99b832d2628c0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 03:07:17 +0000
Subject: [PATCH 2/3] Update src/app/styles/base.css

---
 src/app/styles/base.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index a25430f..be35e85 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
 }
-- 
2.49.1


From 750ccf7442fce3e58f4d08fc19365f4c30280fba Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 03:07:18 +0000
Subject: [PATCH 3/3] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 99a809c..ac6f7bd 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f8fafc;
-  --card: #ffffff;
-  --foreground: #0f172a;
-  --primary-cta: #1d4ed8;
+  --background: #000000;
+  --card: #121212;
+  --foreground: #ffffff;
+  --primary-cta: #8b5cf6;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #e0e7ff;
+  --secondary-cta: #1e1e1e;
   --secondary-cta-text: #1e3a5f;
-  --accent: #3b82f6;
-  --background-accent: #60a5fa;
+  --accent: #0ea5e9;
+  --background-accent: #0a0a0a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-- 
2.49.1