Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-26 20:02:58 +00:00

View File

@@ -19,387 +19,175 @@ export default function LandingPage() {
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Collection",
id: "products",
},
{
name: "Our Story",
id: "about",
},
{
name: "Quality",
id: "features",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="AURA LUXE"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Collection", id: "products" },
{ name: "Our Story", id: "about" },
{ name: "Quality", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="AURA LUXE"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
title="Timeless Elegance, Reimagined."
description="Discover the intersection of artisanal craftsmanship and modern luxury. Auras Luxe defines the new standard of sartorial excellence."
buttons={[
{
text: "Shop Collection",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-brunette-woman-black-dress_613910-7042.jpg"
imageAlt="luxury clothing fashion portrait"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg",
alt: "Portrait of stylish woman posing in a fashionable outfit",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-blond-female-black-clothes_613910-7955.jpg",
alt: "Portrait of blond female in a black clothes.",
},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17722.jpg",
alt: "Young beautiful woman in a business suit",
},
{
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2630.jpg",
alt: "Fashion portrait of young elegant woman",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing-indoors_23-2149551297.jpg",
alt: "Full shot unknown woman posing indoors",
},
]}
avatarText="Join 5,000+ satisfied connoisseurs."
marqueeItems={[
{
type: "text",
text: "Artisanal Precision",
},
{
type: "text",
text: "Sustainable Elegance",
},
{
type: "text",
text: "Timeless Design",
},
{
type: "text",
text: "Modern Luxury",
},
{
type: "text",
text: "Sartorial Excellence",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "radial-gradient" }}
title="Timeless Elegance, Reimagined."
description="Discover the intersection of artisanal craftsmanship and modern luxury. Auras Luxe defines the new standard of sartorial excellence."
buttons={[{ text: "Shop Collection", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-brunette-woman-black-dress_613910-7042.jpg"
imageAlt="luxury clothing fashion portrait"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg", alt: "Portrait of stylish woman posing in a fashionable outfit" },
{ src: "http://img.b2bpic.net/free-photo/portrait-blond-female-black-clothes_613910-7955.jpg", alt: "Portrait of blond female in a black clothes." },
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17722.jpg", alt: "Young beautiful woman in a business suit" },
{ src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2630.jpg", alt: "Fashion portrait of young elegant woman" },
{ src: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing-indoors_23-2149551297.jpg", alt: "Full shot unknown woman posing indoors" }
]}
avatarText="Join 5,000+ satisfied connoisseurs."
marqueeItems={[
{ type: "text", text: "Artisanal Precision" },
{ type: "text", text: "Sustainable Elegance" },
{ type: "text", text: "Timeless Design" },
{ type: "text", text: "Modern Luxury" },
{ type: "text", text: "Sartorial Excellence" }
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="Our Philosophy"
description={[
"Every thread tells a story of heritage and precision. We curate garments that transcend trends, crafted from the finest sustainably sourced materials in the world.",
]}
buttons={[
{
text: "Read Our Story",
href: "#",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="Our Philosophy"
description={["Every thread tells a story of heritage and precision. We curate garments that transcend trends, crafted from the finest sustainably sourced materials in the world."]}
buttons={[{ text: "Read Our Story", href: "#" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Premium Textiles",
descriptions: [
"Sourced from world-renowned mills, our fabrics are selected for their durability and soft touch.",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007429.jpg",
imageAlt: "premium silk fabric texture",
},
{
id: "f2",
title: "Precision Tailoring",
descriptions: [
"Expert artisans hand-finish every garment to ensure a flawless fit and lasting construction.",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-relaxing-while-knitting_23-2149397734.jpg",
imageAlt: "handmade clothing detail",
},
{
id: "f3",
title: "Sustainable Ethics",
descriptions: [
"Mindfully created with respect for our planet, ensuring every piece is an ethical investment.",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300907.jpg",
imageAlt: "sustainable luxury fashion",
},
]}
title="Signature Craftsmanship"
description="We blend traditional tailoring with contemporary silhouettes for unparalleled comfort and style."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Premium Textiles", descriptions: ["Sourced from world-renowned mills, our fabrics are selected for their durability and soft touch."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007429.jpg", imageAlt: "premium silk fabric texture" },
{ id: "f2", title: "Precision Tailoring", descriptions: ["Expert artisans hand-finish every garment to ensure a flawless fit and lasting construction."], imageSrc: "http://img.b2bpic.net/free-photo/young-adult-relaxing-while-knitting_23-2149397734.jpg", imageAlt: "handmade clothing detail" },
{ id: "f3", title: "Sustainable Ethics", descriptions: ["Mindfully created with respect for our planet, ensuring every piece is an ethical investment."], imageSrc: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300907.jpg", imageAlt: "sustainable luxury fashion" }
]}
title="Signature Craftsmanship"
description="We blend traditional tailoring with contemporary silhouettes for unparalleled comfort and style."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="scale-rotate"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Aura Luxe",
name: "Classic Tailored Blazer",
price: "$850",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19854.jpg",
},
{
id: "p2",
brand: "Aura Luxe",
name: "Silk Evening Gown",
price: "$1,200",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021796.jpg",
},
{
id: "p3",
brand: "Aura Luxe",
name: "Cashmere Knit Sweater",
price: "$450",
rating: 4,
reviewCount: "24",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-two-stylish-caucasian-woman-blazers-french-cap-classic-white-hat-stand_343596-2175.jpg",
},
{
id: "p4",
brand: "Aura Luxe",
name: "Signature Leather Tote",
price: "$900",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-working-as-wedding-planner_23-2150328512.jpg",
},
{
id: "p5",
brand: "Aura Luxe",
name: "Wool Overcoat",
price: "$1,500",
rating: 5,
reviewCount: "9",
imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-nature-full-shot_23-2150100141.jpg",
},
{
id: "p6",
brand: "Aura Luxe",
name: "Silk Accessory Scarf",
price: "$150",
rating: 5,
reviewCount: "32",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-covering-her-face-with-veil_23-2149460547.jpg",
},
]}
title="The Collection"
description="Explore our curated seasonal pieces, designed for the discerning individual."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="scale-rotate"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", brand: "Aura Luxe", name: "Classic Tailored Blazer", price: "$850", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19854.jpg" },
{ id: "p2", brand: "Aura Luxe", name: "Silk Evening Gown", price: "$1,200", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021796.jpg" },
{ id: "p3", brand: "Aura Luxe", name: "Cashmere Knit Sweater", price: "$450", rating: 4, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-two-stylish-caucasian-woman-blazers-french-cap-classic-white-hat-stand_343596-2175.jpg" },
{ id: "p4", brand: "Aura Luxe", name: "Signature Leather Tote", price: "$900", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-working-as-wedding-planner_23-2150328512.jpg" },
{ id: "p5", brand: "Aura Luxe", name: "Wool Overcoat", price: "$1,500", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-nature-full-shot_23-2150100141.jpg" },
{ id: "p6", brand: "Aura Luxe", name: "Silk Accessory Scarf", price: "$150", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-covering-her-face-with-veil_23-2149460547.jpg" }
]}
title="The Collection"
description="Explore our curated seasonal pieces, designed for the discerning individual."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Award,
title: "Artisanal Years",
value: "20+",
},
{
id: "m2",
icon: CheckCircle,
title: "Materials Sourced",
value: "100%",
},
{
id: "m3",
icon: Sparkles,
title: "Unique Designs",
value: "500+",
},
]}
title="Our Impact"
description="Numbers behind our commitment to excellence."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", icon: Award, title: "Artisanal Years", value: "20+" },
{ id: "m2", icon: CheckCircle, title: "Materials Sourced", value: "100%" },
{ id: "m3", icon: Sparkles, title: "Unique Designs", value: "500+" }
]}
title="Our Impact"
description="Numbers behind our commitment to excellence."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Elena V.",
role: "Creative Director",
company: "Studio X",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-clothes_23-2149241358.jpg",
},
{
id: "2",
name: "Marcus J.",
role: "Architect",
company: "Verve",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20579.jpg",
},
{
id: "3",
name: "Sophia L.",
role: "Editor",
company: "Fashion Weekly",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/review-evaluation-satisfaction-customer-service-feedback-sign-icon_53876-123854.jpg",
},
{
id: "4",
name: "David W.",
role: "Entrepreneur",
company: "Aura",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-purchases_23-2147652094.jpg",
},
{
id: "5",
name: "Chloe T.",
role: "Designer",
company: "Luxe House",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-short-blonde-hair-poses-white-suit-by-ladder_8353-5468.jpg",
},
]}
kpiItems={[
{
value: "4.9/5",
label: "Satisfaction",
},
{
value: "500+",
label: "Reviews",
},
{
value: "95%",
label: "Return Rate",
},
]}
title="Client Reflections"
description="Hear what our patrons say about their Aura Luxe experience."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Elena V.", role: "Creative Director", company: "Studio X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-clothes_23-2149241358.jpg" },
{ id: "2", name: "Marcus J.", role: "Architect", company: "Verve", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20579.jpg" },
{ id: "3", name: "Sophia L.", role: "Editor", company: "Fashion Weekly", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/review-evaluation-satisfaction-customer-service-feedback-sign-icon_53876-123854.jpg" },
{ id: "4", name: "David W.", role: "Entrepreneur", company: "Aura", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-purchases_23-2147652094.jpg" },
{ id: "5", name: "Chloe T.", role: "Designer", company: "Luxe House", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-short-blonde-hair-poses-white-suit-by-ladder_8353-5468.jpg" }
]}
kpiItems={[
{ value: "4.9/5", label: "Satisfaction" },
{ value: "500+", label: "Reviews" },
{ value: "95%", label: "Return Rate" }
]}
title="Client Reflections"
description="Hear what our patrons say about their Aura Luxe experience."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do I care for my garments?",
content: "Each garment comes with a care guide tailored to its specific fabric to ensure longevity.",
},
{
id: "q2",
title: "Do you offer international shipping?",
content: "Yes, we ship worldwide using express courier services to ensure prompt delivery.",
},
{
id: "q3",
title: "Can I return a purchase?",
content: "We offer a 30-day return policy for items in their original condition and packaging.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/african-american-freelancer-listening-podcast-being-focused-online-work_482257-128376.jpg"
imageAlt="Frequently asked questions"
mediaAnimation="blur-reveal"
title="Questions Answered"
description="Common inquiries about our brand and craftsmanship."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "How do I care for my garments?", content: "Each garment comes with a care guide tailored to its specific fabric to ensure longevity." },
{ id: "q2", title: "Do you offer international shipping?", content: "Yes, we ship worldwide using express courier services to ensure prompt delivery." },
{ id: "q3", title: "Can I return a purchase?", content: "We offer a 30-day return policy for items in their original condition and packaging." }
]}
imageSrc="http://img.b2bpic.net/free-photo/african-american-freelancer-listening-podcast-being-focused-online-work_482257-128376.jpg"
imageAlt="Frequently asked questions"
mediaAnimation="blur-reveal"
title="Questions Answered"
description="Common inquiries about our brand and craftsmanship."
faqsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="AURA LUXE"
columns={[
{
title: "Navigation",
items: [
{
label: "Collection",
href: "#products",
},
{
label: "Our Story",
href: "#about",
},
{
label: "Sustainability",
href: "#",
},
],
},
{
title: "Service",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Shipping",
href: "#",
},
{
label: "Contact",
href: "#",
},
],
},
]}
copyrightText="© 2025 Aura Luxe | All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="AURA LUXE"
columns={[
{
title: "Navigation", items: [
{ label: "Collection", href: "#products" },
{ label: "Our Story", href: "#about" },
{ label: "Sustainability", href: "#" }
]
},
{
title: "Service", items: [
{ label: "FAQ", href: "#faq" },
{ label: "Shipping", href: "#" },
{ label: "Contact", href: "#" }
]
}
]}
copyrightText="© 2025 Aura Luxe | All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}