"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { LeafyGreen, Sprout, Tractor, SprayCan } from "lucide-react";

export default function ServicesPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="medium"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              {
                name: "Home",                id: "/"},
              {
                name: "About Us",                id: "/about"},
              {
                name: "Services",                id: "/services"},
              {
                name: "Portfolio",                id: "/#portfolio"},
              {
                name: "Testimonials",                id: "/#testimonials"},
              {
                name: "Contact",                id: "/#contact"},
            ]}
            brandName="Lombard Landscaping by Morris LDC"
            button={{
              text: "Get a Free Quote",              href: "/#contact"}}
            animateOnLoad={true}
          />
        </div>

        <div id="services-content" data-section="services-content">
          <FeatureCardSeven
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              {
                title: "Mowing & Edging",                description: "Our professional mowing and precise edging services keep your lawn looking neat and well-maintained. We customize our approach to your lawn's specific needs for optimal health and appearance.",                imageSrc: "http://img.b2bpic.net/free-photo/gardener-mowing-lush-lawn_74855-12936.jpg",                imageAlt: "Lawn mowing service",                buttons: [{ text: "Learn More", href: "/#contact" }]
              },
              {
                title: "Fertilization & Weed Control",                description: "We develop tailored fertilization plans to nourish your lawn, combined with effective weed control strategies to eliminate unwanted plants and promote strong, healthy grass. Our solutions are designed for the Lombard climate.",                imageSrc: "http://img.b2bpic.net/free-photo/farmer-spraying-pesticides-plants_23-2148967923.jpg",                imageAlt: "Lawn fertilization and weed control",                buttons: [{ text: "Learn More", href: "/#contact" }]
              },
              {
                title: "Aeration & Overseeding",                description: "Improve your lawn's health by allowing air, water, and nutrients to penetrate the soil more effectively with our aeration services. Overseeding introduces new grass varieties for a thicker, more resilient turf.",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-lawn-roller-tool_23-2149405628.jpg",                imageAlt: "Lawn aeration and overseeding",                buttons: [{ text: "Learn More", href: "/#contact" }]
              },
              {
                title: "Seasonal Clean-ups",                description: "Prepare your property for changing seasons with our comprehensive clean-up services. From leaf removal in the fall to debris clearing in the spring, we ensure your landscape is always ready to thrive.",                imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-leaves-from-lawn_23-2148187498.jpg",                imageAlt: "Seasonal leaf clean-up",                buttons: [{ text: "Learn More", href: "/#contact" }]
              }
            ]}
            title="Our Comprehensive Lawn & Landscape Services"
            description="At Lombard Landscaping by Morris LDC, we offer a full suite of services designed to keep your outdoor space pristine and vibrant year-round, always with a customer-focused approach."
            tag="Expert Care"
            tagIcon={LeafyGreen}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              {
                title: "Services",                items: [
                  {
                    label: "Mowing & Edging",                    href: "/services"},
                  {
                    label: "Fertilization",                    href: "/services"},
                  {
                    label: "Aeration",                    href: "/services"},
                  {
                    label: "Seasonal Clean-ups",                    href: "/services"},
                ],
              },
              {
                title: "Company",                items: [
                  {
                    label: "About Us",                    href: "/about"},
                  {
                    label: "Portfolio",                    href: "/#portfolio"},
                  {
                    label: "Testimonials",                    href: "/#testimonials"},
                  {
                    label: "FAQ",                    href: "/#faq"},
                ],
              },
              {
                title: "Connect",                items: [
                  {
                    label: "Contact Us",                    href: "/#contact"},
                  {
                    label: "Get a Quote",                    href: "/#contact"},
                ],
              },
            ]}
            bottomLeftText="© 2024 Lombard Landscaping by Morris LDC. All rights reserved."
            bottomRightText="Crafted with passion for nature."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
