"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Heart, Star } from 'lucide-react';

export default function PawsHavenPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="Paws Haven"
          navItems={[
            { name: "Adopt", id: "adopt" },
            { name: "About", id: "about" },
            { name: "Volunteer", id: "volunteer" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Find Your Perfect Companion"
          description="Give a loving home to an animal in need. Explore adoptable pets and change a life today."
          tag="Open for Adoptions"
          tagIcon={Heart}
          imageSrc="https://img.b2bpic.net/free-photo/cute-dog-playing-with-woman-shelter-adoption_23-2148682996.jpg"
          imageAlt="Happy dogs and cats at our shelter"
          buttons={[
            { text: "Browse Pets", href: "adopt" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Mission: Rescue, Rehabilitate, Rehome"
          description="For over 20 years, Paws Haven has been committed to rescuing abandoned and neglected animals, providing them with medical care, love, and a safe sanctuary. Our dedicated team works tirelessly to match each animal with the perfect family."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
          imageAlt="Our caring team with rescued animals"
          buttons={[
            { text: "Join Our Team", href: "volunteer" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="featured-pets" data-section="featured-pets">
        <ProductCardTwo
          title="Meet Our Adoptable Pets"
          description="Each animal has a unique story and personality. Meet some of our current residents looking for forever homes."
          tag="Available Now"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Dog",              name: "Max - Golden Retriever",              price: "Adoption Fee: $150",              rating: 5,
              reviewCount: "Friendly",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-with-cute-dogs_23-2148928960.jpg",              imageAlt: "Max the golden retriever"
            },
            {
              id: "2",              brand: "Cat",              name: "Whiskers - Orange Tabby",              price: "Adoption Fee: $75",              rating: 5,
              reviewCount: "Playful",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-fashion-girls-summer-park_1157-21448.jpg",              imageAlt: "Whiskers the orange cat"
            },
            {
              id: "3",              brand: "Rabbit",              name: "Hop - Holland Lop",              price: "Adoption Fee: $50",              rating: 5,
              reviewCount: "Gentle",              imageSrc: "https://img.b2bpic.net/free-photo/lots-cute-rescue-dogs-shelter-waiting-be-adopted_23-2148682950.jpg",              imageAlt: "Hop the rabbit"
            }
          ]}
        />
      </div>

      <div id="adoption-process" data-section="adoption-process">
        <FeatureCardMedia
          title="Simple Adoption Process"
          description="We've streamlined the adoption journey to make it easy for families to find their perfect match."
          tag="How It Works"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: "1",              title: "Browse & Meet",              description: "Explore our available animals online or visit us in person. Spend time with your potential new family member.",              tag: "Step 1",              imageSrc: "https://img.b2bpic.net/free-photo/cute-dog-playing-with-woman-shelter-adoption_23-2148682996.jpg",              imageAlt: "Browse available pets"
            },
            {
              id: "2",              title: "Application & Interview",              description: "Complete a simple adoption application. Our team will review it and conduct a brief interview to ensure a good fit.",              tag: "Step 2",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg",              imageAlt: "Adoption application process"
            },
            {
              id: "3",              title: "Finalize & Take Home",              description: "Sign adoption papers, receive care instructions, and take your new companion home to start your life together.",              tag: "Step 3",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-with-cute-dogs_23-2148928960.jpg",              imageAlt: "Happy adoption day"
            }
          ]}
        />
      </div>

      <div id="impact-metrics" data-section="impact-metrics">
        <MetricCardTwo
          title="Our Impact"
          description="See the difference we're making in our community every single day."
          tag="Results"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "5,200+",              description: "Animals Rescued"
            },
            {
              id: "2",              value: "4,800+",              description: "Successfully Adopted"
            },
            {
              id: "3",              value: "400+",              description: "Active Volunteers"
            },
            {
              id: "4",              value: "20",              description: "Years of Service"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Over 4,800 happy families have found their perfect companions through Paws Haven"
          cardTag="Adoption Success Stories"
          cardTagIcon={Star}
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-playing-shelter-with-dog-waiting-be-adopted_23-2148682992.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/rescue-dog-enjoying-being-pet-by-woman-shelter_23-2148682929.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-posing-with-cute-rescue-dog_23-2148682981.jpg",              imageAlt: "David Kim"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about adoption, our facility, and how we care for our animals."
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          mediaPosition="left"
          imageSrc="https://img.b2bpic.net/free-photo/many-cute-rescue-dogs-shelter-waiting-be-adopted_23-2148682949.jpg"
          imageAlt="Paws Haven shelter facility"
          faqs={[
            {
              id: "1",              title: "What is the adoption process?",              content: "The adoption process is simple and straightforward. Browse our available animals, complete an application, have a brief interview with our staff, and if approved, finalize the adoption paperwork. Most adoptions can be completed within a few days."
            },
            {
              id: "2",              title: "Are there adoption fees?",              content: "Yes, we charge adoption fees ranging from $50-$200 depending on the animal. These fees help cover medical care, vaccinations, spaying/neutering, and shelter operations. All animals are fully vetted before adoption."
            },
            {
              id: "3",              title: "Do you offer post-adoption support?",              content: "Absolutely! We provide comprehensive care instructions, behavioral guidance, and ongoing support. If you ever have questions or need assistance with your adopted pet, our team is here to help."
            },
            {
              id: "4",              title: "Can I volunteer at Paws Haven?",              content: "We'd love to have you! We have volunteer opportunities for animal care, cleaning, socialization, fostering, and administrative work. Visit our website or contact us to learn about current opportunities."
            },
            {
              id: "5",              title: "How can I donate to help?",              content: "You can donate online through our website, in person at our facility, or set up a recurring monthly donation. We also accept donations of pet supplies, blankets, and food. Every contribution helps us save more lives."
            },
            {
              id: "6",              title: "What animals do you have available?",              content: "We typically have dogs, cats, rabbits, and other small animals available for adoption. Our inventory changes regularly as animals find homes. Check our website or visit us in person to see current available pets."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get In Touch"
          description="Have questions about adoption, volunteering, or how to help? We'd love to hear from you. Reach out today!"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "How can we help? Tell us about your interest in adoption, volunteering, or donations.",            rows: 5,
            required: true
          }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/many-cute-rescue-dogs-shelter-waiting-be-adopted_23-2148682949.jpg"
          imageAlt="Paws Haven contact information"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Paws Haven"
          copyrightText="© 2025 Paws Haven Pet Shelter. All rights reserved. | Rescue • Rehabilitate • Rehome"
        />
      </div>
    </ThemeProvider>
  );
}