bender/0c673b4b-593e-4698-9d50-41b3260ca0f0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 02:52:37 +00:00
parent 19c87e1ce9
commit 9ed5eb7e01
1 changed files with 142 additions and 331 deletions
Download Patch File Download Diff File Expand all files Collapse all files

473
src/app/page.tsx
View File

@@ -15,347 +15,158 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-shift" defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="pill" borderRadius="pill"
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="medium" sizing="medium"
background="none" background="none"
cardStyle="glass-depth" cardStyle="glass-depth"
primaryButtonStyle="gradient" primaryButtonStyle="gradient"
secondaryButtonStyle="solid" secondaryButtonStyle="solid"
headingFontWeight="light" headingFontWeight="light"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Home", id: "home" },
name: "Home", { name: "About", id: "about" },
id: "home", { name: "Collection", id: "products" },
}, { name: "Contact", id: "contact" },
{ ]}
name: "About", brandName="Aurelia"
id: "about", button={{ text: "View Collection", href: "#products" }}
}, />
{ </div>
name: "Collection",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Aurelia"
/>
</div>
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroSplit <HeroSplit
background={{ background={{ variant: "plain" }}
variant: "plain", title="Timeless Elegance in Every Detail"
}} description="Discover handcrafted jewelry designed to celebrate life's most precious moments with grace and sophistication."
title="Timeless Elegance in Every Detail" buttons={[{ text: "View Collection", href: "#products" }]}
description="Discover handcrafted jewelry designed to celebrate life's most precious moments with grace and sophistication." imageSrc="http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-assortment_23-2149846587.jpg"
buttons={[ mediaAnimation="slide-up"
{ avatars={[
text: "View Collection", { src: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-high-angle_23-2149846560.jpg", alt: "Aesthetic golden earrings high angle" },
href: "#products", { src: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599065.jpg", alt: "Abstract gold chain jewellery presentation" },
}, { src: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-high-angle_23-2149846567.jpg", alt: "Aesthetic golden earrings high angle" },
]} { src: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-marble_23-2150329648.jpg", alt: "View of luxurious golden ring with marble" },
imageSrc="http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-assortment_23-2149846587.jpg" { src: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599069.jpg", alt: "Abstract gold chain jewellery presentation" }
mediaAnimation="slide-up" ]}
avatars={[ avatarText="Loved by over 5,000 customers worldwide."
{ marqueeItems={[
src: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-high-angle_23-2149846560.jpg", { type: "text", text: "Ethically Sourced" },
alt: "Aesthetic golden earrings high angle", { type: "text", text: "Handcrafted Luxury" },
}, { type: "text", text: "Timeless Design" },
{ { type: "text", text: "Lifetime Warranty" },
src: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599065.jpg", { type: "text", text: "Artisanal Quality" }
alt: "Abstract gold chain jewellery presentation", ]}
}, />
{ </div>
src: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-high-angle_23-2149846567.jpg",
alt: "Aesthetic golden earrings high angle",
},
{
src: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-marble_23-2150329648.jpg",
alt: "View of luxurious golden ring with marble",
},
{
src: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599069.jpg",
alt: "Abstract gold chain jewellery presentation",
},
]}
avatarText="Loved by over 5,000 customers worldwide."
marqueeItems={[
{
type: "text",
text: "Ethically Sourced",
},
{
type: "text",
text: "Handcrafted Luxury",
},
{
type: "text",
text: "Timeless Design",
},
{
type: "text",
text: "Lifetime Warranty",
},
{
type: "text",
text: "Artisanal Quality",
},
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<MetricSplitMediaAbout <MetricSplitMediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Our Craftsmanship" title="Our Craftsmanship"
description="For over two decades, we have dedicated ourselves to the art of fine jewelry making, combining traditional techniques with contemporary aesthetics." description="For over two decades, we have dedicated ourselves to the art of fine jewelry making, combining traditional techniques with contemporary aesthetics."
metrics={[ metrics={[
{ { value: "20+", title: "Years Experience" },
value: "20+", { value: "5k+", title: "Happy Clients" },
title: "Years Experience", { value: "100%", title: "Ethical Sourcing" }
}, ]}
{ imageSrc="http://img.b2bpic.net/free-photo/craftswoman-using-blow-torch_107420-65200.jpg"
value: "5k+", mediaAnimation="slide-up"
title: "Happy Clients", metricsAnimation="slide-up"
}, />
{ </div>
value: "100%",
title: "Ethical Sourcing",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/craftswoman-using-blow-torch_107420-65200.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardFour <ProductCardFour
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ { id: "1", name: "Eternal Gold Ring", price: "$1,200", variant: "18k Gold", imageSrc: "http://img.b2bpic.net/free-photo/golden-ring-with-purple-gemstone_1203-1529.jpg" },
id: "1", { id: "2", name: "Moonlight Necklace", price: "$850", variant: "Sterling Silver", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-female-wearing-beautiful-silver-necklace-with-pendant_181624-24692.jpg" },
name: "Eternal Gold Ring", { id: "3", name: "Stellar Earrings", price: "$600", variant: "14k Gold", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-woman-tropical-luxury-villa-wearing-white-stylish-blazer-jewellery-tropical-leaves_343596-1959.jpg" },
price: "$1,200", { id: "4", name: "Heritage Bracelet", price: "$950", variant: "18k Gold", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560608.jpg" },
variant: "18k Gold", { id: "5", name: "Classic Bangle", price: "$700", variant: "14k Gold", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-young-woman-street_1301-4773.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/golden-ring-with-purple-gemstone_1203-1529.jpg", { id: "6", name: "Petal Pendant", price: "$450", variant: "Gold Plated", imageSrc: "http://img.b2bpic.net/free-photo/gold-ring_1203-2740.jpg" }
}, ]}
{ title="Signature Collection"
id: "2", description="Each piece is meticulously crafted using ethically sourced materials, ensuring quality and elegance that endures."
name: "Moonlight Necklace", />
price: "$850", </div>
variant: "Sterling Silver",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-female-wearing-beautiful-silver-necklace-with-pendant_181624-24692.jpg",
},
{
id: "3",
name: "Stellar Earrings",
price: "$600",
variant: "14k Gold",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-woman-tropical-luxury-villa-wearing-white-stylish-blazer-jewellery-tropical-leaves_343596-1959.jpg",
},
{
id: "4",
name: "Heritage Bracelet",
price: "$950",
variant: "18k Gold",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560608.jpg",
},
{
id: "5",
name: "Classic Bangle",
price: "$700",
variant: "14k Gold",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-young-woman-street_1301-4773.jpg",
},
{
id: "6",
name: "Petal Pendant",
price: "$450",
variant: "Gold Plated",
imageSrc: "http://img.b2bpic.net/free-photo/gold-ring_1203-2740.jpg",
},
]}
title="Signature Collection"
description="Each piece is meticulously crafted using ethically sourced materials, ensuring quality and elegance that endures."
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentyEight <FeatureCardTwentyEight
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { id: "f1", title: "Ethical Sourcing", subtitle: "Consciously sourced materials.", category: "Quality", value: "100%" },
id: "f1", { id: "f2", title: "Artisanal Craft", subtitle: "Made by hand in Italy.", category: "Detail", value: "Expert" },
title: "Ethical Sourcing", { id: "f3", title: "Lifetime Quality", subtitle: "Built to last generations.", category: "Endurance", value: "Always" }
subtitle: "Consciously sourced materials.", ]}
category: "Quality", title="Why Aurelia?"
value: "100%", description="We believe in transparency, quality, and beauty above all else."
}, />
{ </div>
id: "f2",
title: "Artisanal Craft",
subtitle: "Made by hand in Italy.",
category: "Detail",
value: "Expert",
},
{
id: "f3",
title: "Lifetime Quality",
subtitle: "Built to last generations.",
category: "Endurance",
value: "Always",
},
]}
title="Why Aurelia?"
description="We believe in transparency, quality, and beauty above all else."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen <TestimonialCardThirteen
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ { id: "t1", name: "Anna S.", handle: "@anna_s", testimonial: "Exquisite quality and truly beautiful designs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-dark-skinned-woman-with-pleased-expression-holds-sunglasses-has-curly-bushy-hair-sits-against-cafe-interior_273609-3177.jpg" },
id: "t1", { id: "t2", name: "Marcus R.", handle: "@marcus_r", testimonial: "The perfect engagement ring. She loved it!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg" },
name: "Anna S.", { id: "t3", name: "Elena D.", handle: "@elena_d", testimonial: "Elegant and minimalist, exactly my style.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-black-sweater-posing_246466-38.jpg" },
handle: "@anna_s", { id: "t4", name: "Sarah L.", handle: "@sarah_l", testimonial: "Fast delivery and stunning packaging.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guy-presenting-gift-box-attractive-happy-lady_23-2148016809.jpg" },
testimonial: "Exquisite quality and truly beautiful designs.", { id: "t5", name: "James P.", handle: "@james_p", testimonial: "Excellent craftsmanship throughout.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" }
rating: 5, ]}
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-dark-skinned-woman-with-pleased-expression-holds-sunglasses-has-curly-bushy-hair-sits-against-cafe-interior_273609-3177.jpg", showRating={true}
}, title="Stories of Love"
{ description="What our customers say about our pieces."
id: "t2", />
name: "Marcus R.", </div>
handle: "@marcus_r",
testimonial: "The perfect engagement ring. She loved it!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg",
},
{
id: "t3",
name: "Elena D.",
handle: "@elena_d",
testimonial: "Elegant and minimalist, exactly my style.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-black-sweater-posing_246466-38.jpg",
},
{
id: "t4",
name: "Sarah L.",
handle: "@sarah_l",
testimonial: "Fast delivery and stunning packaging.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/guy-presenting-gift-box-attractive-happy-lady_23-2148016809.jpg",
},
{
id: "t5",
name: "James P.",
handle: "@james_p",
testimonial: "Excellent craftsmanship throughout.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
},
]}
showRating={true}
title="Stories of Love"
description="What our customers say about our pieces."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqBase <FaqBase
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "q1", title: "What materials do you use?", content: "We use 14k/18k gold and sustainably sourced diamonds." },
id: "q1", { id: "q2", title: "Do you offer repairs?", content: "Yes, we offer complimentary repair services for all our jewelry." },
title: "What materials do you use?", { id: "q3", title: "How do I choose the right size?", content: "We provide a comprehensive size guide on each product page." }
content: "We use 14k/18k gold and sustainably sourced diamonds.", ]}
}, title="Frequently Asked Questions"
{ description="Everything you need to know about our products."
id: "q2", faqsAnimation="slide-up"
title: "Do you offer repairs?", />
content: "Yes, we offer complimentary repair services for all our jewelry.", </div>
},
{
id: "q3",
title: "How do I choose the right size?",
content: "We provide a comprehensive size guide on each product page.",
},
]}
title="Frequently Asked Questions"
description="Everything you need to know about our products."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "plain" }}
variant: "plain", text="Ready to find your perfect piece? Our consultants are here to help."
}} buttons={[{ text: "Contact Us", href: "mailto:hello@aurelia.com" }]}
text="Ready to find your perfect piece? Our consultants are here to help." />
buttons={[ </div>
{
text: "Contact Us",
href: "mailto:hello@aurelia.com",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
logoText="Aurelia" logoText="Aurelia"
columns={[ columns={[
{ { title: "Collections", items: [{ label: "Rings", href: "#products" }, { label: "Necklaces", href: "#products" }] },
title: "Collections", { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }
items: [ ]}
{ />
label: "Rings", </div>
href: "#products",
},
{
label: "Necklaces",
href: "#products",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );