'use client';

import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import AnimatedAuroraBackground from '@/components/background/AnimatedAuroraBackground';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import type { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'Earrings - Hala Diamonds',
  description: 'Discover sparkling diamond earrings from Hala Diamonds.'
};

export default function EarringsPage() {
  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: '1', brand: 'Hala', name: 'Solitaire Stud Earrings', price: '$1,800', rating: 4.7, reviewCount: '150', imageSrc: 'https://images.unsplash.com/photo-1599643447385-a7b3c2e1f2f0?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', imageAlt: 'Solitaire Stud Earrings' },
    { id: '2', brand: 'Hala', name: 'Diamond Hoop Earrings', price: '$3,200', rating: 4.9, reviewCount: '80', imageSrc: 'https://images.unsplash.com/photo-1621323863459-d8e23df37233?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', imageAlt: 'Diamond Hoop Earrings' },
    { id: '3', brand: 'Hala', name: 'Halo Drop Earrings', price: '$2,500', rating: 4.6, reviewCount: '65', imageSrc: 'https://images.unsplash.com/photo-1599643447385-a7b3c2e1f2f0?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', imageAlt: 'Halo Drop Earrings' }
  ];

  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="Dazzling Diamond Earrings"
          description="Find the perfect pair of diamond earrings to complement your style."
          products={products}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <AnimatedAuroraBackground invertColors={false} className="-z-10" />

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            { title: 'Company', items: [{ label: 'Home', href: '/' }, { label: 'About Us', href: '/about' }] },
            { title: 'Support', items: [{ label: 'Contact Us', href: '/contact' }] }
          ]}
          bottomLeftText="© 2024 Hala Diamonds. All rights reserved."
          bottomRightText="Privacy Policy  Terms of Service"
        />
      </div>
    </ThemeProvider>
  );
}
