bender/71b30559-580a-452c-92a6-d7ae8b12450d
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-09 18:40:21 +00:00
parent a5807c2615
commit 216568ab2b
1 changed files with 41 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Collections",
id: "products",
},
{
name: "Our Story",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Collections", id: "products" },
{ name: "Our Story", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Aura"
/>
@@ -54,48 +42,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
title="Unveil Your Essence"
description="Artisanal fragrances crafted for the modern individual."
buttons={[
{
text: "Discover Collection",
href: "#products",
},
]}
buttons={[{ text: "Discover Collection", href: "#products" }]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/natural-self-care-products-arrangement_23-2148981025.jpg",
imageAlt: "Luxury Perfume Bottle",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420673.jpg",
imageAlt: "Golden Luxury Fragrance",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-mezcal-beverage-arrangement_23-2148993604.jpg",
imageAlt: "Neutral Toned Fragrance",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-men-cologne-light-grey-background-with-free-space_140725-145462.jpg",
imageAlt: "Silk and Fragrance",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420726.jpg",
imageAlt: "Essence Abstract Render",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/four-clear-transparent-glass-bottles-with-black-caps-filled-with-pure-drinking-water-presented-wooden-brick-isolated-white_346278-887.jpg",
imageAlt: "Minimalist Bottle Design",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/natural-self-care-products-arrangement_23-2148981025.jpg", imageAlt: "Luxury Perfume Bottle" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420673.jpg", imageAlt: "Golden Luxury Fragrance" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mezcal-beverage-arrangement_23-2148993604.jpg", imageAlt: "Neutral Toned Fragrance" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/front-view-men-cologne-light-grey-background-with-free-space_140725-145462.jpg", imageAlt: "Silk and Fragrance" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420726.jpg", imageAlt: "Essence Abstract Render" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/four-clear-transparent-glass-bottles-with-black-caps-filled-with-pure-drinking-water-presented-wooden-brick-isolated-white_346278-887.jpg", imageAlt: "Minimalist Bottle Design" },
]}
/>
</div>
@@ -107,18 +64,9 @@ export default function LandingPage() {
title="The Art of Scent"
description="At Aura, we believe every scent is a narrative. We source rare botanical elements to create unique, soul-stirring olfactory experiences."
bulletPoints={[
{
title: "Rare Botanicals",
description: "Hand-selected ingredients from around the world.",
},
{
title: "Artisanal Craft",
description: "Small-batch production ensures purity and quality.",
},
{
title: "Sustainable Luxury",
description: "Eco-conscious packaging and sourcing.",
},
{ title: "Rare Botanicals", description: "Hand-selected ingredients from around the world." },
{ title: "Artisanal Craft", description: "Small-batch production ensures purity and quality." },
{ title: "Sustainable Luxury", description: "Eco-conscious packaging and sourcing." },
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-hands-holding-serum_23-2149406818.jpg"
/>
@@ -126,25 +74,14 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="split-description"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
features={[
{
title: "Organic Sources",
description: "Free from synthetic additives.",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-products-treatment-desk_23-2148574966.jpg",
},
{
title: "Mastery",
description: "Precision in every drop.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dispenser-liquid-soap-female-hands-store_169016-49450.jpg",
},
{
title: "Sustainable Elegance",
description: "Luxury that respects nature.",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420628.jpg",
},
{ title: "Organic Sources", description: "Free from synthetic additives.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-products-treatment-desk_23-2148574966.jpg" },
{ title: "Mastery", description: "Precision in every drop.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dispenser-liquid-soap-female-hands-store_169016-49450.jpg" },
{ title: "Sustainable Elegance", description: "Luxury that respects nature.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420628.jpg" },
]}
title="What Defines Aura"
description="Quality, integrity, and timeless elegance."
@@ -158,42 +95,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Midnight Rose",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669153.jpg",
},
{
id: "p2",
name: "Amber Sands",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-photo/liquor-square-bottle_176474-6075.jpg",
},
{
id: "p3",
name: "Pure Zenith",
price: "$135",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-light-bottle-with-golden-cap-isolated-white-floor_140725-11640.jpg",
},
{
id: "p4",
name: "Travel Elixir",
price: "$65",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234327.jpg",
},
{
id: "p5",
name: "Grand Vanity",
price: "$295",
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246378.jpg",
},
{
id: "p6",
name: "Gold Essence",
price: "$220",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420727.jpg",
},
{ id: "p1", name: "Midnight Rose", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669153.jpg" },
{ id: "p2", name: "Amber Sands", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/liquor-square-bottle_176474-6075.jpg" },
{ id: "p3", name: "Pure Zenith", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/front-view-light-bottle-with-golden-cap-isolated-white-floor_140725-11640.jpg" },
{ id: "p4", name: "Travel Elixir", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234327.jpg" },
{ id: "p5", name: "Grand Vanity", price: "$295", imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246378.jpg" },
{ id: "p6", name: "Gold Essence", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420727.jpg" },
]}
title="Our Signature Collections"
description="Discover your new signature scent."
@@ -207,21 +114,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100+",
description: "Botanical Sources",
},
{
id: "m2",
value: "50K",
description: "Happy Customers",
},
{
id: "m3",
value: "20",
description: "Award Winning Scents",
},
{ id: "m1", value: "100+", description: "Botanical Sources" },
{ id: "m2", value: "50K", description: "Happy Customers" },
{ id: "m3", value: "20", description: "Award Winning Scents" },
]}
title="Aura by the Numbers"
description="Our global reach and impact."
@@ -232,31 +127,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Elena V.",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-72445.jpg",
},
{
id: "t2",
name: "Marcus R.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-hair-product_23-2149137917.jpg",
},
{
id: "t3",
name: "Sarah P.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-still-life-items_23-2148229273.jpg",
},
{
id: "t4",
name: "David W.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-little-bottles_23-2148558055.jpg",
},
{
id: "t5",
name: "Chloe B.",
imageSrc: "http://img.b2bpic.net/free-photo/fascinating-brunette-woman-straw-hat-chilling-home-cozy-boho-interior_273443-1394.jpg",
},
{ id: "t1", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-72445.jpg" },
{ id: "t2", name: "Marcus R.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-hair-product_23-2149137917.jpg" },
{ id: "t3", name: "Sarah P.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-still-life-items_23-2148229273.jpg" },
{ id: "t4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-little-bottles_23-2148558055.jpg" },
{ id: "t5", name: "Chloe B.", imageSrc: "http://img.b2bpic.net/free-photo/fascinating-brunette-woman-straw-hat-chilling-home-cozy-boho-interior_273443-1394.jpg" },
]}
cardTitle="Loved by Experts"
cardTag="Testimonials"
@@ -268,21 +143,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Are ingredients vegan?",
content: "Yes, we use strictly cruelty-free botanical ingredients.",
},
{
id: "f2",
title: "How long does scent last?",
content: "Our high-concentration formulas last 8-12 hours.",
},
{
id: "f3",
title: "Can I return products?",
content: "We offer returns within 30 days of purchase.",
},
{ id: "f1", title: "Are ingredients vegan?", content: "Yes, we use strictly cruelty-free botanical ingredients." },
{ id: "f2", title: "How long does scent last?", content: "Our high-concentration formulas last 8-12 hours." },
{ id: "f3", title: "Can I return products?", content: "We offer returns within 30 days of purchase." },
]}
sideTitle="Common Inquiries"
faqsAnimation="blur-reveal"
@@ -292,15 +155,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
text="Join our newsletter for exclusive fragrance early access."
buttons={[
{
text: "Join Newsletter",
},
]}
buttons={[{ text: "Join Newsletter" }]}
/>
</div>
@@ -308,32 +165,8 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="Aura"
columns={[
{
title: "Store",
items: [
{
label: "Shop All",
href: "#products",
},
{
label: "About Us",
href: "#about",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
{ title: "Store", items: [{ label: "Shop All", href: "#products" }, { label: "About Us", href: "#about" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
]}
copyrightText="© 2024 Aura Perfumes."
/>
@@ -341,4 +174,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}