diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 1040bcf..be245db 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -13,131 +13,71 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="entrance-slide"
         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">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="CoolAir AC"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="CoolAir AC"
+          />
+        </div>
 
-  <div id="about-body" data-section="about-body">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="About CoolAir AC Services"
-      description="We are Pune's trusted experts for AC maintenance and repair, dedicated to providing fast and reliable service to ensure your comfort all year long."
-      metrics={[
-        {
-          value: "1000+",
-          title: "Satisfied Customers",
-        },
-        {
-          value: "10+",
-          title: "Years Experience",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/trained-worker-dissasembling-air-conditioner-outer-front-grill-order-start-servicing-broken-internal-parts-knowleadgeable-engineer-comissioned-by-home-owner-maintenance-hvac-system_482257-70163.jpg"
-      imageAlt="Trained worker dissasembling air conditioner outer front grill in order to start servicing broken internal parts."
-    />
-  </div>
+        <div id="about-body" data-section="about-body">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="About CoolAir AC Services"
+            description="We are Pune's trusted experts for AC maintenance and repair, dedicated to providing fast and reliable service to ensure your comfort all year long."
+            metrics={[
+              { value: "1000+", title: "Satisfied Customers" },
+              { value: "10+", title: "Years Experience" }
+            ]}
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/trained-worker-dissasembling-air-conditioner-outer-front-grill-order-start-servicing-broken-internal-parts-knowleadgeable-engineer-comissioned-by-home-owner-maintenance-hvac-system_482257-70163.jpg"
+            imageAlt="Trained worker dissasembling air conditioner outer front grill in order to start servicing broken internal parts."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Our Expert Technicians"
-      description="Meet the team dedicated to keeping Pune cool."
-      members={[
-        {
-          id: "m1",
-          name: "Rajesh Kumar",
-          role: "Senior Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-gesture-successful-collar-mixed_1262-1193.jpg",
-        },
-        {
-          id: "m2",
-          name: "Priya Sharma",
-          role: "Customer Success",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-office-worker-woman-sitting-office-desk-happy-excited-with-arms-raised-smiling-cheerfully-office_141793-21244.jpg",
-        },
-        {
-          id: "m3",
-          name: "Amit Verma",
-          role: "Technician",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg",
-        },
-        {
-          id: "m4",
-          name: "Vikram Singh",
-          role: "Installation Expert",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
-        },
-        {
-          id: "m5",
-          name: "Sunita Patil",
-          role: "Service Coordinator",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-corporate-office-sitting-desk_482257-8055.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Our Expert Technicians"
+            description="Meet the team dedicated to keeping Pune cool."
+            members={[
+              { id: "m1", name: "Rajesh Kumar", role: "Senior Engineer", imageSrc: "http://img.b2bpic.net/free-photo/professional-gesture-successful-collar-mixed_1262-1193.jpg" },
+              { id: "m2", name: "Priya Sharma", role: "Customer Success", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-office-worker-woman-sitting-office-desk-happy-excited-with-arms-raised-smiling-cheerfully-office_141793-21244.jpg" },
+              { id: "m3", name: "Amit Verma", role: "Technician", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg" },
+              { id: "m4", name: "Vikram Singh", role: "Installation Expert", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg" },
+              { id: "m5", name: "Sunita Patil", role: "Service Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-corporate-office-sitting-desk_482257-8055.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Repair",
-              href: "/services",
-            },
-            {
-              label: "Installation",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-            {
-              label: "WhatsApp Support",
-              href: "https://wa.me/91XXXXXXXXXX",
-            },
-          ],
-        },
-      ]}
-      logoText="CoolAir AC"
-      copyrightText="© 2025 CoolAir AC Services. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Repair", href: "/services" }, { label: "Installation", href: "/services" }] },
+              { title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "WhatsApp Support", href: "https://wa.me/91XXXXXXXXXX" }] }
+            ]}
+            logoText="CoolAir AC"
+            copyrightText="© 2025 CoolAir AC Services. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 1ea453e..d0830ec 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -13,113 +13,68 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="entrance-slide"
         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">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="CoolAir AC"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="CoolAir AC"
+          />
+        </div>
 
-  <div id="contact-body" data-section="contact-body">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Need help? Call us at +91 XXXXXXXXXX or book on WhatsApp now."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+91XXXXXXXXXX",
-        },
-        {
-          text: "WhatsApp",
-          href: "https://wa.me/91XXXXXXXXXX",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact-body" data-section="contact-body">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="Need help? Call us at +91 XXXXXXXXXX or book on WhatsApp now."
+            buttons={[
+              { text: "Call Now", href: "tel:+91XXXXXXXXXX" },
+              { text: "WhatsApp", href: "https://wa.me/91XXXXXXXXXX" }
+            ]}
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Terms and Conditions"
-      sections={[
-        {
-          heading: "Service Guarantee",
-          content: {
-            type: "paragraph",
-            text: "We offer a 30-day warranty on all repair services performed by our technicians.",
-          },
-        },
-        {
-          heading: "Pricing Policy",
-          content: {
-            type: "list",
-            items: [
-              "Inspection fee applies to all visits",
-              "Material costs are extra",
-              "Taxes as applicable",
-            ],
-          },
-        },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Terms and Conditions"
+            sections={[
+              {
+                heading: "Service Guarantee",                content: {
+                  type: "paragraph",                  text: "We offer a 30-day warranty on all repair services performed by our technicians."
+                }
+              },
+              {
+                heading: "Pricing Policy",                content: {
+                  type: "list",                  items: ["Inspection fee applies to all visits", "Material costs are extra", "Taxes as applicable"]
+                }
+              }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Repair",
-              href: "/services",
-            },
-            {
-              label: "Installation",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-            {
-              label: "WhatsApp Support",
-              href: "https://wa.me/91XXXXXXXXXX",
-            },
-          ],
-        },
-      ]}
-      logoText="CoolAir AC"
-      copyrightText="© 2025 CoolAir AC Services. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Repair", href: "/services" }, { label: "Installation", href: "/services" }] },
+              { title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "WhatsApp Support", href: "https://wa.me/91XXXXXXXXXX" }] }
+            ]}
+            logoText="CoolAir AC"
+            copyrightText="© 2025 CoolAir AC Services. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index a9296b9..8a7e33e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,210 +16,104 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="entrance-slide"
         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">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="CoolAir AC"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="CoolAir AC"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="AC Repair in Pune – Same Day Service"
