"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="large"
        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Services", id: "services" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Great Eco Lawn Care"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Eco-Conscious Care for a Greener Lawn"
      description="We nurture your lawn with organic, sustainable practices that keep it healthy, lush, and safe for your family."
      buttons={[{ text: "Get a Quote", href: "#contact" }]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-green-wheat-fields-ukraine-green-wheat-sprouts-field-close-up-concept-ecology-protection-explore-world-s-beauty_169016-15541.jpg?_wi=1"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/attractive-man-with-papaer-sheet-glasshouse_23-2147768482.jpg", alt: "Customer Sarah" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-surrounded-by-plants_23-2150522503.jpg", alt: "Customer James" },
        { src: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530841.jpg", alt: "Customer Elena" },
        { src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12292.jpg", alt: "Customer Mark" },
        { src: "http://img.b2bpic.net/free-photo/young-woman-taking-care-her-plants-greenhouse_23-2149037271.jpg", alt: "Customer Jessica" },
      ]}
      avatarText="Trusted by over 500+ happy homeowners"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Why Choose Eco Lawn Care?"
      description="We believe in sustainable landscaping that respects the environment. Our team uses organic solutions and advanced care techniques to ensure your lawn thrives naturally."
      metrics={[
        { value: "100%", title: "Organic Products" },
        { value: "5k+", title: "Lawns Transformed" },
        { value: "12", title: "Years Experience" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/smiling-happy-florist-her-nursery-standing-holding-potted-combination-succulents-her-hands-as-she-tends-gardenplants-greenhouse_158595-6976.jpg"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Organic Fertilization",          description: "Custom blends that improve soil health naturally without harmful synthetics.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mobile-beside-tools-gardening_23-2148672673.jpg?_wi=1" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cropped-unrecognizable-person-analysing-financial-chart-smartphone_1098-18935.jpg?_wi=1" }
        },
        {
          title: "Eco-Friendly Weed Control",          description: "Targeted, chemical-free strategies for managing weeds effectively.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mobile-beside-tools-gardening_23-2148672673.jpg?_wi=2" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cropped-unrecognizable-person-analysing-financial-chart-smartphone_1098-18935.jpg?_wi=2" }
        },
        {
          title: "Sustainable Mowing",          description: "Proper cutting heights and mulching techniques for water retention.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mobile-beside-tools-gardening_23-2148672673.jpg?_wi=3" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cropped-unrecognizable-person-analysing-financial-chart-smartphone_1098-18935.jpg?_wi=3" }
        },
      ]}
      showStepNumbers={true}
      title="Our Signature Services"
      description="Tailored care programs designed to support local biodiversity while keeping your lawn pristine."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        { id: "1", name: "Sarah Miller", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-with-papaer-sheet-glasshouse_23-2147768482.jpg" },
        { id: "2", name: "James Wilson", role: "Parent", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-surrounded-by-plants_23-2150522503.jpg" },
        { id: "3", name: "Elena Rossi", role: "Garden Enthusiast", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530841.jpg" },
        { id: "4", name: "Mark Stevens", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12292.jpg" },
        { id: "5", name: "Jessica Lee", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-care-her-plants-greenhouse_23-2149037271.jpg" },
      ]}
      kpiItems={[
        { value: "4.9/5", label: "Avg Rating" },
        { value: "95%", label: "Retention Rate" },
        { value: "1.2M", label: "Sq Ft Maintained" },
      ]}
      title="What Our Neighbors Say"
      description="Hear from homeowners who have switched to sustainable lawn care with us."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{ variant: "gradient-bars" }}
      text="Ready to switch to a healthier, greener lawn? Get in touch today for a free assessment."
      buttons={[{ text: "Contact Us Now", href: "mailto:hello@great-eco-lawn.com" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-green-wheat-fields-ukraine-green-wheat-sprouts-field-close-up-concept-ecology-protection-explore-world-s-beauty_169016-15541.jpg?_wi=2"
      logoText="Great Eco Lawn Care"
      columns={[
        {
          title: "Company",          items: [
            { label: "About Us", href: "#about" },
            { label: "Careers", href: "#" },
          ],
        },
        {
          title: "Services",          items: [
            { label: "Fertilization", href: "#services" },
            { label: "Maintenance", href: "#services" },
          ],
        },
        {
          title: "Legal",          items: [
            { label: "Privacy Policy", href: "#" },
            { label: "Terms of Service", href: "#" },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}