Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d05d2f63be | |||
| 45bfbc1802 | |||
| 855ab3c48c | |||
| 8d30baadc9 | |||
| 2f02b6eff7 |
247
src/app/page.tsx
247
src/app/page.tsx
@@ -22,7 +22,7 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLarge"
|
||||
background="blurBottom"
|
||||
background="fluid"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -33,38 +33,22 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "#collections",
|
||||
},
|
||||
name: "Collections", id: "#collections"},
|
||||
{
|
||||
name: "Lookbook",
|
||||
id: "#lookbook",
|
||||
},
|
||||
name: "Lookbook", id: "#lookbook"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#collections",
|
||||
}}
|
||||
text: "Shop Now", href: "#collections"}}
|
||||
brandName="Avant-Garde Atelier"
|
||||
/>
|
||||
</div>
|
||||
@@ -72,51 +56,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
title="Unveil Your Unconventional Style"
|
||||
description="Defy norms with our avant-garde collections. Experience fashion reimagined through bold design, vibrant palettes, and structured chaos. This is where art meets apparel, and every garment tells a story."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collections",
|
||||
href: "#collections",
|
||||
},
|
||||
text: "Explore Collections", href: "#collections"},
|
||||
{
|
||||
text: "Discover Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Discover Our Story", href: "#about"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "hc1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-chic-woman-posing_23-2149267441.jpg",
|
||||
imageAlt: "Avant-garde fashion model in neon lights",
|
||||
},
|
||||
id: "hc1", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-chic-woman-posing_23-2149267441.jpg", imageAlt: "Avant-garde fashion model in neon lights"},
|
||||
{
|
||||
id: "hc2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-painted-pieces-wood_23-2148742372.jpg",
|
||||
imageAlt: "Layered textures in haute couture fashion",
|
||||
},
|
||||
id: "hc2", imageSrc: "http://img.b2bpic.net/free-photo/colorful-painted-pieces-wood_23-2148742372.jpg", imageAlt: "Layered textures in haute couture fashion"},
|
||||
{
|
||||
id: "hc3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-leaning-against-art-sculpture_171337-16526.jpg",
|
||||
imageAlt: "Gender-fluid model in a statement piece",
|
||||
},
|
||||
id: "hc3", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-leaning-against-art-sculpture_171337-16526.jpg", imageAlt: "Gender-fluid model in a statement piece"},
|
||||
{
|
||||
id: "hc4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-being-covered-blue-plastic-tableware_23-2148763399.jpg",
|
||||
imageAlt: "Dark fashion with dramatic silhouette",
|
||||
},
|
||||
id: "hc4", imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-being-covered-blue-plastic-tableware_23-2148763399.jpg", imageAlt: "Dark fashion with dramatic silhouette"},
|
||||
{
|
||||
id: "hc5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-has-extraordinary-appearance-dressed-casual-turtleneck-jeans-sits-comfortable-chair-looks-confident-camera-isolated-red-wall_273609-55913.jpg",
|
||||
imageAlt: "Vibrant pattern in an asymmetrical dress",
|
||||
},
|
||||
id: "hc5", imageSrc: "http://img.b2bpic.net/free-photo/woman-has-extraordinary-appearance-dressed-casual-turtleneck-jeans-sits-comfortable-chair-looks-confident-camera-isolated-red-wall_273609-55913.jpg", imageAlt: "Vibrant pattern in an asymmetrical dress"},
|
||||
{
|
||||
id: "hc6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-green-leaf-face_23-2148075085.jpg",
|
||||
imageAlt: "Abstract fashion photography with layered clothing",
|
||||
},
|
||||
id: "hc6", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-green-leaf-face_23-2148075085.jpg", imageAlt: "Abstract fashion photography with layered clothing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,17 +90,11 @@ export default function LandingPage() {
|
||||
description="We are Avant-Garde Atelier, a collective of visionary designers committed to challenging the fashion status quo. Our philosophy is rooted in artistic expression, crafting garments that are not just worn, but experienced. We empower individuals to articulate their unique narratives through bold design, unparalleled craftsmanship, and a relentless pursuit of the unconventional."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Unconventional Design",
|
||||
description: "Breaking free from traditional norms, our designs are conceptual, experimental, and always distinctive.",
|
||||
},
|
||||
title: "Unconventional Design", description: "Breaking free from traditional norms, our designs are conceptual, experimental, and always distinctive."},
|
||||
{
|
||||
title: "Artisanal Craftsmanship",
|
||||
description: "Each piece is meticulously crafted with attention to detail, using innovative techniques and premium materials.",
|
||||
},
|
||||
title: "Artisanal Craftsmanship", description: "Each piece is meticulously crafted with attention to detail, using innovative techniques and premium materials."},
|
||||
{
|
||||
title: "Empowering Self-Expression",
|
||||
description: "Our clothing is a canvas for your individuality, designed to inspire confidence and amplify your voice.",
|
||||
},
|
||||
title: "Empowering Self-Expression", description: "Our clothing is a canvas for your individuality, designed to inspire confidence and amplify your voice."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1951.jpg"
|
||||
imageAlt="Fashion designer sketching avant-garde designs"
|
||||
@@ -153,23 +108,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Deconstructed Elegance",
|
||||
description: "Reimagining classic silhouettes through intentional deconstruction and artful asymmetry, offering a fresh perspective on sophisticated attire.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-fabric-textile-textured-background_53876-129707.jpg",
|
||||
imageAlt: "Deconstructed avant-garde garment",
|
||||
},
|
||||
title: "Deconstructed Elegance", description: "Reimagining classic silhouettes through intentional deconstruction and artful asymmetry, offering a fresh perspective on sophisticated attire.", imageSrc: "http://img.b2bpic.net/free-photo/gray-fabric-textile-textured-background_53876-129707.jpg", imageAlt: "Deconstructed avant-garde garment", buttons: [{ text: "View Deconstructed", href: "#collections" }]},
|
||||
{
|
||||
title: "Kinetic Textures",
|
||||
description: "Experience garments designed with dynamic fabrics and sculptural forms that respond to movement, creating a captivating visual flow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pair-silvery-black-socks-christmas-holiday_53876-95398.jpg",
|
||||
imageAlt: "Kinetic textured fabric in motion",
|
||||
},
|
||||
title: "Kinetic Textures", description: "Experience garments designed with dynamic fabrics and sculptural forms that respond to movement, creating a captivating visual flow.", imageSrc: "http://img.b2bpic.net/free-photo/pair-silvery-black-socks-christmas-holiday_53876-95398.jpg", imageAlt: "Kinetic textured fabric in motion", buttons: [{ text: "Explore Kinetic", href: "#collections" }]},
|
||||
{
|
||||
title: "Cyberpunk Chic",
|
||||
description: "A fusion of futuristic aesthetics and urban edge, featuring bold hardware, iridescent materials, and sharp, impactful lines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647250.jpg",
|
||||
imageAlt: "Cyberpunk style fashion with neon accents",
|
||||
},
|
||||
title: "Cyberpunk Chic", description: "A fusion of futuristic aesthetics and urban edge, featuring bold hardware, iridescent materials, and sharp, impactful lines.", imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647250.jpg", imageAlt: "Cyberpunk style fashion with neon accents", buttons: [{ text: "Shop Cyberpunk", href: "#collections" }]},
|
||||
]}
|
||||
title="Curated Collections, Unrivaled Expression"
|
||||
description="Explore distinct lines designed for the modern trend-setter, each a statement in itself. Our collections are a journey through innovative concepts, brought to life with meticulous detail and a bold aesthetic."
|
||||
@@ -184,47 +127,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "prod1",
|
||||
name: "Asymmetric Drape Coat",
|
||||
price: "$1,250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-musician_23-2151072960.jpg",
|
||||
imageAlt: "Asymmetric drape coat in dark fabric",
|
||||
},
|
||||
id: "prod1", name: "Asymmetric Drape Coat", price: "$1,250", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-musician_23-2151072960.jpg", imageAlt: "Asymmetric drape coat in dark fabric"},
|
||||
{
|
||||
id: "prod2",
|
||||
name: "Kinetic Flow Dress",
|
||||
price: "$890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-blue-streamers-hanging-outdoor-art-installation-libourne_1308-189342.jpg",
|
||||
imageAlt: "Dress with vibrant kinetic pattern",
|
||||
},
|
||||
id: "prod2", name: "Kinetic Flow Dress", price: "$890", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-blue-streamers-hanging-outdoor-art-installation-libourne_1308-189342.jpg", imageAlt: "Dress with vibrant kinetic pattern"},
|
||||
{
|
||||
id: "prod3",
|
||||
name: "Modular Utility Trousers",
|
||||
price: "$580",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-spanish-man-posing-red-wall-background-sunny-day_181624-54408.jpg",
|
||||
imageAlt: "Modular utility trousers in black",
|
||||
},
|
||||
id: "prod3", name: "Modular Utility Trousers", price: "$580", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-spanish-man-posing-red-wall-background-sunny-day_181624-54408.jpg", imageAlt: "Modular utility trousers in black"},
|
||||
{
|
||||
id: "prod4",
|
||||
name: "Sculptural Cyber-Top",
|
||||
price: "$720",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-creating-vision-board_23-2150061820.jpg",
|
||||
imageAlt: "Sculptural top with abstract form",
|
||||
},
|
||||
id: "prod4", name: "Sculptural Cyber-Top", price: "$720", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-creating-vision-board_23-2150061820.jpg", imageAlt: "Sculptural top with abstract form"},
|
||||
{
|
||||
id: "prod5",
|
||||
name: "Deconstructed Knit Hoodie",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/happy-new-year-2025-text-typography-design-element-flyer-banner-poster-design_460848-18792.jpg",
|
||||
imageAlt: "Oversized deconstructed knit hoodie",
|
||||
},
|
||||
id: "prod5", name: "Deconstructed Knit Hoodie", price: "$450", imageSrc: "http://img.b2bpic.net/free-vector/happy-new-year-2025-text-typography-design-element-flyer-banner-poster-design_460848-18792.jpg", imageAlt: "Oversized deconstructed knit hoodie"},
|
||||
{
|
||||
id: "prod6",
|
||||
name: "Gravity-Defying Platforms",
|
||||
price: "$690",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-shopping-bags_23-2148733338.jpg",
|
||||
imageAlt: "Gravity-defying platform boots",
|
||||
},
|
||||
id: "prod6", name: "Gravity-Defying Platforms", price: "$690", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-shopping-bags_23-2148733338.jpg", imageAlt: "Gravity-defying platform boots"},
|
||||
]}
|
||||
title="Shop the Vision"
|
||||
description="Discover pieces that transform your wardrobe. Each item in our collection is a limited-edition work of art, designed to inspire and provoke. Embrace limitless style and make a statement."
|
||||
@@ -239,45 +152,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "test1",
|
||||
name: "Lena Petrova",
|
||||
role: "Fashion Influencer",
|
||||
company: "StyleSpectrum",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-hipster-summer-clothes_158538-7851.jpg",
|
||||
},
|
||||
id: "test1", name: "Lena Petrova", role: "Fashion Influencer", company: "StyleSpectrum", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-hipster-summer-clothes_158538-7851.jpg"},
|
||||
{
|
||||
id: "test2",
|
||||
name: "Kai Andersen",
|
||||
role: "Conceptual Artist",
|
||||
company: "ArtSynth Collective",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-yellow-scene_23-2148184807.jpg",
|
||||
},
|
||||
id: "test2", name: "Kai Andersen", role: "Conceptual Artist", company: "ArtSynth Collective", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-yellow-scene_23-2148184807.jpg"},
|
||||
{
|
||||
id: "test3",
|
||||
name: "Isla Khan",
|
||||
role: "Creative Director",
|
||||
company: "Vogue Vision",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020797.jpg",
|
||||
},
|
||||
id: "test3", name: "Isla Khan", role: "Creative Director", company: "Vogue Vision", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020797.jpg"},
|
||||
{
|
||||
id: "test4",
|
||||
name: "Javier Morales",
|
||||
role: "Digital Fashion Designer",
|
||||
company: "MetaThreads",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-pointing-with-index-figners-her-eyes-looking-camera-confused-standing-orange-background_141793-45723.jpg",
|
||||
},
|
||||
id: "test4", name: "Javier Morales", role: "Digital Fashion Designer", company: "MetaThreads", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-pointing-with-index-figners-her-eyes-looking-camera-confused-standing-orange-background_141793-45723.jpg"},
|
||||
{
|
||||
id: "test5",
|
||||
name: "Dr. Eleanor Vance",
|
||||
role: "Cultural Anthropologist",
|
||||
company: "FutureStyle Institute",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19601.jpg",
|
||||
},
|
||||
id: "test5", name: "Dr. Eleanor Vance", role: "Cultural Anthropologist", company: "FutureStyle Institute", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19601.jpg"},
|
||||
]}
|
||||
title="Voices of the Unconventional"
|
||||
description="Our community shares their journey of self-expression and bold style. Hear how Avant-Garde Atelier has empowered them to define their unique fashion narrative."
|
||||
@@ -289,15 +177,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Dazed",
|
||||
"i-D Magazine",
|
||||
"Highsnobiety",
|
||||
"System Magazine",
|
||||
"AnOther Magazine",
|
||||
"Numéro",
|
||||
"Fashionista",
|
||||
]}
|
||||
"Vogue", "Dazed", "i-D Magazine", "Highsnobiety", "System Magazine", "AnOther Magazine", "Numéro", "Fashionista"]}
|
||||
title="Featured In"
|
||||
description="Avant-Garde Atelier has been recognized and celebrated by leading fashion publications and trendsetting tastemakers around the globe."
|
||||
/>
|
||||
@@ -309,25 +189,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What defines Avant-Garde Atelier's aesthetic?",
|
||||
content: "Our aesthetic is defined by a maximalist approach, experimental design, bold color palettes, and a structured chaos. We blend art, fashion, and innovation to create wearable sculptures.",
|
||||
},
|
||||
id: "faq1", title: "What defines Avant-Garde Atelier's aesthetic?", content: "Our aesthetic is defined by a maximalist approach, experimental design, bold color palettes, and a structured chaos. We blend art, fashion, and innovation to create wearable sculptures."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Are your collections limited edition?",
|
||||
content: "Yes, to maintain exclusivity and promote sustainable practices, many of our collections are produced in limited runs. We believe in unique pieces that stand the test of time and trends.",
|
||||
},
|
||||
id: "faq2", title: "Are your collections limited edition?", content: "Yes, to maintain exclusivity and promote sustainable practices, many of our collections are produced in limited runs. We believe in unique pieces that stand the test of time and trends."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Absolutely. We offer worldwide shipping to bring our unique designs to a global audience. Shipping details, costs, and delivery times can be found on our shipping policy page.",
|
||||
},
|
||||
id: "faq3", title: "Do you offer international shipping?", content: "Absolutely. We offer worldwide shipping to bring our unique designs to a global audience. Shipping details, costs, and delivery times can be found on our shipping policy page."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "What is your return policy?",
|
||||
content: "We aim for complete satisfaction. Items can be returned within 14 days of receipt, provided they are in their original condition. Please refer to our detailed return policy for more information.",
|
||||
},
|
||||
id: "faq4", title: "What is your return policy?", content: "We aim for complete satisfaction. Items can be returned within 14 days of receipt, provided they are in their original condition. Please refer to our detailed return policy for more information."},
|
||||
]}
|
||||
title="Inquiries & Insights"
|
||||
description="Your questions, answered with clarity and our distinct perspective. Dive into the details of our philosophy, products, and processes."
|
||||
@@ -339,20 +207,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Connect"
|
||||
title="Join the Movement"
|
||||
description="Be the first to experience our exclusive drops, receive avant-garde style insights, and immerse yourself in a community that redefines fashion. Subscribe now and step into the future of style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Subscribe Now", href: "#"},
|
||||
{
|
||||
text: "Collaborate With Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Collaborate With Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -364,23 +227,17 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/avantgardeatelier",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/avantgardeatelier", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Camera,
|
||||
href: "https://tiktok.com/@avantgardeatelier",
|
||||
ariaLabel: "TikTok",
|
||||
},
|
||||
href: "https://tiktok.com/@avantgardeatelier", ariaLabel: "TikTok"},
|
||||
{
|
||||
icon: Image,
|
||||
href: "https://pinterest.com/avantgardeatelier",
|
||||
ariaLabel: "Pinterest",
|
||||
},
|
||||
href: "https://pinterest.com/avantgardeatelier", ariaLabel: "Pinterest"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user