Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-23 14:51:43 +00:00

View File

@@ -29,382 +29,171 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Collections",
id: "#collections",
},
{
name: "Products",
id: "#products",
},
{
name: "About",
id: "#about",
},
{
name: "Reviews",
id: "#reviews",
},
]}
brandName="AESTHETIQUE"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Collections", id: "#collections" },
{ name: "Products", id: "#products" },
{ name: "About", id: "#about" },
{ name: "Reviews", id: "#reviews" },
]}
brandName="AESTHETIQUE"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
title="Timeless Elegance, Redefined."
description="Curated collections for the modern minimalist. Discover high-quality fabrics and essential silhouettes designed to last a lifetime."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353708.jpg?_wi=1",
imageAlt: "Fashion Editorial",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-looking-wardrobe_23-2148304881.jpg?_wi=1",
imageAlt: "Boutique Interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711574.jpg?_wi=1",
imageAlt: "Fabric Detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-people-using-sustainable-mobility_23-2149290963.jpg",
imageAlt: "Urban Chic",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-traveling-by-train_23-2150578074.jpg",
imageAlt: "Seasonal Style",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cream-colored-fabric_23-2152019118.jpg",
imageAlt: "Texture Shot",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "sparkles-gradient" }}
title="Timeless Elegance, Redefined."
description="Curated collections for the modern minimalist. Discover high-quality fabrics and essential silhouettes designed to last a lifetime."
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353708.jpg", imageAlt: "Fashion Editorial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-looking-wardrobe_23-2148304881.jpg", imageAlt: "Boutique Interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711574.jpg", imageAlt: "Fabric Detail" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-people-using-sustainable-mobility_23-2149290963.jpg", imageAlt: "Urban Chic" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-traveling-by-train_23-2150578074.jpg", imageAlt: "Seasonal Style" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-cream-colored-fabric_23-2152019118.jpg", imageAlt: "Texture Shot" },
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="The Art of Slow Fashion"
description="We believe in less, but better. Our garments are ethically crafted in small batches, ensuring every piece tells a story of craftsmanship and intentional design."
bulletPoints={[
{
title: "Ethical Sourcing",
description: "Supporting fair-trade artisanal workshops.",
},
{
title: "Sustainable Fabrics",
description: "Using only organic, natural textiles.",
},
{
title: "Timeless Design",
description: "Garments made for versatility and longevity.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885670.jpg"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="The Art of Slow Fashion"
description="We believe in less, but better. Our garments are ethically crafted in small batches, ensuring every piece tells a story of craftsmanship and intentional design."
bulletPoints={[
{ title: "Ethical Sourcing", description: "Supporting fair-trade artisanal workshops." },
{ title: "Sustainable Fabrics", description: "Using only organic, natural textiles." },
{ title: "Timeless Design", description: "Garments made for versatility and longevity." },
]}
imageSrc="http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885670.jpg"
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Sand Knit Sweater",
price: "$125",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-hat_23-2148931675.jpg",
},
{
id: "p2",
name: "Tailored Trousers",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-photo/male-suit-close-up-holding-coffee-hand_1303-10299.jpg",
},
{
id: "p3",
name: "Silk Shirt",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/accessories-composition-with-sunglasses-scarf-wallet_23-2152020350.jpg",
},
{
id: "p4",
name: "Olive Turtleneck",
price: "$135",
imageSrc: "http://img.b2bpic.net/free-photo/light-brown-beige-pants-indoors-still-life_23-2150756258.jpg",
},
{
id: "p5",
name: "Linen Pants",
price: "$140",
imageSrc: "http://img.b2bpic.net/free-photo/cool-young-happy-smiling-woman-yellow-printed-dress-knitted-white-sweater-sunny-autumn-day-having-fun-street_285396-10448.jpg",
},
{
id: "p6",
name: "Canvas Jacket",
price: "$220",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478998.jpg",
},
]}
title="Curated Essentials"
description="Discover our seasonal edit of foundational pieces, designed to anchor your wardrobe."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Sand Knit Sweater", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-hat_23-2148931675.jpg" },
{ id: "p2", name: "Tailored Trousers", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/male-suit-close-up-holding-coffee-hand_1303-10299.jpg" },
{ id: "p3", name: "Silk Shirt", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/accessories-composition-with-sunglasses-scarf-wallet_23-2152020350.jpg" },
{ id: "p4", name: "Olive Turtleneck", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/light-brown-beige-pants-indoors-still-life_23-2150756258.jpg" },
{ id: "p5", name: "Linen Pants", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/cool-young-happy-smiling-woman-yellow-printed-dress-knitted-white-sweater-sunny-autumn-day-having-fun-street_285396-10448.jpg" },
{ id: "p6", name: "Canvas Jacket", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478998.jpg" },
]}
title="Curated Essentials"
description="Discover our seasonal edit of foundational pieces, designed to anchor your wardrobe."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Precision Stitching",
description: "Reinforced seams for lasting durability.",
icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-green-sweater-posing-outdoors_1157-30525.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478992.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353708.jpg?_wi=2",
imageAlt: "designer beige wool sweater",
},
{
title: "Natural Fibers",
description: "Breathable, skin-friendly material selection.",
icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14701.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-sustainability-concept-arrangement_23-2148996994.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-looking-wardrobe_23-2148304881.jpg?_wi=2",
imageAlt: "designer beige wool sweater",
},
{
title: "Seasonal Versatility",
description: "Transition pieces for every climate.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/asian-business-woman-vacation-talking-phone_1303-15663.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711559.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711574.jpg?_wi=2",
imageAlt: "designer beige wool sweater",
},
]}
title="Defined by Details"
description="Quality isn't just a promise; it's woven into every fiber."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Precision Stitching", description: "Reinforced seams for lasting durability.", icon: Sparkles,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/young-girl-green-sweater-posing-outdoors_1157-30525.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478992.jpg" },
],
},
{
title: "Natural Fibers", description: "Breathable, skin-friendly material selection.", icon: Shield,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14701.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-sustainability-concept-arrangement_23-2148996994.jpg" },
],
},
{
title: "Seasonal Versatility", description: "Transition pieces for every climate.", icon: Zap,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/asian-business-woman-vacation-talking-phone_1303-15663.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711559.jpg" },
],
},
]}
title="Defined by Details"
description="Quality isn't just a promise; it's woven into every fiber."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Elena V.",
role: "Creative",
company: "Studio X",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-looking-jacket_23-2149241360.jpg",
},
{
id: "2",
name: "Marcus R.",
role: "Architect",
company: "Design Co",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-holding-shopping-bags-retail-shop-smiling-confident-touching-hair-with-hand-up-gesture-posing-attractive-fashionable_839833-31667.jpg",
},
{
id: "3",
name: "Sarah J.",
role: "Editor",
company: "Vogue Edits",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-role-adviser_329181-8025.jpg",
},
{
id: "4",
name: "Liam T.",
role: "Stylist",
company: "Urban Fit",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-woman-white-shirt-pink-skirt-dreamily-l_574295-3744.jpg",
},
{
id: "5",
name: "Maya D.",
role: "Designer",
company: "Concept Lab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-super-gesture-after-shopping_23-2147688881.jpg",
},
]}
title="Our Community"
description="Refining style, one piece at a time."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Elena V.", role: "Creative", company: "Studio X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-looking-jacket_23-2149241360.jpg" },
{ id: "2", name: "Marcus R.", role: "Architect", company: "Design Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-holding-shopping-bags-retail-shop-smiling-confident-touching-hair-with-hand-up-gesture-posing-attractive-fashionable_839833-31667.jpg" },
{ id: "3", name: "Sarah J.", role: "Editor", company: "Vogue Edits", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-role-adviser_329181-8025.jpg" },
{ id: "4", name: "Liam T.", role: "Stylist", company: "Urban Fit", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-woman-white-shirt-pink-skirt-dreamily-l_574295-3744.jpg" },
{ id: "5", name: "Maya D.", role: "Designer", company: "Concept Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-with-super-gesture-after-shopping_23-2147688881.jpg" },
]}
title="Our Community"
description="Refining style, one piece at a time."
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="The Aesthetic Journal"
description="Styling tips, fabric care, and the philosophy behind our design."
blogs={[
{
id: "b1",
category: "Style",
title: "The Summer Palette",
excerpt: "How to mix neutral tones.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-swimming-cap_23-2148977945.jpg",
authorName: "Aesthetique",
authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-african-american-girl-stylish-trench-coat-joyfully-looking-camera-cafe-city-street_574295-2887.jpg",
date: "May 2025",
},
{
id: "b2",
category: "Care",
title: "Fabric Longevity",
excerpt: "Caring for your linen staples.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-waving-fabric-air_23-2151036788.jpg",
authorName: "Aesthetique",
authorAvatar: "http://img.b2bpic.net/free-photo/blithesome-woman-enjoying-sunlight_197531-19715.jpg",
date: "April 2025",
},
{
id: "b3",
category: "Philosophy",
title: "Why Slow Fashion?",
excerpt: "The benefits of intentional consumption.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tailor-woman-working_23-2148827148.jpg",
authorName: "Aesthetique",
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-beautiful-senior-woman-portrait_23-2148891712.jpg",
date: "March 2025",
},
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="The Aesthetic Journal"
description="Styling tips, fabric care, and the philosophy behind our design."
blogs={[
{ id: "b1", category: "Style", title: "The Summer Palette", excerpt: "How to mix neutral tones.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-swimming-cap_23-2148977945.jpg", authorName: "Aesthetique", authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-african-american-girl-stylish-trench-coat-joyfully-looking-camera-cafe-city-street_574295-2887.jpg", date: "May 2025" },
{ id: "b2", category: "Care", title: "Fabric Longevity", excerpt: "Caring for your linen staples.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-waving-fabric-air_23-2151036788.jpg", authorName: "Aesthetique", authorAvatar: "http://img.b2bpic.net/free-photo/blithesome-woman-enjoying-sunlight_197531-19715.jpg", date: "April 2025" },
{ id: "b3", category: "Philosophy", title: "Why Slow Fashion?", excerpt: "The benefits of intentional consumption.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tailor-woman-working_23-2148827148.jpg", authorName: "Aesthetique", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-beautiful-senior-woman-portrait_23-2148891712.jpg", date: "March 2025" },
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "1.2k+",
description: "Sustainable Garments Produced",
},
{
id: "m2",
value: "95%",
description: "Organic Fabric Usage",
},
{
id: "m3",
value: "20+",
description: "Global Artisanal Partners",
},
]}
title="By The Numbers"
description="Our commitment to quality, measured in every stitch."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "1.2k+", description: "Sustainable Garments Produced" },
{ id: "m2", value: "95%", description: "Organic Fabric Usage" },
{ id: "m3", value: "20+", description: "Global Artisanal Partners" },
]}
title="By The Numbers"
description="Our commitment to quality, measured in every stitch."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Keep in touch"
title="Join the Edit"
description="Subscribe for early access to collections and exclusive aesthetic style guides."
buttons={[
{
text: "Subscribe Now",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Keep in touch"
title="Join the Edit"
description="Subscribe for early access to collections and exclusive aesthetic style guides."
buttons={[{ text: "Subscribe Now" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Explore",
items: [
{
label: "Collections",
href: "#collections",
},
{
label: "About",
href: "#about",
},
],
},
{
title: "Support",
items: [
{
label: "Shipping",
href: "#",
},
{
label: "Returns",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
logoText="AESTHETIQUE"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Explore", items: [{ label: "Collections", href: "#collections" }, { label: "About", href: "#about" }] },
{ title: "Support", items: [{ label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
logoText="AESTHETIQUE"
/>
</div>
</ReactLenis>
</ThemeProvider>
);