Update src/app/page.tsx
This commit is contained in:
433
src/app/page.tsx
433
src/app/page.tsx
@@ -28,318 +28,143 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Vision",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Exclusives",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AURELIAN"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Vision", id: "about" },
|
||||
{ name: "Exclusives", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AURELIAN"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Defining Modern Opulence"
|
||||
description="Crafting timeless elegance for the modern visionary. Experience bespoke craftsmanship redefined."
|
||||
kpis={[
|
||||
{
|
||||
value: "12+",
|
||||
label: "Years Legacy",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Curated Projects",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/haunted-house-gothic-style_23-2151626695.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705916.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man-classic-black-costume-studio-fashion-portrait_1328-2218.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-woman-portrait_23-2148148150.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sucsessful-businesswoman-studio-isolated-grey_613910-11320.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by elite professionals globally"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Luxury",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Minimalism",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gold Accents",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Elegance",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Defining Modern Opulence"
|
||||
description="Crafting timeless elegance for the modern visionary. Experience bespoke craftsmanship redefined."
|
||||
kpis={[
|
||||
{ value: "12+", label: "Years Legacy" },
|
||||
{ value: "500+", label: "Curated Projects" },
|
||||
{ value: "99%", label: "Client Satisfaction" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/haunted-house-gothic-style_23-2151626695.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg", alt: "Team member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705916.jpg", alt: "Team member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man-classic-black-costume-studio-fashion-portrait_1328-2218.jpg", alt: "Team member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-woman-portrait_23-2148148150.jpg", alt: "Team member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sucsessful-businesswoman-studio-isolated-grey_613910-11320.jpg", alt: "Team member 5" },
|
||||
]}
|
||||
avatarText="Trusted by elite professionals globally"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Handcrafted Luxury" },
|
||||
{ type: "text", text: "Modern Minimalism" },
|
||||
{ type: "text", text: "Gold Accents" },
|
||||
{ type: "text", text: "Bespoke Design" },
|
||||
{ type: "text", text: "Timeless Elegance" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Where Artistry Meets Utility"
|
||||
tag="Our Philosophy"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Where Artistry Meets Utility"
|
||||
tag="Our Philosophy"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Bespoke Design",
|
||||
description: "Custom solutions tailored to your unique aesthetic preferences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-textured-background_53876-32393.jpg",
|
||||
},
|
||||
{
|
||||
title: "Rare Materials",
|
||||
description: "Sourcing only the finest, most exclusive materials globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confetti-sparks-glitter_23-2149224117.jpg",
|
||||
},
|
||||
{
|
||||
title: "Master Artisans",
|
||||
description: "Handcrafted by world-renowned experts in their fields.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-making-chess-figures-atelier_114579-11657.jpg",
|
||||
},
|
||||
]}
|
||||
title="Unparalleled Craftsmanship"
|
||||
description="Every detail is meticulously perfected to ensure quality that stands the test of time."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Bespoke Design", description: "Custom solutions tailored to your unique aesthetic preferences.", imageSrc: "http://img.b2bpic.net/free-photo/gold-textured-background_53876-32393.jpg" },
|
||||
{ title: "Rare Materials", description: "Sourcing only the finest, most exclusive materials globally.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-confetti-sparks-glitter_23-2149224117.jpg" },
|
||||
{ title: "Master Artisans", description: "Handcrafted by world-renowned experts in their fields.", imageSrc: "http://img.b2bpic.net/free-photo/master-making-chess-figures-atelier_114579-11657.jpg" },
|
||||
]}
|
||||
title="Unparalleled Craftsmanship"
|
||||
description="Every detail is meticulously perfected to ensure quality that stands the test of time."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxe Edition I",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stripes-geometric-shapes-background_23-2148772501.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luxe Edition II",
|
||||
price: "$2,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-skin-product-arrangement-with-grey-stones_23-2148761414.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Luxe Edition III",
|
||||
price: "$3,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-bottle-parfum-table_140725-7027.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Luxe Edition IV",
|
||||
price: "$4,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copper-bowl-with-steam_23-2151934602.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Luxe Edition V",
|
||||
price: "$5,900",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/round-metal-object-with-brushed-bronze-finish-textured-surface-is-isolated-black-background_84443-58542.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Luxe Edition VI",
|
||||
price: "$7,100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-essential-oil-bottle_23-2148241812.jpg",
|
||||
},
|
||||
]}
|
||||
title="Curated Exclusives"
|
||||
description="Discover our collection of limited-edition offerings."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Luxe Edition I", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/stripes-geometric-shapes-background_23-2148772501.jpg" },
|
||||
{ id: "p2", name: "Luxe Edition II", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/front-view-skin-product-arrangement-with-grey-stones_23-2148761414.jpg" },
|
||||
{ id: "p3", name: "Luxe Edition III", price: "$3,800", imageSrc: "http://img.b2bpic.net/free-photo/green-bottle-parfum-table_140725-7027.jpg" },
|
||||
{ id: "p4", name: "Luxe Edition IV", price: "$4,200", imageSrc: "http://img.b2bpic.net/free-photo/copper-bowl-with-steam_23-2151934602.jpg" },
|
||||
{ id: "p5", name: "Luxe Edition V", price: "$5,900", imageSrc: "http://img.b2bpic.net/free-psd/round-metal-object-with-brushed-bronze-finish-textured-surface-is-isolated-black-background_84443-58542.jpg" },
|
||||
{ id: "p6", name: "Luxe Edition VI", price: "$7,100", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-essential-oil-bottle_23-2148241812.jpg" },
|
||||
]}
|
||||
title="Curated Exclusives"
|
||||
description="Discover our collection of limited-edition offerings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena V.",
|
||||
handle: "@elena",
|
||||
testimonial: "Simply exquisite work. True luxury.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-glasses_23-2148415937.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus A.",
|
||||
handle: "@marcus",
|
||||
testimonial: "The attention to detail is remarkable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-shot-intelligent-businessman-holding-whiskey-his-hands_181624-43801.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sofia R.",
|
||||
handle: "@sofia",
|
||||
testimonial: "Unparalleled service and quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graceful-female-dancer-black-apparel-posing-with-hand-waist-dark-illuminated-studio-low_7502-10547.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian B.",
|
||||
handle: "@julian",
|
||||
testimonial: "A transformative brand experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-sweater-standing-posing_114579-81917.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe S.",
|
||||
handle: "@chloe",
|
||||
testimonial: "The definition of modern opulence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-eyeglasses-black-jacket-writting-outdoors-beautiful-woman-with-red-lipstick-brunette-hair-sitting-stairs_197531-19326.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Distinction"
|
||||
description="Hear from those who demand excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Elena V.", handle: "@elena", testimonial: "Simply exquisite work. True luxury.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-glasses_23-2148415937.jpg" },
|
||||
{ id: "t2", name: "Marcus A.", handle: "@marcus", testimonial: "The attention to detail is remarkable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-shot-intelligent-businessman-holding-whiskey-his-hands_181624-43801.jpg" },
|
||||
{ id: "t3", name: "Sofia R.", handle: "@sofia", testimonial: "Unparalleled service and quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/graceful-female-dancer-black-apparel-posing-with-hand-waist-dark-illuminated-studio-low_7502-10547.jpg" },
|
||||
{ id: "t4", name: "Julian B.", handle: "@julian", testimonial: "A transformative brand experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-sweater-standing-posing_114579-81917.jpg" },
|
||||
{ id: "t5", name: "Chloe S.", handle: "@chloe", testimonial: "The definition of modern opulence.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-eyeglasses-black-jacket-writting-outdoors-beautiful-woman-with-red-lipstick-brunette-hair-sitting-stairs_197531-19326.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Distinction"
|
||||
description="Hear from those who demand excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Aurelian Corp",
|
||||
"Luxe Global",
|
||||
"Elite Estates",
|
||||
"Pinnacle Design",
|
||||
"Crown Partners",
|
||||
"Sovereign Holdings",
|
||||
"Noble Ventures",
|
||||
]}
|
||||
title="Trusted by Visionaries"
|
||||
description="Collaborating with leaders across industries."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Aurelian Corp", "Luxe Global", "Elite Estates", "Pinnacle Design", "Crown Partners", "Sovereign Holdings", "Noble Ventures"]}
|
||||
title="Trusted by Visionaries"
|
||||
description="Collaborating with leaders across industries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Inquire"
|
||||
title="Begin Your Journey"
|
||||
description="Connect with our curators to discuss your bespoke vision."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283226.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Inquire"
|
||||
title="Begin Your Journey"
|
||||
description="Connect with our curators to discuss your bespoke vision."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283226.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Concierge",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Inquiries",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 AURELIAN. All rights reserved."
|
||||
bottomRightText="Privately held."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "About Us", href: "#about" }, { label: "Collections", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Concierge", href: "#contact" }, { label: "Inquiries", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 AURELIAN. All rights reserved."
|
||||
bottomRightText="Privately held."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user