-      description="Fast, reliable, and professional AC repair at your doorstep. Book your service instantly via WhatsApp."
-      buttons={[
-        {
-          text: "Book on WhatsApp",
-          href: "https://wa.me/91XXXXXXXXXX?text=Hi%20I%20want%20to%20book%20AC%20service",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "h1",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-wearing-helmets_23-2149366669.jpg",
-          imageAlt: "professional ac technician repairing air conditioner",
-        },
-        {
-          id: "h2",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg",
-          imageAlt: "professional ac technician repairing air conditioner",
-        },
-        {
-          id: "h3",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-lamp-outstretched-hand-near-kitchen-hood_259150-59267.jpg",
-          imageAlt: "professional ac technician repairing air conditioner",
-        },
-        {
-          id: "h4",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-party-with-delicious-pizza_23-2151309392.jpg",
-          imageAlt: "professional ac technician repairing air conditioner",
-        },
-        {
-          id: "h5",
-          imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17482.jpg",
-          imageAlt: "professional ac technician repairing air conditioner",
-        },
-        {
-          id: "h6",
-          imageSrc: "http://img.b2bpic.net/free-photo/serviceman-hired-condenser-checkup_482257-90623.jpg",
-          imageAlt: "professional ac technician repairing air conditioner",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "gradient-bars" }}
+            title="AC Repair in Pune – Same Day Service"
+            description="Fast, reliable, and professional AC repair at your doorstep. Book your service instantly via WhatsApp."
+            buttons={[
+              { text: "Book on WhatsApp", href: "https://wa.me/91XXXXXXXXXX?text=Hi%20I%20want%20to%20book%20AC%20service" }
+            ]}
+            carouselItems={[
+              { id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-wearing-helmets_23-2149366669.jpg", imageAlt: "professional ac technician repairing air conditioner" },
+              { id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg", imageAlt: "professional ac technician repairing air conditioner" },
+              { id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/man-with-lamp-outstretched-hand-near-kitchen-hood_259150-59267.jpg", imageAlt: "professional ac technician repairing air conditioner" },
+              { id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/friends-party-with-delicious-pizza_23-2151309392.jpg", imageAlt: "professional ac technician repairing air conditioner" },
+              { id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17482.jpg", imageAlt: "professional ac technician repairing air conditioner" },
+              { id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-hired-condenser-checkup_482257-90623.jpg", imageAlt: "professional ac technician repairing air conditioner" }
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Fast 24/7 Response",
-          "Experienced Technicians",
-          "Affordable Rates",
-          "Original Spare Parts",
-          "No Hidden Charges",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "AC Repair",
-          "AC Installation",
-          "Gas Filling",
-          "Annual Maintenance",
-          "AC Uninstallation",
-        ],
-      }}
-      title="Our Services"
-      description="Comprehensive AC solutions for your home and office."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["Fast 24/7 Response", "Experienced Technicians", "Affordable Rates", "Original Spare Parts", "No Hidden Charges"] }}
+            positiveCard={{ items: ["AC Repair", "AC Installation", "Gas Filling", "Annual Maintenance", "AC Uninstallation"] }}
+            title="Our Services"
+            description="Comprehensive AC solutions for your home and office."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Rahul P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-man-meeting-with-business-partner_1262-16967.jpg",
-        },
-        {
-          id: "t2",
-          name: "Anita S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-occupation-remote-work-concept-confident-young-female-copywriter-standing-kitchen_343059-3895.jpg",
-        },
-        {
-          id: "t3",
-          name: "Amit K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-rubbing-temples-t-shirt-looking-happy_176474-32830.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sunita V.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-standing-office_23-2147899580.jpg",
-        },
-        {
-          id: "t5",
-          name: "Vijay R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-couple-together-home_23-2148350561.jpg",
-        },
-      ]}
-      cardTitle="What our customers say"
-      cardTag="Testimonials"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Rahul P.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-man-meeting-with-business-partner_1262-16967.jpg" },
+              { id: "t2", name: "Anita S.", imageSrc: "http://img.b2bpic.net/free-photo/technology-occupation-remote-work-concept-confident-young-female-copywriter-standing-kitchen_343059-3895.jpg" },
+              { id: "t3", name: "Amit K.", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-rubbing-temples-t-shirt-looking-happy_176474-32830.jpg" },
+              { id: "t4", name: "Sunita V.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-standing-office_23-2147899580.jpg" },
+              { id: "t5", name: "Vijay R.", imageSrc: "http://img.b2bpic.net/free-photo/cute-young-couple-together-home_23-2148350561.jpg" }
+            ]}
+            cardTitle="What our customers say"
+            cardTag="Testimonials"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      tag="About Us"
-      title="Why CoolAir AC Stands Above the Rest in Pune"
-      buttons={[
-        {
-          text: "Learn More",
-          href: "/about",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            tag="About Us"
+            title="Why CoolAir AC Stands Above the Rest in Pune"
+            buttons={[{ text: "Learn More", href: "/about" }]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get Started"
-      title="Need Professional Cooling Help?"
-      description="Don't suffer in the Pune heat. Get your AC serviced today by our expert technicians."
-      buttons={[
-        {
-          text: "Get Instant Quote",
-          href: "/contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Get Started"
+            title="Need Professional Cooling Help?"
+            description="Don't suffer in the Pune heat. Get your AC serviced today by our expert technicians."
+            buttons={[{ text: "Get Instant Quote", href: "/contact" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Repair",
-              href: "/services",
-            },
-            {
-              label: "Installation",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-            {
-              label: "WhatsApp Support",
-              href: "https://wa.me/91XXXXXXXXXX",
-            },
-          ],
-        },
-      ]}
-      logoText="CoolAir AC"
-      copyrightText="© 2025 CoolAir AC Services. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Repair", href: "/services" }, { label: "Installation", href: "/services" }] },
+              { title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "WhatsApp Support", href: "https://wa.me/91XXXXXXXXXX" }] }
+            ]}
+            logoText="CoolAir AC"
+            copyrightText="© 2025 CoolAir AC Services. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 2800bce..6d14519 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -13,176 +13,74 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="entrance-slide"
         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">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="CoolAir AC"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="CoolAir AC"
