Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-13 07:00:09 +00:00

View File

@@ -28,397 +28,165 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Shop",
id: "shop",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Zariya Wear"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Shop", id: "shop" },
{ name: "Contact", id: "contact" },
]}
brandName="Zariya Wear"
button={{ text: "Shop Now", href: "#shop" }}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Elegance, Rooted in Culture."
description="Discover contemporary South Asian wear designed for the modern, modest woman."
testimonials={[
{
name: "Ayesha K.",
handle: "@ayesha.k",
testimonial: "Beautifully crafted and so elegant. My go-to for every occasion.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-lies-bed-with-cup-tea-warm-socks-autumn-mood-comfort_169016-14152.jpg?_wi=1",
imageAlt: "elegant south asian fashion background cream",
},
{
name: "Sana M.",
handle: "@sanam",
testimonial: "The quality is unmatched. Truly defines modern modest fashion.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-shorthaired-young-woman-red-linen-dress-poses-cozy-office-works-as-fashion-designer-looks-clothes-patterns_197531-29808.jpg?_wi=1",
imageAlt: "elegant south asian fashion background cream",
},
{
name: "Meera R.",
handle: "@meerare",
testimonial: "Fits perfectly and the neutral tones are so chic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134028.jpg?_wi=1",
imageAlt: "elegant south asian fashion background cream",
},
{
name: "Zoya J.",
handle: "@zoyaj",
testimonial: "Loved the packaging and the feel of the fabric.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503024.jpg?_wi=1",
imageAlt: "elegant south asian fashion background cream",
},
{
name: "Leila F.",
handle: "@leilaf",
testimonial: "Exquisite embroidery that speaks volumes. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503031.jpg?_wi=1",
imageAlt: "elegant south asian fashion background cream",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/girl-lies-bed-with-cup-tea-warm-socks-autumn-mood-comfort_169016-14152.jpg?_wi=2"
imageAlt="elegant south asian fashion background cream"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/image-girl-looking-surprised-after-opening-gift-bag-looking-present-amazed-standing-stylish-outfit-beige-background_1258-301259.jpg",
alt: "A stylish customer in beige",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-happy-girl-drinking-takeaway-coffee-from-cafe-smiling-posing-with-cup-beverage-beige-background_1258-123187.jpg",
alt: "A happy customer with coffee",
},
{
src: "http://img.b2bpic.net/free-photo/excited-adult-woman-pointing-fingers-down-smiling-looking-banner-showing-advertisement-found-smth-standing-beige-background_1258-300167.jpg",
alt: "Excited woman pointing",
},
{
src: "http://img.b2bpic.net/free-photo/shopping-discounts-concept-young-stylish-modern-girl-posing-with-credit-card-looking-happy-s_1258-120032.jpg",
alt: "Modern woman shopping",
},
{
src: "http://img.b2bpic.net/free-photo/friendly-young-interracial-girls-good-mood-wear-nightgowns-pajama-party-leisure-lifestyle-beauty-concept_197531-31732.jpg",
alt: "Happy friends portrait",
},
]}
marqueeItems={[
{
type: "text",
text: "Sustainable Elegance",
},
{
type: "text",
text: "Timeless Craft",
},
{
type: "text",
text: "Modern Modesty",
},
{
type: "text",
text: "Cultural Roots",
},
{
type: "text",
text: "Premium Quality",
},
]}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Elegance, Rooted in Culture."
description="Discover contemporary South Asian wear designed for the modern, modest woman."
testimonials={[
{ name: "Ayesha K.", handle: "@ayesha.k", testimonial: "Beautifully crafted and so elegant. My go-to for every occasion.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-lies-bed-with-cup-tea-warm-socks-autumn-mood-comfort_169016-14152.jpg", imageAlt: "elegant south asian fashion background cream" },
{ name: "Sana M.", handle: "@sanam", testimonial: "The quality is unmatched. Truly defines modern modest fashion.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-shorthaired-young-woman-red-linen-dress-poses-cozy-office-works-as-fashion-designer-looks-clothes-patterns_197531-29808.jpg", imageAlt: "elegant south asian fashion background cream" },
{ name: "Meera R.", handle: "@meerare", testimonial: "Fits perfectly and the neutral tones are so chic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134028.jpg", imageAlt: "elegant south asian fashion background cream" },
{ name: "Zoya J.", handle: "@zoyaj", testimonial: "Loved the packaging and the feel of the fabric.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503024.jpg", imageAlt: "elegant south asian fashion background cream" },
{ name: "Leila F.", handle: "@leilaf", testimonial: "Exquisite embroidery that speaks volumes. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503031.jpg", imageAlt: "elegant south asian fashion background cream" },
]}
imageSrc="http://img.b2bpic.net/free-photo/girl-lies-bed-with-cup-tea-warm-socks-autumn-mood-comfort_169016-14152.jpg"
imageAlt="elegant south asian fashion background cream"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/image-girl-looking-surprised-after-opening-gift-bag-looking-present-amazed-standing-stylish-outfit-beige-background_1258-301259.jpg", alt: "A stylish customer in beige" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-happy-girl-drinking-takeaway-coffee-from-cafe-smiling-posing-with-cup-beverage-beige-background_1258-123187.jpg", alt: "A happy customer with coffee" },
{ src: "http://img.b2bpic.net/free-photo/excited-adult-woman-pointing-fingers-down-smiling-looking-banner-showing-advertisement-found-smth-standing-beige-background_1258-300167.jpg", alt: "Excited woman pointing" },
{ src: "http://img.b2bpic.net/free-photo/shopping-discounts-concept-young-stylish-modern-girl-posing-with-credit-card-looking-happy-s_1258-120032.jpg", alt: "Modern woman shopping" },
{ src: "http://img.b2bpic.net/free-photo/friendly-young-interracial-girls-good-mood-wear-nightgowns-pajama-party-leisure-lifestyle-beauty-concept_197531-31732.jpg", alt: "Happy friends portrait" },
]}
marqueeItems={[
{ type: "text", text: "Sustainable Elegance" },
{ type: "text", text: "Timeless Craft" },
{ type: "text", text: "Modern Modesty" },
{ type: "text", text: "Cultural Roots" },
{ type: "text", text: "Premium Quality" },
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Our Story"
description="Zariya Wear celebrates the beauty of cultural heritage through a modern lens, offering pieces that are both elegant and effortless."
bulletPoints={[
{
title: "Cultural Roots",
description: "Honoring traditional techniques and silhouettes.",
},
{
title: "Modern Modesty",
description: "Designed for the sophisticated contemporary woman.",
},
{
title: "Quality First",
description: "Sustainable fabrics crafted for lasting elegance.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-curly-shorthaired-young-woman-red-linen-dress-poses-cozy-office-works-as-fashion-designer-looks-clothes-patterns_197531-29808.jpg?_wi=2"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Our Story"
description="Zariya Wear celebrates the beauty of cultural heritage through a modern lens, offering pieces that are both elegant and effortless."
bulletPoints={[
{ title: "Cultural Roots", description: "Honoring traditional techniques and silhouettes." },
{ title: "Modern Modesty", description: "Designed for the sophisticated contemporary woman." },
{ title: "Quality First", description: "Sustainable fabrics crafted for lasting elegance." },
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-curly-shorthaired-young-woman-red-linen-dress-poses-cozy-office-works-as-fashion-designer-looks-clothes-patterns_197531-29808.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="shop" data-section="shop">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Classic Cream Kurta",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134028.jpg?_wi=2",
},
{
id: "2",
name: "Dusty Rose Co-ord",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503024.jpg?_wi=2",
},
{
id: "3",
name: "Sage Green Set",
price: "$160",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503031.jpg?_wi=2",
},
{
id: "4",
name: "Gold Embroidered Dupatta",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-islamic-motif_23-2151112581.jpg",
},
{
id: "5",
name: "Minimalist Festive Suit",
price: "$210",
imageSrc: "http://img.b2bpic.net/free-photo/two-business-partners-women_1303-13878.jpg",
},
{
id: "6",
name: "Essential Beige Tunic",
price: "$95",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-with-face-covered-by-veil_23-2149460623.jpg",
},
]}
title="New Arrivals"
description="Explore our latest collection of kurtas, co-ords, and accessories."
/>
</div>
<div id="shop" data-section="shop">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "1", name: "Classic Cream Kurta", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134028.jpg" },
{ id: "2", name: "Dusty Rose Co-ord", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503024.jpg" },
{ id: "3", name: "Sage Green Set", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503031.jpg" },
{ id: "4", name: "Gold Embroidered Dupatta", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-islamic-motif_23-2151112581.jpg" },
{ id: "5", name: "Minimalist Festive Suit", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/two-business-partners-women_1303-13878.jpg" },
{ id: "6", name: "Essential Beige Tunic", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-with-face-covered-by-veil_23-2149460623.jpg" },
]}
title="New Arrivals"
description="Explore our latest collection of kurtas, co-ords, and accessories."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Vogue India",
"Harper's Bazaar",
"Elle South Asia",
"Cosmopolitan",
"Marie Claire",
"Grazia",
"Femina",
]}
title="Loved by the Community"
description="Our community values style, culture, and quality."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={["Vogue India", "Harper's Bazaar", "Elle South Asia", "Cosmopolitan", "Marie Claire", "Grazia", "Femina"]}
title="Loved by the Community"
description="Our community values style, culture, and quality."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Fatima Z.",
role: "Fashion Stylist",
testimonial: "Absolutely love the pieces. Effortless style.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-woman-purple-suit-walking-city-street-spring-summer-autumn-season-fashion-trend-wearing-hat-holding-purse_285396-6991.jpg",
},
{
id: "2",
name: "Hina R.",
role: "Architect",
testimonial: "Sophisticated designs and premium fabrics.",
imageSrc: "http://img.b2bpic.net/free-photo/women-with-smatphone-looking-bags-going-shopping-street_23-2147950281.jpg",
},
{
id: "3",
name: "Sara L.",
role: "Designer",
testimonial: "The best fit and color palette ever.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-excited-woman-holding-smartphone_23-2149313451.jpg",
},
{
id: "4",
name: "Nadia S.",
role: "Content Creator",
testimonial: "Perfect for my festive occasions.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-looking-jacket_23-2149241360.jpg",
},
{
id: "5",
name: "Mariam K.",
role: "Teacher",
testimonial: "Classy and modest. My new favorite brand.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-phone-standing-by-window_1303-19265.jpg",
},
]}
title="Voices of Zariya"
description="What our beautiful customers say."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Fatima Z.", role: "Fashion Stylist", testimonial: "Absolutely love the pieces. Effortless style.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-woman-purple-suit-walking-city-street-spring-summer-autumn-season-fashion-trend-wearing-hat-holding-purse_285396-6991.jpg" },
{ id: "2", name: "Hina R.", role: "Architect", testimonial: "Sophisticated designs and premium fabrics.", imageSrc: "http://img.b2bpic.net/free-photo/women-with-smatphone-looking-bags-going-shopping-street_23-2147950281.jpg" },
{ id: "3", name: "Sara L.", role: "Designer", testimonial: "The best fit and color palette ever.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-excited-woman-holding-smartphone_23-2149313451.jpg" },
{ id: "4", name: "Nadia S.", role: "Content Creator", testimonial: "Perfect for my festive occasions.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-looking-jacket_23-2149241360.jpg" },
{ id: "5", name: "Mariam K.", role: "Teacher", testimonial: "Classy and modest. My new favorite brand.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-phone-standing-by-window_1303-19265.jpg" },
]}
title="Voices of Zariya"
description="What our beautiful customers say."
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Style Insights"
description="Behind the scenes and styling tips."
blogs={[
{
id: "b1",
category: "Style Guide",
title: "Styling Neutrals",
excerpt: "How to layer beige tones for an elevated look.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-mirror-outside_52683-86314.jpg",
authorName: "Team Zariya",
authorAvatar: "http://img.b2bpic.net/free-photo/stylish-woman-with-short-hair-denim-jacket-smiling-city-brunette-haired-woman-beige-modern-outfit-posing-outdoor_197531-29352.jpg",
date: "Oct 12, 2023",
},
{
id: "b2",
category: "Culture",
title: "Roots of Modesty",
excerpt: "Embracing cultural heritage in modern fashion.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-flowers-beach_23-2148442078.jpg",
authorName: "Zariya Wear",
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-man-posing-studio_23-2149486813.jpg",
date: "Sept 25, 2023",
},
{
id: "b3",
category: "Behind the Scenes",
title: "Our Craft",
excerpt: "Meet the artisans behind our gold embroidery.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2149403413.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/young-business-woman-working-cafe_624325-704.jpg",
date: "Aug 15, 2023",
},
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Style Insights"
description="Behind the scenes and styling tips."
blogs={[
{ id: "b1", category: "Style Guide", title: "Styling Neutrals", excerpt: "How to layer beige tones for an elevated look.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-mirror-outside_52683-86314.jpg", authorName: "Team Zariya", authorAvatar: "http://img.b2bpic.net/free-photo/stylish-woman-with-short-hair-denim-jacket-smiling-city-brunette-haired-woman-beige-modern-outfit-posing-outdoor_197531-29352.jpg", date: "Oct 12, 2023" },
{ id: "b2", category: "Culture", title: "Roots of Modesty", excerpt: "Embracing cultural heritage in modern fashion.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-flowers-beach_23-2148442078.jpg", authorName: "Zariya Wear", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-man-posing-studio_23-2149486813.jpg", date: "Sept 25, 2023" },
{ id: "b3", category: "Behind the Scenes", title: "Our Craft", excerpt: "Meet the artisans behind our gold embroidery.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2149403413.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/young-business-woman-working-cafe_624325-704.jpg", date: "Aug 15, 2023" },
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I order?",
content: "DM us on Instagram or WhatsApp.",
},
{
id: "f2",
title: "What is the shipping time?",
content: "Usually 5-7 business days.",
},
{
id: "f3",
title: "Do you offer sizes?",
content: "Yes, detailed size guides are available.",
},
]}
title="Common Questions"
description="Everything you need to know about shopping with us."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "How do I order?", content: "DM us on Instagram or WhatsApp." },
{ id: "f2", title: "What is the shipping time?", content: "Usually 5-7 business days." },
{ id: "f3", title: "Do you offer sizes?", content: "Yes, detailed size guides are available." },
]}
title="Common Questions"
description="Everything you need to know about shopping with us."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
tag="Newsletter"
title="Stay Connected"
description="Join our newsletter for exclusive updates and 10% off your first order."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
tag="Newsletter"
title="Stay Connected"
description="Join our newsletter for exclusive updates and 10% off your first order."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Zariya Wear"
columns={[
{
title: "Shop",
items: [
{
label: "Kurtas",
href: "#",
},
{
label: "Co-ords",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Size Guide",
href: "#",
},
{
label: "Returns",
href: "#",
},
],
},
{
title: "Brand",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Instagram",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Zariya Wear"
columns={[
{ title: "Shop", items: [{ label: "Kurtas", href: "#" }, { label: "Co-ords", href: "#" }] },
{ title: "Support", items: [{ label: "Size Guide", href: "#" }, { label: "Returns", href: "#" }] },
{ title: "Brand", items: [{ label: "About Us", href: "#" }, { label: "Instagram", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}