Merge version_2 into main #1
273
src/app/page.tsx
273
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "New Drops",
|
||||
id: "#drops",
|
||||
},
|
||||
name: "New Drops", id: "#drops"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Collections", id: "#products"},
|
||||
{
|
||||
name: "Story",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Story", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="AURELIUS"
|
||||
/>
|
||||
@@ -56,77 +48,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="AURELIUS. THE APEX OF LUXURY."
|
||||
description="Where artisanal tradition meets futuristic streetwear. Limited edition footwear for the discerning few."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Handcrafted",
|
||||
},
|
||||
value: "100%", label: "Handcrafted"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Early Access",
|
||||
},
|
||||
value: "24h", label: "Early Access"},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Collectors",
|
||||
},
|
||||
value: "5k+", label: "Collectors"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Drops",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Drops", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-young-woman-sitting-near-green-grass_23-2148187404.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-elegant-shoes-with-pants-curtain-sparkles_23-2148331890.jpg",
|
||||
alt: "Aurelius Collector 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-elegant-shoes-with-pants-curtain-sparkles_23-2148331890.jpg", alt: "Aurelius Collector 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-with-basket-shoes_23-2148922340.jpg",
|
||||
alt: "Aurelius Collector 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-with-basket-shoes_23-2148922340.jpg", alt: "Aurelius Collector 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830386.jpg",
|
||||
alt: "Aurelius Collector 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830386.jpg", alt: "Aurelius Collector 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-s-legs-with-dish-poutine_23-2149486029.jpg",
|
||||
alt: "Aurelius Collector 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-s-legs-with-dish-poutine_23-2149486029.jpg", alt: "Aurelius Collector 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-retail-clothing-shop_53876-20984.jpg",
|
||||
alt: "Aurelius Collector 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-retail-clothing-shop_53876-20984.jpg", alt: "Aurelius Collector 5"},
|
||||
]}
|
||||
avatarText="Join our 5,000+ elite collectors."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Limited Edition",
|
||||
},
|
||||
type: "text", text: "Limited Edition"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Italian Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Italian Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
type: "text", text: "Global Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusivity Guaranteed",
|
||||
},
|
||||
type: "text", text: "Exclusivity Guaranteed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Aurelius Standard",
|
||||
},
|
||||
type: "text", text: "Aurelius Standard"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,40 +100,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "01",
|
||||
title: "Artisan Craft",
|
||||
subtitle: "Handmade",
|
||||
description: "Every pair is crafted with precision by masters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-makes-pencil-marks-wood-plank_93675-134739.jpg",
|
||||
},
|
||||
tag: "01", title: "Artisan Craft", subtitle: "Handmade", description: "Every pair is crafted with precision by masters.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-makes-pencil-marks-wood-plank_93675-134739.jpg"},
|
||||
{
|
||||
tag: "02",
|
||||
title: "Premium Box",
|
||||
subtitle: "Limited",
|
||||
description: "An experience from the moment it arrives.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-skates-studio-still-life_23-2150558973.jpg",
|
||||
},
|
||||
tag: "02", title: "Premium Box", subtitle: "Limited", description: "An experience from the moment it arrives.", imageSrc: "http://img.b2bpic.net/free-photo/ice-skates-studio-still-life_23-2150558973.jpg"},
|
||||
{
|
||||
tag: "03",
|
||||
title: "Storefront",
|
||||
subtitle: "Global",
|
||||
description: "Available in select world-class boutiques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591430.jpg",
|
||||
},
|
||||
tag: "03", title: "Storefront", subtitle: "Global", description: "Available in select world-class boutiques.", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591430.jpg"},
|
||||
{
|
||||
tag: "04",
|
||||
title: "Rare Materials",
|
||||
subtitle: "Sourced",
|
||||
description: "Only the finest leathers and fabrics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shaving-male-neck-with-straight-razor_23-2148181940.jpg",
|
||||
},
|
||||
tag: "04", title: "Rare Materials", subtitle: "Sourced", description: "Only the finest leathers and fabrics.", imageSrc: "http://img.b2bpic.net/free-photo/shaving-male-neck-with-straight-razor_23-2148181940.jpg"},
|
||||
{
|
||||
tag: "05",
|
||||
title: "Futuristic Tech",
|
||||
subtitle: "Engineered",
|
||||
description: "Advanced ergonomics for daily luxury.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-handyman-hammering-piece-metal_23-2148643238.jpg",
|
||||
},
|
||||
tag: "05", title: "Futuristic Tech", subtitle: "Engineered", description: "Advanced ergonomics for daily luxury.", imageSrc: "http://img.b2bpic.net/free-photo/high-view-handyman-hammering-piece-metal_23-2148643238.jpg"},
|
||||
]}
|
||||
title="Uncompromised Quality"
|
||||
description="Exclusivity defined by meticulous attention to detail."
|
||||
@@ -185,40 +123,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Apex One",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-sports-shoe-design-abstract-motion-generated-by-ai_188544-19638.jpg",
|
||||
id: "p1", name: "Apex One", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/modern-sports-shoe-design-abstract-motion-generated-by-ai_188544-19638.jpg", priceButtonProps: { children: "Purchase Now" }
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Midnight Runner",
|
||||
price: "$950",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-down-stairs_53876-41256.jpg",
|
||||
id: "p2", name: "Midnight Runner", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-down-stairs_53876-41256.jpg", priceButtonProps: { children: "Purchase Now" }
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Velvet Gold",
|
||||
price: "$1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-skater-woman-with-trendy-hairstyle-expressing-positive-emotions-outdoor-portrait-joyful-female-model-chilling-skate-park_197531-20731.jpg",
|
||||
id: "p3", name: "Velvet Gold", price: "$1,500", imageSrc: "http://img.b2bpic.net/free-photo/funny-skater-woman-with-trendy-hairstyle-expressing-positive-emotions-outdoor-portrait-joyful-female-model-chilling-skate-park_197531-20731.jpg", priceButtonProps: { children: "Purchase Now" }
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Aurelius High",
|
||||
price: "$1,100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drum-cymbal-closeup-dark-background_169016-30045.jpg",
|
||||
id: "p4", name: "Aurelius High", price: "$1,100", imageSrc: "http://img.b2bpic.net/free-photo/drum-cymbal-closeup-dark-background_169016-30045.jpg", priceButtonProps: { children: "Purchase Now" }
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Street Classic",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-sitting-car_23-2148601560.jpg",
|
||||
id: "p5", name: "Street Classic", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-sitting-car_23-2148601560.jpg", priceButtonProps: { children: "Purchase Now" }
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Artisan Black",
|
||||
price: "$1,300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pair-heels-modern-shoe-shiny_1203-6414.jpg",
|
||||
id: "p6", name: "Artisan Black", price: "$1,300", imageSrc: "http://img.b2bpic.net/free-photo/pair-heels-modern-shoe-shiny_1203-6414.jpg", priceButtonProps: { children: "Purchase Now" }
|
||||
},
|
||||
]}
|
||||
title="Limited Editions"
|
||||
@@ -233,9 +153,7 @@ export default function LandingPage() {
|
||||
description="Founded with a vision to redefine luxury. We blend Italian leather craftsmanship with modern design codes to create silhouettes that define the status of the wearer."
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read Our Story", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/master-working-with-metallic-equipments_114579-12213.jpg"
|
||||
/>
|
||||
@@ -246,14 +164,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Hypebeast",
|
||||
"GQ",
|
||||
"Complex",
|
||||
"Highsnobiety",
|
||||
"Wallpaper",
|
||||
"WWD",
|
||||
]}
|
||||
"Vogue", "Hypebeast", "GQ", "Complex", "Highsnobiety", "Wallpaper", "WWD"]}
|
||||
title="Global Status"
|
||||
description="As featured in leading fashion editorials."
|
||||
/>
|
||||
@@ -266,26 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k",
|
||||
title: "Pairs Sold",
|
||||
description: "Exclusive pieces in circulation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spices-composition-with-spoons-drawing-lines_23-2147684887.jpg",
|
||||
},
|
||||
id: "m1", value: "10k", title: "Pairs Sold", description: "Exclusive pieces in circulation.", imageSrc: "http://img.b2bpic.net/free-photo/spices-composition-with-spoons-drawing-lines_23-2147684887.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50",
|
||||
title: "Countries",
|
||||
description: "Global distribution network.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luminous-color-bands_84443-75014.jpg",
|
||||
},
|
||||
id: "m2", value: "50", title: "Countries", description: "Global distribution network.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luminous-color-bands_84443-75014.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Ethical",
|
||||
description: "Sustainable luxury promise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-leaf-organic-background_23-2148872835.jpg",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Ethical", description: "Sustainable luxury promise.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-leaf-organic-background_23-2148872835.jpg"},
|
||||
]}
|
||||
title="Brand Impact"
|
||||
description="The metrics behind our growth."
|
||||
@@ -299,40 +195,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus A.",
|
||||
role: "Creative Director",
|
||||
testimonial: "The craft is unmatched in the streetwear world.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-stepping-chair_23-2147781153.jpg",
|
||||
},
|
||||
id: "t1", name: "Marcus A.", role: "Creative Director", testimonial: "The craft is unmatched in the streetwear world.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-stepping-chair_23-2147781153.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
role: "Fashion Editor",
|
||||
testimonial: "Aurelius redefined what I expect from footwear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-retro-clothes_1122-521.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah J.", role: "Fashion Editor", testimonial: "Aurelius redefined what I expect from footwear.", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-retro-clothes_1122-521.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Leo V.",
|
||||
role: "Collector",
|
||||
testimonial: "Every drop is an event. Truly exclusive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg",
|
||||
},
|
||||
id: "t3", name: "Leo V.", role: "Collector", testimonial: "Every drop is an event. Truly exclusive.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chloe L.",
|
||||
role: "Stylist",
|
||||
testimonial: "These shoes are pure status.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg",
|
||||
},
|
||||
id: "t4", name: "Chloe L.", role: "Stylist", testimonial: "These shoes are pure status.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David K.",
|
||||
role: "Designer",
|
||||
testimonial: "Design and quality perfectly balanced.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021832.jpg",
|
||||
},
|
||||
id: "t5", name: "David K.", role: "Designer", testimonial: "Design and quality perfectly balanced.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021832.jpg"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Hear from our global collectors."
|
||||
@@ -345,20 +216,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we ship to over 50 countries.",
|
||||
},
|
||||
id: "f1", title: "Do you ship worldwide?", content: "Yes, we ship to over 50 countries."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I secure early access?",
|
||||
content: "Join our collector's list on our dashboard.",
|
||||
},
|
||||
id: "f2", title: "How do I secure early access?", content: "Join our collector's list on our dashboard."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are items limited?",
|
||||
content: "All Aurelius items are limited edition.",
|
||||
},
|
||||
id: "f3", title: "Are items limited?", content: "All Aurelius items are limited edition."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Information on our drops and services."
|
||||
@@ -373,20 +235,12 @@ export default function LandingPage() {
|
||||
description="Concierge services for our collectors."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "msg",
|
||||
placeholder: "Your message...",
|
||||
}}
|
||||
name: "msg", placeholder: "Your message..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-makeup-artist-doing-her-job_23-2149640916.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -397,42 +251,27 @@ export default function LandingPage() {
|
||||
logoText="AURELIUS"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Drops",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Drops", href: "#products"},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Collection", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Story", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -441,4 +280,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user