"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Heart, Sparkles, Gift, BarChart3, Mail, Facebook, Instagram, Twitter, Users } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Pawsitive Haven"
          button={{
            text: "Adopt Now",            href: "#featured-animals"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Every pet deserves a home"
          description="Join us in finding loving families for animals in need. Discover your new companion at Pawsitive Haven."
          buttons={[
            {
              text: "Browse Available Pets",              href: "#featured-animals"
            },
            {
              text: "Support Our Mission",              href: "#pricing"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/cute-dog-playing-with-woman-shelter-adoption_23-2148682996.jpg"
          imageAlt="Adorable shelter dogs and cats waiting for loving homes"
          showDimOverlay={true}
        />
      </div>
      
      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About Pawsitive Haven"
          description="We are dedicated to providing safe, loving care for abandoned and rescued animals."
          tabs={[
            {
              id: "mission",              label: "Our Mission",              description: "We rescue, rehabilitate, and rehome animals in need. Every pet that comes through our doors receives medical care, proper nutrition, and endless love. Our mission is to ensure every animal finds their forever home."
            },
            {
              id: "care",              label: "Animal Care",              description: "Our team of experienced veterinarians and animal behaviorists provide comprehensive care. From medical treatment to behavioral rehabilitation, we ensure each animal is healthy, happy, and ready for adoption."
            },
            {
              id: "adoption",              label: "Adoption Process",              description: "We believe in matching the right pet with the right family. Our adoption process includes a thorough assessment of both the animal and potential adopters to ensure lasting, loving relationships."
            },
            {
              id: "community",              label: "Community Impact",              description: "Beyond adoptions, we provide education, resources, and support to pet owners. We host training classes, veterinary clinics, and awareness campaigns to strengthen the bond between people and animals."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-owner-holding-dog_23-2149304308.jpg"
          imageAlt="Dedicated veterinary team providing compassionate care to rescued animals"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="featured-animals" data-section="featured-animals">
        <ProductCardFour
          title="Meet Our Available Pets"
          description="These wonderful animals are ready to find their forever homes. Browse our current residents and discover your perfect companion."
          tag="Available for Adoption"
          tagIcon={Heart}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              name: "Max",              price: "Adoption Fee: $50",              variant: "Golden Retriever, 3 years old",              imageSrc: "https://img.b2bpic.net/free-photo/little-puppy-farm-is-enjoying-sunny-day_181624-40643.jpg",              imageAlt: "Max - friendly Golden Retriever"
            },
            {
              id: "2",              name: "Luna",              price: "Adoption Fee: $40",              variant: "Tabby Cat, 2 years old",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-playing-shelter-with-dog-waiting-be-adopted_23-2148682992.jpg",              imageAlt: "Luna - affectionate tabby cat"
            },
            {
              id: "3",              name: "Pepper",              price: "Adoption Fee: $30",              variant: "Holland Lop Rabbit, 1.5 years old",              imageSrc: "https://img.b2bpic.net/free-photo/hipster-woman-smile-enjoy-playing-with-her-puppy-summer-field-vintage-tone-filter_1150-1188.jpg",              imageAlt: "Pepper - curious Holland Lop rabbit"
            }
          ]}
        />
      </div>
      
      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg"
            },
            {
              id: "2",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/dog-sitting-near-girl_8353-5282.jpg"
            },
            {
              id: "3",              name: "Emma Davis",              imageSrc: "https://img.b2bpic.net/free-photo/little-girl-holds-puppy-her-arms_8353-153.jpg"
            },
            {
              id: "4",              name: "David Williams",              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-adorable-dog-shelter_23-2148682978.jpg"
            }
          ]}
          cardTitle="Over 5,000 pets have found loving homes through Pawsitive Haven"
          cardTag="Adoption Success Stories"
          cardTagIcon={Sparkles}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Ways to Support Our Mission"
          description="Your generosity helps us rescue, care for, and rehome animals in need."
          tag="Support the Shelter"
          tagIcon={Gift}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "1",              badge: "Monthly Supporter",              badgeIcon: Heart,
              price: "From $10/mo",              subtitle: "Provide ongoing care for rescued animals",              buttons: [
                {
                  text: "Become a Supporter",                  href: "https://donate.example.com"
                }
              ],
              features: [
                "Monthly donation made easy",                "Updates on animals you help",                "Tax-deductible giving",                "Exclusive supporter benefits"
              ]
            },
            {
              id: "2",              badge: "Corporate Partner",              badgeIcon: Sparkles,
              price: "Custom",              subtitle: "Partner with us to make a difference",              buttons: [
                {
                  text: "Learn More",                  href: "https://corporate.example.com"
                }
              ],
              features: [
                "Customized partnership opportunities",                "Brand visibility and recognition",                "Team volunteer opportunities",                "Employee giving programs"
              ]
            },
            {
              id: "3",              badge: "Volunteer",              badgeIcon: Users,
              price: "Your Time",              subtitle: "Make a direct impact with your skills",              buttons: [
                {
                  text: "Sign Up to Volunteer",                  href: "https://volunteer.example.com"
                }
              ],
              features: [
                "Animal care and socialization",                "Administrative support",                "Event coordination",                "Professional skill sharing"
              ]
            }
          ]}
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Impact"
          description="The numbers that show how much we've helped animals in our community"
          tag="By the Numbers"
          tagIcon={BarChart3}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "5,000+",              description: "Animals Adopted"
            },
            {
              id: "2",              value: "98%",              description: "Adoption Success Rate"
            },
            {
              id: "3",              value: "500+",              description: "Active Volunteers"
            },
            {
              id: "4",              value: "99%",              description: "Medical Care Completion"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Make a Difference?"
          ctaDescription="Get in touch with us to adopt, volunteer, or support our mission. We'd love to hear from you!"
          ctaButton={{
            text: "Contact Us Today",            href: "https://contact.example.com"
          }}
          ctaIcon={Mail}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What is the adoption process?",              content: "Our adoption process includes meeting the animal, completing an application form, a home visit assessment, and finalizing the adoption paperwork. We want to ensure the best match between pets and families. The entire process typically takes 3-7 days."
            },
            {
              id: "2",              title: "Are the animals vaccinated and microchipped?",              content: "Yes! All our animals receive complete medical care including vaccinations, microchipping, spaying/neutering, and a full health check before adoption. We provide a health certificate and care instructions with each adoption."
            },
            {
              id: "3",              title: "Can I return an adopted pet?",              content: "If for any reason an adoption doesn't work out, we offer a 30-day return period with no questions asked. Our goal is ensuring successful, lasting placements. We also provide ongoing support and advice to help with any adjustment challenges."
            },
            {
              id: "4",              title: "How can I volunteer?",              content: "We're always looking for compassionate volunteers! You can help with animal care, events, administrative tasks, or fundraising. Visit our volunteer portal to apply. We provide training and flexible scheduling to fit your availability."
            },
            {
              id: "5",              title: "What animals do you have available?",              content: "We rescue all types of animals including dogs, cats, rabbits, birds, and small mammals. Check our website's 'Available Pets' section to see current residents, or visit us in person at our facility during business hours."
            },
            {
              id: "6",              title: "Do you offer pet training services?",              content: "Yes! We offer behavioral assessments and training classes for adopted pets. We also provide resources and guidance to help pets and their new families adjust successfully. Many services are included as part of our adoption package."
            }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Pawsitive Haven"
          copyrightText="© 2025 Pawsitive Haven Pet Shelter. All rights reserved. Dedicated to giving every animal a second chance."
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com/pawsitivehaven",              ariaLabel: "Follow us on Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com/pawsitivehaven",              ariaLabel: "Follow us on Instagram"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/pawsitivehaven",              ariaLabel: "Follow us on Twitter"
            },
            {
              icon: Mail,
              href: "mailto:info@pawsitivehaven.org",              ariaLabel: "Email us"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}