"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { CheckCircle, Star, Shield, Clock, Zap, MessageCircle } from "lucide-react";

const navItems = [
  { name: "Home", id: "hero" },
  { name: "Services", id: "services" },
  { name: "Gallery", id: "gallery" },
  { name: "About Landzilla", id: "about" },
  { name: "Service Areas", id: "service-areas" },
  { name: "Get a Quote", id: "estimate" },
  { name: "Contact", id: "contact" }
];

const heroSlides = [
  {
    imageSrc: "http://img.b2bpic.net/free-photo/woman-operating-heavy-duty-leaf-blower_1153-7322.jpg?_wi=1",    imageAlt: "Freshly completed lawn cleanup in South Jersey"
  },
  {
    imageSrc: "http://img.b2bpic.net/free-photo/attractive-gardener-posing-while-trimming-conifer-bush-by-electric-hedge-clippers-sunny-day_7502-10442.jpg?_wi=1",    imageAlt: "Professional lawn mowing service"
  },
  {
    imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176599.jpg?_wi=1",    imageAlt: "Spring and fall property cleanup"
  }
];

const serviceFeatures = [
  {
    id: "1",    title: "Lawn Mowing & Maintenance",    tags: ["Weekly", "Bi-weekly", "Monthly"],
    imageSrc: "http://img.b2bpic.net/free-photo/attractive-gardener-posing-while-trimming-conifer-bush-by-electric-hedge-clippers-sunny-day_7502-10442.jpg?_wi=2",    imageAlt: "Lawn mowing service"
  },
  {
    id: "2",    title: "Spring & Fall Cleanups",    tags: ["Seasonal", "Leaf removal", "Debris"],
    imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176599.jpg?_wi=2",    imageAlt: "Spring and fall property cleanup"
  },
  {
    id: "3",    title: "Mulch Installation",    tags: ["Landscaping", "Design", "Installation"],
    imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg",    imageAlt: "Mulch installation service"
  },
  {
    id: "4",    title: "Shrub Trimming",    tags: ["Plant care", "Landscaping", "Maintenance"],
    imageSrc: "http://img.b2bpic.net/free-photo/positive-male-landscaper-cutting-top-overgrown-thujas-with-motorized-hedge-trimmer-park-side_7502-10163.jpg",    imageAlt: "Professional shrub and hedge trimming"
  },
  {
    id: "5",    title: "Small Land Clearing",    tags: ["Site prep", "Property prep", "Clearing"],
    imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-backhoe-working-construction-site_640221-302.jpg",    imageAlt: "Land clearing and site preparation"
  },
  {
    id: "6",    title: "Junk Removal",    tags: ["Debris removal", "Hauling", "Cleanup"],
    imageSrc: "http://img.b2bpic.net/free-photo/wheel-loader-transporting-municipal-waste-waste-treatment-plant_181624-57005.jpg",    imageAlt: "Professional junk removal service"
  },
  {
    id: "7",    title: "Snow Removal",    tags: ["Winter", "Driveways", "Seasonal"],
    imageSrc: "http://img.b2bpic.net/free-photo/big-special-tractor-is-removing-snow-from-forestal-road_613910-13787.jpg",    imageAlt: "Snow removal and winter maintenance"
  }
];

const metrics = [
  {
    id: "1",    value: "500+",    title: "Jobs Completed",    description: "Satisfied customers throughout South Jersey",    icon: CheckCircle
  },
  {
    id: "2",    value: "4.9★",    title: "5-Star Reviews",    description: "Consistent quality and reliability",    icon: Star
  },
  {
    id: "3",    value: "100%",    title: "Fully Insured",    description: "Complete coverage for peace of mind",    icon: Shield
  },
  {
    id: "4",    value: "24/7",    title: "Reliable Scheduling",    description: "Available when you need us most",    icon: Clock
  },
  {
    id: "5",    value: "Pro",    title: "Professional Equipment",    description: "State-of-the-art tools and machinery",    icon: Zap
  },
  {
    id: "6",    value: "✓",    title: "Clear Communication",    description: "Transparent pricing and honest service",    icon: MessageCircle
  }
];

