Update src/app/page.tsx
This commit is contained in:
268
src/app/page.tsx
268
src/app/page.tsx
@@ -25,197 +25,95 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Heritage",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Quality",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="AURELIUS"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Collections", id: "products" },
|
||||
{ name: "Heritage", id: "about" },
|
||||
{ name: "Quality", id: "testimonials" },
|
||||
]}
|
||||
brandName="AURELIUS"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Timeless Elegance, Reimagined."
|
||||
description="Discover the art of refined living with our hand-selected collections crafted for the discerning eye."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-black-dress-full-shot_23-2149697977.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Timeless Elegance, Reimagined."
|
||||
description="Discover the art of refined living with our hand-selected collections crafted for the discerning eye."
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-black-dress-full-shot_23-2149697977.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Chronos Watch",
|
||||
price: "$4,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Vera Handbag",
|
||||
price: "$2,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-nude-woman-side-view_23-2149428731.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Aurelia Ring",
|
||||
price: "$1,850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635262.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Elysian Scarf",
|
||||
price: "$650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Midnight Cufflinks",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635262.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Exquisite pieces that define modern luxury."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Chronos Watch", price: "$4,500", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg" },
|
||||
{ id: "p2", name: "Vera Handbag", price: "$2,200", imageSrc: "http://img.b2bpic.net/free-photo/black-white-nude-woman-side-view_23-2149428731.jpg" },
|
||||
{ id: "p3", name: "Aurelia Ring", price: "$1,850", imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635262.jpg" },
|
||||
{ id: "p4", name: "Elysian Scarf", price: "$650", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg" },
|
||||
{ id: "p5", name: "Midnight Cufflinks", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635262.jpg" },
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Exquisite pieces that define modern luxury."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Craftsmanship"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Heritage",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Craftsmanship"
|
||||
buttons={[{ text: "Discover Our Heritage", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena V.",
|
||||
role: "Collector",
|
||||
company: "Global Arts",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-cute-sexy-brunette-woman-casual-black-dress-with-red-lips-white-background_158538-9189.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus D.",
|
||||
role: "Architect",
|
||||
company: "Studio M",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-business-man-black-suit-grey-background_613910-11241.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah L.",
|
||||
role: "Editor",
|
||||
company: "Vogue Style",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-posing-with-spring-flowers-copy-space_23-2148853901.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian B.",
|
||||
role: "Designer",
|
||||
company: "Lux Design",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-white-shirt-posing-brown-background_181624-29671.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Isabella R.",
|
||||
role: "Curator",
|
||||
company: "Modern Muse",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-cute-sexy-brunette-woman-casual-black-dress-with-red-lips-white-background_158538-9189.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Voices of Distinction"
|
||||
description="Why the world's most discerning choose Aurelius."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Elena V.", role: "Collector", company: "Global Arts", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-cute-sexy-brunette-woman-casual-black-dress-with-red-lips-white-background_158538-9189.jpg" },
|
||||
{ id: "t2", name: "Marcus D.", role: "Architect", company: "Studio M", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-business-man-black-suit-grey-background_613910-11241.jpg" },
|
||||
{ id: "t3", name: "Sarah L.", role: "Editor", company: "Vogue Style", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-posing-with-spring-flowers-copy-space_23-2148853901.jpg" },
|
||||
{ id: "t4", name: "Julian B.", role: "Designer", company: "Lux Design", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-white-shirt-posing-brown-background_181624-29671.jpg" },
|
||||
{ id: "t5", name: "Isabella R.", role: "Curator", company: "Modern Muse", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-cute-sexy-brunette-woman-casual-black-dress-with-red-lips-white-background_158538-9189.jpg" },
|
||||
]}
|
||||
title="Voices of Distinction"
|
||||
description="Why the world's most discerning choose Aurelius."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Featured In"
|
||||
description="Recognized by industry leaders for our commitment to quality."
|
||||
names={[
|
||||
"Vogue",
|
||||
"Architectural Digest",
|
||||
"Forbes",
|
||||
"Harper's Bazaar",
|
||||
"Elle Decor",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Featured In"
|
||||
description="Recognized by industry leaders for our commitment to quality."
|
||||
names={[
|
||||
"Vogue", "Architectural Digest", "Forbes", "Harper's Bazaar", "Elle Decor"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Heritage",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Gifts",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Aurelius Luxury. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Brand", items: [{ label: "About Us", href: "#about" }, { label: "Heritage", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Shop", items: [{ label: "Collections", href: "#products" }, { label: "Gifts", href: "#" }],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Aurelius Luxury. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user