From e8d6075d726746c20e47060005b89363caf72b54 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 19:03:10 +0000
Subject: [PATCH 1/5] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 57 ++++++++++++++++++++++++------------------
 1 file changed, 32 insertions(+), 25 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 24806d2..6fd483c 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,11 +1,11 @@
 'use client';
 
-import { ThemeProvider } from '@/components/ThemeProvider';
-import { NavbarStyleApple } from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import { AboutMetric } from '@/components/sections/about/AboutMetric';
-import { AnimatedAuroraBackground } from '@/components/background/AnimatedAuroraBackground';
-import { FooterLogoEmphasis } from '@/components/sections/footer/FooterLogoEmphasis';
-import { Diamond, Gem, HeartHandshake } from 'lucide-react';
+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 = {
@@ -17,7 +17,11 @@ export default function AboutUs() {
   const navItems = [
     { name: 'Home', id: '/' },
     { name: 'About Us', id: '/about' },
-    { name: 'Contact Us', id: '/contact' }
+    { name: 'Contact Us', id: '/contact' },
+    { name: 'Bracelets', id: '/bracelets' },
+    { name: 'Earrings', id: '/earrings' },
+    { name: 'Necklaces', id: '/necklaces' },
+    { name: 'Rings', id: '/rings-collection' }
   ];
 
   return (
@@ -33,33 +37,36 @@ export default function AboutUs() {
       secondaryButtonStyle="solid"
       headingFontWeight="bold"
     >
-      <NavbarStyleApple navItems={navItems} brandName="Hala Diamonds" />
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen navItems={navItems} brandName="Hala Diamonds" />
+      </div>
 
       <div id="about-us" data-section="about-us">
-        <AboutMetric
+        <TestimonialAboutCard
+          tag="Our Story"
           title="About Hala Diamonds"
-          description="" // Empty description, AboutMetric component doesn't have one
-          metrics={[
-            { icon: Diamond, label: 'Years in Business', value: '50+' },
-            { icon: Gem, label: 'Certified Gemologists', value: '15+' },
-            { icon: HeartHandshake, label: 'Satisfied Customers', value: '10K+' }
-          ]}
-          metricsAnimation="slide-up"
+          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" />
 
-      <FooterLogoEmphasis
-        logoSrc="/path/to/hala-diamonds-logo.png" // Placeholder, update with actual logo path
-        logoAlt="Hala Diamonds Logo"
-        logoText="Hala Diamonds"
-        columns={[
-          { items: [{ label: 'Home', href: '/' }, { label: 'About Us', href: '/about' }] },
-          { items: [{ label: 'Contact Us', href: '/contact' }] }
-        ]}
-      />
+      <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>
   );
 }
-- 
2.49.1


From f4e7a454671de05e80630b304d3401405f6a39a3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 19:03:10 +0000
Subject: [PATCH 2/5] Update src/app/bracelets/page.tsx

---
 src/app/bracelets/page.tsx | 80 ++++++++++++++++++++++++--------------
 1 file changed, 50 insertions(+), 30 deletions(-)

diff --git a/src/app/bracelets/page.tsx b/src/app/bracelets/page.tsx
index 78d8b6d..f6918b5 100644
--- a/src/app/bracelets/page.tsx
+++ b/src/app/bracelets/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 braceletsProducts = Array.from({ length: 2 }, (_, i) => ({
-  id: `bracelet-${i + 1}`,
-  brand: "JewelCo",  name: `Charming Bracelet ${i + 1}`,
-  price: `$${(Math.random() * 75 + 25).toFixed(2)}`,
-  rating: Math.floor(Math.random() * 5) + 1,
-  reviewCount: `${Math.floor(Math.random() * 100) + 5} reviews`,
-  imageSrc: `https://picsum.photos/seed/bracelet${i+1}/400/300`,
-  imageAlt: `Charming Bracelet ${i + 1}`,
-}));
+export const metadata: Metadata = {
+  title: 'Bracelets - Hala Diamonds',
+  description: 'Explore exquisite diamond bracelets from Hala Diamonds.'
+};
 
 export default function BraceletsPage() {
+  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: 'Delicate Diamond Bracelet', price: '$2,500', rating: 4.8, reviewCount: '120', 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: 'Delicate Diamond Bracelet' },
+    { id: '2', brand: 'Hala', name: 'Tennis Bracelet Classic', price: '$5,000', rating: 4.9, reviewCount: '95', 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 Bracelet Classic' },
+    { id: '3', brand: 'Hala', name: 'Baguette Diamond Bangle', price: '$3,800', rating: 4.7, reviewCount: '78', 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: 'Baguette Diamond Bangle' }
+  ];
+
   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="bracelets-collection" data-section="bracelets-collection">
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen navItems={navItems} brandName="Hala Diamonds" />
+      </div>
+
+      <div id="products" data-section="products">
         <ProductCardTwo
-          title="Bracelets Collection"
-          description="Accentuate your wrists with our elegant and stylish bracelets."
-          products={braceletsProducts}
+          title="Exquisite Diamond Bracelets"
+          description="Discover our stunning collection of diamond bracelets, perfect for every occasion."
+          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>
-- 
2.49.1


From 1953a2e6b30b38ffd368ecb7c4021b9331ad267c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 19:03:11 +0000
Subject: [PATCH 3/5] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 46 +++++++++++++++++++++++-----------------
 1 file changed, 27 insertions(+), 19 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index ce31202..3dde35c 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,12 +1,12 @@
 'use client';
 
-import { ThemeProvider } from '@/components/ThemeProvider';
-import { NavbarStyleApple } from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import { ContactSplitForm } from '@/components/sections/contact/ContactSplitForm';
-import { AnimatedAuroraBackground } from '@/components/background/AnimatedAuroraBackground';
-import { FooterLogoEmphasis } from '@/components/sections/footer/FooterLogoEmphasis';
-import { ButtonBounceEffect } from '@/components/button/ButtonBounceEffect/ButtonBounceEffect';
-import { Instagram, MessageCircleMore } from 'lucide-react';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import AnimatedAuroraBackground from '@/components/background/AnimatedAuroraBackground';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import ButtonIconArrow from '@/components/button/ButtonIconArrow';
+import { Instagram } from 'lucide-react';
 import type { Metadata } from 'next';
 
 export const metadata: Metadata = {
@@ -17,7 +17,12 @@ export const metadata: Metadata = {
 export default function ContactUs() {
   const navItems = [
     { name: 'Home', id: '/' },
-    { name: 'About Us', id: '/about' },    { name: 'Contact Us', id: '/contact' }
+    { 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 (
@@ -33,7 +38,9 @@ export default function ContactUs() {
       secondaryButtonStyle="solid"
       headingFontWeight="bold"
     >
-      <NavbarStyleApple navItems={navItems} brandName="Hala Diamonds" />
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen navItems={navItems} brandName="Hala Diamonds" />
+      </div>
 
       <div id="contact-us" data-section="contact-us">
         <ContactSplitForm
@@ -57,7 +64,7 @@ export default function ContactUs() {
           onSubmit={(data) => console.log('Contact form submitted:', data)}
         />
         <div className="flex flex-col md:flex-row gap-4 items-center justify-center py-10 px-4 max-w-7xl mx-auto">
-            <ButtonBounceEffect
+            <ButtonIconArrow
                 text="Chat on WhatsApp"
                 href="https://wa.me/1234567890" // Placeholder WhatsApp number
                 target="_blank"
@@ -80,15 +87,16 @@ export default function ContactUs() {
 
       <AnimatedAuroraBackground invertColors={false} className="-z-10" />
 
-      <FooterLogoEmphasis
-        logoSrc="/path/to/hala-diamonds-logo.png" // Placeholder, update with actual logo path
-        logoAlt="Hala Diamonds Logo"
-        logoText="Hala Diamonds"
-        columns={[
-          { items: [{ label: 'Home', href: '/' }, { label: 'About Us', href: '/about' }] },
-          { items: [{ label: 'Contact Us', href: '/contact' }] }
-        ]}
-      />
+      <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>
   );
 }
-- 
2.49.1


From b1ed8f7111bd8ce6d5e8d21fcfff411fd62d22e0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 19:03:11 +0000
Subject: [PATCH 4/5] Update src/app/earrings/page.tsx

---
 src/app/earrings/page.tsx | 80 ++++++++++++++++++++++++---------------
 1 file changed, 50 insertions(+), 30 deletions(-)

diff --git a/src/app/earrings/page.tsx b/src/app/earrings/page.tsx
index 2313157..9f57134 100644
--- a/src/app/earrings/page.tsx
+++ b/src/app/earrings/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 earringsProducts = Array.from({ length: 12 }, (_, i) => ({
-  id: `earring-${i + 1}`,
-  brand: "JewelCo",  name: `Elegant Earring ${i + 1}`,
-  price: `$${(Math.random() * 100 + 50).toFixed(2)}`,
-  rating: Math.floor(Math.random() * 5) + 1,
-  reviewCount: `${Math.floor(Math.random() * 200) + 10} reviews`,
-  imageSrc: `https://picsum.photos/seed/earring${i+1}/400/300`,
-  imageAlt: `Elegant Earring ${i + 1}`,
-}));
+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="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="earrings-collection" data-section="earrings-collection">
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen navItems={navItems} brandName="Hala Diamonds" />
+      </div>
+
+      <div id="products" data-section="products">
         <ProductCardTwo
-          title="Earrings Collection"
-          description="Discover our exquisite range of earrings, perfect for every occasion."
-          products={earringsProducts}
+          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>
-- 
2.49.1


From a22ff88c74be5ec6e41ea89be4c374163915ecdd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 19:03:12 +0000
Subject: [PATCH 5/5] Update src/app/necklaces/page.tsx

---
 src/app/necklaces/page.tsx | 80 ++++++++++++++++++++++++--------------
 1 file changed, 50 insertions(+), 30 deletions(-)

diff --git a/src/app/necklaces/page.tsx b/src/app/necklaces/page.tsx
index 14bcaf3..1ec475d 100644
--- a/src/app/necklaces/page.tsx
+++ b/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>
-- 
2.49.1