"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import CustomNavbar from "@/components/navbar/CustomNavbar";
import FooterSection from "@/components/footer/FooterSection";
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import { Star } from 'lucide-react';

const products = [
  {
    id: "1",    brand: "Nike",    name: "BvB Home Jersey 2024",    price: "$89.99",    rating: 5,
    reviewCount: "2.1k",    imageSrc: "/products/bvb-jersey-home.jpg",    imageAlt: "BvB Home Jersey 2024",    isFavorited: false
  },
  {
    id: "2",    brand: "Puma",    name: "BvB Training Shorts",    price: "$34.99",    rating: 4,
    reviewCount: "856",    imageSrc: "/products/bvb-shorts.jpg",    imageAlt: "BvB Training Shorts",    isFavorited: false
  },
  {
    id: "3",    brand: "Adidas",    name: "Football Boots Pro",    price: "$159.99",    rating: 5,
    reviewCount: "1.3k",    imageSrc: "/products/football-boots.jpg",    imageAlt: "Football Boots Pro",    isFavorited: true
  },
  {
    id: "4",    brand: "Nike",    name: "BvB Away Jersey 2024",    price: "$89.99",    rating: 4,
    reviewCount: "1.8k",    imageSrc: "/products/bvb-jersey-away.jpg",    imageAlt: "BvB Away Jersey 2024",    isFavorited: false
  },
  {
    id: "5",    brand: "Puma",    name: "Training Jacket",    price: "$69.99",    rating: 4,
    reviewCount: "642",    imageSrc: "/products/training-jacket.jpg",    imageAlt: "Training Jacket",    isFavorited: false
  },
  {
    id: "6",    brand: "Under Armour",    name: "Performance Socks",    price: "$19.99",    rating: 5,
    reviewCount: "923",    imageSrc: "/products/performance-socks.jpg",    imageAlt: "Performance Socks",    isFavorited: false
  }
];

export default function ShopPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div className="min-h-screen flex flex-col">
        <CustomNavbar
          logo="BvB Young"
          links={[
            { label: "Home", href: "/" },
            { label: "About", href: "/about" },
            { label: "Players", href: "/players" },
            { label: "News", href: "/news" },
            { label: "Contact", href: "/contact" }
          ]}
          navItems={[
            { name: "Home", id: "/" },
            { name: "Shop", id: "/shop" }
          ]}
        />
        
        <main className="flex-1">
          <ProductCardTwo
            products={products}
            title="Official BvB Store"
            description="Discover our premium collection of official merchandise, training gear, and fan favorites"
            tag="New Arrivals"
            tagIcon={Star}
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            animationType="slide-up"
            useInvertedBackground="noInvert"
            buttons={[
              {
                text: "View All Products",                href: "/shop/all"
              },
              {
                text: "Sale Items",                href: "/shop/sale"
              }
            ]}
          />
        </main>
        
        <FooterSection
          companyName="BvB Young"
          description="Developing the next generation of football champions"
          sections={[
            {
              title: "Quick Links",              links: [
                { label: "Home", href: "/" },
                { label: "About", href: "/about" },
                { label: "Players", href: "/players" },
                { label: "News", href: "/news" }
              ]
            },
            {
              title: "Contact",              links: [
                { label: "Email: info@bvbyoung.com", href: "mailto:info@bvbyoung.com" },
                { label: "Phone: +49 231 1234567", href: "tel:+4923112345567" }
              ]
            }
          ]}
          socialLinks={[
            { platform: "facebook", url: "https://facebook.com/bvbyoung" },
            { platform: "instagram", url: "https://instagram.com/bvbyoung" },
            { platform: "twitter", url: "https://twitter.com/bvbyoung" }
          ]}
          copyright="© 2024 BvB Young. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}