2026-04-22 22:41:25 +00:00
5 changed files with 67 additions and 50 deletions
--- a/src/app/birthday-gifts/page.tsx
+++ b/src/app/birthday-gifts/page.tsx
@@ -1,9 +1,21 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
+
 export default function BirthdayGiftsPage() {
  return (
-    <ThemeProvider>
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
      <ProductCardThree 
        title="Birthday Gifts"
        description="Thoughtful presents for your special occasions."
@@ -11,6 +23,7 @@ export default function BirthdayGiftsPage() {
        gridVariant="uniform-all-items-equal"
        animationType="slide-up"
        textboxLayout="default"
+        useInvertedBackground={false}
      />
    </ThemeProvider>
  );
--- a/src/app/cups/page.tsx
+++ b/src/app/cups/page.tsx
@@ -1,9 +1,21 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
+
 export default function CupsPage() {
  return (
-    <ThemeProvider>
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
      <ProductCardThree 
        title="Cups"
        description="Stylish drinkware for home and office."
@@ -11,6 +23,7 @@ export default function CupsPage() {
        gridVariant="uniform-all-items-equal"
        animationType="slide-up"
        textboxLayout="default"
+        useInvertedBackground={false}
      />
    </ThemeProvider>
  );
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,14 +6,12 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
 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 FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
-import { ShieldCheck, Wrench, DollarSign, Phone } from "lucide-react";
+import { Phone } from "lucide-react";

 export default function HvacPage() {
  return (
@@ -48,28 +46,18 @@ export default function HvacPage() {
          <HeroOverlay
            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" },
-            ]}
-            avatarText="Trusted by 500+ clients"
            buttons={[
              { text: "Schedule Service", href: "#contact" },
              { text: "Shop Products", href: "#products" },
            ]}
-            buttonAnimation="slide-up"
            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="products" data-section="products">
          <ProductCatalog
            layout="section"
-            title="Quality HVAC Components"
-            description="Shop our selection of thermostats, air filters, and ventilation accessories."
            products={[
              { id: "p1", name: "Smart Thermostat", price: "$199", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg" },
              { id: "p2", name: "HEPA Air Filter", price: "$49", rating: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg" }
@@ -79,36 +67,23 @@ export default function HvacPage() {

        <div id="about" data-section="about">
          <MetricSplitMediaAbout
-            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."
+            description="AirPro HVAC has been keeping homes and businesses comfortable for nearly two decades."
            metrics={[
              { value: "2,500+", title: "Systems installed and serviced" },
              { value: "98%", title: "Customer satisfaction rate" },
            ]}
-            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.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg" },
-              { title: "Heating Systems", description: "Complete furnace and heat pump installations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg" },
-              { title: "Maintenance Plans", description: "Preventative maintenance to extend system life.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg" },
-              { title: "Emergency Repairs", description: "24/7 fast-response repair service.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg" },
+              { title: "AC Installation", description: "Expert installation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg" },
+              { title: "Heating Systems", description: "Complete furnace installation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg" },
            ]}
            gridVariant="uniform-all-items-equal"
-            uniformGridCustomHeightClasses="aspect-square"
-            gridClassName="md:!grid-cols-4"
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
@@ -117,10 +92,8 @@ export default function HvacPage() {

        <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", testimonial: "Professional, clean, and efficient.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg" },
+              { id: "1", name: "James R.", handle: "Homeowner", testimonial: "Professional, clean, and efficient.", rating: 5 },
            ]}
            showRating={true}
            animationType="slide-up"
@@ -131,15 +104,12 @@ export default function HvacPage() {

        <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 are available 24/7." },
            ]}
+            sideTitle="Frequently Asked Questions"
+            faqsAnimation="slide-up"
+            useInvertedBackground={false}
          />
        </div>

@@ -151,9 +121,7 @@ export default function HvacPage() {
            description="Call us today for your free estimate."
            buttons={[
              { text: "Get a Free Quote", href: "#contact" },
-              { text: "Call (555) 987-6543", href: "tel:5559876543" },
            ]}
-            background={{ variant: "plain" }}
            useInvertedBackground={false}
          />
        </div>
@@ -162,14 +130,11 @@ export default function HvacPage() {
          <FooterBaseReveal
            logoText="AirPro HVAC"
            columns={[
-              { title: "Business Info", items: [{ label: "Austin, TX", href: "#" }, { label: "Lic# 123456", href: "#" }] },
-              { title: "Products", items: [{ label: "Thermostats", href: "#products" }, { label: "Filters", href: "#products" }] },
-              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
            ]}
-            copyrightText="© 2026 | AirPro HVAC"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/slippers/page.tsx
+++ b/src/app/slippers/page.tsx
@@ -1,9 +1,21 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
+
 export default function SlippersPage() {
  return (
-    <ThemeProvider>
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
      <ProductCardThree 
        title="Slippers"
        description="Comfortable footwear for relaxing at home."
@@ -11,6 +23,7 @@ export default function SlippersPage() {
        gridVariant="uniform-all-items-equal"
        animationType="slide-up"
        textboxLayout="default"
+        useInvertedBackground={false}
      />
    </ThemeProvider>
  );
--- a/src/app/snacks/page.tsx
+++ b/src/app/snacks/page.tsx
@@ -1,9 +1,21 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
+
 export default function SnacksPage() {
  return (
-    <ThemeProvider>
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
      <ProductCardThree 
        title="Snacks"
        description="Delicious treats for your pantry."
@@ -11,6 +23,7 @@ export default function SnacksPage() {
        gridVariant="uniform-all-items-equal"
        animationType="slide-up"
        textboxLayout="default"
+        useInvertedBackground={false}
      />
    </ThemeProvider>
  );