From 9dc6ed982364305d73ecb147609f948d217b13ed Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 17:22:46 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 546 +++++++++++++----------------------------------
 1 file changed, 146 insertions(+), 400 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index db79eff..96cb323 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Award, CheckCircle, Droplets, Layout, Palette, Shield, Users, Wrench } from "lucide-react";
+import { Award, CheckCircle, Droplets, Layout, Palette, Shield, Users, Hammer } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,414 +29,160 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Portfolio",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Planet Swimming Pools"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Portfolio", id: "products" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Planet Swimming Pools"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="Planet Swimming Pools"
-      description="Crafting extraordinary backyard experiences with world-class pool design and construction excellence. Your oasis awaits."
-      buttons={[
-        {
-          text: "Start Project",
-          href: "#contact",
-        },
-        {
-          text: "View Portfolio",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/part-memorial-complex-fountain_23-2148184276.jpg?_wi=1"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroLogo
+            logoText="Planet Swimming Pools"
+            description="Crafting extraordinary backyard experiences with world-class pool design and construction excellence. Your oasis awaits."
+            buttons={[{ text: "Start Project", href: "#contact" }, { text: "View Portfolio", href: "#products" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/part-memorial-complex-fountain_23-2148184276.jpg"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Experience & Expertise"
-      metrics={[
-        {
-          icon: Award,
-          label: "Projects Completed",
-          value: "500+",
-        },
-        {
-          icon: Shield,
-          label: "Years Experience",
-          value: "25",
-        },
-        {
-          icon: Users,
-          label: "Happy Families",
-          value: "1200+",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <AboutMetric
+            useInvertedBackground={false}
+            title="Experience & Expertise"
+            metrics={[
+              { icon: Award, label: "Projects Completed", value: "500+" },
+              { icon: Shield, label: "Years Experience", value: "25" },
+              { icon: Users, label: "Happy Families", value: "1200+" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Custom Design",
-          description: "Bespoke blueprints tailored to your architectural vision and landscape constraints.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-beautiful-fit-slim-blonde-woman-summer-blue-top-short-skirt_343596-3076.jpg",
-          },
-          items: [
-            {
-              icon: Palette,
-              text: "3D Modeling",
-            },
-            {
-              icon: Layout,
-              text: "Site Analysis",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/part-memorial-complex-fountain_23-2148184276.jpg?_wi=2",
-          imageAlt: "custom residential concrete swimming pool",
-        },
-        {
-          title: "Expert Installation",
-          description: "Precision engineering and high-quality materials for lasting durability and performance.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-view-pool_23-2149046686.jpg",
-          },
-          items: [
-            {
-              icon: Hammer,
-              text: "Master Craftsmen",
-            },
-            {
-              icon: CheckCircle,
-              text: "Rigorous Inspections",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-resort_1150-10731.jpg",
-          imageAlt: "custom residential concrete swimming pool",
-        },
-        {
-          title: "Maintenance Plans",
-          description: "Comprehensive care packages to keep your water crystal clear and infrastructure flawless.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-stone-tiles-swimming-pool_176420-1488.jpg?_wi=1",
-          },
-          items: [
-            {
-              icon: Droplets,
-              text: "Chemical Balancing",
-            },
-            {
-              icon: Wrench,
-              text: "Equipment Servicing",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7923.jpg?_wi=1",
-          imageAlt: "custom residential concrete swimming pool",
-        },
-      ]}
-      title="Our Specialized Services"
-      description="Tailored solutions to transform your outdoor living space into a private sanctuary of relaxation and style."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              {
+                title: "Custom Design",                description: "Bespoke blueprints tailored to your architectural vision and landscape constraints.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-beautiful-fit-slim-blonde-woman-summer-blue-top-short-skirt_343596-3076.jpg" },
+                items: [{ icon: Palette, text: "3D Modeling" }, { icon: Layout, text: "Site Analysis" }],
+                reverse: false
+              },
+              {
+                title: "Expert Installation",                description: "Precision engineering and high-quality materials for lasting durability and performance.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-view-pool_23-2149046686.jpg" },
+                items: [{ icon: Hammer, text: "Master Craftsmen" }, { icon: CheckCircle, text: "Rigorous Inspections" }],
+                reverse: true
+              },
+              {
+                title: "Maintenance Plans",                description: "Comprehensive care packages to keep your water crystal clear and infrastructure flawless.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-stone-tiles-swimming-pool_176420-1488.jpg" },
+                items: [{ icon: Droplets, text: "Chemical Balancing" }, { icon: Hammer, text: "Equipment Servicing" }],
+                reverse: false
+              },
+            ]}
+            title="Our Specialized Services"
+            description="Tailored solutions to transform your outdoor living space into a private sanctuary of relaxation and style."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Modern Horizon",
-          price: "Starting at $45k",
-          imageSrc: "http://img.b2bpic.net/free-photo/stair-swimming-pool-beautiful-luxury-hotel-pool-resort_1339-5456.jpg",
-        },
-        {
-          id: "p2",
-          name: "Luxury Infinity Edge",
-          price: "Starting at $65k",
-          imageSrc: "http://img.b2bpic.net/free-photo/deckchair-swimming-pool_1150-10746.jpg",
-        },
-        {
-          id: "p3",
-          name: "Coastal Oasis",
-          price: "Starting at $55k",
-          imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11006.jpg",
-        },
-        {
-          id: "p4",
-          name: "Family Haven",
-          price: "Starting at $38k",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-stone-tiles-swimming-pool_176420-1488.jpg?_wi=2",
-        },
-        {
-          id: "p5",
-          name: "Classic Retreat",
-          price: "Starting at $42k",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7923.jpg?_wi=2",
-        },
-        {
-          id: "p6",
-          name: "Urban Courtyard",
-          price: "Starting at $35k",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-stair-ladder-around-there_74190-7881.jpg",
-        },
-      ]}
-      title="Our Signature Projects"
-      description="A showcase of our recent installations that redefine luxury living."
-    />
-  </div>
+        <div id="products" data-section="products">
+            <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Modern Horizon", price: "Starting at $45k", imageSrc: "http://img.b2bpic.net/free-photo/stair-swimming-pool-beautiful-luxury-hotel-pool-resort_1339-5456.jpg" },
+              { id: "p2", name: "Luxury Infinity Edge", price: "Starting at $65k", imageSrc: "http://img.b2bpic.net/free-photo/deckchair-swimming-pool_1150-10746.jpg" },
+              { id: "p3", name: "Coastal Oasis", price: "Starting at $55k", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11006.jpg" },
+              { id: "p4", name: "Family Haven", price: "Starting at $38k", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-stone-tiles-swimming-pool_176420-1488.jpg" },
+              { id: "p5", name: "Classic Retreat", price: "Starting at $42k", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7923.jpg" },
+              { id: "p6", name: "Urban Courtyard", price: "Starting at $35k", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-stair-ladder-around-there_74190-7881.jpg" },
+            ]}
+            title="Our Signature Projects"
+            description="A showcase of our recent installations that redefine luxury living."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="split-description"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "98%",
-          title: "Customer Satisfaction",
-          items: [
-            "Above industry average",
-            "Repeat client rate",
-            "Positive referrals",
-          ],
-        },
-        {
-          id: "m2",
-          value: "12+",
-          title: "National Awards",
-          items: [
-            "Design excellence",
-            "Craftsmanship",
-            "Sustainability impact",
-          ],
-        },
-        {
-          id: "m3",
-          value: "30%",
-          title: "Energy Efficiency",
-          items: [
-            "Reduced utility costs",
-            "Eco-friendly pumps",
-            "Smart systems",
-          ],
-        },
-      ]}
-      title="Quality Performance"
-      description="Measurable results that define our industry standard in pool construction."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="split-description"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "98%", title: "Customer Satisfaction", items: ["Above industry average", "Repeat client rate", "Positive referrals"] },
+              { id: "m2", value: "12+", title: "National Awards", items: ["Design excellence", "Craftsmanship", "Sustainability impact"] },
+              { id: "m3", value: "30%", title: "Energy Efficiency", items: ["Reduced utility costs", "Eco-friendly pumps", "Smart systems"] },
+            ]}
+            title="Quality Performance"
+            description="Measurable results that define our industry standard in pool construction."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split-description"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Mark Stevens",
-          role: "Homeowner",
-          company: "Private Residence",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sarah Miller",
-          role: "Architect",
-          company: "Creative Designs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/family-picnic-park_1303-9635.jpg",
-        },
-        {
-          id: "t3",
-          name: "James Wilson",
-          role: "Developer",
-          company: "Urban Homes",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-giving-highfive-each-other-while-being-meeting-with-real-estate-agent_637285-6877.jpg",
-        },
-        {
-          id: "t4",
-          name: "Emily Davis",
-          role: "Landscape Designer",
-          company: "Green Spaces",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-looking-man-pouring-drink-glass_23-2147891176.jpg",
-        },
-        {
-          id: "t5",
-          name: "Robert Clark",
-          role: "Engineer",
-          company: "Precision Builders",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "5.0",
-          label: "Google Rating",
-        },
-        {
-          value: "500+",
-          label: "Projects Built",
-        },
-        {
-          value: "15yrs",
-          label: "Avg Longevity",
-        },
-      ]}
-      title="Voices of Satisfaction"
-      description="See why hundreds of families trust us with their dream outdoor spaces."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split-description"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Mark Stevens", role: "Homeowner", company: "Private Residence", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg" },
+              { id: "t2", name: "Sarah Miller", role: "Architect", company: "Creative Designs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/family-picnic-park_1303-9635.jpg" },
+              { id: "t3", name: "James Wilson", role: "Developer", company: "Urban Homes", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-giving-highfive-each-other-while-being-meeting-with-real-estate-agent_637285-6877.jpg" },
+              { id: "t4", name: "Emily Davis", role: "Landscape Designer", company: "Green Spaces", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-looking-man-pouring-drink-glass_23-2147891176.jpg" },
+              { id: "t5", name: "Robert Clark", role: "Engineer", company: "Precision Builders", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg" },
+            ]}
+            kpiItems={[
+              { value: "5.0", label: "Google Rating" },
+              { value: "500+", label: "Projects Built" },
+              { value: "15yrs", label: "Avg Longevity" },
+            ]}
+            title="Voices of Satisfaction"
+            description="See why hundreds of families trust us with their dream outdoor spaces."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "How long does construction take?",
-          content: "Typically 8-12 weeks depending on complexity and permit processing times.",
-        },
-        {
-          id: "f2",
-          title: "Do you handle local permits?",
-          content: "Yes, our team manages all administrative and permitting requirements for you.",
-        },
-        {
-          id: "f3",
-          title: "What equipment is included?",
-          content: "We use industry-leading, energy-efficient filtration and sanitization systems.",
-        },
-        {
-          id: "f4",
-          title: "Is there a warranty?",
-          content: "We offer a comprehensive 10-year structural warranty and equipment performance guarantee.",
-        },
-      ]}
-      sideTitle="Common Inquiries"
-      sideDescription="Everything you need to know about our design and construction process."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqSplitText
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "How long does construction take?", content: "Typically 8-12 weeks depending on complexity and permit processing times." },
+              { id: "f2", title: "Do you handle local permits?", content: "Yes, our team manages all administrative and permitting requirements for you." },
+              { id: "f3", title: "What equipment is included?", content: "We use industry-leading, energy-efficient filtration and sanitization systems." },
+              { id: "f4", title: "Is there a warranty?", content: "We offer a comprehensive 10-year structural warranty and equipment performance guarantee." },
+            ]}
+            sideTitle="Common Inquiries"
+            sideDescription="Everything you need to know about our design and construction process."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Get In Touch"
-      title="Ready to Build Your Oasis?"
-      description="Contact our experts today for a free on-site consultation and design estimate."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+15550123",
-        },
-        {
-          text: "Request Quote",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            tag="Get In Touch"
+            title="Ready to Build Your Oasis?"
+            description="Contact our experts today for a free on-site consultation and design estimate."
+            buttons={[{ text: "Call Now", href: "tel:+15550123" }, { text: "Request Quote", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Press",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Design",
-              href: "#features",
-            },
-            {
-              label: "Construction",
-              href: "#features",
-            },
-            {
-              label: "Maintenance",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Planet Swimming Pools"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBase
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
+              { title: "Services", items: [{ label: "Design", href: "#features" }, { label: "Construction", href: "#features" }, { label: "Maintenance", href: "#features" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
+            ]}
+            logoText="Planet Swimming Pools"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1