"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import { Scissors, Home, BookOpen, Stethoscope, Users, Sparkles, Shield, Clock } from "lucide-react";

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Funs Home Pets"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Blog", id: "/blog" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="services-hero" data-section="services-hero">
        <FeatureBorderGlow
          title="Comprehensive Pet Care Services"
          description="From grooming to boarding, training to veterinary care - we provide everything your pet needs"
          tag="All Services"
          features={[
            {
              icon: Scissors,
              title: "Professional Grooming",
              description: "Full-service grooming including baths, haircuts, nail trims, ear cleaning, and specialty treatments using premium, pet-safe products"
            },
            {
              icon: Home,
              title: "Pet Boarding & Lodging",
              description: "Comfortable overnight stays with individual suites, daily exercise, personalized care, and 24/7 monitoring in our secure facility"
            },
            {
              icon: BookOpen,
              title: "Obedience Training",
              description: "Professional training programs from basic commands to advanced behavioral modification, group classes and private sessions available"
            },
            {
              icon: Stethoscope,
              title: "Veterinary Consultations",
              description: "Health check-ups, vaccinations, preventive care, and emergency referrals through our network of licensed veterinary partners"
            },
            {
              icon: Users,
              title: "Daycare & Socialization",
              description: "Safe, supervised play groups with structured activities, socialization training, and exercise programs tailored to your pet's energy level"
            },
            {
              icon: Sparkles,
              title: "Specialty Services",
              description: "Teeth cleaning, flea treatments, de-shedding therapy, aromatherapy baths, and seasonal coat treatments for optimal pet wellness"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="service-quality" data-section="service-quality">
        <TestimonialAboutCard
          tag="Quality Promise"
          title="Every service is delivered with professional expertise and genuine care for your pet's wellbeing"
          description="Licensed & Certified"
          subdescription="Professional Pet Care Specialists"
          icon={Shield}
          imageSrc="https://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627243.jpg"
          imageAlt="Professional pet care service"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="service-faq" data-section="service-faq">
        <FaqSplitMedia
          title="Service Information"
          description="Common questions about our pet care services and policies"
          tag="Service Details"
          faqs={[
            {
              id: "1",
              title: "What's included in your grooming packages?",
              content: "Our standard grooming includes bath with premium shampoo, blow-dry, nail trim, ear cleaning, and brushing. Full-service packages add haircuts, sanitary trims, and specialty treatments based on your pet's needs."
            },
            {
              id: "2",
              title: "How do you ensure pet safety during boarding?",
              content: "We maintain strict safety protocols including health record verification, individual climate-controlled suites, 24/7 monitoring, emergency veterinary partnerships, and experienced overnight staff supervision."
            },
            {
              id: "3",
              title: "What training methods do you use?",
              content: "We use positive reinforcement techniques based on modern animal behavior science. Our certified trainers focus on building trust and communication between pets and owners through reward-based methods."
            },
            {
              id: "4",
              title: "Do you handle pets with special medical needs?",
              content: "Yes, we work closely with pet owners and veterinarians to accommodate special dietary requirements, medication schedules, mobility issues, and behavioral considerations with customized care plans."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-woman-washing-dog_23-2149652692.jpg"
          imageAlt="Pet grooming service"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
    </ThemeProvider>
  );
}