bender/eb3f2609-8f82-4829-80d1-c1198898e9a2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-06-03 19:03:15 +00:00
parent 37b63ce34c a22ff88c74
commit e0f8ff4f72
5 changed files with 209 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/app/about/page.tsx
View File

@@ -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>
);
}

80
src/app/bracelets/page.tsx
View File

@@ -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>

46
src/app/contact/page.tsx
View File

@@ -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>
);
}

80
src/app/earrings/page.tsx
View File

@@ -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>

80
src/app/necklaces/page.tsx
View File

@@ -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>