"use client"

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, CheckCircle, Clock, Handshake, Palette, Shield, Sparkles, Swimming, ThumbsUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Hero", id: "hero-section" },
            { name: "About", id: "about-section" },
            { name: "Feature", id: "features-section" },
            { name: "Metric", id: "metrics-section" },
            { name: "Testimonial", id: "testimonials-section" },
            { name: "Contact", id: "contact-section" }
          ]}
          button={{ text: "Get Quote", href: "#contact-section" }}
          brandName="AquaBuild Pool Services"
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroBillboard
          title="Transform Your Outdoor Space with Premium Pool Solutions"
          description="Expert pool installation, maintenance, and repair services for residential and commercial properties. Trusted by thousands of satisfied clients across the region."
          background={{ variant: "radial-gradient" }}
          tag="Licensed & Insured"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          buttons={[
            { text: "Get Free Quote", href: "#contact-section" },
            { text: "View Our Work", href: "#features-section" }
          ]}
          buttonAnimation="slide-up"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/attractive-couple-handsome-muscular-male-sexy-woman-sitting-near-pool-enjoying-vacation_613910-12895.jpg", alt: "Happy client with new pool" },
            { src: "https://img.b2bpic.net/free-photo/weekend-mature-couple-enjoying-good-weather-near-swimming-pool_259150-57796.jpg", alt: "Pool installation team" }
          ]}
          avatarText="1,200+ Satisfied Clients"
          imageSrc="https://img.b2bpic.net/free-photo/summer-edge-freedom-model-fresh_1253-771.jpg"
          imageAlt="Modern swimming pool with surrounding landscape"
          mediaAnimation="slide-up"
          marqueeItems={[
            { type: "icon", icon: Sparkles, text: "25+ Years Experience" },
            { type: "icon", icon: Sparkles, text: "100% Satisfaction Guarantee" },
            { type: "icon", icon: Sparkles, text: "Eco-Friendly Materials" }
          ]}
          marqueeSpeed={30}
          showMarqueeCard={true}
          ariaLabel="Hero section showcasing pool installation services"
        />
      </div>

      <div id="about-section" data-section="about-section">
        <SplitAbout
          title="Expert Pool Installation & Maintenance Services"
          description="With over 15 years of experience, our certified team delivers premium swimming pool solutions tailored to your unique space and lifestyle. We combine cutting-edge technology with traditional craftsmanship to ensure lasting quality and satisfaction."
          tag="Trusted by Homeowners & Businesses"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Our Work", href: "#features-section" },
            { text: "Get Free Quote", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
          bulletPoints={[
            {
              title: "Custom Pool Design",              description: "We create unique pool layouts that complement your outdoor space and reflect your personal style.",              icon: Palette
            },
            {
              title: "Premium Materials",              description: "Using only high-grade materials ensures durability and long-term performance.",              icon: Shield
            },
            {
              title: "Full Service Support",              description: "From initial consultation to ongoing maintenance, we're with you every step of the way.",              icon: Handshake
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/men-preparing-ride-skateboards_23-2147678227.jpg"
          imageAlt="Professional pool contractors installing a custom swimming pool in a residential backyard"
          mediaAnimation="slide-up"
          imagePosition="left"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureCardSix
          title="Professional Pool Installation & Maintenance Services"
          description="We deliver exceptional swimming pool solutions tailored to your unique needs, combining expertise, quality materials, and meticulous craftsmanship for lasting results."
          textboxLayout="split-description"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Custom Pool Design",              description: "Our expert team creates stunning, personalized pool designs that complement your outdoor space and lifestyle.",              imageSrc: "https://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-stair-ladder-around-there_74190-7881.jpg",              imageAlt: "Custom pool design visualization"
            },
            {
              id: 2,
              title: "Quality Installation",              description: "Precision construction using premium materials ensures durability and safety for years of enjoyment.",              imageSrc: "https://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg?_wi=1",              imageAlt: "Professional pool installation process"
            },
            {
              id: 3,
              title: "Ongoing Maintenance",              description: "Comprehensive maintenance programs keep your pool pristine and functioning at peak performance.",              imageSrc: "https://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg?_wi=2",              imageAlt: "Pool maintenance service in progress"
            }
          ]}
        />
      </div>

      <div id="metrics-section" data-section="metrics-section">
        <MetricCardOne
          title="Trusted Excellence in Pool Construction"
          description="With over 15 years of experience, we deliver premium swimming pool solutions that exceed expectations."
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            {
              id: "metric-1",              value: "500",              title: "Pools Installed",              description: "Happy clients across residential and commercial sectors",              icon: Swimming
            },
            {
              id: "metric-2",              value: "15",              title: "Years Experience",              description: "Industry expertise you can rely on",              icon: Award
            },
            {
              id: "metric-3",              value: "98",              title: "Client Satisfaction",              description: "Our commitment to quality speaks volumes",              icon: ThumbsUp
            },
            {
              id: "metric-4",              value: "24",              title: "Support Available",              description: "Round-the-clock service for all your needs",              icon: Clock
            }
          ]}
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardOne
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Johnson",              role: "Homeowner",              company: "Westfield Estates",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/friends-speaking-smiling-drinking-cocktails-resting-relaxing-near-swimming-pool_176420-1599.jpg",              imageAlt: "Sarah Johnson smiling while standing next to her new pool"
            },
            {
              id: "testimonial-2",              name: "Michael Torres",              role: "Property Manager",              company: "Sunset Condos",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-partners-reading-news-tablet-computer-outdoors_1262-12345.jpg",              imageAlt: "Michael Torres inspecting the pool area with a satisfied expression"
            },
            {
              id: "testimonial-3",              name: "Emily Chen",              role: "Commercial Client",              company: "Azure Spa & Wellness",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-sitting-near-swimming-pool-with-luggage-bag-posing_23-2148221972.jpg",              imageAlt: "Emily Chen posing with her team at the completed commercial pool project"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="What Our Clients Say"
          description="Discover why homeowners and businesses trust our pool contracting expertise for flawless installations and exceptional service."
          tag="Trusted by Thousands"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials section"
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm
          title="Get Your Free Pool Quote Today"
          description="Fill out the form to receive a personalized quote for your swimming pool project. Our expert team is ready to help you create the perfect aquatic space."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Full Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number" }
          ]}
          textarea={{ name: "message", placeholder: "Tell us about your pool project...", rows: 4, required: false }}
          useInvertedBackground={false}
          imageSrc="https://img.b2bpic.net/free-photo/successful-senior-businessman-with-his-colleague-meeting_23-2147923434.jpg"
          imageAlt="Professional pool contractors measuring a swimming pool installation site"
          mediaAnimation="slide-up"
          mediaPosition="left"
          buttonText="Request Free Quote"
          ariaLabel="Contact section for pool installation services"
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterBase
          columns={[
            {
              title: "Services",              items: [
                { label: "Pool Installation", href: "#hero-section" },
                { label: "Pool Renovation", href: "#features-section" },
                { label: "Maintenance", href: "#about-section" },
                { label: "Repairs", href: "#contact-section" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about-section" },
                { label: "Our Process", href: "#features-section" },
                { label: "Testimonials", href: "#testimonials-section" },
                { label: "Contact", href: "#contact-section" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "#hero-section" },
                { label: "FAQ", href: "#about-section" },
                { label: "Care Guides", href: "#metrics-section" },
                { label: "Safety Tips", href: "#features-section" }
              ]
            }
          ]}
          logoText="AquaPro Pools"
          copyrightText="© 2025 AquaPro Pools. All rights reserved."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}