'use client';

import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function HomePage() {
  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 testimonials = [
    {
      id: '1',
      title: "Excellent Service",      name: 'Sarah M.',
      role: 'Satisfied Customer',
      quote: "Hala Diamonds truly exceeded my expectations! The quality of their rings is simply breathtaking.",      imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",      imageAlt: "Sarah M."
    },
    {
      id: '2',
      title: "Highly Recommended",      name: 'David L.',
      role: 'Happy Client',
      quote: "The team at Hala Diamonds made my engagement ring purchase an absolute joy. Highly recommended!",      imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?q=80&w=2787&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",      imageAlt: "David L."
    },
    {
      id: '3',
      title: "Unparalleled Craftsmanship",      name: 'Emily R.',
      role: 'Loyal Customer',
      quote: "I've purchased multiple pieces from Hala Diamonds, and each one is a masterpiece. Their craftsmanship is unparalleled.",      imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?q=80&w=2788&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",      imageAlt: "Emily R."
    }
  ];

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

      <div id="reviews" data-section="reviews">
        <TestimonialCardTen
          title="What Our Customers Say"
          description="Hear from our happy clients about their experience with Hala Diamonds."
          testimonials={testimonials}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
    </ThemeProvider>
  );
}
