"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ShoppingBag } from 'lucide-react';

export default function ShopPage() {
  const products = [
    {
      id: "1",      name: "FitForce Pro Resistance Bands",      price: "$89",      variant: "Heavy Resistance • 3 Levels",      imageSrc: "/fitness-equipment-1.jpg",      imageAlt: "Professional resistance bands set",      isFavorited: false,
      onFavorite: () => console.log('favorited resistance bands'),
      onProductClick: () => console.log('clicked resistance bands')
    },
    {
      id: "2",      name: "Elite Training Kettlebell",      price: "$125",      variant: "Cast Iron • 35lb",      imageSrc: "/fitness-equipment-2.jpg",      imageAlt: "Professional kettlebell",      isFavorited: false,
      onFavorite: () => console.log('favorited kettlebell'),
      onProductClick: () => console.log('clicked kettlebell')
    },
    {
      id: "3",      name: "Performance Yoga Mat",      price: "$69",      variant: "Non-Slip • 6mm Thick",      imageSrc: "/fitness-equipment-3.jpg",      imageAlt: "Premium yoga mat",      isFavorited: false,
      onFavorite: () => console.log('favorited yoga mat'),
      onProductClick: () => console.log('clicked yoga mat')
    },
    {
      id: "4",      name: "FitForce Protein Powder",      price: "$45",      variant: "Vanilla • 2lb Container",      imageSrc: "/supplement-1.jpg",      imageAlt: "Whey protein powder",      isFavorited: false,
      onFavorite: () => console.log('favorited protein'),
      onProductClick: () => console.log('clicked protein')
    },
    {
      id: "5",      name: "Smart Fitness Tracker",      price: "$199",      variant: "Black • Heart Rate Monitor",      imageSrc: "/fitness-tracker.jpg",      imageAlt: "Advanced fitness tracker",      isFavorited: false,
      onFavorite: () => console.log('favorited tracker'),
      onProductClick: () => console.log('clicked tracker')
    },
    {
      id: "6",      name: "Adjustable Dumbbells",      price: "$299",      variant: "5-50lbs • Space Saving",      imageSrc: "/dumbbells.jpg",      imageAlt: "Adjustable dumbbell set",      isFavorited: false,
      onFavorite: () => console.log('favorited dumbbells'),
      onProductClick: () => console.log('clicked dumbbells')
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="medium"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <NavbarStyleFullscreen
        navItems={[
          { name: "Home", id: "/" },
          { name: "Shop", id: "/shop" }
        ]}
        brandName="FitForce"
        bottomLeftText="Transform Your Body"
        bottomRightText="hello@fitforce.com"
      />
      
      <div className="min-h-screen">
        <ProductCardFour
          products={products}
          title="FitForce Equipment Store"
          description="Transform your fitness journey with our premium collection of professional-grade equipment and supplements designed for peak performance."
          tag="Premium Quality"
          tagIcon={ShoppingBag}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <FooterMedia
        imageSrc="asset://footer-image"
        imageAlt="Team training community"
        logoText="FitForce"
        copyrightText="© 2025 FitForce Training. All rights reserved."
        columns={[
          {
            title: "Services",            items: [
              { label: "Personal Training", href: "/" },
              { label: "Group Classes", href: "/" },
              { label: "Nutrition", href: "/" },
              { label: "Online Coaching", href: "/" }
            ]
          },
          {
            title: "Company",            items: [
              { label: "About Us", href: "/" },
              { label: "Testimonials", href: "/" },
              { label: "Pricing", href: "/" },
              { label: "Contact", href: "/" }
            ]
          },
          {
            title: "Connect",            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "LinkedIn", href: "https://linkedin.com" },
              { label: "Email", href: "mailto:hello@fitforce.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}