Merge version_1 into main #1
260
src/app/page.tsx
260
src/app/page.tsx
@@ -32,38 +32,30 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lumina Diamonds"
|
||||
button={{
|
||||
text: "Shop Now", href: "#products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Timeless Radiance, Ethically Crafted"
|
||||
description="Discover our collection of exquisite lab-grown diamond jewelry, where sustainable innovation meets traditional craftsmanship. Pure, brilliant, and responsibly made."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collections", href: "#products"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r05xq2"
|
||||
/>
|
||||
@@ -76,26 +68,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Sustainable Luxury",
|
||||
description: "100% conflict-free and environmentally conscious diamonds.",
|
||||
tag: "Ethics",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ascp0",
|
||||
},
|
||||
id: "f1", title: "Sustainable Luxury", description: "100% conflict-free and environmentally conscious diamonds.", tag: "Ethics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ascp0"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Certified Brilliance",
|
||||
description: "Each stone is meticulously inspected for clarity and fire.",
|
||||
tag: "Quality",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=51cyq7",
|
||||
},
|
||||
id: "f2", title: "Certified Brilliance", description: "Each stone is meticulously inspected for clarity and fire.", tag: "Quality", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=51cyq7"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Artisan Craftsmanship",
|
||||
description: "Hand-set in recycled precious metals for a lasting glow.",
|
||||
tag: "Design",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gnl6l1",
|
||||
},
|
||||
id: "f3", title: "Artisan Craftsmanship", description: "Hand-set in recycled precious metals for a lasting glow.", tag: "Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gnl6l1"},
|
||||
]}
|
||||
title="The Lumina Promise"
|
||||
description="Why choose our lab-grown diamonds for your most precious moments."
|
||||
@@ -110,47 +87,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Aura Solitaire Ring",
|
||||
price: "$1,250",
|
||||
variant: "18k Gold",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=90lddk",
|
||||
},
|
||||
id: "p1", name: "Aura Solitaire Ring", price: "$1,250", variant: "18k Gold", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=90lddk"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Starlight Studs",
|
||||
price: "$890",
|
||||
variant: "Platinum",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wemen9",
|
||||
},
|
||||
id: "p2", name: "Starlight Studs", price: "$890", variant: "Platinum", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wemen9"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Eternal Pendant",
|
||||
price: "$1,500",
|
||||
variant: "18k Gold",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oknrlq",
|
||||
},
|
||||
id: "p3", name: "Eternal Pendant", price: "$1,500", variant: "18k Gold", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oknrlq"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Radiance Tennis Bracelet",
|
||||
price: "$2,200",
|
||||
variant: "Platinum",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ltduxy",
|
||||
},
|
||||
id: "p4", name: "Radiance Tennis Bracelet", price: "$2,200", variant: "Platinum", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ltduxy"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Celestial Band",
|
||||
price: "$650",
|
||||
variant: "Rose Gold",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5ntu6",
|
||||
},
|
||||
id: "p5", name: "Celestial Band", price: "$650", variant: "Rose Gold", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5ntu6"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Infinite Engagement",
|
||||
price: "$3,100",
|
||||
variant: "18k White Gold",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nyp81r",
|
||||
},
|
||||
id: "p6", name: "Infinite Engagement", price: "$3,100", variant: "18k White Gold", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nyp81r"},
|
||||
]}
|
||||
title="Iconic Collections"
|
||||
description="Explore our curated selection of lab-grown diamond pieces."
|
||||
@@ -164,26 +111,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99%",
|
||||
title: "Clarity",
|
||||
description: "Certified purity in every stone.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n6utpk",
|
||||
},
|
||||
id: "m1", value: "99%", title: "Clarity", description: "Certified purity in every stone.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n6utpk"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
title: "Happy Couples",
|
||||
description: "Part of cherished love stories.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0xlmdu",
|
||||
},
|
||||
id: "m2", value: "10k+", title: "Happy Couples", description: "Part of cherished love stories.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0xlmdu"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "0",
|
||||
title: "Mining Impact",
|
||||
description: "Completely sustainable production.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2k1f65",
|
||||
},
|
||||
id: "m3", value: "0", title: "Mining Impact", description: "Completely sustainable production.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2k1f65"},
|
||||
]}
|
||||
title="Precision & Passion"
|
||||
description="Crafting jewelry with a commitment to excellence."
|
||||
@@ -197,59 +129,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Collector",
|
||||
company: "Lumina Fan",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=klr5o9",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Collector", company: "Lumina Fan", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=klr5o9"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Anderson",
|
||||
role: "Groom",
|
||||
company: "Lumina Fan",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oicktc",
|
||||
},
|
||||
id: "t2", name: "James Anderson", role: "Groom", company: "Lumina Fan", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oicktc"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma Wilson",
|
||||
role: "Stylist",
|
||||
company: "Lumina Fan",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7ksjl",
|
||||
},
|
||||
id: "t3", name: "Emma Wilson", role: "Stylist", company: "Lumina Fan", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7ksjl"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Clark",
|
||||
role: "Gift Giver",
|
||||
company: "Lumina Fan",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i632mz",
|
||||
},
|
||||
id: "t4", name: "David Clark", role: "Gift Giver", company: "Lumina Fan", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i632mz"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda Chen",
|
||||
role: "Bride",
|
||||
company: "Lumina Fan",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7zujfd",
|
||||
},
|
||||
id: "t5", name: "Linda Chen", role: "Bride", company: "Lumina Fan", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7zujfd"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
value: "5.0", label: "Customer Rating"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Recommended",
|
||||
},
|
||||
value: "95%", label: "Recommended"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Unique Designs",
|
||||
},
|
||||
value: "20+", label: "Unique Designs"},
|
||||
]}
|
||||
title="Lumina Moments"
|
||||
description="Hear from our clients who found their brilliance with us."
|
||||
@@ -261,20 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are lab-grown diamonds real?",
|
||||
content: "Yes, they are chemically, physically, and optically identical to mined diamonds.",
|
||||
},
|
||||
id: "q1", title: "Are lab-grown diamonds real?", content: "Yes, they are chemically, physically, and optically identical to mined diamonds."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are they sustainable?",
|
||||
content: "Absolutely. They eliminate the need for earth-mining, significantly reducing the environmental impact.",
|
||||
},
|
||||
id: "q2", title: "Are they sustainable?", content: "Absolutely. They eliminate the need for earth-mining, significantly reducing the environmental impact."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do they lose brilliance?",
|
||||
content: "No, they have the same durability and sparkle as traditional mined diamonds.",
|
||||
},
|
||||
id: "q3", title: "Do they lose brilliance?", content: "No, they have the same durability and sparkle as traditional mined diamonds."},
|
||||
]}
|
||||
sideTitle="Expert Answers"
|
||||
sideDescription="Curious about lab-grown diamonds? Get all your questions answered."
|
||||
@@ -291,35 +183,11 @@ export default function LandingPage() {
|
||||
description="Stay updated with the latest in jewelry and sustainable luxury."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Education",
|
||||
title: "Understanding Diamond Clarity",
|
||||
excerpt: "What makes a diamond truly brilliant?",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fmdhc2",
|
||||
authorName: "Expert Team",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=69ift5",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
id: "b1", category: "Education", title: "Understanding Diamond Clarity", excerpt: "What makes a diamond truly brilliant?", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fmdhc2", authorName: "Expert Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=69ift5", date: "Oct 12, 2024"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Trends",
|
||||
title: "2024 Jewelry Style Guide",
|
||||
excerpt: "Trending styles for the modern individual.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tzu07r",
|
||||
authorName: "Stylist",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=atn84d",
|
||||
date: "Oct 15, 2024",
|
||||
},
|
||||
id: "b2", category: "Trends", title: "2024 Jewelry Style Guide", excerpt: "Trending styles for the modern individual.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tzu07r", authorName: "Stylist", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=atn84d", date: "Oct 15, 2024"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Sustainability",
|
||||
title: "The Science of Lab-Grown",
|
||||
excerpt: "How innovation crafts the perfect stone.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2066w6",
|
||||
authorName: "Scientific Lab",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gn5fmy",
|
||||
date: "Oct 18, 2024",
|
||||
},
|
||||
id: "b3", category: "Sustainability", title: "The Science of Lab-Grown", excerpt: "How innovation crafts the perfect stone.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2066w6", authorName: "Scientific Lab", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gn5fmy", date: "Oct 18, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -328,8 +196,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Stay Connected"
|
||||
description="Join our inner circle for exclusive collection previews and care tips."
|
||||
@@ -340,54 +207,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Collections",
|
||||
items: [
|
||||
title: "Collections", items: [
|
||||
{
|
||||
label: "Solitaire Rings",
|
||||
href: "#",
|
||||
},
|
||||
label: "Solitaire Rings", href: "#"},
|
||||
{
|
||||
label: "Earrings",
|
||||
href: "#",
|
||||
},
|
||||
label: "Earrings", href: "#"},
|
||||
{
|
||||
label: "Necklaces",
|
||||
href: "#",
|
||||
},
|
||||
label: "Necklaces", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user