"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Heart } from "lucide-react";

export default function CustomersPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Adopt", id: "product" },
            { name: "Testimonials", id: "testimonial" },
            { name: "Customers", id: "customers" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="PawShelter"
          bottomLeftText="Saving Lives, One Paw at a Time"
          bottomRightText="info@pawshelter.org"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Our Happy Customers"
          description="Meet the wonderful families and individuals who have opened their hearts and homes to our rescued pets. Their stories inspire us every day."
          buttons={[
            { text: "Browse Available Pets", href: "/" },
            { text: "Share Your Story", href: "/contact" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/happy-family-with-dog-at-home_1157-21400.jpg"
          imageAlt="Happy families with their adopted pets"
          showDimOverlay={true}
        />
      </div>

      <div id="customers" data-section="customers">
        <TestimonialCardOne
          title="Customer Success Stories"
          description="Discover the heartwarming stories of families and individuals who found their perfect companions through PawShelter. These testimonials showcase the lasting bond between pet and owner."
          tag="Our Community"
          testimonials={[
            {
              id: "1",              name: "Sarah Martinez",              role: "Dog Mom",              company: "Portland, OR",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Sarah Martinez"
            },
            {
              id: "2",              name: "Jennifer Chen",              role: "Pet Enthusiast",              company: "Seattle, WA",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-child-hugging-their-parents_1098-890.jpg",              imageAlt: "Jennifer Chen"
            },
            {
              id: "3",              name: "Michael Johnson",              role: "First-Time Pet Owner",              company: "Denver, CO",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/european-man-smiling-cheerful-expression-closeup-portrait_53876-129391.jpg",              imageAlt: "Michael Johnson"
            },
            {
              id: "4",              name: "Emily Rodriguez",              role: "Cat Mom",              company: "Austin, TX",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-outdoors_1098-1638.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "5",              name: "David Thompson",              role: "Senior & Dog Lover",              company: "Boston, MA",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-bearded-man_1308-29255.jpg",              imageAlt: "David Thompson"
            },
            {
              id: "6",              name: "Lisa Anderson",              role: "Multi-Pet Parent",              company: "San Francisco, CA",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-outdoors-portrait_1308-29291.jpg",              imageAlt: "Lisa Anderson"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Share Your Journey"
          title="Tell Us Your Story"
          description="Have you adopted a pet from PawShelter? We'd love to hear about your experience and feature your story on our customers page."
          tagIcon={Heart}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Share Story"
          termsText="We respect your privacy. Your story helps inspire others to give rescue pets a chance."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="PawShelter"
          columns={[
            {
              title: "Adopt",              items: [
                { label: "Available Pets", href: "/" },
                { label: "Adoption Process", href: "#" },
                { label: "Success Stories", href: "/" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Volunteer", href: "/contact" },
                { label: "Donate", href: "#" },
                { label: "Become a Sponsor", href: "#" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Mission", href: "/" },
                { label: "Meet the Team", href: "#" },
                { label: "Contact Us", href: "/contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Pet Care Tips", href: "#" },
                { label: "Blog", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 PawShelter. All rights reserved. Saving lives, one paw at a time."
        />
      </div>
    </ThemeProvider>
  );
}
