"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Phone } from "lucide-react";

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLarge"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Early Bird Landscaping"
          navItems={[
            { name: "Services", id: "/services" },
            { name: "Before & After", id: "/before-after" },
            { name: "Reviews", id: "/reviews" },
            { name: "About", id: "/about" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardOne
          title="Complete Landscaping Services"
          description="From basic maintenance to complete property transformations, we handle it all with professional results and same-day scheduling when possible."
          products={[
            {
              id: "1",
              name: "Yard Cleanouts & Debris Haul Away",
              price: "From $299",
              imageSrc: "https://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176599.jpg?_wi=2",
              imageAlt: "Professional yard cleanout service"
            },
            {
              id: "2",
              name: "Weed Removal & Scraping",
              price: "From $149",
              imageSrc: "https://img.b2bpic.net/free-photo/crop-woman-working-garden_23-2147714891.jpg?_wi=2",
              imageAlt: "Complete weed removal service"
            },
            {
              id: "3",
              name: "Trimming, Pruning & Detail Work",
              price: "From $199",
              imageSrc: "https://img.b2bpic.net/free-photo/hands-gardener-orange-gloves-are-trimming-overgrown-green-shrub-using-hedge-shears-sunny-backyard-worker-landscaping-garden-close-up_639032-841.jpg?_wi=2",
              imageAlt: "Professional trimming and pruning"
            },
            {
              id: "4",
              name: "Front & Backyard Refresh",
              price: "From $399",
              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg?_wi=2",
              imageAlt: "Complete yard refresh and makeover"
            },
            {
              id: "5",
              name: "Rental Property Cleanup",
              price: "From $249",
              imageSrc: "https://img.b2bpic.net/free-photo/couple-collects-leaves-cleans-park_1157-27418.jpg?_wi=2",
              imageAlt: "Rental property landscaping maintenance"
            },
            {
              id: "6",
              name: "Tilling & Bed Prep",
              price: "From $179",
              imageSrc: "https://img.b2bpic.net/free-photo/overhead-view-male-gardener-digging-soil-with-hoe_23-2148165200.jpg?_wi=2",
              imageAlt: "Garden bed preparation and tilling"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Get Your Quote", href: "tel:+1-555-0123" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="pricing-info" data-section="pricing-info">
        <MetricCardTwo
          title="Transparent Pricing You Can Trust"
          description="No hidden fees, no surprises. Here's what makes our pricing fair and competitive."
          metrics={[
            {
              id: "1",
              value: "Free",
              description: "Photo-based estimates and consultations"
            },
            {
              id: "2",
              value: "Same Day",
              description: "Often available for urgent projects"
            },
            {
              id: "3",
              value: "All Included",
              description: "Cleanup, haul-away, and labor covered"
            },
            {
              id: "4",
              value: "Fair Rate",
              description: "Competitive pricing for quality work"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Property?"
          ctaDescription="Contact us today for a fast, free estimate. We'll work within your budget to deliver results you'll love."
          ctaButton={{ text: "Call for Quote", href: "tel:+1-555-0123" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",
              title: "What's included in your service packages?",
              content: "Every service includes labor, cleanup, and debris haul-away. No hidden costs—what we quote is what you pay."
            },
            {
              id: "2",
              title: "How do you determine pricing?",
              content: "We base pricing on project size, complexity, and materials needed. Photos help us give accurate estimates quickly."
            },
            {
              id: "3",
              title: "Do you offer seasonal maintenance packages?",
              content: "Yes! We offer quarterly and seasonal maintenance plans for ongoing property care at discounted rates."
            },
            {
              id: "4",
              title: "What areas do you serve?",
              content: "We service a 25-mile radius around our base location. Contact us to confirm we cover your area."
            }
          ]}
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Services",
            items: [
              { label: "Yard Cleanouts", href: "/services" },
              { label: "Weed Removal", href: "/services" },
              { label: "Trimming & Pruning", href: "/services" },
              { label: "Rental Cleanup", href: "/services" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Before & After", href: "/before-after" },
              { label: "Reviews", href: "/reviews" },
              { label: "Get a Quote", href: "#quote" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Call Us", href: "tel:+1-555-0123" },
              { label: "Text for Quote", href: "sms:+1-555-0123" },
              { label: "Email", href: "mailto:info@earlybird-landscaping.com" },
              { label: "Hours", href: "#" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Service Areas", href: "#" }
            ]
          }
        ]}
        bottomLeftText="© 2025 Early Bird Landscaping. All rights reserved."
        bottomRightText="Serving your neighborhood with pride."
      />
    </ThemeProvider>
  );
}