"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Leaf, Facebook, Instagram, Phone } from "lucide-react";

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="noise"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Monjas YSK"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Gallery", id: "/gallery" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" },
          ]}
          button={{ text: "Call Now", href: "tel:+17755551234" }}
        />
      </div>

      {/* Detailed Services */}
      <div id="services-detail" data-section="services-detail">
        <FeatureCardOne
          features={[
            {
              title: "Artificial Turf Installation",
              description:
                "Transform your outdoor space with premium artificial turf. Our synthetic grass is UV-resistant, pet-friendly, and requires no watering or maintenance. Perfect for Nevada's desert climate, reducing water usage by up to 55 gallons per square foot annually.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/old-woman-doing-fitness-exercises_23-2149565535.jpg",
              imageAlt: "Artificial turf installation",
              button: { text: "Get Quote", href: "/contact" },
            },
            {
              title: "Irrigation Systems Design & Installation",
              description:
                "Efficient irrigation keeps your landscape healthy while conserving water. We design custom systems with smart controllers, drip irrigation, and sprinkler zones tailored to your property's unique needs and plant requirements.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/gardening_23-2148020412.jpg",
              imageAlt: "Irrigation system installation",
              button: { text: "Get Quote", href: "/contact" },
            },
            {
              title: "Hardscape & Landscape Construction",
              description:
                "We build lasting outdoor structures including retaining walls, patios, walkways, driveways, pergolas, and water features. Each project combines functionality with aesthetic appeal, using quality materials and skilled craftsmanship.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/path-way_74190-2125.jpg",
              imageAlt: "Hardscape patio construction",
              button: { text: "Get Quote", href: "/contact" },
            },
          ]}
          title="Our Detailed Services"
          description="Professional landscaping solutions tailored to meet the unique needs of Reno and Carson City properties."
          tag="Comprehensive Solutions"
          tagIcon={Leaf}
          tagAnimation="slide-up"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
          ariaLabel="Detailed services showcase"
        />
      </div>

      {/* Services CTA */}
      <div id="services-cta" data-section="services-cta">
        <ContactText
          text="Need a custom landscaping solution? Our team specializes in creating outdoor spaces that combine beauty, functionality, and durability. Schedule your free consultation and site evaluation today."
          animationType="entrance-slide"
          background={{ variant: "noise" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Schedule Consultation", href: "tel:+17755551234" },
            { text: "Back to Home", href: "/" },
          ]}
          ariaLabel="Services call to action section"
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Monjas YSK"
          copyrightText="© 2025 Monjas YSK Landscaping. All rights reserved. Professional Landscaping & Outdoor Construction serving Reno & Carson City, NV."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Phone, href: "tel:+17755551234", ariaLabel: "Call us" },
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}