"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { ArrowRight } from "lucide-react";
import Link from "next/link";

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="fluid"
      cardStyle="subtle-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="ISLES"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Gallery", id: "/gallery" },
            { name: "Contact", id: "/contact" },
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySix
          title="Complete Landscaping & Lawn Care Services"
          description="Professional, reliable services tailored to keep your Arcadia property looking its absolute best year-round"
          tag="Full Service Excellence"
          tagAnimation="slide-up"
          features={[
            {
              title: "Lawn Maintenance Programs",
              description: "Weekly mowing, edging, trimming, and professional lawn care to keep your grass pristine and healthy.",
              imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg?_wi=3",
              imageAlt: "Professional lawn mowing service",
              buttonIcon: ArrowRight,
            },
            {
              title: "Custom Landscape Design & Installation",
              description: "Stunning custom landscape installations, garden beds, mulch applications, sod installation, and complete outdoor design transformations.",
              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=3",
              imageAlt: "Landscape design and installation",
              buttonIcon: ArrowRight,
            },
            {
              title: "Professional Tree & Yard Services",
              description: "Expert tree trimming, pruning, yard cleanup, complete property maintenance, and comprehensive debris removal.",
              imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12481.jpg?_wi=2",
              imageAlt: "Tree trimming and yard maintenance",
              buttonIcon: ArrowRight,
            },
            {
              title: "Seasonal Cleanup & Storm Recovery",
              description: "Storm cleanup, professional leaf removal, seasonal debris clearing, and complete spring/fall property preparation.",
              imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176599.jpg?_wi=2",
              imageAlt: "Seasonal yard cleanup service",
              buttonIcon: ArrowRight,
            },
            {
              title: "Comprehensive Property Maintenance",
              description: "Year-round comprehensive yard care including weed control, precise edging, and detailed general property upkeep.",
              imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg?_wi=4",
              imageAlt: "Complete property maintenance",
              buttonIcon: ArrowRight,
            },
            {
              title: "Custom Landscaping Projects",
              description: "Specialized landscaping projects, professional hardscaping, and unique custom outdoor improvements tailored to your vision.",
              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=4",
              imageAlt: "Custom landscaping project",
              buttonIcon: ArrowRight,
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Request Free Estimate", href: "/contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="service-benefits" data-section="service-benefits">
        <MetricCardTwo
          title="Why Our Service Stands Out"
          description="We deliver exceptional results through professional expertise and proven methods"
          metrics={[
            { id: "1", value: "9+", description: "Years of Local Experience" },
            { id: "2", value: "100%", description: "Reliability & Punctuality" },
            { id: "3", value: "Expert", description: "Certified Professionals" },
            { id: "4", value: "Premium", description: "Equipment & Materials" },
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Schedule Now"
          title="Transform Your Outdoor Space"
          description="Contact ISLES today for a free, no-obligation estimate. Our team will create a customized lawn care and landscaping plan perfect for your property."
          background={{ variant: "glowing-orb" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Get Free Estimate"
          termsText="We respect your privacy. Your information is secure with us."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="ISLES Landscaping"
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "Services", href: "/services" },
                { label: "Gallery", href: "/gallery" },
              ],
            },
            {
              items: [
                { label: "About", href: "/about" },
                { label: "Contact", href: "/contact" },
                { label: "Free Estimate", href: "/contact" },
              ],
            },
            {
              items: [
                { label: "Phone", href: "tel:+19412700790" },
                { label: "Email", href: "mailto:info@isleslandscaping.com" },
                { label: "Location", href: "#" },
              ],
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Sitemap", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}