"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Instagram, Facebook, MapPin, Star } from 'lucide-react';

export default function ShopPage() {
  const products = [
    {
      id: "1",      brand: "BloomCraft",      name: "Fresh Spring Bouquet",      price: "$45.00",      rating: 5,
      reviewCount: "2.1k",      imageSrc: "https://images.unsplash.com/photo-1563241527-3004b7be0ffd?w=400&h=400&fit=crop&crop=center",      imageAlt: "Fresh Spring Bouquet",      onProductClick: () => console.log('Product clicked')
    },
    {
      id: "2",      brand: "Petal Perfect",      name: "Elegant Rose Collection",      price: "$65.00",      rating: 4,
      reviewCount: "1.8k",      imageSrc: "https://images.unsplash.com/photo-1518895949257-7621c3c786d7?w=400&h=400&fit=crop&crop=center",      imageAlt: "Elegant Rose Collection",      onProductClick: () => console.log('Product clicked')
    },
    {
      id: "3",      brand: "Garden Fresh",      name: "Wildflower Arrangement",      price: "$35.00",      rating: 5,
      reviewCount: "3.2k",      imageSrc: "https://images.unsplash.com/photo-1606041008023-472dfb5e530f?w=400&h=400&fit=crop&crop=center",      imageAlt: "Wildflower Arrangement",      onProductClick: () => console.log('Product clicked')
    },
    {
      id: "4",      brand: "Bloom Studio",      name: "Sunflower Delight",      price: "$55.00",      rating: 4,
      reviewCount: "954",      imageSrc: "https://images.unsplash.com/photo-1597848212624-e6978fb81aaa?w=400&h=400&fit=crop&crop=center",      imageAlt: "Sunflower Delight",      onProductClick: () => console.log('Product clicked')
    },
    {
      id: "5",      brand: "FlowerCo",      name: "Mixed Seasonal Bouquet",      price: "$75.00",      rating: 5,
      reviewCount: "1.5k",      imageSrc: "https://images.unsplash.com/photo-1606041008013-b3708d7c8923?w=400&h=400&fit=crop&crop=center",      imageAlt: "Mixed Seasonal Bouquet",      onProductClick: () => console.log('Product clicked')
    },
    {
      id: "6",      brand: "Nature's Best",      name: "Tulip Symphony",      price: "$42.00",      rating: 4,
      reviewCount: "867",      imageSrc: "https://images.unsplash.com/photo-1520763185298-1b434c919102?w=400&h=400&fit=crop&crop=center",      imageAlt: "Tulip Symphony",      onProductClick: () => console.log('Product clicked')
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <NavbarStyleFullscreen
        navItems={[
          {"name":"Home","id":"/"},
          {"name":"Products","id":"products"},
          {"name":"About","id":"about"},
          {"name":"Testimonials","id":"testimonials"},
          {"name":"Contact","id":"contact"},
          {"name":"Shop","id":"/shop"}
        ]}
        brandName="Best Day"
        bottomLeftText="Fresh Flowers Daily"
        bottomRightText="hello@bestday.com"
      />
      
      <main className="min-h-screen">
        <ProductCardTwo
          products={products}
          title="Fresh Flower Collection"
          description="Discover our curated selection of premium fresh flowers, handpicked for quality and beauty. Each arrangement is crafted with care to brighten your day."
          tag="Premium Quality"
          tagIcon={Star}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "View All Products",              onClick: () => console.log('View all clicked')
            },
            {
              text: "Contact Us",              href: "#contact"
            }
          ]}
        />
      </main>

      <FooterCard
        logoText="Best Day"
        copyrightText="© 2025 Best Day Flowers. Handcrafted with love. All rights reserved."
        socialLinks={[
          {"icon":Instagram,"href":"https://instagram.com/bestdayflowers","ariaLabel":"Instagram"},
          {"icon":Facebook,"href":"https://facebook.com/bestdayflowers","ariaLabel":"Facebook"},
          {"icon":MapPin,"href":"https://maps.google.com","ariaLabel":"Location"}
        ]}
      />
    </ThemeProvider>
  );
}