Merge version_1 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Aura Jewellery"
|
||||
/>
|
||||
@@ -48,32 +43,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Timeless Elegance, Crafted for You"
|
||||
description="Discover our exquisite collection of handcrafted jewellery, where luxury meets artistry."
|
||||
tag="New 2024 Collection"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-black-dress-holds-red-velvet-boxes-with-jewels_8353-1765.jpg?_wi=1",
|
||||
imageAlt: "Luxurious gold necklace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-black-dress-holds-red-velvet-boxes-with-jewels_8353-1765.jpg", imageAlt: "Luxurious gold necklace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-romantic-young-girl-wearing-evening-clothes-jewelry-sitting-dreaming-with-flower-hand-cafe-high-quality-photo_132075-9360.jpg?_wi=1",
|
||||
imageAlt: "Model wearing fine earrings",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-cage-with-flowers-girly-arrangement_23-2148229248.jpg",
|
||||
imageAlt: "White cage with flowers next to girly arrangement",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-model-posing-as-greek-goddess_23-2150099235.jpg",
|
||||
imageAlt: "Side view model posing as greek goddess",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599104.jpg",
|
||||
imageAlt: "Abstract gold chain jewellery presentation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-romantic-young-girl-wearing-evening-clothes-jewelry-sitting-dreaming-with-flower-hand-cafe-high-quality-photo_132075-9360.jpg", imageAlt: "Model wearing fine earrings"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -86,9 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Heritage"
|
||||
description={[
|
||||
"Founded on the principles of quality and authenticity, Aura Jewellery brings you the finest selection of gold and diamond pieces. Every creation tells a story of elegance and craftsmanship.",
|
||||
"Our artisans spend countless hours ensuring every detail meets our uncompromising standards of excellence.",
|
||||
]}
|
||||
"Founded on the principles of quality and authenticity, Aura Jewellery brings you the finest selection of gold and diamond pieces. Every creation tells a story of elegance and craftsmanship.", "Our artisans spend countless hours ensuring every detail meets our uncompromising standards of excellence."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -100,59 +76,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Aura",
|
||||
name: "Diamond Solitaire Ring",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring_23-2150329700.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", brand: "Aura", name: "Diamond Solitaire Ring", price: "$1,200", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring_23-2150329700.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Aura",
|
||||
name: "Ethereal Pearl Necklace",
|
||||
price: "$850",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-engagement-gold-shiny-love-macro_1400-32.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", brand: "Aura", name: "Ethereal Pearl Necklace", price: "$850", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/bright-engagement-gold-shiny-love-macro_1400-32.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Aura",
|
||||
name: "Classic Gold Bangle",
|
||||
price: "$600",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-golden-bells-marble-surface_114579-79061.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Aura",
|
||||
name: "Ruby Halo Earrings",
|
||||
price: "$950",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-shot-rich-luxury-woman-dress-hand-ear-wearing-earrings-ring-finger_343596-2016.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Aura",
|
||||
name: "Diamond Pendant",
|
||||
price: "$1,100",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329677.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Aura",
|
||||
name: "Stackable Ring Set",
|
||||
price: "$450",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347030.jpg",
|
||||
},
|
||||
id: "p3", brand: "Aura", name: "Classic Gold Bangle", price: "$600", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/christmas-golden-bells-marble-surface_114579-79061.jpg"}
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Hand-picked pieces curated for the sophisticated modern style."
|
||||
@@ -166,26 +97,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Ethical Sourcing",
|
||||
description: "We ensure all our gemstones and metals are ethically sourced.",
|
||||
tag: "Sustainably Made",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347042.jpg",
|
||||
},
|
||||
id: "f1", title: "Ethical Sourcing", description: "We ensure all our gemstones and metals are ethically sourced.", tag: "Sustainably Made", imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347042.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Artisan Craftsmanship",
|
||||
description: "Master jewellers create each piece with precision and love.",
|
||||
tag: "Handcrafted",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/golden-labels_23-2147491949.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Timeless Designs",
|
||||
description: "Jewellery that transcends trends and lasts a lifetime.",
|
||||
tag: "Modern Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-creation-made-from-3d-geometric-shapes_23-2150829205.jpg",
|
||||
},
|
||||
id: "f2", title: "Artisan Craftsmanship", description: "Master jewellers create each piece with precision and love.", tag: "Handcrafted", imageSrc: "http://img.b2bpic.net/free-vector/golden-labels_23-2147491949.jpg"}
|
||||
]}
|
||||
title="Why Choose Aura"
|
||||
description="Excellence in every facet of our business."
|
||||
@@ -198,60 +112,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena R.",
|
||||
date: "Oct 2023",
|
||||
title: "Stunning craftsmanship",
|
||||
quote: "The diamond ring I purchased is beyond my expectations. Truly beautiful.",
|
||||
tag: "Engagement",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-22318.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-black-dress-holds-red-velvet-boxes-with-jewels_8353-1765.jpg?_wi=2",
|
||||
imageAlt: "smiling woman wearing elegant gold jewellery",
|
||||
},
|
||||
id: "t1", name: "Elena R.", date: "Oct 2023", title: "Stunning craftsmanship", quote: "The diamond ring I purchased is beyond my expectations. Truly beautiful.", tag: "Engagement", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-22318.jpg", imageSrc: "http://img.b2bpic.net/free-photo/lady-black-dress-holds-red-velvet-boxes-with-jewels_8353-1765.jpg", imageAlt: "smiling woman wearing elegant gold jewellery"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus W.",
|
||||
date: "Sep 2023",
|
||||
title: "Exceptional quality",
|
||||
quote: "Professional service and absolutely stunning pieces. Will return.",
|
||||
tag: "Gifts",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/look-my-ring-is-very-similar_329181-8041.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-romantic-young-girl-wearing-evening-clothes-jewelry-sitting-dreaming-with-flower-hand-cafe-high-quality-photo_132075-9360.jpg?_wi=2",
|
||||
imageAlt: "smiling woman wearing elegant gold jewellery",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah J.",
|
||||
date: "Aug 2023",
|
||||
title: "My favourite shop",
|
||||
quote: "Every time I wear Aura jewellery, I get so many compliments.",
|
||||
tag: "Everyday wear",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/elder-woman-looking-away-medium-shot_23-2148346152.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring_23-2150329700.jpg?_wi=2",
|
||||
imageAlt: "smiling woman wearing elegant gold jewellery",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian B.",
|
||||
date: "Jul 2023",
|
||||
title: "Wonderful experience",
|
||||
quote: "The entire process was smooth and the product is divine.",
|
||||
tag: "Anniversary",
|
||||
avatarSrc: "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",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-engagement-gold-shiny-love-macro_1400-32.jpg?_wi=2",
|
||||
imageAlt: "smiling woman wearing elegant gold jewellery",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe M.",
|
||||
date: "Jun 2023",
|
||||
title: "Absolutely love it!",
|
||||
quote: "The most exquisite designs I have found in a long time.",
|
||||
tag: "Birthday",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/unrecognizable-smiling-pretty-woman_1153-2948.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-golden-bells-marble-surface_114579-79061.jpg?_wi=2",
|
||||
imageAlt: "smiling woman wearing elegant gold jewellery",
|
||||
},
|
||||
id: "t2", name: "Marcus W.", date: "Sep 2023", title: "Exceptional quality", quote: "Professional service and absolutely stunning pieces. Will return.", tag: "Gifts", avatarSrc: "http://img.b2bpic.net/free-photo/look-my-ring-is-very-similar_329181-8041.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-romantic-young-girl-wearing-evening-clothes-jewelry-sitting-dreaming-with-flower-hand-cafe-high-quality-photo_132075-9360.jpg", imageAlt: "smiling woman wearing elegant gold jewellery"}
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Discover why our clients cherish their Aura pieces."
|
||||
@@ -263,13 +126,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"ELLE",
|
||||
"Marie Claire",
|
||||
"Tatler",
|
||||
"InStyle",
|
||||
"GQ",
|
||||
"Vogue", "Harper's Bazaar"
|
||||
]}
|
||||
title="Trusted Globally"
|
||||
description="Proudly featured in the world's leading luxury style publications."
|
||||
@@ -282,20 +139,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer custom designs?",
|
||||
content: "Yes, we specialize in bespoke custom jewellery creations.",
|
||||
},
|
||||
id: "q1", title: "Do you offer custom designs?", content: "Yes, we specialize in bespoke custom jewellery creations."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the warranty policy?",
|
||||
content: "All our jewellery comes with a lifetime authenticity and repair warranty.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we provide secure and insured worldwide shipping.",
|
||||
},
|
||||
id: "q2", title: "What is the warranty policy?", content: "All our jewellery comes with a lifetime authenticity and repair warranty."}
|
||||
]}
|
||||
imageSrc="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"
|
||||
title="Common Questions"
|
||||
@@ -308,14 +154,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Have questions or need a private consultation? Contact us today to begin your bespoke journey with Aura Jewellery."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -324,13 +167,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Aura Jewellery"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user