From d75e2aa35f8ff68368dbf6c6664c54b13e7e3b0c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 20:18:08 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 380 ++++++++++++++++-------------------------------
 1 file changed, 127 insertions(+), 253 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8d4181e..ed1040e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,269 +16,143 @@ import { Award, CheckCircle, Shield } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="AirFlow Solutions"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="AirFlow Solutions"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Keeping Your Home Comfortable All Year Round"
-      description="Expert HVAC installation, repair, and maintenance services for your home and business. We bring climate control perfection to your doorstep."
-      imageSrc="http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg"
-      imageAlt="hvac technician working on ac unit"
-      buttons={[
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-        {
-          text: "View Our Services",
-          href: "#services",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Keeping Your Home Comfortable All Year Round"
+            description="Expert HVAC installation, repair, and maintenance services for your home and business. We bring climate control perfection to your doorstep."
+            imageSrc="http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg"
+            imageAlt="hvac technician working on ac unit"
+            buttons={[
+              { text: "Get a Free Quote", href: "#contact" },
+              { text: "View Our Services", href: "#services" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Decades of Climate Excellence"
-      description="With over 20 years of experience, AirFlow Solutions has provided top-tier heating and cooling services. Our licensed professionals are dedicated to energy efficiency and air quality excellence."
-      imageSrc="http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2984.jpg"
-      imageAlt="professional hvac engineer smiling"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="Decades of Climate Excellence"
+            description="With over 20 years of experience, AirFlow Solutions has provided top-tier heating and cooling services. Our licensed professionals are dedicated to energy efficiency and air quality excellence."
+            imageSrc="http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2984.jpg"
+            imageAlt="professional hvac engineer smiling"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "1",
-          label: "AC Repair",
-          title: "Cooling Systems",
-          items: [
-            "Emergency AC Repair",
-            "Preventative Maintenance",
-            "New System Installs",
-          ],
-        },
-        {
-          id: "2",
-          label: "Heating",
-          title: "Heating Services",
-          items: [
-            "Furnace Repair",
-            "Boiler Installation",
-            "Heat Pump Maintenance",
-          ],
-        },
-        {
-          id: "3",
-          label: "Air Quality",
-          title: "Indoor Air Quality",
-          items: [
-            "Duct Cleaning",
-            "HEPA Filtration",
-            "Humidity Control",
-          ],
-        },
-      ]}
-      title="Comprehensive Climate Solutions"
-      description="We offer a full spectrum of HVAC services to ensure your comfort regardless of the season."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwelve
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { id: "1", label: "AC Repair", title: "Cooling Systems", items: ["Emergency AC Repair", "Preventative Maintenance", "New System Installs"] },
+              { id: "2", label: "Heating", title: "Heating Services", items: ["Furnace Repair", "Boiler Installation", "Heat Pump Maintenance"] },
+              { id: "3", label: "Air Quality", title: "Indoor Air Quality", items: ["Duct Cleaning", "HEPA Filtration", "Humidity Control"] },
+            ]}
+            title="Comprehensive Climate Solutions"
+            description="We offer a full spectrum of HVAC services to ensure your comfort regardless of the season."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          title: "Happy Customers",
-          value: "10,000+",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          title: "Systems Installed",
-          value: "5,000+",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          title: "Years Experience",
-          value: "25+",
-          icon: Shield,
-        },
-      ]}
-      title="Our Impact"
-      description="Trusted by thousands in the community for reliable climate solutions."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", title: "Happy Customers", value: "10,000+", icon: CheckCircle },
+              { id: "m2", title: "Systems Installed", value: "5,000+", icon: Award },
+              { id: "m3", title: "Years Experience", value: "25+", icon: Shield },
+            ]}
+            title="Our Impact"
+            description="Trusted by thousands in the community for reliable climate solutions."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Homeowner",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-redhead-female-student-sits-armchair-leaning-arms-smiling_197531-22962.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael C.",
-          role: "Business Owner",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-man-standing-couch-leaning-it-smiling-camera_1098-17480.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          role: "Homeowner",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-office-using-mobile_23-2148326958.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          role: "Property Mgr",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/father-mother-with-little-daughter_1157-19071.jpg",
-        },
-        {
-          id: "5",
-          name: "Lisa M.",
-          role: "Homeowner",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/unhealthy-young-woman-wearing-hat-with-scarf-around-her-neck-holding-digital-thermometer-looking-amazed-worried-standing-green-wall_141793-100441.jpg",
-        },
-      ]}
-      title="What Our Neighbors Say"
-      description="We are proud to serve our community and appreciate the positive feedback from our valued clients."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Sarah J.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-redhead-female-student-sits-armchair-leaning-arms-smiling_197531-22962.jpg" },
+              { id: "2", name: "Michael C.", role: "Business Owner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-man-standing-couch-leaning-it-smiling-camera_1098-17480.jpg" },
+              { id: "3", name: "Emily R.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-office-using-mobile_23-2148326958.jpg" },
+              { id: "4", name: "David K.", role: "Property Mgr", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/father-mother-with-little-daughter_1157-19071.jpg" },
+              { id: "5", name: "Lisa M.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/unhealthy-young-woman-wearing-hat-with-scarf-around-her-neck-holding-digital-thermometer-looking-amazed-worried-standing-green-wall_141793-100441.jpg" },
+            ]}
+            title="What Our Neighbors Say"
+            description="We are proud to serve our community and appreciate the positive feedback from our valued clients."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How often should I change filters?",
-          content: "We recommend changing your air filters every 3-6 months depending on usage.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer emergency service?",
-          content: "Yes, we are available 24/7 for urgent climate control issues.",
-        },
-        {
-          id: "f3",
-          title: "How can I improve air quality?",
-          content: "Regular duct cleaning and air purifiers can significantly improve your home's air quality.",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      title="Common HVAC Questions"
-      description="Get answers to your questions about heating and cooling services."
-      faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/it-support-specialist-pc-office-helping-customers-call_482257-126183.jpg"
-      imageAlt="IT support specialist at PC in office helping customers during call"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "How often should I change filters?", content: "We recommend changing your air filters every 3-6 months depending on usage." },
+              { id: "f2", title: "Do you offer emergency service?", content: "Yes, we are available 24/7 for urgent climate control issues." },
+              { id: "f3", title: "How can I improve air quality?", content: "Regular duct cleaning and air purifiers can significantly improve your home's air quality." },
+            ]}
+            mediaAnimation="slide-up"
+            title="Common HVAC Questions"
+            description="Get answers to your questions about heating and cooling services."
+            faqsAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/it-support-specialist-pc-office-helping-customers-call_482257-126183.jpg"
+            imageAlt="IT support specialist at PC in office helping customers during call"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get in touch"
-      title="Ready for a Comfort Assessment?"
-      description="Contact us today for a free consultation or emergency maintenance."
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/woman-doing-customer-support-job-using-ai-summarize-clients-issues_482257-117988.jpg"
-      imageAlt="hvac technician holding tablet planning"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Get in touch"
+            title="Ready for a Comfort Assessment?"
+            description="Contact us today for a free consultation or emergency maintenance."
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/woman-doing-customer-support-job-using-ai-summarize-clients-issues_482257-117988.jpg"
+            imageAlt="hvac technician holding tablet planning"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="AirFlow Solutions"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Services", href: "#services" }, { label: "FAQ", href: "#faq" }] },
+              { items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
+            ]}
+            logoText="AirFlow Solutions"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1