"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Heart, Star, Truck, Shield, Users, Lightbulb, Mail } from 'lucide-react';

export default function PetStorePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="PetHub"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "Why Us", id: "about" },
            { name: "Tips", id: "feature" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Welcome to PetHub - Your Pet's Best Friend"
          description="Discover premium pet products, expert care tips, and everything your furry friends need to thrive. From nutritious food to fun toys and comfortable beds."
          tag="Pet Care Excellence"
          tagIcon={Heart}
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-women-dog-posing_23-2148977468.jpg",              imageAlt: "Happy dogs and cats playing together"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/dog-enjoying-healthy-meal-with-fresh-ingredients_23-2151988907.jpg",              imageAlt: "Premium dog food selection"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/healthy-fresh-pet-food-ingredients-dark-surface_1150-42077.jpg",              imageAlt: "Interactive cat toy"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/view-adorable-dog-with-bowl-food_23-2150798728.jpg",              imageAlt: "Comfortable pet bed"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-beautiful-dachshund-eating_23-2149202496.jpg",              imageAlt: "Beautiful aquarium setup"
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Products"
          description="Handpicked selection of premium pet products trusted by thousands of happy pet owners"
          tag="Best Sellers"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Premium Dog Food",              price: "$45.99",              imageSrc: "https://img.b2bpic.net/free-photo/dog-enjoying-healthy-meal-with-fresh-ingredients_23-2151988907.jpg",              imageAlt: "Premium nutritious dog food"
            },
            {
              id: "2",              name: "Interactive Cat Toy",              price: "$12.99",              imageSrc: "https://img.b2bpic.net/free-photo/healthy-fresh-pet-food-ingredients-dark-surface_1150-42077.jpg",              imageAlt: "Fun and interactive cat toy"
            },
            {
              id: "3",              name: "Comfort Pet Bed",              price: "$89.99",              imageSrc: "https://img.b2bpic.net/free-photo/view-adorable-dog-with-bowl-food_23-2150798728.jpg",              imageAlt: "Orthopedic pet bed for comfort"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Why Pet Owners Choose PetHub for Their Furry Family Members"
          useInvertedBackground="noInvert"
          metrics={[
            {
              icon: Heart,
              label: "Customer Satisfaction",              value: "98%"
            },
            {
              icon: Truck,
              label: "Fast Delivery",              value: "2-3 Days"
            },
            {
              icon: Shield,
              label: "Quality Guarantee",              value: "100%"
            },
            {
              icon: Users,
              label: "Happy Pets Served",              value: "50K+"
            }
          ]}
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardEight
          title="Pet Care Guide"
          description="Learn essential tips to keep your pets healthy, happy, and thriving"
          tag="Expert Tips"
          tagIcon={Lightbulb}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Nutrition & Feeding",              description: "Understand the right diet for your pet's age, size, and health needs. Proper nutrition is the foundation of a healthy life for your furry friend.",              imageSrc: "https://img.b2bpic.net/free-photo/dog-enjoying-healthy-meal-with-fresh-ingredients_23-2151988907.jpg",              imageAlt: "Pet nutrition and healthy diet guide"
            },
            {
              id: 2,
              title: "Training & Behavior",              description: "Build a strong bond with your pet through positive reinforcement training. Learn proven techniques to address behavioral challenges and create a happy home.",              imageSrc: "https://img.b2bpic.net/free-photo/view-adorable-dog-with-bowl-food_23-2150798720.jpg",              imageAlt: "Pet training and behavior management"
            },
            {
              id: 3,
              title: "Grooming & Hygiene",              description: "Regular grooming keeps your pet comfortable and healthy. Discover grooming tips and the best products to maintain their coat and skin condition.",              imageSrc: "https://img.b2bpic.net/free-photo/view-adorable-dog-with-bowl-food_23-2150798717.jpg",              imageAlt: "Pet grooming and hygiene tips"
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTen
          title="What Pet Owners Love About Us"
          description="Join thousands of satisfied customers who trust PetHub for their pet care needs"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Best Pet Store Ever",              quote: "PetHub has everything my dogs need! The quality is exceptional and the customer service is outstanding. My pups are happier than ever!",              name: "Sarah Johnson",              role: "Dog Parent",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Johnson customer photo"
            },
            {
              id: "2",              title: "Quick Delivery & Great Prices",              quote: "I was impressed with how fast my order arrived and how affordable the products are. My cat absolutely loves the toys from PetHub!",              name: "Emily Chen",              role: "Cat Enthusiast",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Emily Chen customer photo"
            },
            {
              id: "3",              title: "Expert Advice Made a Difference",              quote: "The team at PetHub gave me excellent advice on choosing the right food for my senior dog. He's much healthier now and has more energy!",              name: "Michael Rodriguez",              role: "Pet Owner",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Michael Rodriguez customer photo"
            },
            {
              id: "4",              title: "Premium Quality Products",              quote: "I love how PetHub sources only the best pet products. My guinea pigs are thriving on their food and love their new accessories!",              name: "Jessica Williams",              role: "Small Pet Owner",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Jessica Williams customer photo"
            },
            {
              id: "5",              title: "Trustworthy Brand",              quote: "PetHub is my go-to for all pet supplies. Consistent quality, reliable delivery, and they genuinely care about pet wellness. Highly recommended!",              name: "David Martinez",              role: "Loyal Customer",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "David Martinez customer photo"
            },
            {
              id: "6",              title: "Complete Pet Care Solution",              quote: "Everything I need for my pets is available at PetHub. The variety is impressive and the prices are competitive. Five stars all the way!",              name: "Lisa Anderson",              role: "Multi-Pet Family",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Lisa Anderson customer photo"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Connected"
          tagIcon={Mail}
          title="Get Pet Tips & Exclusive Offers"
          description="Subscribe to our newsletter and receive expert pet care advice, product recommendations, and special discounts delivered right to your inbox."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/young-happy-family-their-dg-relaxing-by-window-home-looking-through-it_637285-2902.jpg"
          imageAlt="Happy family with pets"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Check our privacy policy for details."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="PetHub"
          copyrightText="© 2025 PetHub | Your Pet's Best Friend"
          columns={[
            {
              title: "Shop",              items: [
                { label: "Dogs", href: "products" },
                { label: "Cats", href: "products" },
                { label: "Small Pets", href: "products" },
                { label: "Aquatics", href: "products" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Pet Care Tips", href: "feature" },
                { label: "About Us", href: "about" },
                { label: "Contact Us", href: "contact" },
                { label: "Shipping Info", href: "contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "Blog", href: "https://example.com/blog" },
                { label: "Returns", href: "https://example.com/returns" },
                { label: "Careers", href: "https://example.com/careers" },
                { label: "Sustainability", href: "https://example.com/sustainability" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}