"use client";

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, TreeDeciduous, Home, Users, CheckCircle, DollarSign, Leaf, Star, Crown, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Lopez Lawncare Service"
          logoSrc="http://img.b2bpic.net/free-vector/flat-design-lawn-mower-logo_23-2149189099.jpg"
          logoAlt="Lopez Lawncare Logo"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "Services", id: "#services" },
            { name: "Pricing", id: "#pricing" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "Contact", id: "#contact" }
          ]}
          button={{
            text: "Get a Free Quote",            href: "#contact"
          }}
        />
      </div>

      <div id="home" data-section="home">
        <HeroOverlayTestimonial
          title="Your Lawn, Our Passion. Unmatched Care for Every Yard."
          description="Lopez Lawncare Service provides exceptional landscaping and lawn maintenance. Experience the difference with our reliable, affordable, and professional team."
          testimonials={[
            { name: "Kaitlin Ward", handle: "@KaitlinW", testimonial: "They do a great job at an affordable price! Their work is consistent from week to week, the yard always looks great when they come. In the fall, they took care of all the leaves, too! I highly recommend their services!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg", imageAlt: "Kaitlin Ward" },
            { name: "harshali thakare", handle: "@harshaliT", testimonial: "Great experience with Lopez Lawn-care service! They installed underground drainage and did front yard mulching and edging. Everything looks neat and professional, and the drainage is working perfectly. Highly recommend their lawn care services!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/i-choose-you-positive-emotional-male-with-dark-hair-looks-with-joy-points-with-forefingers-you-handsome-young-good-looking-guy-having-fun-ondoors-gestures-face-expressions_176420-13403.jpg", imageAlt: "harshali thakare" },
            { name: "Andrew Harris", handle: "@AndrewH", testimonial: "Great service! My yard looks so good now! Thank you Adonias!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/red-haired-lady-with-black-bandage-neck-fashionable-yellow-green-dress-smiling-looking-into-camera-posing-background-vineyards_197531-30129.jpg", imageAlt: "Andrew Harris" },
            { name: "Maria Garcia", handle: "@MariaG", testimonial: "Lopez Lawncare transformed our unruly garden into a beautiful, manicured space. Their team is efficient and truly passionate about what they do. Highly recommend for any landscaping needs!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background-glasses_158538-9628.jpg", imageAlt: "Maria Garcia" },
            { name: "John Davis", handle: "@JohnD", testimonial: "Fantastic service from start to finish. They handled our complex drainage issue with ease and improved our curb appeal significantly. Our yard has never looked better!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-happy-guy-sitting-cafe-drinking-lemonade-using-mobile-phone-laughing-text-message_176420-25740.jpg", imageAlt: "John Davis" },
            { name: "Sophia Lee", handle: "@SophiaL", testimonial: "Reliable, professional, and always exceeding expectations. Lopez Lawncare keeps our property pristine year-round. It's truly a pleasure working with them!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148136029.jpg", imageAlt: "Sophia Lee" }
          ]}
          testimonialRotationInterval={5000}
          tag="Expert Lawn & Landscape"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Services", href: "#services" },
            { text: "Get a Free Quote", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", alt: "Happy Customer 1" },
            { src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", alt: "Happy Customer 2" },
            { src: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-attractive-bearded-caucasian-male-gardener-blue-t-shirt-smiling-camera-planting-seeds-garden-watering-plants_176420-19925.jpg", alt: "Happy Customer 3" },
            { src: "http://img.b2bpic.net/free-photo/young-woman-smiling-confident-standing-street_839833-12943.jpg", alt: "Happy Customer 4" }
          ]}
          avatarText="Trusted by 5-star reviews"
          imageSrc="http://img.b2bpic.net/free-photo/old-white-house-garden_1150-12900.jpg"
          imageAlt="Lush green lawn with a neatly trimmed landscape"
          showBlur={true}
          textPosition="bottom"
          ariaLabel="Hero section with lawncare service tagline and customer testimonials"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Committed to Crafting Beautiful Outdoor Spaces"
          metrics={[
            { icon: TreeDeciduous, label: "Years of Experience", value: "10+" },
            { icon: Home, label: "Satisfied Homes", value: "200+" },
            { icon: Users, label: "Expert Team", value: "5+" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
          ariaLabel="About us section highlighting our experience and impact"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Our Expertise, Your Perfect Yard"
          description="At Lopez Lawncare Service, we combine passion with precision to deliver outstanding results. Our comprehensive services ensure your outdoor space is always at its best."
          tag="Quality & Precision"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          accordionItems={[
            { id: "drainage", title: "Advanced Drainage Solutions", content: "We expertly install underground drainage systems to prevent water accumulation, ensuring a healthy lawn and protecting your property from erosion. Our solutions are neat, professional, and highly effective." },
            { id: "mulching", title: "Professional Mulching & Edging", content: "Enhance your front yard's aesthetic and health with our mulching and edging services. We create clean, defined garden beds that look professional and keep your plants thriving." },
            { id: "maintenance", title: "Consistent Lawn Maintenance", content: "Enjoy a consistently beautiful yard with our weekly maintenance services. From mowing to trimming, we ensure your lawn always looks great, allowing you to relax and enjoy your outdoor space." }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/construction-site-with-old-pipes-dug-out_23-2148254078.jpg"
          imageAlt="Underground drainage system being installed in a garden"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          mediaPosition="left"
          ariaLabel="Features section detailing our core services with an accordion"
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardOne
          title="Our Range of Lawncare Services"
          description="From routine maintenance to specialized treatments, Lopez Lawncare offers a full suite of services to keep your landscape pristine and healthy."
          tag="Complete Yard Care"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          products={[
            { id: "p1", name: "Lawn Mowing & Trimming", price: "Starting at $45", imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg", imageAlt: "Lawnmower cutting grass" },
            { id: "p2", name: "Mulching & Edging", price: "Starting at $75", imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-delicious-food-composition_23-2148964909.jpg", imageAlt: "Garden bed with fresh mulch" },
            { id: "p3", name: "Hedge Trimming", price: "Starting at $60", imageSrc: "http://img.b2bpic.net/free-photo/green-leaves_1417-1624.jpg", imageAlt: "Gardener trimming a hedge" },
            { id: "p4", name: "Tree & Shrub Pruning", price: "Starting at $80", imageSrc: "http://img.b2bpic.net/free-photo/gardener-looking-fresh-green-plant_23-2147844325.jpg", imageAlt: "Tree pruning with clippers" },
            { id: "p5", name: "Flower Bed Planting", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-fashionable-young-european-man-with-stylish-thick-beard_343059-3616.jpg", imageAlt: "Gardener planting flowers in a garden" },
            { id: "p6", name: "Fall Leaf Removal", price: "Seasonal Quote", imageSrc: "http://img.b2bpic.net/free-photo/all-excellent-joyful-attractive-young-adult-man-sweater-vest-jeans-standing-with-rake-showing-ok-gesture-green-lawn-garden-autumn-day_259150-58535.jpg", imageAlt: "Piles of autumn leaves" }
          ]}
          useInvertedBackground={true}
          ariaLabel="Product section showcasing our lawn care services"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Flexible Plans for Every Lawn"
          description="Choose the perfect lawn care package that fits your needs and budget. All plans are customizable and include our commitment to quality service."
          tag="Affordable & Transparent"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="depth-3d"
          plans={[
            { id: "basic", badge: "Essential", badgeIcon: Leaf, price: "$180/Month", subtitle: "Basic maintenance for small to medium lawns.", features: ["Weekly Mowing & Trimming", "Edging & Blowing", "Light Weed Control"] },
            { id: "standard", badge: "Popular", badgeIcon: Star, price: "$300/Month", subtitle: "Comprehensive care for a vibrant, healthy lawn.", features: ["All Essential Features", "Mulching (seasonal)", "Hedge Trimming (seasonal)", "Fertilization Program"] },
            { id: "premium", badge: "Premium", badgeIcon: Crown, price: "$500/Month", subtitle: "Full-service landscaping for immaculate results.", features: ["All Standard Features", "Advanced Drainage Solutions", "Flower Bed Maintenance", "Seasonal Cleanup (Spring/Fall)"] }
          ]}
          useInvertedBackground={false}
          ariaLabel="Pricing plans for lawn care services"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Clients Say"
          description="We're proud of the relationships we build and the beautiful results we deliver. Hear directly from our satisfied customers."
          tag="Client Success"
          tagIcon={Users}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          testimonials={[
            { id: "t1", name: "Kaitlin Ward", handle: "@KaitlinW", testimonial: "They do a great job at an affordable price! Their work is consistent from week to week, the yard always looks great when they come. In the fall, they took care of all the leaves, too! I highly recommend their services!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-posing_273609-12919.jpg", imageAlt: "Kaitlin Ward testimonial" },
            { id: "t2", name: "harshali thakare", handle: "@harshaliT", testimonial: "Great experience with Lopez Lawn-care service! They installed underground drainage and did front yard mulching and edging. Everything looks neat and professional, and the drainage is working perfectly. Highly recommend their lawn care services!", imageSrc: "http://img.b2bpic.net/free-photo/excited-bearded-guy-business-suit-gasping-amazed-looking-with-admiration-showing-okay-sign-sa_1258-173566.jpg", imageAlt: "harshali thakare testimonial" },
            { id: "t3", name: "Andrew Harris", handle: "@AndrewH", testimonial: "Great service! My yard looks so good now! Thank you Adonias!", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-portrait-outdoor_624325-3559.jpg", imageAlt: "Andrew Harris testimonial" },
            { id: "t4", name: "Maria Garcia", handle: "@MariaG", testimonial: "Lopez Lawncare transformed our unruly garden into a beautiful, manicured space. Their team is efficient and truly passionate about what they do. Highly recommend for any landscaping needs!", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cheerful-caucasian-female-pensioner-with-short-pixie-hairstyle-smiling-broadly-dressed-stylish-knitted-burgundy-pullover-people-age-style-knitwear-fashion-concept_343059-2680.jpg", imageAlt: "Maria Garcia testimonial" },
            { id: "t5", name: "John Davis", handle: "@JohnD", testimonial: "Fantastic service from start to finish. They handled our complex drainage issue with ease and improved our curb appeal significantly. Our yard has never looked better!", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3571.jpg", imageAlt: "John Davis testimonial" },
            { id: "t6", name: "Sophia Lee", handle: "@SophiaL", testimonial: "Reliable, professional, and always exceeding expectations. Lopez Lawncare keeps our property pristine year-round. It's truly a pleasure working with them!", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-african-woman-student-smiling-laughing-sitting-cafe-books-magazines-lying-table-learning-education_176420-12410.jpg", imageAlt: "Sophia Lee testimonial" }
          ]}
          speed={40}
          topMarqueeDirection="left"
          useInvertedBackground={true}
          ariaLabel="Customer testimonials section with scrolling cards"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          faqs={[
            { id: "faq1", title: "What areas do you serve?", content: "We primarily serve Raleigh, NC and surrounding areas. Please contact us to confirm service availability in your specific location." },
            { id: "faq2", title: "How do I get a quote?", content: "You can get a free quote by calling us directly at (334) 591-7482 or by filling out the contact form on our website. We'll schedule a visit to assess your needs." },
            { id: "faq3", title: "What services are included in basic lawn care?", content: "Our basic lawn care typically includes weekly mowing, trimming, edging, and blowing of hard surfaces. Additional services like mulching or pruning can be added." },
            { id: "faq4", title: "Are you insured?", content: "Yes, Lopez Lawncare Service is fully insured for your protection and peace of mind. We maintain comprehensive liability coverage." },
            { id: "faq5", title: "Do you offer seasonal cleanup services?", content: "Absolutely! We provide comprehensive spring and fall cleanup services, including leaf removal, garden bed preparation, and debris clearing to keep your yard tidy year-round." }
          ]}
          sideTitle="Questions? We've Got Answers"
          sideDescription="Find quick answers to common inquiries about our lawn care and landscaping services. If you don't see your question, feel free to reach out!"
          buttons={[
            { text: "Contact Us Directly", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          faqsAnimation="slide-up"
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
          ariaLabel="Frequently asked questions section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Your Free Estimate"
          title="Let's Transform Your Outdoor Space"
          description="Ready for a beautiful, well-maintained yard? Contact Lopez Lawncare Service today for a free consultation and personalized quote. We're here to help!"
          tagIcon={Mail}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/side-view-man-taking-care-potted-plant_23-2149722647.jpg"
          imageAlt="Gardener watering a lush green lawn"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Your Email Address"
          buttonText="Send Message"
          termsText="By submitting this form, you agree to our privacy policy and terms of service."
          ariaLabel="Contact section with a form to request a quote"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoSrc="http://img.b2bpic.net/free-vector/flat-design-lawn-mower-logo_23-2149189099.jpg"
          logoAlt="Lopez Lawncare Service Logo"
          logoText="Lopez Lawncare Service"
          columns={[
            { items: [{ label: "Home", href: "#home" }, { label: "About Us", href: "#about" }, { label: "Services", href: "#services" }, { label: "Pricing", href: "#pricing" }] },
            { items: [{ label: "Testimonials", href: "#testimonials" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
            { items: [{ label: "2205 Trackside Dr", href: "https://www.google.com/maps/search/2205+Trackside+Dr,+Raleigh,+NC+27603" }, { label: "Raleigh, NC 27603", href: "https://www.google.com/maps/search/2205+Trackside+Dr,+Raleigh,+NC+27603" }, { label: "(334) 591-7482", href: "tel:+13345917482" }] }
          ]}
          ariaLabel="Site footer with company information and navigation links"
        />
      </div>
    </ThemeProvider>
  );
}