const galleryProducts = [
  {
    id: "1",    name: "Spring Cleanup Transformation",    price: "Before & After",    imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg?_wi=1",    imageAlt: "Spring cleanup before and after"
  },
  {
    id: "2",    name: "Residential Lawn Renovation",    price: "Before & After",    imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg?_wi=2",    imageAlt: "Lawn renovation project"
  },
  {
    id: "3",    name: "Commercial Property Maintenance",    price: "Before & After",    imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg?_wi=3",    imageAlt: "Commercial landscaping project"
  },
  {
    id: "4",    name: "Mulch & Plant Installation",    price: "Before & After",    imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg?_wi=4",    imageAlt: "Mulch installation project"
  },
  {
    id: "5",    name: "Fall Cleanup Service",    price: "Before & After",    imageSrc: "http://img.b2bpic.net/free-photo/male-feet-lawn-rake-near-leaves_259150-58539.jpg",    imageAlt: "Fall cleanup transformation"
  },
  {
    id: "6",    name: "Complete Yard Transformation",    price: "Before & After",    imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg?_wi=5",    imageAlt: "Complete yard makeover"
  }
];

const testimonials = [
  {
    id: "1",    title: "Exceptional Service Every Time",    quote: "Landzilla has been maintaining our lawn for over 3 years. They're reliable, professional, and always deliver quality work. Highly recommend!",    name: "Michael Rodriguez",    role: "Homeowner",    imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=1",    imageAlt: "Michael Rodriguez"
  },
  {
    id: "2",    title: "Outstanding Attention to Detail",    quote: "The team goes above and beyond every single visit. Our property has never looked better. They truly care about their work.",    name: "Sarah Johnson",    role: "Property Manager",    imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",    imageAlt: "Sarah Johnson"
  },
  {
    id: "3",    title: "Reliable and Professional",    quote: "Landzilla handles all our commercial property maintenance. Their scheduling is punctual and their crews are extremely professional.",    name: "David Chen",    role: "Business Owner",    imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=2",    imageAlt: "David Chen"
  },
  {
    id: "4",    title: "Best Value in South Jersey",    quote: "Great pricing, professional service, and they stand behind their work. Landzilla is worth every penny.",    name: "Jennifer Martinez",    role: "Homeowner",    imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",    imageAlt: "Jennifer Martinez"
  },
  {
    id: "5",    title: "Year-Round Excellence",    quote: "From spring cleanups to snow removal, Landzilla handles everything. No need to call multiple contractors.",    name: "Thomas Williams",    role: "Residential Client",    imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",    imageAlt: "Thomas Williams"
  },
  {
    id: "6",    title: "Trustworthy and Communicative",    quote: "They always communicate clearly, provide honest estimates, and never surprise you with hidden fees. Transparency is their hallmark.",    name: "Lisa Anderson",    role: "Long-time Customer",    imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",    imageAlt: "Lisa Anderson"
  }
];

const serviceFaqs = [
  {
    id: "1",    title: "Atlantic County",    content: "<strong>Egg Harbor Township • Absecon • Atlantic City • Brigantine • Galloway Township • Hamilton Township • Linwood • Margate • Pleasantville • Ventnor City • Weymouth Township</strong>"
  },
  {
    id: "2",    title: "Burlington County",    content: "<strong>Medford • Tabernacle • Shamong • Chatsworth • Woodland Township • Vincentown • Pemberton • Browns Mills • Leisuretowne • Chatsworth</strong>"
  },
  {
    id: "3",    title: "Camden County",    content: "<strong>Cherry Hill • Haddonfield • Brooklawn • Collingswood • Haddon Township • Palmyra • Voorhees • Mount Ephraim • Gloucester Township</strong>"
  },
  {
    id: "4",    title: "Cape May County",    content: "<strong>Cape May • Stone Harbor • Avalon • Wildwood • Sea Isle City • Ocean City • Villas • Lower Township • Middle Township • Upper Township</strong>"
  },
  {
    id: "5",    title: "Cumberland County",    content: "<strong>Vineland • Millville • Bridgeton • Pittsgrove • Maurice River • Fairfield • Hopewell Township • Greenwich • South Jersey Region</strong>"
  },
  {
    id: "6",    title: "Additional Areas",    content: "<strong>We also serve Gloucester County and surrounding communities. Contact us to confirm service availability for your specific location or to schedule a free estimate.</strong>"
  }
];

