Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-06 00:50:37 +00:00

View File

@@ -16,353 +16,167 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Collection",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Madina Jewellery"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Collection", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Madina Jewellery"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
title="Timeless Gold. Eternal Beauty."
description="Discover our collection of handcrafted luxury gold jewellery, where heritage meets contemporary elegance. Visit our store for an experience beyond expectations."
testimonials={[
{
name: "Fatima A.",
handle: "@fatima_gold",
testimonial: "The most exquisite gold collection I've ever seen. Pure craftsmanship.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall-deparment-store-interior_1203-9604.jpg?_wi=1",
imageAlt: "luxury gold jewellery store background",
},
{
name: "Ahmed K.",
handle: "@ahmed_jewels",
testimonial: "Excellent heritage service. Truly luxury quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186750.jpg?_wi=1",
imageAlt: "luxury gold jewellery store background",
},
{
name: "Layla S.",
handle: "@layla_luxury",
testimonial: "I love their unique designs. Eternal beauty indeed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-wheat-still-life_23-2149836439.jpg?_wi=1",
imageAlt: "luxury gold jewellery store background",
},
{
name: "Zaid M.",
handle: "@zaid_jewelry",
testimonial: "A trusted name for gold. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gold-ring_1203-2733.jpg?_wi=1",
imageAlt: "luxury gold jewellery store background",
},
{
name: "Sara H.",
handle: "@sara_h",
testimonial: "Exceptional customer experience at their boutique.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-golden-ribbon-christmas-presents_23-2148721330.jpg?_wi=1",
imageAlt: "luxury gold jewellery store background",
},
]}
buttons={[
{
text: "Visit Our Store",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall-deparment-store-interior_1203-9604.jpg?_wi=2"
imageAlt="Luxury gold store interior"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/blurred-corridor_1203-1418.jpg",
alt: "Blurred corridor",
},
{
src: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop-restaurant_1203-2836.jpg",
alt: "Abstract blur coffee shop and restaurant",
},
{
src: "http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3441.jpg",
alt: "Long corridor and showcase",
},
{
src: "http://img.b2bpic.net/free-photo/man-woman-look-display-jewelry-costume-jewelry-store-evening-stroll-through-streets-decorated-christmas-choosing-gifts_166373-8871.jpg",
alt: "Man and woman look at a display of jewelry",
},
{
src: "http://img.b2bpic.net/free-photo/woman-posing-confident-way_23-2148974038.jpg",
alt: "Woman posing in a confident way",
},
]}
marqueeItems={[
{
type: "text",
text: "Pure 24K Gold",
},
{
type: "text",
text: "Handcrafted Heritage",
},
{
type: "text",
text: "Certified Quality",
},
{
type: "text",
text: "Custom Designs",
},
{
type: "text",
text: "Global Shipping",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{ variant: "gradient-bars" }}
title="Timeless Gold. Eternal Beauty."
description="Discover our collection of handcrafted luxury gold jewellery, where heritage meets contemporary elegance. Visit our store for an experience beyond expectations."
testimonials={[
{ name: "Fatima A.", handle: "@fatima_gold", testimonial: "The most exquisite gold collection I've ever seen. Pure craftsmanship.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall-deparment-store-interior_1203-9604.jpg", imageAlt: "luxury gold jewellery store background" },
{ name: "Ahmed K.", handle: "@ahmed_jewels", testimonial: "Excellent heritage service. Truly luxury quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186750.jpg", imageAlt: "luxury gold jewellery store background" },
{ name: "Layla S.", handle: "@layla_luxury", testimonial: "I love their unique designs. Eternal beauty indeed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-wheat-still-life_23-2149836439.jpg", imageAlt: "luxury gold jewellery store background" },
{ name: "Zaid M.", handle: "@zaid_jewelry", testimonial: "A trusted name for gold. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gold-ring_1203-2733.jpg", imageAlt: "luxury gold jewellery store background" },
{ name: "Sara H.", handle: "@sara_h", testimonial: "Exceptional customer experience at their boutique.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-golden-ribbon-christmas-presents_23-2148721330.jpg", imageAlt: "luxury gold jewellery store background" },
]}
buttons={[{ text: "Visit Our Store", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall-deparment-store-interior_1203-9604.jpg"
imageAlt="Luxury gold store interior"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/blurred-corridor_1203-1418.jpg", alt: "Blurred corridor" },
{ src: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop-restaurant_1203-2836.jpg", alt: "Abstract blur coffee shop and restaurant" },
{ src: "http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3441.jpg", alt: "Long corridor and showcase" },
{ src: "http://img.b2bpic.net/free-photo/man-woman-look-display-jewelry-costume-jewelry-store-evening-stroll-through-streets-decorated-christmas-choosing-gifts_166373-8871.jpg", alt: "Man and woman look at a display of jewelry" },
{ src: "http://img.b2bpic.net/free-photo/woman-posing-confident-way_23-2148974038.jpg", alt: "Woman posing in a confident way" },
]}
marqueeItems={[
{ type: "text", text: "Pure 24K Gold" },
{ type: "text", text: "Handcrafted Heritage" },
{ type: "text", text: "Certified Quality" },
{ type: "text", text: "Custom Designs" },
{ type: "text", text: "Global Shipping" },
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="A Legacy of Gold Craftsmanship"
description="Madina Jewellery Golds was founded with a passion for preserving the art of traditional gold-smithing while embracing modern aesthetic sensibilities. Each piece is a testament to our commitment to purity, excellence, and customer trust."
imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186750.jpg?_wi=2"
imageAlt="Jewellery craftsmanship"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="A Legacy of Gold Craftsmanship"
description="Madina Jewellery Golds was founded with a passion for preserving the art of traditional gold-smithing while embracing modern aesthetic sensibilities. Each piece is a testament to our commitment to purity, excellence, and customer trust."
imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186750.jpg"
imageAlt="Jewellery craftsmanship"
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Heritage Gold Ring",
price: "$1,200",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-wheat-still-life_23-2149836439.jpg?_wi=2",
},
{
id: "p2",
name: "Midnight Gold Bangle",
price: "$2,500",
imageSrc: "http://img.b2bpic.net/free-photo/gold-ring_1203-2733.jpg?_wi=2",
},
{
id: "p3",
name: "Royal Gold Pendant",
price: "$3,800",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-golden-ribbon-christmas-presents_23-2148721330.jpg?_wi=2",
},
{
id: "p4",
name: "Eternal Gold Bracelet",
price: "$1,900",
imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409252.jpg",
},
{
id: "p5",
name: "Classic Gold Set",
price: "$4,200",
imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg",
},
{
id: "p6",
name: "Ornate Earrings",
price: "$1,500",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-gold-swirled-lines-background_9975-32904.jpg",
},
]}
title="Exclusive Gold Collection"
description="Exquisite treasures curated for those who appreciate the finer details of gold jewellery."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Heritage Gold Ring", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-wheat-still-life_23-2149836439.jpg" },
{ id: "p2", name: "Midnight Gold Bangle", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/gold-ring_1203-2733.jpg" },
{ id: "p3", name: "Royal Gold Pendant", price: "$3,800", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-golden-ribbon-christmas-presents_23-2148721330.jpg" },
{ id: "p4", name: "Eternal Gold Bracelet", price: "$1,900", imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409252.jpg" },
{ id: "p5", name: "Classic Gold Set", price: "$4,200", imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg" },
{ id: "p6", name: "Ornate Earrings", price: "$1,500", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-gold-swirled-lines-background_9975-32904.jpg" },
]}
title="Exclusive Gold Collection"
description="Exquisite treasures curated for those who appreciate the finer details of gold jewellery."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Dubai Jewellery Council",
"International Gold Standard",
"Elite Heritage Award",
"Luxury Boutique of the Year",
"Master Goldsmith Collective",
"Gold Trust Association",
"Regional Fine Jewellery Alliance",
]}
title="Trusted by Gold Enthusiasts"
description="We are proud to be the preferred choice for discerning jewellery lovers across the region."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Dubai Jewellery Council", "International Gold Standard", "Elite Heritage Award", "Luxury Boutique of the Year", "Master Goldsmith Collective", "Gold Trust Association", "Regional Fine Jewellery Alliance"]}
title="Trusted by Gold Enthusiasts"
description="We are proud to be the preferred choice for discerning jewellery lovers across the region."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "40+",
title: "Years of Excellence",
items: [
"Established in 1980",
"Heritage service",
"Consistent quality",
],
},
{
id: "m2",
value: "10k+",
title: "Happy Clients",
items: [
"Trusted by families",
"Loyal customers",
"Gold standards",
],
},
{
id: "m3",
value: "5k+",
title: "Unique Designs",
items: [
"Handcrafted pieces",
"Custom jewellery",
"Diverse styles",
],
},
]}
title="Our Heritage in Numbers"
description="Decades of trust and thousands of satisfied customers define our journey."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "40+", title: "Years of Excellence", items: ["Established in 1980", "Heritage service", "Consistent quality"] },
{ id: "m2", value: "10k+", title: "Happy Clients", items: ["Trusted by families", "Loyal customers", "Gold standards"] },
{ id: "m3", value: "5k+", title: "Unique Designs", items: ["Handcrafted pieces", "Custom jewellery", "Diverse styles"] },
]}
title="Our Heritage in Numbers"
description="Decades of trust and thousands of satisfied customers define our journey."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah A.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-looking-notebook_23-2148346228.jpg",
},
{
id: "2",
name: "Ahmed M.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-short-hair-brunette-woman-with-chain-neck-accessories-green-lace-lingerie-outside-villa_343596-400.jpg",
},
{
id: "3",
name: "Zainab B.",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-keeping-her-palms-together_273609-12434.jpg",
},
{
id: "4",
name: "Omar K.",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-lady-with-collected-hair-dressed-gold-tshirt-neck-jewelry-is-smiling-camera-posing-beige-background_291650-2401.jpg",
},
{
id: "5",
name: "Mariam S.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-indoors_1153-7347.jpg",
},
]}
cardTitle="Client Stories"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah A.", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-looking-notebook_23-2148346228.jpg" },
{ id: "2", name: "Ahmed M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-short-hair-brunette-woman-with-chain-neck-accessories-green-lace-lingerie-outside-villa_343596-400.jpg" },
{ id: "3", name: "Zainab B.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-keeping-her-palms-together_273609-12434.jpg" },
{ id: "4", name: "Omar K.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-lady-with-collected-hair-dressed-gold-tshirt-neck-jewelry-is-smiling-camera-posing-beige-background_291650-2401.jpg" },
{ id: "5", name: "Mariam S.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-indoors_1153-7347.jpg" },
]}
cardTitle="Client Stories"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer custom jewellery?",
content: "Yes, we specialize in custom handcrafted gold jewellery designs.",
},
{
id: "f2",
title: "Is your gold certified?",
content: "All our gold jewellery is certified for purity and authenticity.",
},
{
id: "f3",
title: "Can I visit your showroom?",
content: "We welcome you to visit our boutique for a personalized viewing experience.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-choosing-ring-jewelry-shop_1303-30666.jpg"
mediaAnimation="slide-up"
title="Common Questions"
description="Find answers to our gold purchasing and boutique services."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do you offer custom jewellery?", content: "Yes, we specialize in custom handcrafted gold jewellery designs." },
{ id: "f2", title: "Is your gold certified?", content: "All our gold jewellery is certified for purity and authenticity." },
{ id: "f3", title: "Can I visit your showroom?", content: "We welcome you to visit our boutique for a personalized viewing experience." },
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-choosing-ring-jewelry-shop_1303-30666.jpg"
mediaAnimation="slide-up"
title="Common Questions"
description="Find answers to our gold purchasing and boutique services."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
text="Ready to own a piece of eternity? Visit our showroom today."
buttons={[
{
text: "Get Directions",
href: "#contact",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "rotated-rays-static" }}
text="Ready to own a piece of eternity? Visit our showroom today."
buttons={[{ text: "Get Directions", href: "#contact" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Madina Jewellery Golds"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "© 2024 Madina Jewellery",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Madina Jewellery Golds"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "© 2024 Madina Jewellery", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}