"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Leaf, TreePine } from "lucide-react";

export default function LandscapingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            brandName="Forest Hills"
            navItems={[
              { name: "Services", id: "services" },
              { name: "About", id: "about" },
              { name: "Testimonials", id: "testimonials" },
              { name: "Contact", id: "contact" },
            ]}
            button={{ text: "Get Quote", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlayTestimonial
            tag="Local Lawn Care Experts"
            tagIcon={Leaf}
            title="Forest Hills Lawn Care"
            description="Professional lawn maintenance services dedicated to keeping our neighborhood beautiful. Reliable, professional, and precise."
            buttons={[
              { text: "Request Quote", href: "#contact" },
              { text: "View Services", href: "#services" },
            ]}
            buttonAnimation="slide-up"
            imageSrc="http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg"
            imageAlt="Manicured suburban lawn in Forest Hills"
            showDimOverlay={true}
            textPosition="top"
            testimonials={[
              {
                name: "Mark T.",                handle: "Forest Hills Resident",                testimonial: "They do an incredible job on my yard. Highly recommend!",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg"
              },
              {
                name: "Anna J.",                handle: "Forest Hills Resident",                testimonial: "The most reliable lawn service we've ever hired. Always on time and very thorough.",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-great-time-with-friends_23-2149286491.jpg"
              },
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <TestimonialAboutCard
            tag="Professional Service"
            tagIcon={Leaf}
            tagAnimation="slide-up"
            title="Proudly serving Forest Hills with discipline and precision."
            description="Founded by local professionals, Forest Hills Lawn Care treats every lawn with dedication and care."
            subdescription="Built on integrity since 2018"
            icon={TreePine}
            imageSrc="http://img.b2bpic.net/free-photo/young-woman-taking-care-her-plants_23-2149037252.jpg"
            mediaAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardNineteen
            tag="Our Services"
            tagIcon={Leaf}
            title="Quality Lawn Care Services"
            description="Professional care designed for the unique needs of our local community."
            buttonAnimation="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              {
                tag: "Maintenance",                title: "Routine Mowing",                subtitle: "Precision Edging",                description: "Professional cutting schedules to keep your lawn looking sharp and healthy all season long.",                imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-gardener-wearing-gardening-hat-holds-rake-hoe-rake-isolated-orange-background-with-copy-space_141793-67713.jpg"
              },
              {
                tag: "Cleanup",                title: "Seasonal Cleanups",                subtitle: "Leaf & Debris",                description: "Comprehensive spring and fall cleanup services to prepare your landscape for every season.",                imageSrc: "http://img.b2bpic.net/free-photo/man-yellow-vest-raking-leaves-park_259150-57324.jpg"
              },
              {
                tag: "Planting",                title: "Mulch Installation",                subtitle: "Flower Beds",                description: "Refresh your garden beds with professional mulch application for protection and beauty.",                imageSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-watering-pot-space-left_23-2147673247.jpg"
              },
            ]}
          />
        </div>

        <div id="why-us" data-section="why-us">
          <TeamCardSix
            title="Why Forest Hills Choose Us"
            description="We aren't just landscapers; we are your neighbors."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "Local Expert Knowledge",                role: "We understand local soil, grass types, and the Forest Hills climate.",                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-green-bushes-full-leaves-captured-middle-tropical-forest_181624-41028.jpg"
              },
              {
                id: "2",                name: "Consistent Reliability",                role: "We show up when promised and leave your property looking pristine.",                imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-gloves-planting-flowers-garden_7502-9383.jpg"
              },
            ]}
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwelve
            cardTag="Local Praise"
            cardTagIcon={Leaf}
            cardTitle="See what our neighbors are saying."
            buttons={[{ text: "Get Your Free Quote", href: "#contact" }]}
            cardAnimation="slide-up"
            useInvertedBackground={false}
            testimonials={[
              { id: "1", name: "Susan L.", imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-concept-beautiful-asian-senior-woman-laughing-coquettish-playing-with-hair-strands_1258-156376.jpg" },
              { id: "2", name: "Mike G.", imageSrc: "http://img.b2bpic.net/free-photo/goodlooking-stylish-modern-hispanic-guy-with-stylish-haircut-beard-wear-grey-sweater-tshirt-hold-hands-pockets-smiling-joyfully-laughing-chatting-with-friends-white-background_176420-51726.jpg" },
              { id: "3", name: "Chris P.", imageSrc: "http://img.b2bpic.net/free-photo/never-ending-happiness-our-new-home_329181-9763.jpg" },
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqDouble
            tag="Questions"
            title="Frequently Asked"
            description="Common answers for our neighborhood clients."
            textboxLayout="default"
            useInvertedBackground={false}
            faqsAnimation="slide-up"
            faqs={[
              {
                id: "1",                title: "Do you only serve Forest Hills?",                content: "We specialize in Forest Hills to ensure we are always prompt and available to our local neighbors."
              },
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            title="Request A Free Quote"
            description="Let's get your lawn in top shape. Drop us a message and we will respond today."
            useInvertedBackground={false}
            buttonText="Submit Request"
            inputs={[
              { name: "name", type: "text", placeholder: "Full Name", required: true },
              { name: "email", type: "email", placeholder: "Email", required: true },
            ]}
            textarea={{ name: "message", placeholder: "How can we help your lawn?" }}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              {
                title: "Services",                items: [{ label: "Lawn Mowing" }, { label: "Cleanups" }, { label: "Fertilization" }],
              },
              {
                title: "Company",                items: [{ label: "About Us" }, { label: "Contact" }],
              },
            ]}
            bottomLeftText="© 2025 Forest Hills Lawn Care"
            bottomRightText=""
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}