"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import { Phone, MapPin, Clock } from "lucide-react";

export default function ContactPage() {
  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="contact-info" data-section="contact-info">
        <TestimonialAboutCard
          tag="Get In Touch"
          title="Ready to give your pet the best care? We're here to help and answer any questions"
          description="Visit Us Today"
          subdescription="Schedule Your Pet's Visit"
          icon={Phone}
          imageSrc="https://img.b2bpic.net/free-photo/smiling-young-man-holds-his-dog-paw-hand-looks-happy-concept-petfriendly-cafe_1258-245264.jpg"
          imageAlt="Happy pet owner"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="location-hours" data-section="location-hours">
        <TestimonialAboutCard
          tag="Visit Us"
          title="Located in the heart of downtown, easily accessible with convenient parking for pet families"
          description="123 Pet Care Lane, Downtown"
          subdescription="Open 7 Days a Week"
          icon={MapPin}
          imageSrc="https://img.b2bpic.net/free-photo/young-female-vet-looking-dog-clinic_23-2147928571.jpg"
          imageAlt="Our facility location"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact-faq" data-section="contact-faq">
        <FaqSplitMedia
          title="Contact & Booking Information"
          description="Everything you need to know about scheduling and visiting our facility"
          tag="Booking Help"
          faqs={[
            {
              id: "1",
              title: "How do I schedule an appointment?",
              content: "You can book online through our website, call us at (555) 123-PETS, or visit our facility during business hours. We recommend booking grooming and training sessions at least one week in advance."
            },
            {
              id: "2",
              title: "What are your operating hours?",
              content: "We're open Monday-Friday 7:00 AM - 7:00 PM, Saturday-Sunday 8:00 AM - 6:00 PM. Extended hours available for boarding drop-offs and pick-ups by appointment."
            },
            {
              id: "3",
              title: "Do you offer emergency services?",
              content: "While we don't provide emergency veterinary care, we partner with 24/7 emergency clinics. For boarding guests, we have on-call staff and emergency protocols in place at all times."
            },
            {
              id: "4",
              title: "What should I bring for my pet's first visit?",
              content: "Please bring vaccination records, any medications, your pet's favorite toy or blanket, and a list of any special instructions or concerns you'd like us to know about."
            },
            {
              id: "5",
              title: "Is there parking available?",
              content: "Yes! We have a dedicated parking lot with easy access to our entrance. Handicap accessible spaces are available, and we're also accessible by public transportation."
            },
            {
              id: "6",
              title: "Can I tour the facility before booking?",
              content: "Absolutely! We encourage tours for new clients. Call ahead to schedule a walkthrough of our grooming areas, boarding suites, daycare spaces, and training facilities."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/portrait-beautiful-young-couple-with-their-dog-garden_23-2147902068.jpg"
          imageAlt="Happy customers with their pet"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
    </ThemeProvider>
  );
}