Merge version_3 into main #2
193
src/app/page.tsx
193
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AURELIAN"
|
||||
/>
|
||||
@@ -56,19 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="AURELIAN"
|
||||
description="Timeless elegance for the modern individual. Discover our meticulously crafted collections designed for the discerning eye."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collections", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-posing-near-window_23-2149411428.jpg"
|
||||
imageAlt="Luxury fashion model portrait"
|
||||
@@ -98,41 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Silk Essence Blouse",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg",
|
||||
},
|
||||
id: "1", name: "Silk Essence Blouse", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tailored Wool Coat",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-punk-woman-wearing-sunglasses_23-2149267442.jpg",
|
||||
},
|
||||
id: "2", name: "Tailored Wool Coat", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-punk-woman-wearing-sunglasses_23-2149267442.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cashmere Scarf",
|
||||
price: "$320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575330.jpg",
|
||||
},
|
||||
id: "3", name: "Cashmere Scarf", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575330.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Heritage Leather Belt",
|
||||
price: "$280",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-empty-notebook-pencil-woman-s-accessories-black-concept-top-view-isolated-white-background_1428-524.jpg",
|
||||
},
|
||||
id: "4", name: "Heritage Leather Belt", price: "$280", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-empty-notebook-pencil-woman-s-accessories-black-concept-top-view-isolated-white-background_1428-524.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Classic Cotton Shirt",
|
||||
price: "$290",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2702.jpg",
|
||||
},
|
||||
id: "5", name: "Classic Cotton Shirt", price: "$290", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2702.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Structured Trouser",
|
||||
price: "$550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-fashion-designer-s-hand-taking-measurement-blue-fabric-with-yellow-measuring-tape_23-2148180373.jpg",
|
||||
},
|
||||
id: "6", name: "Structured Trouser", price: "$550", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-fashion-designer-s-hand-taking-measurement-blue-fabric-with-yellow-measuring-tape_23-2148180373.jpg"},
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Elevated pieces designed to build the foundation of a sophisticated wardrobe."
|
||||
@@ -146,20 +109,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Tailoring Excellence",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years of Tailoring Excellence"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Sustainably Sourced Materials",
|
||||
},
|
||||
id: "m2", value: "100%", description: "Sustainably Sourced Materials"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
description: "Discerning Clients Worldwide",
|
||||
},
|
||||
id: "m3", value: "5k+", description: "Discerning Clients Worldwide"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -172,45 +126,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Vance",
|
||||
handle: "@evance",
|
||||
testimonial: "The quality is simply unmatched. It feels like armor, but looks like art.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021795.jpg",
|
||||
},
|
||||
id: "1", name: "Elena Vance", handle: "@evance", testimonial: "The quality is simply unmatched. It feels like armor, but looks like art.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021795.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Julian Thorne",
|
||||
handle: "@jthorne",
|
||||
testimonial: "Aurelian pieces have become the cornerstone of my daily wardrobe.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-concentrated-woman-artist-artist-painting-easel_169016-66257.jpg",
|
||||
},
|
||||
id: "2", name: "Julian Thorne", handle: "@jthorne", testimonial: "Aurelian pieces have become the cornerstone of my daily wardrobe.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-concentrated-woman-artist-artist-painting-easel_169016-66257.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen",
|
||||
testimonial: "I appreciate the attention to fabric. You can tell they use the best materials.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-girls-street-with-shopping-bags_1157-28126.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Chen", handle: "@schen", testimonial: "I appreciate the attention to fabric. You can tell they use the best materials.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-girls-street-with-shopping-bags_1157-28126.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Reid",
|
||||
handle: "@mreid",
|
||||
testimonial: "Finally, clothes that fit perfectly and never go out of style.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478951.jpg",
|
||||
},
|
||||
id: "4", name: "Marcus Reid", handle: "@mreid", testimonial: "Finally, clothes that fit perfectly and never go out of style.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478951.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sofia Rossi",
|
||||
handle: "@srossi",
|
||||
testimonial: "Exquisite service and even better design. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office-using-smartphone_23-2150167796.jpg",
|
||||
},
|
||||
id: "5", name: "Sofia Rossi", handle: "@srossi", testimonial: "Exquisite service and even better design. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office-using-smartphone_23-2150167796.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Impressions"
|
||||
@@ -223,20 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How should I care for my garments?",
|
||||
content: "We recommend dry cleaning for most of our wool and silk pieces. Refer to the inner tag for detailed instructions.",
|
||||
},
|
||||
id: "faq1", title: "How should I care for my garments?", content: "We recommend dry cleaning for most of our wool and silk pieces. Refer to the inner tag for detailed instructions."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship globally using premium, insured courier services to ensure your items arrive in perfect condition.",
|
||||
},
|
||||
id: "faq2", title: "Do you offer international shipping?", content: "Yes, we ship globally using premium, insured courier services to ensure your items arrive in perfect condition."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can I return an item?",
|
||||
content: "We accept returns on unworn items with tags attached within 30 days of purchase.",
|
||||
},
|
||||
id: "faq3", title: "Can I return an item?", content: "We accept returns on unworn items with tags attached within 30 days of purchase."},
|
||||
]}
|
||||
sideTitle="Questions & Answers"
|
||||
sideDescription="Everything you need to know about our pieces and care."
|
||||
@@ -249,14 +169,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"GQ",
|
||||
"L'Officiel",
|
||||
"Elle",
|
||||
"Tatler",
|
||||
"Wallpaper*",
|
||||
]}
|
||||
"Vogue", "Harper's Bazaar", "GQ", "L'Officiel", "Elle", "Tatler", "Wallpaper*"]}
|
||||
title="As Featured In"
|
||||
description="Honored to be recognized by leading publications in style and luxury design."
|
||||
/>
|
||||
@@ -266,8 +179,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Inquire"
|
||||
title="Join the Inner Circle"
|
||||
description="Receive early access to collections and private atelier events."
|
||||
@@ -279,50 +191,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
title: "Brand", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Atelier",
|
||||
href: "#",
|
||||
},
|
||||
label: "Atelier", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -333,4 +226,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #dfff1c;
|
||||
--background: #fdfbf7;
|
||||
--card: #f0ede6;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #c17f59;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #8b9a1b;
|
||||
--background-accent: #5d6b00;
|
||||
--accent: #dcc8b6;
|
||||
--background-accent: #f3eee5;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user