const footerColumns = [
  {
    title: "Services",    items: [
      { label: "Lawn Mowing", href: "#services" },
      { label: "Spring Cleanups", href: "#services" },
      { label: "Mulch Installation", href: "#services" },
      { label: "Shrub Trimming", href: "#services" },
      { label: "Snow Removal", href: "#services" }
    ]
  },
  {
    title: "Company",    items: [
      { label: "About Landzilla", href: "#about" },
      { label: "Our Work", href: "#gallery" },
      { label: "Service Areas", href: "#service-areas" },
      { label: "Get a Quote", href: "#estimate" },
      { label: "Contact Us", href: "tel:+16095551234" }
    ]
  },
  {
    title: "Contact",    items: [
      { label: "(609) 555-1234", href: "tel:+16095551234" },
      { label: "info@landzilla.com", href: "mailto:info@landzilla.com" },
      { label: "Mon-Sat: 7am - 6pm", href: "#" },
      { label: "Sunday: Closed", href: "#" },
      { label: "Emergency Service Available", href: "tel:+16095551234" }
    ]
  }
];

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLarge"
      background="blurBottom"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Landzilla"
          navItems={navItems}
          button={{
            text: "Call Today",            href: "tel:+16095551234"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="LANDZILLA"
          description="Professional lawn and property care you can trust. Fast, reliable service across South Jersey."
          buttons={[
            { text: "Request a Free Estimate", href: "#estimate" },
            { text: "Call Landzilla Today", href: "tel:+16095551234" }
          ]}
          slides={heroSlides}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyThree
          title="Our Services"
          description="Comprehensive lawn and property maintenance solutions tailored to your South Jersey home or business."
          features={serviceFeatures}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Why Choose Landzilla"
          icon={CheckCircle}
          title="Locally Owned & Operated with 15+ Years of Excellence"
          description="Your Trusted South Jersey Lawn Care Partner"
          subdescription="Serving residential and commercial properties with pride"
          imageSrc="http://img.b2bpic.net/free-photo/woman-operating-heavy-duty-leaf-blower_1153-7322.jpg?_wi=2"
          imageAlt="Professional Landzilla team at work"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Why Choose Landzilla"
          description="Proven excellence in lawn and property care across South Jersey"
          metrics={metrics}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardThree
          title="Project Gallery"
          description="Real before and after transformations from our recent projects. See the Landzilla difference."
          products={galleryProducts}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Customers Say"
          description="Join hundreds of satisfied homeowners and business owners who trust Landzilla for their property maintenance needs."
          testimonials={testimonials}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="service-areas" data-section="service-areas">
        <FaqDouble
          title="Service Areas"
          description="Landzilla proudly serves the following South Jersey communities and surrounding areas."
          faqs={serviceFaqs}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="estimate" data-section="estimate">
        <ContactSplit
          tag="Free Estimate"
          title="Get Your Free Lawn Care Estimate"
          description="Fill out the form below and we'll contact you within 24 hours to discuss your property needs and provide a transparent, competitive quote."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/top-view-business-office-desk-background-applying-job-form-pen-pencil-eyeglasses-tree-wooden-table-background-with-copy-space_1921-21.jpg"
          imageAlt="Property consultation and estimate"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Get My Free Estimate"
          termsText="We respect your privacy. Your information will only be used to contact you about your lawn care estimate."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={footerColumns}
          copyrightText="© 2025 Landzilla. All rights reserved. Professional Lawn & Property Care in South Jersey."
        />
      </div>
    </ThemeProvider>
  );
}
