From ffaf863a1b8e658805fd0f59e3631e6ae30addb0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 16:51:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 523 +++++++++++++----------------------------------
 1 file changed, 142 insertions(+), 381 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7234635..8137709 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,398 +20,159 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="VoltAC Power"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Products", id: "products" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="VoltAC Power"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated-grid",
-      }}
-      title="Empowering Your Future with Advanced AC Tech"
-      description="Premium inverter solutions, professional battery maintenance, and expert repair services to keep your power running smoothly."
-      buttons={[
-        {
-          text: "Explore Services",
-          href: "#services",
-        },
-        {
-          text: "Repair Booking",
-          href: "#contact",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-researchers-monitor-performance-using-mockup-display_482257-126996.jpg",
-          imageAlt: "Power System",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-52856.jpg",
-          imageAlt: "Inverter Hardware",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-people-working-with-drill_23-2149366670.jpg",
-          imageAlt: "Facility Power",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281774.jpg",
-          imageAlt: "Battery Storage",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-16571.jpg",
-          imageAlt: "Service Technician",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/visualization-energy-flowing-through-power-tower-lines-night-sky-infrastructure-ensuring-transmission-electricity-through-voltage-distribution-cables-3d-render-animation_482257-66243.jpg",
-          imageAlt: "Grid Infrastructure",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "rotated-rays-animated-grid" }}
+            title="Empowering Your Future with Advanced AC Tech"
+            description="Premium inverter solutions, professional battery maintenance, and expert repair services to keep your power running smoothly."
+            buttons={[{ text: "Explore Services", href: "#services" }, { text: "Repair Booking", href: "#contact" }]}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-researchers-monitor-performance-using-mockup-display_482257-126996.jpg", imageAlt: "Power System" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-52856.jpg", imageAlt: "Inverter Hardware" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-people-working-with-drill_23-2149366670.jpg", imageAlt: "Facility Power" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281774.jpg", imageAlt: "Battery Storage" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-16571.jpg", imageAlt: "Service Technician" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/visualization-energy-flowing-through-power-tower-lines-night-sky-infrastructure-ensuring-transmission-electricity-through-voltage-distribution-cables-3d-render-animation_482257-66243.jpg", imageAlt: "Grid Infrastructure" }
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSix
-      textboxLayout="split-description"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Expert Inverter Repair",
-          description: "Quick, professional repairs for all types of inverters to minimize downtime.",
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-power-panel_181624-10475.jpg",
-          imageAlt: "Inverter Repair",
-        },
-        {
-          title: "Battery Water Servicing",
-          description: "Professional battery water replenishment to extend service life and reliability.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blood-samples-test-tube-rack_53876-95052.jpg",
-          imageAlt: "Battery Servicing",
-        },
-        {
-          title: "Smart Monitoring",
-          description: "Advanced power monitoring solutions to keep your system performing at its peak.",
-          imageSrc: "http://img.b2bpic.net/free-photo/remote-control-sound-settings-from-tablet_169016-23248.jpg",
-          imageAlt: "Smart Dashboard",
-        },
-      ]}
-      title="Comprehensive Power Services"
-      description="From installation to long-term maintenance, we provide everything needed for reliable energy management."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardSix
+            textboxLayout="split-description"
+            useInvertedBackground={false}
+            features={[
+              { title: "Expert Inverter Repair", description: "Quick, professional repairs for all types of inverters to minimize downtime.", imageSrc: "http://img.b2bpic.net/free-photo/solar-power-panel_181624-10475.jpg", imageAlt: "Inverter Repair" },
+              { title: "Battery Water Servicing", description: "Professional battery water replenishment to extend service life and reliability.", imageSrc: "http://img.b2bpic.net/free-photo/blood-samples-test-tube-rack_53876-95052.jpg", imageAlt: "Battery Servicing" },
+              { title: "Smart Monitoring", description: "Advanced power monitoring solutions to keep your system performing at its peak.", imageSrc: "http://img.b2bpic.net/free-photo/remote-control-sound-settings-from-tablet_169016-23248.jpg", imageAlt: "Smart Dashboard" }
+            ]}
+            title="Comprehensive Power Services"
+            description="From installation to long-term maintenance, we provide everything needed for reliable energy management."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Home Inverter 5KVA",
-          price: "$899",
-          imageSrc: "http://img.b2bpic.net/free-photo/gray-metal-cabinet-with-handles-label-slots-office-storage_169016-71148.jpg",
-        },
-        {
-          id: "p2",
-          name: "Industrial Battery Bank",
-          price: "$1250",
-          imageSrc: "http://img.b2bpic.net/free-photo/wood-stairs_1361-226.jpg",
-        },
-        {
-          id: "p3",
-          name: "Battery Distilled Water",
-          price: "$15",
-          imageSrc: "http://img.b2bpic.net/free-photo/supervisor-testing-solar-power-renewable-energy-facility-clipboard_482257-125118.jpg",
-        },
-        {
-          id: "p4",
-          name: "AC Surge Protector",
-          price: "$45",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-wearing-safety-glasses-control-cabinet-closeup-profile_169016-70983.jpg",
-        },
-        {
-          id: "p5",
-          name: "Smart UPS Charger",
-          price: "$120",
-          imageSrc: "http://img.b2bpic.net/free-photo/car-charger-electric-vehicle-charging-station_107420-94928.jpg",
-        },
-        {
-          id: "p6",
-          name: "Maintenance Repair Kit",
-          price: "$75",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg",
-        },
-      ]}
-      title="High-Performance Products"
-      description="Browse our curated selection of high-quality inverters, industrial batteries, and maintenance supplies."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Home Inverter 5KVA", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/gray-metal-cabinet-with-handles-label-slots-office-storage_169016-71148.jpg" },
+              { id: "p2", name: "Industrial Battery Bank", price: "$1250", imageSrc: "http://img.b2bpic.net/free-photo/wood-stairs_1361-226.jpg" },
+              { id: "p3", name: "Battery Distilled Water", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/supervisor-testing-solar-power-renewable-energy-facility-clipboard_482257-125118.jpg" },
+              { id: "p4", name: "AC Surge Protector", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-wearing-safety-glasses-control-cabinet-closeup-profile_169016-70983.jpg" },
+              { id: "p5", name: "Smart UPS Charger", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/car-charger-electric-vehicle-charging-station_107420-94928.jpg" },
+              { id: "p6", name: "Maintenance Repair Kit", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg" }
+            ]}
+            title="High-Performance Products"
+            description="Browse our curated selection of high-quality inverters, industrial batteries, and maintenance supplies."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Our Impact"
-      tag="Trusted By Many"
-      metrics={[
-        {
-          id: "m1",
-          value: "1500+",
-          description: "Inverters Installed",
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          description: "Customer Support",
-        },
-        {
-          id: "m3",
-          value: "98%",
-          description: "Client Satisfaction",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Our Impact"
+            tag="Trusted By Many"
+            metrics={[
+              { id: "m1", value: "1500+", description: "Inverters Installed" },
+              { id: "m2", value: "24/7", description: "Customer Support" },
+              { id: "m3", value: "98%", description: "Client Satisfaction" }
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Miller",
-          role: "Office Manager",
-          company: "TechGroup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-with-tablet-cafe_1262-3779.jpg",
-        },
-        {
-          id: "t2",
-          name: "James Chen",
-          role: "Operations",
-          company: "Industrial Ltd",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-office-working-environment-project_23-2148894115.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena Rodriguez",
-          role: "Site Manager",
-          company: "Global Corp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-businessman-headset-using-laptop_74855-3069.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Park",
-          role: "Facility Lead",
-          company: "Park Properties",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg",
-        },
-        {
-          id: "t5",
-          name: "Lisa Wang",
-          role: "Owner",
-          company: "City Retail",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-download-icon-laptop_53876-71045.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "5.0",
-          label: "Avg Rating",
-        },
-        {
-          value: "10y+",
-          label: "Experience",
-        },
-        {
-          value: "500+",
-          label: "Annual Repairs",
-        },
-      ]}
-      title="Client Success Stories"
-      description="See why our customers trust us for their critical power backup and service needs."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Sarah Miller", role: "Office Manager", company: "TechGroup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-with-tablet-cafe_1262-3779.jpg" },
+              { id: "t2", name: "James Chen", role: "Operations", company: "Industrial Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-office-working-environment-project_23-2148894115.jpg" },
+              { id: "t3", name: "Elena Rodriguez", role: "Site Manager", company: "Global Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-businessman-headset-using-laptop_74855-3069.jpg" },
+              { id: "t4", name: "David Park", role: "Facility Lead", company: "Park Properties", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg" },
+              { id: "t5", name: "Lisa Wang", role: "Owner", company: "City Retail", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-download-icon-laptop_53876-71045.jpg" }
+            ]}
+            kpiItems={[{ value: "5.0", label: "Avg Rating" }, { value: "10y+", label: "Experience" }, { value: "500+", label: "Annual Repairs" }]}
+            title="Client Success Stories"
+            description="See why our customers trust us for their critical power backup and service needs."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="split-description"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",
-          name: "Battery Maintenance",
-          price: "$25",
-          features: [
-            "Battery Health Check",
-            "Water Top-up",
-            "Terminal Cleaning",
-          ],
-          buttons: [
-            {
-              text: "Book Service",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          name: "Standard Repair",
-          price: "$85",
-          features: [
-            "Hardware Diagnostics",
-            "Minor Component Repair",
-            "6-Month Warranty",
-          ],
-          buttons: [
-            {
-              text: "Book Service",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "premium",
-          name: "Full System Overhaul",
-          price: "$250",
-          features: [
-            "Deep Diagnostics",
-            "Full Component Replacement",
-            "12-Month Warranty",
-            "24/7 Priority Support",
-          ],
-          buttons: [
-            {
-              text: "Book Service",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      title="Transparent Repair Pricing"
-      description="Clear service rates for battery water topping and inverter hardware maintenance."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="split-description"
+            useInvertedBackground={false}
+            plans={[
+              { id: "basic", name: "Battery Maintenance", price: "$25", features: ["Battery Health Check", "Water Top-up", "Terminal Cleaning"], buttons: [{ text: "Book Service", href: "#contact" }] },
+              { id: "pro", name: "Standard Repair", price: "$85", features: ["Hardware Diagnostics", "Minor Component Repair", "6-Month Warranty"], buttons: [{ text: "Book Service", href: "#contact" }] },
+              { id: "premium", name: "Full System Overhaul", price: "$250", features: ["Deep Diagnostics", "Full Component Replacement", "12-Month Warranty", "24/7 Priority Support"], buttons: [{ text: "Book Service", href: "#contact" }] }
+            ]}
+            title="Transparent Repair Pricing"
+            description="Clear service rates for battery water topping and inverter hardware maintenance."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split-description"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "How often should I service my inverter?",
-          content: "We recommend professional servicing every 6 to 12 months to maintain peak performance and avoid sudden failures.",
-        },
-        {
-          id: "f2",
-          title: "Is battery water top-up necessary?",
-          content: "Yes, proper electrolyte levels are crucial for battery life. Neglecting this leads to plate damage and decreased storage.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer emergency repairs?",
-          content: "Yes, we prioritize emergency power issues for our regular clients. Contact us for urgent support.",
-        },
-      ]}
-      title="Common Questions"
-      description="Everything you need to know about inverter repairs and battery maintenance services."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="split-description"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "How often should I service my inverter?", content: "We recommend professional servicing every 6 to 12 months to maintain peak performance and avoid sudden failures." },
+              { id: "f2", title: "Is battery water top-up necessary?", content: "Yes, proper electrolyte levels are crucial for battery life. Neglecting this leads to plate damage and decreased storage." },
+              { id: "f3", title: "Do you offer emergency repairs?", content: "Yes, we prioritize emergency power issues for our regular clients. Contact us for urgent support." }
+            ]}
+            title="Common Questions"
+            description="Everything you need to know about inverter repairs and battery maintenance services."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Book Your Service"
-      description="Submit your repair request and we will get back to you immediately."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Your Phone Number",
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Describe your power system issue...",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-electrical-connection-cable_169016-51119.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Book Your Service"
+            description="Submit your repair request and we will get back to you immediately."
+            inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true }, { name: "phone", type: "tel", placeholder: "Your Phone Number" }]}
+            textarea={{ name: "message", placeholder: "Describe your power system issue...", rows: 4 }}
+            imageSrc="http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-electrical-connection-cable_169016-51119.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="VoltAC Power"
-      copyrightText="© 2025 VoltAC Power. All rights reserved."
-      socialLinks={[
-        {
-          icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
-        },
-        {
-          icon: Linkedin,
-          href: "#",
-          ariaLabel: "LinkedIn",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="VoltAC Power"
+            copyrightText="© 2025 VoltAC Power. All rights reserved."
+            socialLinks={[{ icon: Twitter, href: "#", ariaLabel: "Twitter" }, { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1