Merge version_2 into main #3
220
src/app/page.tsx
220
src/app/page.tsx
@@ -26,138 +26,106 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Our Story", id: "about"},
|
||||
]}
|
||||
brandName="Aura Jewellery"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
]}
|
||||
brandName="Aura Jewellery"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroCarouselLogo
|
||||
logoText="Emerald Radiance"
|
||||
description="Exquisite handcrafted jewellery designed to capture elegance and timeless grace. Discover our signature emerald collection."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=1", imageAlt: "Emerald jewellery set"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=2", imageAlt: "Close up of emerald ring"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=3", imageAlt: "Golden necklace with emerald"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=4", imageAlt: "Luxury emerald accessories"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=5", imageAlt: "Traditional craft detail"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=6", imageAlt: "Elegant display set"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroCarouselLogo
|
||||
logoText="Emerald Radiance"
|
||||
description="Exquisite handcrafted jewellery designed to capture elegance and timeless grace. Discover our signature emerald collection."
|
||||
buttons={[
|
||||
{ text: "View Collection", href: "#products" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=1", imageAlt: "Emerald jewellery set" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=2", imageAlt: "Close up of emerald ring" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=3", imageAlt: "Golden necklace with emerald" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=4", imageAlt: "Luxury emerald accessories" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=5", imageAlt: "Traditional craft detail" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=6", imageAlt: "Elegant display set" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Emerald Necklace", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=7"},
|
||||
{
|
||||
id: "2", name: "Emerald Earrings", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=8"},
|
||||
{
|
||||
id: "3", name: "Emerald Ring", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=9"},
|
||||
{
|
||||
id: "4", name: "Jewellery Set", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=10"},
|
||||
{
|
||||
id: "5", name: "Matching Pendant", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=11"},
|
||||
{
|
||||
id: "6", name: "Statement Piece", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=12"},
|
||||
]}
|
||||
title="Exquisite Pieces"
|
||||
description="Each piece is meticulously crafted with premium stones and refined gold settings."
|
||||
buttons={[
|
||||
{
|
||||
text: "Inquire About Pricing", href: "mailto:hello@example.com"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Emerald Necklace", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=7" },
|
||||
{ id: "2", name: "Emerald Earrings", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=8" },
|
||||
{ id: "3", name: "Emerald Ring", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=9" },
|
||||
{ id: "4", name: "Jewellery Set", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=10" },
|
||||
{ id: "5", name: "Matching Pendant", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=11" },
|
||||
{ id: "6", name: "Statement Piece", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=12" },
|
||||
]}
|
||||
title="Exquisite Pieces"
|
||||
description="Each piece is meticulously crafted with premium stones and refined gold settings."
|
||||
buttons={[
|
||||
{ text: "Inquire About Pricing", href: "mailto:hello@example.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Craftsmanship"
|
||||
description="For generations, we have dedicated ourselves to the art of fine jewellery. Our pieces combine traditional techniques with modern aesthetic, resulting in wearable art that stands the test of time."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Premium Materials", description: "Authentic gold and ethically sourced stones."},
|
||||
{
|
||||
title: "Artisan Craft", description: "Handmade with attention to every detail."},
|
||||
{
|
||||
title: "Timeless Design", description: "Classic aesthetics for modern elegance."},
|
||||
],
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=13"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Craftsmanship"
|
||||
description="For generations, we have dedicated ourselves to the art of fine jewellery. Our pieces combine traditional techniques with modern aesthetic, resulting in wearable art that stands the test of time."
|
||||
bulletPoints={[
|
||||
{ title: "Premium Materials", description: "Authentic gold and ethically sourced stones." },
|
||||
{ title: "Artisan Craft", description: "Handmade with attention to every detail." },
|
||||
{ title: "Timeless Design", description: "Classic aesthetics for modern elegance." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=13"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Connoisseurs"
|
||||
description="Our collections have been featured and celebrated in leading fashion and lifestyle publications worldwide."
|
||||
names={[
|
||||
"Vogue", "Harper's Bazaar", "Elle", "Tatler", "Jewellery Monthly"]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Connoisseurs"
|
||||
description="Our collections have been featured and celebrated in leading fashion and lifestyle publications worldwide."
|
||||
names={["Vogue", "Harper's Bazaar", "Elle", "Tatler", "Jewellery Monthly"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Aura"
|
||||
description="Excellence defined through precision, tradition, and uncompromising luxury."
|
||||
features={[
|
||||
{
|
||||
icon: Diamond,
|
||||
title: "Conflict-Free Stones", description: "Every emerald is traced to its ethical source."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Authenticity Guaranteed", description: "Certification provided with every single purchase."},
|
||||
{
|
||||
icon: Crown,
|
||||
title: "Bespoke Services", description: "Custom designs tailored to your unique vision."},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Global Insured Shipping", description: "Secure delivery to your doorstep, worldwide."},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Lifetime Care", description: "Complimentary cleaning and maintenance for life."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Aura"
|
||||
description="Excellence defined through precision, tradition, and uncompromising luxury."
|
||||
features={[
|
||||
{ icon: Diamond, title: "Conflict-Free Stones", description: "Every emerald is traced to its ethical source." },
|
||||
{ icon: ShieldCheck, title: "Authenticity Guaranteed", description: "Certification provided with every single purchase." },
|
||||
{ icon: Crown, title: "Bespoke Services", description: "Custom designs tailored to your unique vision." },
|
||||
{ icon: Truck, title: "Global Insured Shipping", description: "Secure delivery to your doorstep, worldwide." },
|
||||
{ icon: Clock, title: "Lifetime Care", description: "Complimentary cleaning and maintenance for life." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Aura"
|
||||
copyrightText="© 2025 Aura Jewellery"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Aura"
|
||||
copyrightText="© 2025 Aura Jewellery"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user