diff --git a/src/app/page.tsx b/src/app/page.tsx
index ef80147..8448fce 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,35 +2,33 @@
 
 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 { ShieldCheck, Wrench, DollarSign, Phone } from "lucide-react";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
+import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { ShieldCheck, Wrench, Zap, Target, ClipboardCheck, ArrowRight } from "lucide-react";
 
 export default function HvacPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="aurora"
+      background="grid"
       cardStyle="glass-elevated"
       primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="semibold"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingInline
+          <NavbarLayoutFloatingOverlay
             brandName="EW Services"
             navItems={[
               { name: "Services", id: "services" },
@@ -39,52 +37,67 @@ 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
-            title="Industrial HVAC & Refrigeration Excellence"
-            description="EW Services delivers expert engineering, climate control, and industrial maintenance solutions tailored to your business infrastructure."
+          <HeroSplitKpi
+            title="Seamless Industrial Integration"
+            description="EW Services streamlines your facility infrastructure, providing expert climate control and maintenance through precision engineering and data-driven execution."
+            background={{ variant: "animated-grid" }}
+            kpis={[
+              { value: "20+", label: "Years of Experience" },
+              { value: "100%", label: "Compliance Rate" },
+              { value: "24/7", label: "Emergency Support" }
+            ]}
+            enableKpiAnimation={true}
             buttons={[
               { text: "Our Solutions", href: "#services" },
-              { text: "Contact Us", href: "#contact" },
+              { text: "Contact Us", href: "#contact" }
             ]}
-            buttonAnimation="slide-up"
-            imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg"
-            imageAlt="Industrial cooling infrastructure"
-            showDimOverlay={true}
+            imageSrc="http://img.b2bpic.net/free-photo/industrial-plant-workers_482257-126207.jpg"
+            imageAlt="Industrial engineering"
           />
         </div>
 
         <div id="about" data-section="about">
-          <MetricSplitMediaAbout
-            tag="About EW Services"
+          <SplitAbout
             title="Engineering Reliable Climate Control"
             description="With decades of experience in the HVAC and industrial sector, EW Services combines engineering precision with hands-on technical expertise. We solve complex climate and refrigeration challenges with efficiency and innovation."
-            metrics={[
-              { value: "20+ Years", title: "Industry Expertise" },
-              { value: "100%", title: "Technical Compliance" },
+            bulletPoints={[
+              { title: "Precision Engineering", description: "Tailored designs for your specific infrastructure needs.", icon: Target },
+              { title: "System Integration", description: "Seamless implementation of new and existing components.", icon: Zap },
+              { title: "Safety Standards", description: "Highest level of technical compliance and operational safety.", icon: ShieldCheck }
             ]}
             imageSrc="http://img.b2bpic.net/free-photo/engineer-examining-blueprint_23-2152006093.jpg"
-            imageAlt="Professional engineering services"
-            mediaAnimation="slide-up"
-            metricsAnimation="slide-up"
+            imagePosition="left"
+            textboxLayout="split"
             useInvertedBackground={false}
           />
         </div>
 
         <div id="services" data-section="services">
-          <FeatureCardOne
+          <FeatureCardTwentySix
             title="Our Specialized Services"
             description="Comprehensive industrial maintenance and climate control for your facility."
-            buttons={[{ text: "Request Service", href: "#contact" }]}
             features={[
-              { title: "Industrial HVAC", description: "Large-scale climate control systems for industrial plants and corporate facilities.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281319.jpg" },
-              { title: "Refrigeration Systems", description: "High-performance refrigeration solutions for storage and processing needs.", imageSrc: "http://img.b2bpic.net/free-photo/hospital-lab-station-with-sterile-vials-glass-flasks-metallic-shelves_482257-124186.jpg" },
-              { title: "Facility Maintenance", description: "Preventative and corrective maintenance to ensure maximum system uptime.", imageSrc: "http://img.b2bpic.net/free-photo/man-safety-equipment-his-workplace_23-2148976363.jpg" },
-              { title: "Engineering Projects", description: "Custom infrastructure design and implementation tailored to unique requirements.", imageSrc: "http://img.b2bpic.net/free-photo/architecture-expert-person-looking-maquette_482257-12294.jpg" }
+              { title: "Industrial HVAC", description: "High-scale climate control systems for industrial plants.", buttonIcon: ArrowRight, buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281319.jpg" },
+              { title: "Refrigeration Systems", description: "Performance refrigeration solutions for storage.", buttonIcon: ArrowRight, buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/hospital-lab-station-with-sterile-vials-glass-flasks-metallic-shelves_482257-124186.jpg" },
+              { title: "Facility Maintenance", description: "Preventative maintenance for maximum system uptime.", buttonIcon: ArrowRight, buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-safety-equipment-his-workplace_23-2148976363.jpg" },
+              { title: "Project Consulting", description: "Custom infrastructure design and implementation.", buttonIcon: ArrowRight, buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/architecture-expert-person-looking-maquette_482257-12294.jpg" }
+            ]}
+            textboxLayout="default"
+            useInvertedBackground={true}
+          />
+        </div>
+
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            title="Client Success Stories"
+            description="Proven results in industrial maintenance and HVAC excellence."
+            testimonials={[
+              { id: "1", name: "Engineering Director", role: "Director", company: "Manufacturing Sector", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg" },
+              { id: "2", name: "Operations Manager", role: "Manager", company: "Storage Logistics", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg" },
             ]}
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
@@ -93,80 +106,43 @@ export default function HvacPage() {
           />
         </div>
 
-        <FeatureBorderGlow
-          title="Why Partner With Us"
-          description="We focus on technical excellence and operational safety."
-          features={[
-            { icon: ShieldCheck, title: "Certified Safety", description: "Strict adherence to global safety and engineering standards." },
-            { icon: Wrench, title: "Technical Precision", description: "Advanced diagnostic equipment and expert methodology." },
-            { icon: DollarSign, title: "Cost Efficiency", description: "Optimized performance to reduce energy and maintenance costs." },
-          ]}
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={true}
-        />
-
-        <FeatureCardEight
-          title="Our Workflow"
-          description="Structured approach for guaranteed quality delivery."
-          features={[
-            { title: "Site Assessment", description: "Detailed audit of your existing infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg" },
-            { title: "Engineering Design", description: "Customizing solutions to fit your unique operational needs.", imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-500.jpg" },
-            { title: "Implementation", description: "Professional installation by certified technical staff.", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24584.jpg" },
-            { title: "Ongoing Support", description: "Regular inspections and rapid-response maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-overalls-focused-work-switchboard-with-fuses-using-tablet_169016-66697.jpg" },
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardThirteen
-            title="Client Success Stories"
-            description="Proven results in industrial maintenance and HVAC excellence."
-            testimonials={[
-              { id: "1", name: "Engineering Director", handle: "Manufacturing Sector", testimonial: "EW Services transformed our plant cooling systems. Their technical expertise is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg" },
-              { id: "2", name: "Operations Manager", handle: "Storage Logistics", testimonial: "Reliable, safe, and efficient. They managed our refrigeration upgrade flawlessly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg" },
-            ]}
-            showRating={true}
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={true}
-          />
-        </div>
-
         <div id="faq" data-section="faq">
-          <FaqSplitText
-            sideTitle="Frequently Asked Questions"
-            sideDescription="Get the technical answers you need."
-            buttons={[{ text: "Contact Expert", href: "#contact" }]}
-            faqsAnimation="slide-up"
-            useInvertedBackground={false}
+          <FaqSplitMedia
+            title="Frequently Asked Questions"
+            description="Get the technical answers you need."
             faqs={[
-              { id: "1", title: "Do you provide support for industrial plants?", content: "Yes, we specialize in high-load industrial HVAC and large-scale refrigeration systems." },
-              { id: "2", title: "Can you handle custom engineering?", content: "Absolutely. Our team designs custom solutions to integrate perfectly with your existing facility." },
-              { id: "3", title: "Are you certified for safety?", content: "Yes, we maintain the highest industry safety certifications to ensure compliant facility operation." },
+              { id: "1", title: "Do you provide support for industrial plants?", content: "Yes, we specialize in high-load industrial HVAC systems." },
+              { id: "2", title: "Can you handle custom engineering?", content: "Absolutely. We tailor designs to fit your facility requirements." },
+              { id: "3", title: "Are you certified for safety?", content: "Yes, we maintain the highest industry safety certifications." },
             ]}
+            faqsAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24584.jpg"
+            mediaPosition="right"
+            useInvertedBackground={true}
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCTA
-            tag="Get In Touch"
+          <ContactSplitForm
             title="Let's Discuss Your Project"
-            description="Schedule an expert consultation with our engineering team today."
-            buttons={[{ text: "Send Request", href: "#contact" }]}
-            background={{ variant: "radial-gradient" }}
-            useInvertedBackground={true}
+            description="Schedule an expert consultation with our team."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name" },
+              { name: "email", type: "email", placeholder: "Work Email" }
+            ]}
+            textarea={{ name: "message", placeholder: "Project requirements..." }}
+            imageSrc="http://img.b2bpic.net/free-photo/empty-corridor-modern-airport_1359-1139.jpg"
+            mediaPosition="left"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterMedia
+          <FooterBaseReveal
             logoText="EW Services"
-            imageSrc="http://img.b2bpic.net/free-photo/empty-corridor-modern-airport_1359-1139.jpg"
             columns={[
               { title: "Solutions", items: [{ label: "HVAC Maintenance", href: "#" }, { label: "Refrigeration", href: "#" }] },
-              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] },
             ]}
             copyrightText="© 2025 | EW Services"
           />
@@ -174,4 +150,4 @@ export default function HvacPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 99a809c..df65a27 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: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #e0e7ff;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #1e3a5f;
-  --accent: #3b82f6;
-  --background-accent: #60a5fa;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);