+          />
+        </div>
 
-  <div id="services-body" data-section="services-body">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "s1",
-          brand: "AC Service",
-          name: "General Repair",
-          price: "₹499",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-operating-industrial-machine-factory_637285-4184.jpg",
-        },
-        {
-          id: "s2",
-          brand: "AC Service",
-          name: "Installation",
-          price: "₹1200",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/defective-external-air-conditioner_482257-91071.jpg",
-        },
-        {
-          id: "s3",
-          brand: "AC Service",
-          name: "Gas Filling",
-          price: "₹1500",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138614.jpg",
-        },
-        {
-          id: "s4",
-          brand: "AC Service",
-          name: "AMC Package",
-          price: "₹2500",
-          rating: 5,
-          reviewCount: "40",
-          imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24821.jpg",
-        },
-        {
-          id: "s5",
-          brand: "AC Service",
-          name: "Deep Cleaning",
-          price: "₹799",
-          rating: 5,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/serviceman-arriving-help-apprentice_482257-85127.jpg",
-        },
-        {
-          id: "s6",
-          brand: "AC Service",
-          name: "Gas Top-Up",
-          price: "₹800",
-          rating: 5,
-          reviewCount: "60",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-broken-manometers_482257-80114.jpg",
-        },
-      ]}
-      title="Professional Services"
-      description="Book any of our specialized services today."
-    />
-  </div>
+        <div id="services-body" data-section="services-body">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "s1", brand: "AC Service", name: "General Repair", price: "₹499", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-operating-industrial-machine-factory_637285-4184.jpg" },
+              { id: "s2", brand: "AC Service", name: "Installation", price: "₹1200", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/defective-external-air-conditioner_482257-91071.jpg" },
+              { id: "s3", brand: "AC Service", name: "Gas Filling", price: "₹1500", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138614.jpg" },
+              { id: "s4", brand: "AC Service", name: "AMC Package", price: "₹2500", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24821.jpg" },
+              { id: "s5", brand: "AC Service", name: "Deep Cleaning", price: "₹799", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-arriving-help-apprentice_482257-85127.jpg" },
+              { id: "s6", brand: "AC Service", name: "Gas Top-Up", price: "₹800", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/close-up-broken-manometers_482257-80114.jpg" }
+            ]}
+            title="Professional Services"
+            description="Book any of our specialized services today."
+          />
+        </div>
 
-  <div id="product" data-section="product">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Quick Service Packs"
-      description="Select a plan that fits your needs."
-      products={[
-        {
-          id: "sp1",
-          name: "Silver Pack",
-          price: "₹999",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-refrigerant-manifold-gauges_482257-90522.jpg",
-        },
-        {
-          id: "sp2",
-          name: "Gold Pack",
-          price: "₹1999",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388944.jpg",
-        },
-        {
-          id: "sp3",
-          name: "Platinum Pack",
-          price: "₹2999",
-          imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17800.jpg",
-        },
-        {
-          id: "sp4",
-          name: "Emergency Pack",
-          price: "₹1500",
-          imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",
-        },
-        {
-          id: "sp5",
-          name: "Corporate AMC",
-          price: "₹4999",
-          imageSrc: "http://img.b2bpic.net/free-photo/technician-dismantling-condenser_482257-90835.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="product" data-section="product">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Quick Service Packs"
+            description="Select a plan that fits your needs."
+            products={[
+              { id: "sp1", name: "Silver Pack", price: "₹999", imageSrc: "http://img.b2bpic.net/free-photo/close-up-refrigerant-manifold-gauges_482257-90522.jpg" },
+              { id: "sp2", name: "Gold Pack", price: "₹1999", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388944.jpg" },
+              { id: "sp3", name: "Platinum Pack", price: "₹2999", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17800.jpg" },
+              { id: "sp4", name: "Emergency Pack", price: "₹1500", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg" },
+              { id: "sp5", name: "Corporate AMC", price: "₹4999", imageSrc: "http://img.b2bpic.net/free-photo/technician-dismantling-condenser_482257-90835.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Repair",
-              href: "/services",
-            },
-            {
-              label: "Installation",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-            {
-              label: "WhatsApp Support",
-              href: "https://wa.me/91XXXXXXXXXX",
-            },
-          ],
-        },
-      ]}
-      logoText="CoolAir AC"
-      copyrightText="© 2025 CoolAir AC Services. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Repair", href: "/services" }, { label: "Installation", href: "/services" }] },
+              { title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "WhatsApp Support", href: "https://wa.me/91XXXXXXXXXX" }] }
+            ]}
+            logoText="CoolAir AC"
+            copyrightText="© 2025 CoolAir AC Services. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );