"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function AdoptPage() {
  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="pets" data-section="pets">
        <ProductCardThree
          title="Find Your Perfect Companion"
          description="Each of our animals has been lovingly cared for and is ready to become part of your family. Browse our available pets and start your adoption journey today."
          products={[
            {
              id: "dog-golden",
              name: "Buddy - Golden Retriever",
              price: "Adoption Fee: $150",
              imageSrc: "https://img.b2bpic.net/free-photo/local-labrador-beige-puppy-chilling-grass-looking-camera-with-sad-droopy-eyes_1268-20171.jpg",
              imageAlt: "Golden Retriever available for adoption"
            },
            {
              id: "dog-lab",
              name: "Max - Labrador Mix",
              price: "Adoption Fee: $120",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-280.jpg",
              imageAlt: "Labrador mix ready for adoption"
            },
            {
              id: "cat-tabby",
              name: "Whiskers - Tabby Cat",
              price: "Adoption Fee: $50",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-cute-golden-retriever-puppy-curiously-looking-camera_181624-15694.jpg",
              imageAlt: "Tabby cat looking for a home"
            },
            {
              id: "dog-senior",
              name: "Luna - Senior Mix",
              price: "Adoption Fee: $75",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-280.jpg",
              imageAlt: "Senior dog seeking loving retirement home"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardNine
          title="Your Adoption Journey"
          description="We've designed our adoption process to be thorough yet straightforward, ensuring the best match between you and your new pet"
          features={[
            {
              id: 1,
              title: "Meet & Greet",
              description: "Visit our shelter to meet available pets. Spend time getting to know their personalities and see who connects with you.",
              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/colleagues-interviewing-new-candidate-job-interview-concept_329181-12058.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/colleagues-interviewing-new-candidate-job-interview-concept_329181-12058.jpg" }
            },
            {
              id: 2,
              title: "Application Review",
              description: "Complete our comprehensive application. We'll review your information and contact references to ensure a great match.",
              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/colleagues-interviewing-new-candidate-job-interview-concept_329181-12058.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/colleagues-interviewing-new-candidate-job-interview-concept_329181-12058.jpg" }
            }
          ]}
          showStepNumbers={true}
          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>
  );
}