"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Award, HelpCircle, Leaf, MessageSquare, Phone, Sprout, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="largeSmall"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Greener"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Get Free Quote",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Professional Grass Cutting & Lawn Care in Des Moines"
          description="Transform your yard with Greener Landscaping. Expert grass cutting, maintenance, and landscape design for residential and commercial properties."
          tag="Premium Landscaping Service"
          tagIcon={Sprout}
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "Get Free Quote", href: "contact" },
            { text: "Learn More", href: "services" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg",              imageAlt: "Professional grass cutting service"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22796.jpg",              imageAlt: "Beautiful lawn transformation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/female-legs-woman-using-lawn-mower_651396-1545.jpg",              imageAlt: "Expert landscaper at work"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-male-landscaper-denim-shirt-trimming-overgrown-lawn-with-lawn-mover-summer-day-low_7502-10170.jpg",              imageAlt: "Professional landscaping equipment"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg",              imageAlt: "Pristine maintained lawn"
            }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyOne
          title="Our Grass Cutting Services"
          description="Comprehensive lawn care solutions designed to keep your grass healthy, beautiful, and well-maintained year-round. From routine cutting to specialized treatments, we've got you covered."
          tag="Services"
          tagIcon={Leaf}
          imageSrc="https://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg"
          imageAlt="Professional grass cutting in action"
          mediaPosition="left"
          useInvertedBackground="noInvert"
          accordionItems={[
            {
              id: "1",              title: "Weekly Grass Cutting",              content: "Maintain your lawn's perfect appearance with our reliable weekly cutting service. We ensure consistent height, precise edging, and clean results every time. Available year-round with flexible scheduling."
            },
            {
              id: "2",              title: "Seasonal Yard Cleanup",              content: "Spring and fall cleanup services including leaf removal, debris clearing, and property preparation. We'll have your yard looking pristine for every season."
            },
            {
              id: "3",              title: "Landscape Design & Installation",              content: "Custom landscape design tailored to your property and preferences. From bed design to hardscaping, our team brings your vision to life with professional expertise."
            },
            {
              id: "4",              title: "Lawn Treatment & Health",              content: "Specialized treatments for lawn health including aeration, seeding, weed control, and fertilization to ensure thick, vibrant grass that resists disease and drought."
            }
          ]}
          buttons={[
            { text: "Schedule Service", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Why Choose Greener Landscaping?"
          description="With over 15 years of experience serving Des Moines homeowners and businesses, we combine expert knowledge, reliable service, and attention to detail. We're committed to making your property the greenest on the block."
          tag="About Us"
          tagIcon={Award}
          imageSrc="https://img.b2bpic.net/free-photo/concentrated-gardeners-arranging-coniferous-plants-garden-man-woman-wearing-aprons-growing-small-thuja-greenhouse-selective-focus-commercial-gardening-activity-summer-concept_74855-12739.jpg"
          imageAlt="Greener Landscaping professional team"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Contact Us Today", href: "contact" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Track Record"
          description="Trusted by hundreds of Des Moines residents and businesses for professional landscaping services."
          tag="Results"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "500+",              title: "Properties Maintained",              description: "Active lawn care clients across Des Moines",              imageSrc: "https://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg",              imageAlt: "Property maintenance success"
            },
            {
              id: "2",              value: "15+",              title: "Years Experience",              description: "Professional landscaping expertise in Des Moines area",              imageSrc: "https://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22796.jpg",              imageAlt: "Years of service excellence"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Clients Say"
          description="Real feedback from Des Moines homeowners who trust Greener Landscaping with their outdoor spaces."
          tag="Testimonials"
          tagIcon={MessageSquare}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Homeowner",              company: "Des Moines, IA",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg",              imageAlt: "Sarah Mitchell testimonial"
            },
            {
              id: "2",              name: "James Richardson",              role: "Business Owner",              company: "Downtown Des Moines",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-company-team-working_23-2149145164.jpg",              imageAlt: "James Richardson testimonial"
            },
            {
              id: "3",              name: "Jennifer Lopez",              role: "Property Manager",              company: "Des Moines Estates",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              imageAlt: "Jennifer Lopez testimonial"
            },
            {
              id: "4",              name: "Michael Chen",              role: "Homeowner",              company: "West Des Moines, IA",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",              imageAlt: "Michael Chen testimonial"
            }
          ]}
          kpiItems={[
            { value: "98%", label: "Customer Satisfaction" },
            { value: "500+", label: "Happy Clients" },
            { value: "15+", label: "Years in Business" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about our grass cutting and landscaping services in Des Moines."
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="left"
          imageSrc="https://img.b2bpic.net/free-photo/smiling-male-landscaper-denim-shirt-trimming-overgrown-lawn-with-lawn-mover-summer-day-low_7502-10170.jpg"
          imageAlt="Landscaping design consultation"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How often should I have my grass cut?",              content: "During the growing season (spring and summer), weekly grass cutting is ideal to maintain a healthy, attractive lawn. Fall and winter may require less frequent cutting depending on growth rates. We'll recommend a schedule based on your specific lawn's needs."
            },
            {
              id: "2",              title: "Do you offer one-time cuts or only recurring service?",              content: "We offer both! Choose from weekly maintenance packages or schedule one-time cuts for special occasions. Our flexible scheduling works around your budget and needs."
            },
            {
              id: "3",              title: "What areas of Des Moines do you service?",              content: "We proudly serve Des Moines and surrounding areas including West Des Moines, Urbandale, and nearby communities. Contact us to confirm service availability for your address."
            },
            {
              id: "4",              title: "Are your lawn treatments safe for pets and children?",              content: "Yes! We use professional-grade treatments that are safe for families and pets when applied according to guidelines. We'll provide detailed instructions for your safety."
            },
            {
              id: "5",              title: "How do I schedule a free consultation?",              content: "Simply contact us through our website, call, or fill out our consultation form. We'll visit your property, assess your lawn, and provide a personalized service plan and quote."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Lawn?"
          ctaDescription="Get a free, no-obligation quote for professional grass cutting and landscaping services in Des Moines. Let's make your yard greener."
          ctaButton={{
            text: "Get Your Free Quote",            href: "mailto:info@greenerlands.com"
          }}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What's included in the free quote?",              content: "Our free consultation includes a detailed property assessment, personalized recommendations, service options, and transparent pricing. No hidden fees or obligations."
            },
            {
              id: "2",              title: "How quickly can you start service?",              content: "We typically can schedule your first service within 1-2 weeks, depending on seasonal demand. Emergency or urgent services may be accommodated sooner."
            },
            {
              id: "3",              title: "Do you offer discounts for long-term contracts?",              content: "Yes! We offer attractive discounts for customers who commit to seasonal or annual service plans. Ask about our loyalty programs and package deals."
            },
            {
              id: "4",              title: "Can I modify my service plan anytime?",              content: "Absolutely. Our flexible contracts allow you to adjust, pause, or resume services based on your needs and seasonal changes. Just let us know!"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Greener"
          copyrightText="© 2025 Greener Landscaping. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Grass Cutting", href: "services" },
                { label: "Yard Cleanup", href: "services" },
                { label: "Landscaping Design", href: "services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Des Moines, IA", href: "#" },
                { label: "info@greenerlands.com", href: "mailto:info@greenerlands.com" },
                { label: "(515) 555-0123", href: "tel:+15155550123" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}