"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="PawsHome Shelter"
          navItems={[
            { name: "About", id: "/about" },
            { name: "Adopt", id: "/adopt" },
            { name: "Donate", id: "/donate" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="contact-form" data-section="contact-form">
        <ContactSplitForm
          title="Get In Touch"
          description="Have questions about adoption or want to learn more about supporting our shelter? Contact us today and our team will be happy to help."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number", required: false }
          ]}
          textarea={{ name: "message", placeholder: "Tell us how we can help...", rows: 5, required: true }}
          imageSrc="https://img.b2bpic.net/free-photo/cute-stylish-family-spring-park_1157-23139.jpg"
          imageAlt="Contact us to help animals"
          mediaPosition="right"
          buttonText="Send Message"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about adoption, volunteering, and supporting our shelter"
          faqs={[
            {
              id: "1",
              title: "What is the adoption process like?",
              content: "Our adoption process includes browsing available pets, submitting an application, meeting the animal, completing a home visit check, and finalizing paperwork. The entire process typically takes 1-2 weeks."
            },
            {
              id: "2",
              title: "How much does it cost to adopt?",
              content: "Adoption fees range from $50-$200 depending on the pet. These fees help cover veterinary care, food, and shelter operations."
            },
            {
              id: "3",
              title: "Can I volunteer at the shelter?",
              content: "Yes! We welcome volunteers. Please fill out our volunteer application on our website or call us at (555) 123-4567 to learn more."
            },
            {
              id: "4",
              title: "What if my adopted pet doesn't work out?",
              content: "We offer a 30-day return period. If the adoption isn't working out, we'll work with you to find the best solution for the pet."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
          imageAlt="PawsHome Shelter volunteers caring for animals"
          logoText="PawsHome Shelter"
          copyrightText="© 2025 PawsHome Shelter. All rights reserved."
          columns={[
            {
              title: "Adopt",
              items: [
                { label: "Browse Pets", href: "/adopt" },
                { label: "About Us", href: "/about" },
                { label: "Success Stories", href: "/" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Donate", href: "/donate" },
                { label: "Contact", href: "/contact" },
                { label: "Volunteer", href: "/contact" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "info@pawshome.org", href: "mailto:info@pawshome.org" },
                { label: "(555) 123-4567", href: "tel:+15551234567" },
                { label: "Tue-Sun 10am-6pm", href: "" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}