"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { MessageCircle } from "lucide-react";

export default function PetShopPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="PawsHaven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to PawsHaven"
          description="Premium pet supplies and care products for your beloved companions. From nutritious food to engaging toys, discover everything your pet deserves."
          tag="Pet Care Essentials"
          imageSrc="https://img.b2bpic.net/free-photo/two-irish-setters_1398-4900.jpg"
          imageAlt="Happy pets enjoying playtime"
          buttons={[
            { text: "Shop Products", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Products"
          description="Carefully curated products selected by pet care experts to ensure quality and satisfaction for your pets."
          tag="Best Sellers"
          products={[
            {
              id: "1",              name: "Premium Dog Food",              price: "$34.99",              imageSrc: "https://img.b2bpic.net/free-photo/healthy-fresh-pet-food-ingredients-dark-surface_1150-42077.jpg",              imageAlt: "Premium dog food bag"
            },
            {
              id: "2",              name: "Interactive Cat Toys",              price: "$24.99",              imageSrc: "https://img.b2bpic.net/free-photo/domestic-pet-food-composition_23-2148982342.jpg",              imageAlt: "Colorful interactive cat toys"
            },
            {
              id: "3",              name: "Orthopedic Pet Bed",              price: "$89.99",              imageSrc: "https://img.b2bpic.net/free-photo/owner-serving-food-bowl-their-pet-dog_23-2149392632.jpg",              imageAlt: "Comfortable orthopedic pet bed"
            },
            {
              id: "4",              name: "Complete Grooming Kit",              price: "$49.99",              imageSrc: "https://img.b2bpic.net/free-photo/healthy-fresh-pet-food-ingredients-dark-surface_1150-42125.jpg",              imageAlt: "Professional grooming kit"
            }
          ]}
          gridVariant="uniform-alternating-sizes"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="About PawsHaven"
          description="We're passionate about providing pet owners with the highest quality products and expert advice. With over 15 years of experience in pet care, our team is dedicated to the health and happiness of your furry friends."
          tag="Our Story"
          imageSrc="https://img.b2bpic.net/free-photo/happy-female-vet-smiling-petting-beautiful-beagle-dog-exam-table-professional-veterinarian-man-holding-pet-while-examining-healthy-pet-clinic_662251-2251.jpg"
          imageAlt="PawsHaven team with pets"
          buttons={[
            { text: "Meet Our Team", href: "contact" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Why Choose PawsHaven"
          description="Discover what makes us the trusted choice for pet owners nationwide."
          tag="Our Commitment"
          textboxLayout="default"
          features={[
            {
              id: 1,
              title: "Premium Quality Products",              description: "All products are carefully selected and tested to ensure they meet our strict quality standards for pet safety and satisfaction.",              imageSrc: "https://img.b2bpic.net/free-vector/premium-golden-sticker-collection_23-2147626159.jpg"
            },
            {
              id: 2,
              title: "Fast & Free Shipping",              description: "Get your pet supplies delivered quickly with free shipping on orders over $50. We understand your pets can't wait.",              imageSrc: "https://img.b2bpic.net/free-vector/gradient-patented-label-collection_52683-98400.jpg"
            },
            {
              id: 3,
              title: "Expert Support",              description: "Our pet care specialists are available 24/7 to answer questions and provide personalized recommendations for your pets.",              imageSrc: "https://img.b2bpic.net/free-vector/set-quality-retro-stickers_23-2147623762.jpg"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Pet Owners Say"
          description="Real reviews from happy customers who trust PawsHaven with their pets."
          tag="Customer Reviews"
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahwithpets",              testimonial: "PawsHaven has been a game-changer for my golden retriever. The quality of their products is exceptional and the customer service is outstanding!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880067.jpg"
            },
            {
              id: "2",              name: "James Chen",              handle: "@petlover_james",              testimonial: "Best pet shop experience ever. Fast shipping, excellent products, and truly knowledgeable staff. My cats are happier than ever!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/person-working-from-home-with-pet-dog_23-2149104756.jpg"
            },
            {
              id: "3",              name: "Emily Rodriguez",              handle: "@emily_and_buddy",              testimonial: "I've tried many pet brands, but PawsHaven consistently delivers quality. My dog's health has noticeably improved since switching to their food.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/experienced-florist-holding-dog-smiles_23-2148435668.jpg"
            },
            {
              id: "4",              name: "David Park",              handle: "@davidparkpets",              testimonial: "Reliable, affordable, and trustworthy. PawsHaven is now my go-to for all pet supplies. Highly recommended!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-holding-dog-medium-shot_23-2149003353.jpg"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about our products and services."
          textPosition="left"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",              title: "Do you offer returns and exchanges?",              content: "Yes! We offer a 30-day money-back guarantee on all products. If your pet doesn't like something or you're not satisfied, we'll make it right."
            },
            {
              id: "2",              title: "How long does shipping take?",              content: "Standard shipping takes 3-5 business days. Express shipping is available for 1-2 business day delivery. All orders over $50 qualify for free standard shipping."
            },
            {
              id: "3",              title: "Are your products safe for all pets?",              content: "All our products are tested for safety and quality. However, we recommend consulting with your veterinarian before introducing new foods or supplements to your pet's diet."
            },
            {
              id: "4",              title: "Do you have a loyalty program?",              content: "Yes! Join PawsRewards to earn points on every purchase. Accumulate points for discounts, free products, and exclusive member-only deals."
            },
            {
              id: "5",              title: "Can I get personalized product recommendations?",              content: "Absolutely! Contact our pet care specialists via chat, email, or phone. They'll help you find the perfect products based on your pet's specific needs."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get in Touch"
          ctaDescription="Have questions? Our pet care experts are ready to help you find the perfect products for your furry friends."
          ctaButton={{
            text: "Contact Us",            href: "mailto:support@pawshaven.com"
          }}
          ctaIcon={MessageCircle}
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          faqs={[
            {
              id: "1",              title: "What are your hours of operation?",              content: "We're available Monday-Friday 9AM-6PM EST, Saturday 10AM-4PM EST. For urgent pet emergencies, please contact your local veterinarian immediately."
            },
            {
              id: "2",              title: "How can I contact customer support?",              content: "You can reach us via email at support@pawshaven.com, phone at 1-800-PAWS-911, or use our live chat feature available on the website during business hours."
            },
            {
              id: "3",              title: "Do you offer pet care consulting?",              content: "Yes! Schedule a free consultation with one of our pet care specialists to discuss your pet's specific needs, dietary requirements, and behavioral concerns."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="PawsHaven"
          columns={[
            {
              items: [
                { label: "Shop", href: "products" },
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Returns", href: "#" },
                { label: "Shipping", href: "#" },
                { label: "FAQ", href: "faq" }
              ]
            },
            {
              items: [
                { label: "Privacy", href: "#" },
                { label: "Terms", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}