Update src/app/page.tsx
This commit is contained in:
214
src/app/page.tsx
214
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Quality",
|
||||
id: "features",
|
||||
},
|
||||
name: "Quality", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aura Diamonds"
|
||||
/>
|
||||
@@ -60,17 +50,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="The Pinnacle of Indian Diamond Craftsmanship"
|
||||
description="Transforming raw carbon into timeless light through generations of artisanal expertise."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/overhead-view-crystal-diamond-blue-background_23-2147948677.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/overhead-view-crystal-diamond-blue-background_23-2147948677.jpg"
|
||||
imageAlt="Luxurious diamond close-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -82,19 +69,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Diamond,
|
||||
label: "Certified Diamonds",
|
||||
value: "1M+",
|
||||
},
|
||||
label: "Certified Diamonds", value: "1M+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years of Excellence",
|
||||
value: "40+",
|
||||
},
|
||||
label: "Years of Excellence", value: "40+"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Countries Served",
|
||||
value: "25+",
|
||||
},
|
||||
label: "Countries Served", value: "25+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -107,28 +88,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Conflict Free",
|
||||
description: "Sourced with complete ethical transparency.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/precious-stones-processing_169016-3564.jpg",
|
||||
imageAlt: "master diamond cutter precision",
|
||||
title: "Conflict Free", description: "Sourced with complete ethical transparency.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "Precision Cut",
|
||||
description: "Expertly cut for optimal brilliance.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-crystal-diamond-blue-background_23-2147948677.jpg?_wi=2",
|
||||
imageAlt: "master diamond cutter precision",
|
||||
title: "Precision Cut", description: "Expertly cut for optimal brilliance.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Global Logistics",
|
||||
description: "Seamless distribution worldwide.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Truck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-gemstone-ring-platinum-luxury-elegance-captured-generated-by-ai_188544-9991.jpg?_wi=1",
|
||||
imageAlt: "master diamond cutter precision",
|
||||
title: "Global Logistics", description: "Seamless distribution worldwide.", bentoComponent: "reveal-icon", icon: Truck,
|
||||
},
|
||||
]}
|
||||
title="Why Aura Diamonds?"
|
||||
@@ -144,59 +110,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Aura",
|
||||
name: "Solitaire Ring",
|
||||
price: "$12,000",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-gemstone-ring-platinum-luxury-elegance-captured-generated-by-ai_188544-9991.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Aura", name: "Solitaire Ring", price: "$12,000", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/shiny-gemstone-ring-platinum-luxury-elegance-captured-generated-by-ai_188544-9991.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Aura",
|
||||
name: "Pave Earrings",
|
||||
price: "$8,500",
|
||||
rating: 5,
|
||||
reviewCount: "94",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/star-shaped-pink-diamond-arrangement_23-2149673641.jpg",
|
||||
},
|
||||
id: "p2", brand: "Aura", name: "Pave Earrings", price: "$8,500", rating: 5,
|
||||
reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/star-shaped-pink-diamond-arrangement_23-2149673641.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Aura",
|
||||
name: "Tennis Bracelet",
|
||||
price: "$15,000",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-jeweler-working-shop_23-2150914283.jpg",
|
||||
},
|
||||
id: "p3", brand: "Aura", name: "Tennis Bracelet", price: "$15,000", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/female-jeweler-working-shop_23-2150914283.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Aura",
|
||||
name: "Classic Pendant",
|
||||
price: "$5,200",
|
||||
rating: 4,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-bride-wearing-delicate-choker-necklace_181624-21214.jpg",
|
||||
},
|
||||
id: "p4", brand: "Aura", name: "Classic Pendant", price: "$5,200", rating: 4,
|
||||
reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-bride-wearing-delicate-choker-necklace_181624-21214.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Aura",
|
||||
name: "Emerald Ring",
|
||||
price: "$22,000",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-shine-diamonds-digital-art_23-2151695015.jpg",
|
||||
},
|
||||
id: "p5", brand: "Aura", name: "Emerald Ring", price: "$22,000", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/luxury-shine-diamonds-digital-art_23-2151695015.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Aura",
|
||||
name: "Luxury Brooch",
|
||||
price: "$18,000",
|
||||
rating: 5,
|
||||
reviewCount: "33",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workshop-woman-jeweler-is-busy-soldering-jewelry_1153-3528.jpg",
|
||||
},
|
||||
id: "p6", brand: "Aura", name: "Luxury Brooch", price: "$18,000", rating: 5,
|
||||
reviewCount: "33", imageSrc: "http://img.b2bpic.net/free-photo/workshop-woman-jeweler-is-busy-soldering-jewelry_1153-3528.jpg"},
|
||||
]}
|
||||
title="Masterpiece Collections"
|
||||
description="Discover our most recent artisanal creations."
|
||||
@@ -210,23 +140,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: TrendingUp,
|
||||
title: "Annual Output",
|
||||
value: "500k cts",
|
||||
},
|
||||
id: "m1", icon: TrendingUp,
|
||||
title: "Annual Output", value: "500k cts"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Happy Clients",
|
||||
value: "10k+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Happy Clients", value: "10k+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Database,
|
||||
title: "Inventories",
|
||||
value: "50k+",
|
||||
},
|
||||
id: "m3", icon: Database,
|
||||
title: "Inventories", value: "50k+"},
|
||||
]}
|
||||
title="Industry Impact"
|
||||
description="Numbers that define our global standing."
|
||||
@@ -240,40 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ananya Reddy",
|
||||
role: "Luxury Retailer",
|
||||
testimonial: "Exceptional quality and consistency in every stone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-brunette-woman-black-dress_613910-7042.jpg",
|
||||
},
|
||||
id: "1", name: "Ananya Reddy", role: "Luxury Retailer", testimonial: "Exceptional quality and consistency in every stone.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-brunette-woman-black-dress_613910-7042.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Vikram Sethi",
|
||||
role: "Jewelry Consultant",
|
||||
testimonial: "The manufacturing precision is unmatched globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-man-jewelry-store-using-magnifier-tool-see-quality-stone_1303-30686.jpg",
|
||||
},
|
||||
id: "2", name: "Vikram Sethi", role: "Jewelry Consultant", testimonial: "The manufacturing precision is unmatched globally.", imageSrc: "http://img.b2bpic.net/free-photo/sales-man-jewelry-store-using-magnifier-tool-see-quality-stone_1303-30686.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Priya Sharma",
|
||||
role: "Engagement Expert",
|
||||
testimonial: "My clients always choose Aura diamonds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-jewelry-shop-choosing-ring-together_1303-30658.jpg",
|
||||
},
|
||||
id: "3", name: "Priya Sharma", role: "Engagement Expert", testimonial: "My clients always choose Aura diamonds.", imageSrc: "http://img.b2bpic.net/free-photo/couple-jewelry-shop-choosing-ring-together_1303-30658.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rajiv Kapoor",
|
||||
role: "Boutique Owner",
|
||||
testimonial: "A reliable partner for our highest-end commissions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-blogger-recording-station-ready-interview_1303-21986.jpg",
|
||||
},
|
||||
id: "4", name: "Rajiv Kapoor", role: "Boutique Owner", testimonial: "A reliable partner for our highest-end commissions.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-blogger-recording-station-ready-interview_1303-21986.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sneha Gupta",
|
||||
role: "Designer",
|
||||
testimonial: "Their cut quality enhances every design choice.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-studio-lights-background_158538-9526.jpg",
|
||||
},
|
||||
id: "5", name: "Sneha Gupta", role: "Designer", testimonial: "Their cut quality enhances every design choice.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-studio-lights-background_158538-9526.jpg"},
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="What our partners have to say."
|
||||
@@ -285,14 +181,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Luxe Gem",
|
||||
"Royal Diamond",
|
||||
"Heritage Stones",
|
||||
"Aura Global",
|
||||
"Fine Jewels",
|
||||
"Elite Cut",
|
||||
"Master Craft",
|
||||
]}
|
||||
"Luxe Gem", "Royal Diamond", "Heritage Stones", "Aura Global", "Fine Jewels", "Elite Cut", "Master Craft"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with world-class retailers."
|
||||
/>
|
||||
@@ -302,8 +191,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Partnership"
|
||||
title="Start a Conversation"
|
||||
description="Inquire about manufacturing partnerships."
|
||||
@@ -316,37 +204,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Quality",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Quality", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Collections", href: "#products"},
|
||||
{
|
||||
label: "Partnerships",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Partnerships", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user