Merge version_1 into main #1
195
src/app/page.tsx
195
src/app/page.tsx
@@ -20,37 +20,36 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "collection",
|
||||
},
|
||||
name: "Collection", id: "collection"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aura Couture"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Timeless Elegance Defined"
|
||||
description="Discover a collection where artisan craftsmanship meets contemporary luxury for the modern individual."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-client-looking-formal-blazers-shopping-mall_482257-99066.jpg"
|
||||
@@ -64,9 +63,7 @@ export default function LandingPage() {
|
||||
title="Crafting Stories in Every Stitch"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Heritage",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Heritage", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -78,17 +75,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mass-produced fabric",
|
||||
"Short-lived trends",
|
||||
"Hidden synthetic fibers",
|
||||
],
|
||||
"Mass-produced fabric", "Short-lived trends", "Hidden synthetic fibers"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Ethically sourced silk",
|
||||
"Tailored to perfection",
|
||||
"Timeless design language",
|
||||
],
|
||||
"Ethically sourced silk", "Tailored to perfection", "Timeless design language"],
|
||||
}}
|
||||
title="Superior Standards"
|
||||
description="Why choosing Aura is an investment in unparalleled quality."
|
||||
@@ -103,41 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Midnight Silk Dress",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-smiling-client-assistant-discussing-apparel-style-while-browsing-through-rack-african-american-man-showing-outfit-mall-customer-giving-fashion-advice_482257-71789.jpg",
|
||||
},
|
||||
id: "1", name: "Midnight Silk Dress", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-smiling-client-assistant-discussing-apparel-style-while-browsing-through-rack-african-american-man-showing-outfit-mall-customer-giving-fashion-advice_482257-71789.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tailored Wool Blazer",
|
||||
price: "$950",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calm-attractive-fashion-designers-work-cozy-office-darkskinned-lady-paint-shorthaired-woman-holds-coffee-cup_197531-29796.jpg",
|
||||
},
|
||||
id: "2", name: "Tailored Wool Blazer", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/calm-attractive-fashion-designers-work-cozy-office-darkskinned-lady-paint-shorthaired-woman-holds-coffee-cup_197531-29796.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Signature Silk Scarf",
|
||||
price: "$250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-accessories-elegant-woman-dressed-blue-suit_285396-7924.jpg",
|
||||
},
|
||||
id: "3", name: "Signature Silk Scarf", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-accessories-elegant-woman-dressed-blue-suit_285396-7924.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Artisan Leather Tote",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-her-workspace-woman-wearing-apron-making-belt-grounge-dark-stone-texture-background_1157-51595.jpg",
|
||||
},
|
||||
id: "4", name: "Artisan Leather Tote", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-her-workspace-woman-wearing-apron-making-belt-grounge-dark-stone-texture-background_1157-51595.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cashmere Overcoat",
|
||||
price: "$1,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-striped-shirt-denim-skirt-leaning-o_574295-3212.jpg",
|
||||
},
|
||||
id: "5", name: "Cashmere Overcoat", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-striped-shirt-denim-skirt-leaning-o_574295-3212.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Essential Knit Sweater",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-knitted-sweater-opening-champagne_114579-57119.jpg",
|
||||
},
|
||||
id: "6", name: "Essential Knit Sweater", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-knitted-sweater-opening-champagne_114579-57119.jpg"},
|
||||
]}
|
||||
title="Selected Signature Pieces"
|
||||
description="A glimpse into our seasonal limited editions."
|
||||
@@ -151,52 +118,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Essential",
|
||||
price: "$500",
|
||||
subtitle: "Yearly access",
|
||||
buttons: [
|
||||
id: "standard", badge: "Essential", price: "$500", subtitle: "Yearly access", buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
},
|
||||
text: "Join"},
|
||||
],
|
||||
features: [
|
||||
"10% discount",
|
||||
"Standard shipping",
|
||||
"Early preview",
|
||||
],
|
||||
"10% discount", "Standard shipping", "Early preview"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "VIP",
|
||||
price: "$2,500",
|
||||
subtitle: "Connoisseur access",
|
||||
buttons: [
|
||||
id: "premium", badge: "VIP", price: "$2,500", subtitle: "Connoisseur access", buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
},
|
||||
text: "Upgrade"},
|
||||
],
|
||||
features: [
|
||||
"25% discount",
|
||||
"Priority shipping",
|
||||
"Bespoke customization",
|
||||
],
|
||||
"25% discount", "Priority shipping", "Bespoke customization"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Private",
|
||||
price: "$10,000",
|
||||
subtitle: "Couture access",
|
||||
buttons: [
|
||||
id: "elite", badge: "Private", price: "$10,000", subtitle: "Couture access", buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
},
|
||||
text: "Inquire"},
|
||||
],
|
||||
features: [
|
||||
"50% discount",
|
||||
"Free global concierge",
|
||||
"Private design session",
|
||||
],
|
||||
"50% discount", "Free global concierge", "Private design session"],
|
||||
},
|
||||
]}
|
||||
title="Bespoke Membership"
|
||||
@@ -211,20 +154,11 @@ export default function LandingPage() {
|
||||
tag="Since 1984"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2.5K",
|
||||
description: "Happy Couture Clients",
|
||||
},
|
||||
id: "m1", value: "2.5K", description: "Happy Couture Clients"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
id: "m2", value: "40+", description: "Years of Excellence"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
description: "Global Fashion Awards",
|
||||
},
|
||||
id: "m3", value: "12", description: "Global Fashion Awards"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -236,45 +170,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional",
|
||||
quote: "The fabric quality is simply unmatched.",
|
||||
name: "Elena M.",
|
||||
role: "Fashion Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-stairs_1157-8771.jpg",
|
||||
},
|
||||
id: "1", title: "Exceptional", quote: "The fabric quality is simply unmatched.", name: "Elena M.", role: "Fashion Editor", imageSrc: "http://img.b2bpic.net/free-photo/girl-stairs_1157-8771.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Stunning",
|
||||
quote: "Truly a beautiful fit and aesthetic.",
|
||||
name: "James L.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-hat-shop_1303-19837.jpg",
|
||||
},
|
||||
id: "2", title: "Stunning", quote: "Truly a beautiful fit and aesthetic.", name: "James L.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-hat-shop_1303-19837.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Perfect",
|
||||
quote: "My wardrobe feels incomplete without Aura.",
|
||||
name: "Sophia R.",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg",
|
||||
},
|
||||
id: "3", title: "Perfect", quote: "My wardrobe feels incomplete without Aura.", name: "Sophia R.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Excellent",
|
||||
quote: "Timeless designs that never go out of style.",
|
||||
name: "Marcus V.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-with-blue-eyes-wearing-striped-shirt-glasses-blue-background-winking-looking-camera-with-sexy-expression-cheerful-happy-face_839833-34452.jpg",
|
||||
},
|
||||
id: "4", title: "Excellent", quote: "Timeless designs that never go out of style.", name: "Marcus V.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-with-blue-eyes-wearing-striped-shirt-glasses-blue-background-winking-looking-camera-with-sexy-expression-cheerful-happy-face_839833-34452.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Bespoke",
|
||||
quote: "Personalized tailoring like nowhere else.",
|
||||
name: "Isabella D.",
|
||||
role: "Gallery Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-hat-shop_1303-19834.jpg",
|
||||
},
|
||||
id: "5", title: "Bespoke", quote: "Personalized tailoring like nowhere else.", name: "Isabella D.", role: "Gallery Owner", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-hat-shop_1303-19834.jpg"},
|
||||
]}
|
||||
title="Voices of Aura"
|
||||
description="Hear what our distinguished patrons say."
|
||||
@@ -287,20 +191,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer tailoring?",
|
||||
content: "Yes, all our garments can be custom tailored for the perfect fit.",
|
||||
},
|
||||
id: "q1", title: "Do you offer tailoring?", content: "Yes, all our garments can be custom tailored for the perfect fit."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What materials do you use?",
|
||||
content: "We exclusively source premium natural silks, wool, and cashmere.",
|
||||
},
|
||||
id: "q2", title: "What materials do you use?", content: "We exclusively source premium natural silks, wool, and cashmere."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long is shipping?",
|
||||
content: "Worldwide priority shipping typically takes 3-5 business days.",
|
||||
},
|
||||
id: "q3", title: "How long is shipping?", content: "Worldwide priority shipping typically takes 3-5 business days."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Information regarding our bespoke clothing services."
|
||||
@@ -312,13 +207,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Schedule your private design appointment with our lead artisans."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
},
|
||||
text: "Book Appointment"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user