Update src/app/necklaces/page.tsx

src/app/necklaces/page.tsx

@@ -1,53 +1,73 @@
 'use client';
 
-import { ThemeProvider } from '@/components/provider/ThemeProvider';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+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';
 
-const navItems = [
-  { name: "Home", id: "/" },
-  { name: "Earrings", id: "/earrings" },
-  { name: "Necklaces", id: "/necklaces" },
-  { name: "Bracelets", id: "/bracelets" }
-];
-
-const necklacesProducts = Array.from({ length: 13 }, (_, i) => ({
-  id: `necklace-${i + 1}`,
-  brand: "JewelCo",  name: `Stunning Necklace ${i + 1}`,
-  price: `$${(Math.random() * 200 + 100).toFixed(2)}`,
-  rating: Math.floor(Math.random() * 5) + 1,
-  reviewCount: `${Math.floor(Math.random() * 250) + 15} reviews`,
-  imageSrc: `https://picsum.photos/seed/necklace${i+1}/400/300`,
-  imageAlt: `Stunning Necklace ${i + 1}`,
-}));
+export const metadata: Metadata = {
+  title: 'Necklaces - Hala Diamonds',
+  description: 'Adorn your neck with beautiful diamond necklaces from Hala Diamonds.'
+};
 
 export default function NecklacesPage() {
+  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: 'Classic Diamond Pendant', price: '$3,500', rating: 4.9, reviewCount: '110', imageSrc: 'https://images.unsplash.com/photo-1582294132371-331215b3a628?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', imageAlt: 'Classic Diamond Pendant' },
+    { id: '2', brand: 'Hala', name: 'Tennis Necklace', price: '$8,000', rating: 4.8, reviewCount: '70', imageSrc: 'https://images.unsplash.com/photo-1596489397395-8e7c1f8d4e1f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', imageAlt: 'Tennis Necklace' },
+    { id: '3', brand: 'Hala', name: 'Emerald Cut Necklace', price: '$6,000', rating: 4.7, reviewCount: '55', imageSrc: 'https://images.unsplash.com/photo-1582294132371-331215b3a628?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', imageAlt: 'Emerald Cut Necklace' }
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="medium"
-      sizing="medium"
+      sizing="large"
       background="none"
       cardStyle="solid"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="solid"
       headingFontWeight="bold"
     >
-      <NavbarLayoutFloatingOverlay
-        navItems={navItems}
-        brandName="JewelCo"
-        logoSrc="https://images.unsplash.com/photo-1596701830501-1b0337c7689d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHw1fHxqZXdlbHJ5JTIwbG9nb3xlbnwwfHx8fDE3MTU0NjcwNDd8MA&ixlib=rb-4.0.3&q=80&w=1080"
-      />
-      <div id="necklaces-collection" data-section="necklaces-collection">
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen navItems={navItems} brandName="Hala Diamonds" />
+      </div>
+
+      <div id="products" data-section="products">
         <ProductCardTwo
-          title="Necklaces Collection"
-          description="Adorn your neck with our captivating collection of necklaces."
-          products={necklacesProducts}
+          title="Captivating Diamond Necklaces"
+          description="Discover our breathtaking range of diamond necklaces, perfect for making a statement."
+          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>