'use client';

import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';

export default function RingsCollectionPage() {
  const navItems = [
    { name: 'Home', id: '/' },
    { name: 'About Us', id: '/about' },
    { name: 'Contact Us', id: '/contact' },
    { name: 'Bracelets', id: '/bracelets' },
    { name: 'Earrings', id: '/earrings' },
    { name: 'Necklaces', id: '/necklaces' },
    { name: 'Rings', id: '/rings-collection' }
  ];

  const products = [
    {
      id: 'ring-1',
      brand: 'Hala',
      name: 'Diamond Solitaire Ring',
      price: '$1,200',
      rating: 4.8,
      reviewCount: '120',
      imageSrc: 'https://images.unsplash.com/photo-1589717173252-09c31498b813?q=80&w=2787&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
      imageAlt: 'Diamond Solitaire Ring'
    },
    {
      id: 'ring-2',
      brand: 'Hala',
      name: 'Emerald Cut Ring',
      price: '$2,500',
      rating: 4.9,
      reviewCount: '90',
      imageSrc: 'https://images.unsplash.com/photo-1549419168-ee81bf9d968b?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
      imageAlt: 'Emerald Cut Ring'
    },
    {
      id: 'ring-3',
      brand: 'Hala',
      name: 'Sapphire Halo Ring',
      price: '$1,800',
      rating: 4.7,
      reviewCount: '150',
      imageSrc: 'https://images.unsplash.com/photo-1601007801865-c35d978a3f85?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
      imageAlt: 'Sapphire Halo Ring'
    },
    {
      id: 'ring-4',
      brand: 'Hala',
      name: 'Rose Gold Band',
      price: '$900',
      rating: 4.5,
      reviewCount: '200',
      imageSrc: 'https://images.unsplash.com/photo-1596767705128-4f8148b11c97?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
      imageAlt: 'Rose Gold Band'
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="large"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen navItems={navItems} brandName="Hala Diamonds" />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Our Exquisite Ring Collection"
          description="Discover a stunning array of diamond rings, from classic solitaires to modern halo designs, perfect for every occasion."
          products={products}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
    </ThemeProvider>
  );
}
