"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import {
  Sprout,
  Scissors,
  Droplets,
  Leaf,
  Hammer,
  Truck,
  Phone,
} from "lucide-react";

export default function ServicesPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Services", id: "services" },
    { name: "Portfolio", id: "portfolio" },
    { name: "Pricing", id: "pricing" },
    { name: "Contact", id: "contact" },
  ];

  const navButton = { text: "Call Now", href: "/contact" };

  const footerColumns = [
    {
      items: [
        { label: "Home", href: "/" },
        { label: "Services", href: "/services" },
        { label: "Portfolio", href: "/portfolio" },
        { label: "Pricing", href: "/pricing" },
      ],
    },
    {
      items: [
        { label: "Contact Us", href: "/contact" },
        { label: "Free Quote", href: "/contact" },
        { label: "FAQ", href: "/" },
        { label: "Blog", href: "/" },
      ],
    },
    {
      items: [
        { label: "Privacy Policy", href: "/" },
        { label: "Terms of Service", href: "/" },
        { label: "Service Agreement", href: "/" },
        { label: "Warranty Info", href: "/" },
      ],
    },
    {
      items: [
        { label: "Phone: (555) 123-4567", href: "tel:+15551234567" },
        { label: "Email: info@greenscape.com", href: "mailto:info@greenscape.com" },
        { label: "Address: 123 Lawn St, City, State 12345", href: "/" },
        { label: "Hours: Mon-Sat 8am-6pm", href: "/" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="fluid"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={navButton}
          brandName="GreenScape Turf"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBorderGlow
          features={[
            {
              icon: Sprout,
              title: "Turf Installation",
              description:
                "Premium quality turf sourced from trusted suppliers, expertly laid for immediate impact and fast establishment. We handle all site preparation and ensure perfect soil conditions.",
            },
            {
              icon: Scissors,
              title: "Lawn Maintenance",
              description:
                "Regular mowing, edging, and care packages to keep your lawn looking pristine year-round. Customizable schedules to match your property's needs.",
            },
            {
              icon: Droplets,
              title: "Irrigation Systems",
              description:
                "Smart watering solutions designed to maximize lawn health while minimizing water waste. Professional installation and optimization.",
            },
            {
              icon: Leaf,
              title: "Weed & Pest Control",
              description:
                "Environmentally-friendly treatments to protect your lawn from weeds, insects, and disease. Safe for families and pets.",
            },
            {
              icon: Hammer,
              title: "Landscape Design",
              description:
                "Creative design services to reimagine your outdoor space with functionality and beauty. Custom solutions for residential and commercial properties.",
            },
            {
              icon: Truck,
              title: "Emergency Services",
              description:
                "Rapid response for storm damage, emergency repairs, and urgent lawn restoration needs. 24/7 availability for critical situations.",
            },
          ]}
          animationType="slide-up"
          title="Our Complete Service Offerings"
          description="From installation to maintenance, we provide comprehensive lawn and landscape solutions tailored to your specific needs and budget."
          tag="Services Overview"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Schedule a Free Consultation", href: "/contact" }]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          metrics={[
            {
              id: "1",
              value: "15+",
              title: "Years Serving Our Community",
              description: "Industry expertise and proven methodology",
              imageSrc:
                "http://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?_wi=2",
              imageAlt: "experienced workers professional team lawn care team gardening experts",
            },
            {
              id: "2",
              value: "500+",
              title: "Successful Installations",
              description:
                "Residential and commercial projects completed with excellence",
              imageSrc:
                "http://img.b2bpic.net/free-photo/man-working-eco-friendly-wind-power-project-with-layout_23-2148847779.jpg?_wi=2",
              imageAlt: "completed projects before after lawn transformation results portfolio showcase",
            },
            {
              id: "3",
              value: "98%",
              title: "Customer Satisfaction Rate",
              description: "Consistently exceeding expectations",
              imageSrc:
                "http://img.b2bpic.net/free-photo/happy-couple-celebrating-giving-highfive-each-other-while-being-meeting-with-real-estate-agent_637285-6877.jpg?_wi=2",
              imageAlt: "satisfied customer happy homeowner successful project customer satisfaction",
            },
          ]}
          animationType="slide-up"
          title="Service Excellence & Results"
          description="Our dedication to quality and customer satisfaction has made us the trusted choice for lawn and landscape services."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          faqs={[
            {
              id: "1",
              title: "What's your service process?",
              content:
                "We start with a free site assessment to understand your lawn's conditions, soil quality, and your goals. Based on this, we develop a customized plan and provide a no-obligation quote. Once approved, we schedule the work at your convenience.",
            },
            {
              id: "2",
              title: "How often should I maintain my lawn?",
              content:
                "Most lawns benefit from weekly or bi-weekly maintenance during growing seasons. We recommend seasonal adjustments based on weather and grass type. Our maintenance consultants can recommend the perfect schedule for your specific lawn.",
            },
            {
              id: "3",
              title: "Do you service commercial properties?",
              content:
                "Yes! We specialize in commercial landscaping and grounds management. We work with corporate campuses, retail centers, and other commercial properties. We offer flexible scheduling and dedicated account management for business clients.",
            },
          ]}
          ctaTitle="Ready to Transform Your Lawn?"
          ctaDescription="Contact our team today for a free assessment and personalized service recommendation."
          ctaButton={{ text: "Get Started Now", href: "/contact" }}
          ctaIcon={Phone}
          useInvertedBackground={true}
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis columns={footerColumns} logoText="GreenScape Turf" />
      </div>
    </ThemeProvider>
  );
}