"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Leaf, Sprout, Trees, Wrench, Scissors, Wind, CheckCircle, Star, HelpCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="noise"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Valencia Landscaping"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" },
          ]}
          button={{
            text: "Get Free Estimate",            href: "#contact"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Your Lawn Deserves Expert Care"
          description="Valencia Landscaping provides professional mulch jobs, grass maintenance, leaf cleanup, and more. Get your free estimate today and transform your outdoor space."
          tag="Expert Landscaping Services"
          tagIcon={Leaf}
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Get Free Estimate", href: "#contact" },
            { text: "View Services", href: "#services" },
          ]}
          dashboard={{
            title: "What We Do Best",            logoIcon: Sprout,
            imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg",            searchPlaceholder: "Search services...",            buttons: [
              { text: "Estimate", href: "#contact" },
              { text: "Schedule", href: "#contact" },
            ],
            sidebarItems: [
              { icon: Trees, active: true },
              { icon: Leaf, active: false },
              { icon: Wrench, active: false },
            ],
            stats: [
              {
                title: "Happy Clients",                values: [500, 750, 1200],
                description: "Satisfied customers"},
              {
                title: "Projects Done",                values: [150, 300, 500],
                valueSuffix: "+",                description: "Completed jobs"},
              {
                title: "Years Active",                values: [8, 10, 12],
                description: "In business"},
            ],
            chartTitle: "Service Growth",            chartData: [
              { value: 40 },
              { value: 60 },
              { value: 75 },
              { value: 90 },
              { value: 85 },
            ],
            listTitle: "Core Services",            listItems: [
              { icon: Sprout, title: "Mulch Installation", status: "Available" },
              { icon: Scissors, title: "Grass Maintenance", status: "Available" },
              { icon: Wind, title: "Leaf Cleanup", status: "Available" },
            ],
          }}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Valencia Landscaping"
          description={[
            "Valencia Landscaping has been serving homeowners and businesses with exceptional outdoor maintenance since 2012. We take pride in every project, from routine mulch jobs to comprehensive seasonal leaf cleanup.",            "Our team of certified landscape professionals is dedicated to enhancing your property's beauty and health. We use quality materials, proven techniques, and personalized service to exceed your expectations every time.",            "Whether you need regular grass maintenance, fresh mulch installation, or complete yard restoration, Valencia Landscaping delivers results backed by our commitment to excellence."]}
          buttons={[
            { text: "Schedule Consultation", href: "#contact" },
            { text: "Learn More", href: "#services" },
          ]}
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyOne
          title="Our Landscaping Services"
          description="Valencia Landscaping offers a complete range of outdoor maintenance and enhancement services tailored to your property's unique needs."
          tag="Comprehensive Solutions"
          tagIcon={CheckCircle}
          imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-shoveling-large-flower-pot_23-2148396893.jpg"
          imageAlt="Professional mulch installation"
          mediaAnimation="slide-up"
          accordionItems={[
            {
              id: "1",              title: "Mulch Installation & Maintenance",              content: "Professional mulch application for landscaping beds, garden areas, and pathways. We provide fresh mulch delivery and installation to enhance your garden's appearance while protecting plant roots and retaining soil moisture."},
            {
              id: "2",              title: "Grass Lawn Care & Maintenance",              content: "Complete lawn care services including mowing, edging, aeration, seeding, and fertilization. We keep your grass healthy, green, and well-maintained throughout all seasons."},
            {
              id: "3",              title: "Seasonal Leaf Cleanup",              content: "Efficient leaf removal and cleanup services during fall and spring. We handle the heavy lifting to keep your property looking pristine year-round."},
            {
              id: "4",              title: "Landscape Design Consultation",              content: "Expert advice on landscape planning, plant selection, and outdoor design to maximize your property's curb appeal and functionality."},
          ]}
          buttons={[{ text: "Get Free Estimate", href: "#contact" }]}
          useInvertedBackground={false}
          mediaPosition="left"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Why Choose Valencia Landscaping"
          description="Our proven track record speaks to our commitment to quality and customer satisfaction."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",              value: "1200+",              title: "Projects Completed",              description: "Successfully delivered landscaping solutions",              imageSrc: "http://img.b2bpic.net/free-photo/female-legs-woman-using-lawn-mower_651396-1545.jpg",              imageAlt: "Professional grass maintenance service"},
            {
              id: "2",              value: "98%",              title: "Client Satisfaction",              description: "Consistent quality and professional service",              imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176599.jpg",              imageAlt: "Seasonal leaf cleanup and yard maintenance"},
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "John Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "John Martinez"},
            {
              id: "2",              name: "Sarah Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Sarah Thompson"},
            {
              id: "3",              name: "Michael Chen",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Michael Chen"},
            {
              id: "4",              name: "Jennifer Davis",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Jennifer Davis"},
          ]}
          cardTitle="Trusted by hundreds of satisfied homeowners and businesses for professional landscaping services"
          cardTag="See what our customers say"
          cardTagIcon={Star}
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          faqs={[
            {
              id: "1",              title: "How do I get a free estimate?",              content: "Contact Valencia Landscaping through our website or call us directly at (555) 123-4567. We'll schedule a convenient time to visit your property, assess your needs, and provide a detailed free estimate with no obligations."},
            {
              id: "2",              title: "What areas do you serve?",              content: "We service residential and commercial properties throughout the greater Valencia area and surrounding communities. Contact us to confirm service availability for your specific location."},
            {
              id: "3",              title: "When is the best time for mulch installation?",              content: "Spring and early summer are ideal for mulch installation. However, fresh mulch can be applied anytime during the growing season. We recommend installing mulch before your lawn's peak growth period."},
            {
              id: "4",              title: "Do you offer seasonal leaf cleanup services?",              content: "Yes! We provide comprehensive leaf cleanup and removal services in both fall and spring. Regular cleanup helps maintain your property's appearance and prevents lawn damage from leaf accumulation."},
            {
              id: "5",              title: "What types of mulch do you use?",              content: "We work with premium mulch varieties including hardwood mulch, cedar mulch, and dyed mulch options. Each type offers different benefits for moisture retention, aesthetics, and plant health. We'll recommend the best option for your landscape."},
            {
              id: "6",              title: "Are your landscapers certified and insured?",              content: "Yes, all Valencia Landscaping team members are trained professionals. We maintain full insurance coverage for your protection and peace of mind."},
          ]}
          title="Frequently Asked Questions"
          description="Find answers to common questions about our landscaping services and free estimates."
          tag="Common Questions"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Transform Your Landscape?"
          tagIcon={Leaf}
          title="Get Your Free Estimate Today"
          description="Contact Valencia Landscaping for a comprehensive assessment of your property. Call us at (555) 123-4567 to speak with our team directly. Our landscaping experts will provide a detailed, obligation-free estimate for your needs."
          buttons={[
            { text: "Request Free Estimate", href: "https://forms.example.com/valencia-estimate" },
            { text: "Call Us Now", href: "tel:(555)123-4567" },
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Valencia Landscaping"
          copyrightText="© 2025 Valencia Landscaping. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Mulch Installation", href: "#services" },
                { label: "Grass Maintenance", href: "#services" },
                { label: "Leaf Cleanup", href: "#services" },
                { label: "Landscape Design", href: "#services" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Get Free Estimate", href: "#contact" },
                { label: "Contact", href: "#contact" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Sitemap", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
