bender/dcb95aa5-d576-426e-87f1-54584f5d8e5a
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-12 14:51:16 +00:00
parent 3ca2a7e390
commit e7009fc07b
1 changed files with 126 additions and 335 deletions
Download Patch File Download Diff File Expand all files Collapse all files

461
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen'; import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Diamond, Sparkles } from "lucide-react"; import { Award, Diamond, Sparkles, Layout, Shield } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -29,349 +29,140 @@ export default function LandingPage() {
headingFontWeight="medium" headingFontWeight="medium"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Collections", id: "products" },
name: "Collections", { name: "Our Story", id: "about" },
id: "products", { name: "Contact", id: "contact" },
}, ]}
{ brandName="AURELIA"
name: "Our Story", />
id: "about", </div>
},
{
name: "Contact",
id: "contact",
},
]}
brandName="AURELIA"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background="gradient-bars" background={{ variant: "gradient-bars" }}
title="Timeless Elegance, Redefined." title="Timeless Elegance, Redefined."
description="Experience the pinnacle of luxury with our curated collection of artisanal home essentials. Designed for the discerning modern lifestyle." description="Experience the pinnacle of luxury with our curated collection of artisanal home essentials. Designed for the discerning modern lifestyle."
tag="PREMIUM COLLECTION" tag="PREMIUM COLLECTION"
mediaItems={[ mediaItems={[
{ { imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-eyeglasses-black-silk-jumpsuit-sits-soft-brown-sofa-work-laptop-f_197531-33646.jpg", imageAlt: "Luxury home interior" },
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-eyeglasses-black-silk-jumpsuit-sits-soft-brown-sofa-work-laptop-f_197531-33646.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/decorative-indoors-red-fabric-materials_23-2148516057.jpg", imageAlt: "Modern interior detail" }
imageAlt: "Luxury home interior", ]}
}, mediaAnimation="blur-reveal"
{ rating={5}
imageSrc: "http://img.b2bpic.net/free-photo/decorative-indoors-red-fabric-materials_23-2148516057.jpg", ratingText="Rated 5/5 by our luxury design partners"
imageAlt: "Modern interior detail", />
}, </div>
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-couch-reading-magazine_23-2148415922.jpg",
imageAlt: "Woman on couch reading magazine",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cool-young-woman-stylish-black-silk-suit-sits-floor-carpet-living-room-holds-phone_197531-33658.jpg",
imageAlt: "Cool young woman in stylish black silk suit",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-reading-magazine_1303-9950.jpg",
imageAlt: "Beautiful woman reading magazine",
},
]}
mediaAnimation="blur-reveal"
rating={5}
ratingText="Rated 5/5 by our luxury design partners"
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<AboutMetric <AboutMetric
useInvertedBackground={true} useInvertedBackground={true}
title="The Art of Refinement" title="The Art of Refinement"
metrics={[ metrics={[
{ { icon: Diamond, label: "Artisan Crafted", value: "100%" },
icon: Diamond, { icon: Award, label: "Global Excellence", value: "20+" },
label: "Artisan Crafted", { icon: Sparkles, label: "Client Satisfaction", value: "99%" },
value: "100%", ]}
}, metricsAnimation="slide-up"
{ />
icon: Award, </div>
label: "Global Excellence",
value: "20+",
},
{
icon: Sparkles,
label: "Client Satisfaction",
value: "99%",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentySix <FeatureCardTwentySix
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { title: "Gold Accents", description: "Hand-applied 24k gold leaf finishing.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-drawing-metal-item_23-2148803886.jpg", buttonIcon: Sparkles },
title: "Gold Accents", { title: "Sleek Geometry", description: "Designed by master architects for modern spaces.", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695965.jpg", buttonIcon: Layout },
description: "Hand-applied 24k gold leaf finishing.", { title: "Premium Materials", description: "Sourced from the finest global suppliers.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409680.jpg", buttonIcon: Shield },
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-drawing-metal-item_23-2148803886.jpg", { title: "Exclusive Design", description: "Limited series available for early access.", imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-with-flowers-arrangement_23-2151918516.jpg", buttonIcon: Award },
buttonIcon: "Sparkles", ]}
}, title="Crafted for Distinction"
{ description="Every detail matters in our quest to create products that harmonize form, function, and emotion."
title: "Sleek Geometry", />
description: "Designed by master architects for modern spaces.", </div>
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695965.jpg",
buttonIcon: "Layout",
},
{
title: "Premium Materials",
description: "Sourced from the finest global suppliers.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409680.jpg",
buttonIcon: "Shield",
},
{
title: "Exclusive Design",
description: "Limited series available for early access.",
imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-with-flowers-arrangement_23-2151918516.jpg",
buttonIcon: "Award",
},
]}
title="Crafted for Distinction"
description="Every detail matters in our quest to create products that harmonize form, function, and emotion."
/>
</div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardThree <ProductCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
gridVariant="asymmetric-60-wide-40-narrow" gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ { id: "p1", name: "Golden Vessel", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/home-plant-decoration-arrangement-with-copy-space_23-2149090611.jpg" },
id: "p1", { id: "p2", name: "Crystal Vase", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-poinsettia-composition_23-2149138679.jpg" },
name: "Golden Vessel", { id: "p3", name: "Brass Lamp", price: "$2,100", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lighting-lamp-design_23-2151047560.jpg" }
price: "$1,200", ]}
imageSrc: "http://img.b2bpic.net/free-photo/home-plant-decoration-arrangement-with-copy-space_23-2149090611.jpg", title="Selected Pieces"
}, description="Discover our most sought-after luxury home accents."
{ />
id: "p2", </div>
name: "Crystal Vase",
price: "$850",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-poinsettia-composition_23-2149138679.jpg",
},
{
id: "p3",
name: "Brass Lamp",
price: "$2,100",
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lighting-lamp-design_23-2151047560.jpg",
},
{
id: "p4",
name: "Velvet Lounge",
price: "$4,500",
imageSrc: "http://img.b2bpic.net/free-photo/comfy-wing-chair-carpenter-s-workshop_181624-25944.jpg",
},
{
id: "p5",
name: "Marble Tray",
price: "$650",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-store-concept-choosing-dishes_169016-23448.jpg",
},
{
id: "p6",
name: "Aroma Diffuser",
price: "$400",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-turkish-delight-make-up-products_23-2148299595.jpg",
},
]}
title="Selected Pieces"
description="Discover our most sought-after luxury home accents."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen <TestimonialCardSixteen
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "t1", name: "Elena Rossi", role: "Interior Architect", company: "Studio Aura", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-man-leaning-wall_23-2148401390.jpg" },
id: "t1", { id: "t2", name: "Marcus Chen", role: "CEO", company: "Modern Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg" }
name: "Elena Rossi", ]}
role: "Interior Architect", kpiItems={[
company: "Studio Aura", { value: "500+", label: "Bespoke Projects" },
rating: 5, { value: "100%", label: "Craftsmanship" },
imageSrc: "http://img.b2bpic.net/free-photo/confident-man-leaning-wall_23-2148401390.jpg", { value: "5-Star", label: "Client Rating" },
}, ]}
{ title="What Connoisseurs Say"
id: "t2", description="Testimonials from those who appreciate true luxury."
name: "Marcus Chen", />
role: "CEO", </div>
company: "Modern Living",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg",
},
{
id: "t3",
name: "Sophie Dubois",
role: "Design Critic",
company: "Art Deco Daily",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-red-stylish-eyeglasses-poses-balcony_197531-7848.jpg",
},
{
id: "t4",
name: "Julian Thorne",
role: "Entrepreneur",
company: "Thorne Capital",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-blonde-fashion-model-white-suit-sits-soft-armchair_8353-5472.jpg",
},
{
id: "t5",
name: "Amara Okafor",
role: "Director",
company: "Heritage Spaces",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing_23-2149551296.jpg",
},
]}
kpiItems={[
{
value: "500+",
label: "Bespoke Projects",
},
{
value: "100%",
label: "Craftsmanship",
},
{
value: "5-Star",
label: "Client Rating",
},
]}
title="What Connoisseurs Say"
description="Testimonials from those who appreciate true luxury."
/>
</div>
<div id="socialProof" data-section="socialProof"> <div id="socialProof" data-section="socialProof">
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={["Vogue Living", "Architectural Digest", "Wallpaper", "Harper's Bazaar", "Forbes Home"]}
"Vogue Living", title="Featured In Global Publications"
"Architectural Digest", description="Our designs have graced the pages of world-class publications."
"Wallpaper", />
"Harper's Bazaar", </div>
"Forbes Home",
"Casa Vogue",
"The Design Review",
]}
title="Featured In Global Publications"
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqDouble <FaqDouble
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "f1", title: "Do you offer shipping worldwide?", content: "Yes, we ship globally." },
id: "f1", { id: "f2", title: "How long does a bespoke order take?", content: "Approximately 6-8 weeks." }
title: "Do you offer shipping worldwide?", ]}
content: "Yes, we ship globally to over 100 countries with premium white-glove service.", title="Frequently Asked Questions"
}, description="Got questions? We have answers."
{ faqsAnimation="blur-reveal"
id: "f2", />
title: "How long does a bespoke order take?", </div>
content: "Each bespoke piece takes approximately 6-8 weeks to craft by our master artisans.",
},
{
id: "f3",
title: "Is there a warranty?",
content: "Every piece comes with a lifetime guarantee against manufacturing defects.",
},
]}
title="Frequently Asked Questions"
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "plain" }}
variant: "plain", tag="INQUIRE"
}} title="Request a Private Consultation"
tag="INQUIRE" description="Work directly with our team to curate the perfect collection for your home."
title="Request a Private Consultation" buttons={[{ text: "Book an Appointment" }]}
description="Work directly with our team to curate the perfect collection for your home." />
buttons={[ </div>
{
text: "Book an Appointment",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseReveal
logoText="AURELIA" logoText="AURELIA"
columns={[ columns={[
{ { title: "Brand", items: [{ label: "About Us", href: "#about" }, { label: "Journal", href: "#" }] },
title: "Brand", { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Shipping", href: "#" }] }
items: [ ]}
{ />
label: "About Us", </div>
href: "#about",
},
{
label: "Journal",
href: "#",
},
{
label: "Press",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Shipping",
href: "#",
},
{
label: "Returns",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );