'use client';

import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import AnimatedAuroraBackground from '@/components/background/AnimatedAuroraBackground';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Diamond } from 'lucide-react';
import type { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'About Hala Diamonds',
  description: "Learn about Hala Diamonds' commitment to craftsmanship, quality, and customer satisfaction."
};

export default function AboutUs() {
  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' }
  ];

  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="about-us" data-section="about-us">
        <TestimonialAboutCard
          tag="Our Story"
          title="About Hala Diamonds"
          description="Hala Diamonds is a family-owned business with over 50 years of experience in crafting exquisite jewelry. We are committed to ethical sourcing, unparalleled craftsmanship, and creating timeless pieces that celebrate life's most precious moments."
          subdescription="Our team of GIA-certified gemologists and master artisans ensures every diamond is hand-selected and meticulously set, reflecting our dedication to quality and customer satisfaction."
          icon={Diamond}
          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="Hala Diamonds Craftsmanship"
          mediaAnimation="slide-up"
          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>
  );
}
