Merge version_1 into main #1
469
src/app/page.tsx
469
src/app/page.tsx
@@ -29,344 +29,155 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Albeli"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Shop", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Albeli"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Elegance Redefined."
|
||||
description="Discover the art of fusion with Albeli's latest collection of modern ethnic wear designed for the contemporary woman."
|
||||
tag="New Arrivals"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#categories",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-beautiful-modern-woman_23-2148342445.jpg"
|
||||
imageAlt="elegant fashion model beige dress"
|
||||
tagIcon={Sparkles}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915132.jpg",
|
||||
alt: "Spotlight portrait during golden hour",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-leaning-against-wooden-sculpture_171337-19338.jpg",
|
||||
alt: "Young woman leaning against wooden sculpture",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915118.jpg",
|
||||
alt: "Spotlight portrait during golden hour",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915114.jpg",
|
||||
alt: "Spotlight portrait during golden hour",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-clothier_1098-14355.jpg",
|
||||
alt: "Young clothier",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ style enthusiasts"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Elegance Redefined."
|
||||
description="Discover the art of fusion with Albeli's latest collection of modern ethnic wear designed for the contemporary woman."
|
||||
tag="New Arrivals"
|
||||
buttons={[{ text: "Shop Now", href: "#products" }, { text: "Explore Collection", href: "#categories" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-beautiful-modern-woman_23-2148342445.jpg"
|
||||
imageAlt="elegant fashion model beige dress"
|
||||
tagIcon={Sparkles}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915132.jpg", alt: "Spotlight portrait during golden hour" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-leaning-against-wooden-sculpture_171337-19338.jpg", alt: "Young woman leaning against wooden sculpture" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915118.jpg", alt: "Spotlight portrait during golden hour" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915114.jpg", alt: "Spotlight portrait during golden hour" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-clothier_1098-14355.jpg", alt: "Young clothier" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ style enthusiasts"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Story"
|
||||
description={[
|
||||
"Albeli was born from a desire to blend traditional craftsmanship with modern silhouettes. Each piece is a testament to individuality and grace.",
|
||||
"We empower women to express their unique sense of style through collections that balance cultural heritage with contemporary flair.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Story"
|
||||
description={[
|
||||
"Albeli was born from a desire to blend traditional craftsmanship with modern silhouettes. Each piece is a testament to individuality and grace.", "We empower women to express their unique sense of style through collections that balance cultural heritage with contemporary flair."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Albeli",
|
||||
name: "Silk Fusion Dress",
|
||||
price: "$129",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-girl-with-hippie-clothes-dreadlocks_23-2149085172.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Albeli",
|
||||
name: "Pastel Ethnic Set",
|
||||
price: "$159",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-beautiful-woman-colorful-dress-summer-hippie-style-tropical-vacation-tanned-legs-sandals-green-handbag-with-fringe-accessories-smiling-happy_285396-3722.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Albeli",
|
||||
name: "Floral Designer Kurti",
|
||||
price: "$89",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/racks-filled-with-basic-shirt_482257-78330.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Albeli",
|
||||
name: "Minimalist Silk Kaftan",
|
||||
price: "$189",
|
||||
rating: 5,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-woman-with-curly-blond-hair-white-dress-smoking-cigarette_613910-11013.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Albeli",
|
||||
name: "Fusion Evening Gown",
|
||||
price: "$249",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-brown-beige-pants-indoors-still-life_23-2150756306.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Albeli",
|
||||
name: "Artisanal Embroidered Top",
|
||||
price: "$99",
|
||||
rating: 4,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-workshop-with-tools-sketches-luxury-handcrafting-services-with-tailoring-equipment-modern-fabric-tailor-atelier-with-workstations-instruments-small-business_482257-65197.jpg",
|
||||
},
|
||||
]}
|
||||
title="Latest Collections"
|
||||
description="Explore our curated selection of premium designer apparel."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Albeli", name: "Silk Fusion Dress", price: "$129", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/teenager-girl-with-hippie-clothes-dreadlocks_23-2149085172.jpg" },
|
||||
{ id: "p2", brand: "Albeli", name: "Pastel Ethnic Set", price: "$159", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-beautiful-woman-colorful-dress-summer-hippie-style-tropical-vacation-tanned-legs-sandals-green-handbag-with-fringe-accessories-smiling-happy_285396-3722.jpg" },
|
||||
{ id: "p3", brand: "Albeli", name: "Floral Designer Kurti", price: "$89", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/racks-filled-with-basic-shirt_482257-78330.jpg" },
|
||||
{ id: "p4", brand: "Albeli", name: "Minimalist Silk Kaftan", price: "$189", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/serious-woman-with-curly-blond-hair-white-dress-smoking-cigarette_613910-11013.jpg" },
|
||||
{ id: "p5", brand: "Albeli", name: "Fusion Evening Gown", price: "$249", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/light-brown-beige-pants-indoors-still-life_23-2150756306.jpg" },
|
||||
{ id: "p6", brand: "Albeli", name: "Artisanal Embroidered Top", price: "$99", rating: 4, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/empty-workshop-with-tools-sketches-luxury-handcrafting-services-with-tailoring-equipment-modern-fabric-tailor-atelier-with-workstations-instruments-small-business_482257-65197.jpg" },
|
||||
]}
|
||||
title="Latest Collections"
|
||||
description="Explore our curated selection of premium designer apparel."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="categories" data-section="categories">
|
||||
<FeatureCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Ethnic Fusion",
|
||||
description: "Tradition meets modern cuts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-choosing-clothes-shop_23-2147786803.jpg",
|
||||
imageAlt: "Ethnic Wear",
|
||||
},
|
||||
{
|
||||
title: "Evening Wear",
|
||||
description: "Elegant attire for special occasions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-women-trendy-outfits-work-as-fashion-designers-darkskinned-lady-designs-dress-shorthaired-lady-looks-clothes-patter_197531-29784.jpg",
|
||||
imageAlt: "Evening Wear",
|
||||
},
|
||||
{
|
||||
title: "Casual Chic",
|
||||
description: "Comfortable yet stylish essentials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300887.jpg",
|
||||
imageAlt: "Casual Wear",
|
||||
},
|
||||
]}
|
||||
title="Shop by Category"
|
||||
description="Find your perfect style from our diverse clothing ranges."
|
||||
/>
|
||||
</div>
|
||||
<div id="categories" data-section="categories">
|
||||
<FeatureCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ title: "Ethnic Fusion", description: "Tradition meets modern cuts.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-choosing-clothes-shop_23-2147786803.jpg", imageAlt: "Ethnic Wear" },
|
||||
{ title: "Evening Wear", description: "Elegant attire for special occasions.", imageSrc: "http://img.b2bpic.net/free-photo/excited-young-women-trendy-outfits-work-as-fashion-designers-darkskinned-lady-designs-dress-shorthaired-lady-looks-clothes-patter_197531-29784.jpg", imageAlt: "Evening Wear" },
|
||||
{ title: "Casual Chic", description: "Comfortable yet stylish essentials.", imageSrc: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300887.jpg", imageAlt: "Casual Wear" },
|
||||
]}
|
||||
title="Shop by Category"
|
||||
description="Find your perfect style from our diverse clothing ranges."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
items: [
|
||||
"Serving style globally",
|
||||
"Verified quality",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Designs",
|
||||
items: [
|
||||
"Unique fashion pieces",
|
||||
"Artist collaborations",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Countries",
|
||||
items: [
|
||||
"Worldwide shipping",
|
||||
"Trusted brand",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="We are proud to serve thousands of happy customers globally."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "10k+", title: "Happy Customers", items: ["Serving style globally", "Verified quality"] },
|
||||
{ id: "m2", value: "500+", title: "Designs", items: ["Unique fashion pieces", "Artist collaborations"] },
|
||||
{ id: "m3", value: "15+", title: "Countries", items: ["Worldwide shipping", "Trusted brand"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="We are proud to serve thousands of happy customers globally."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The quality and design are unmatched. Albeli has become my go-to brand for every special occasion."
|
||||
rating={5}
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-cheerful-woman-red-dress-joyfully-looking-camera-while-holding-colorful-shopping-bags-hand-with-big-door-background_574295-5400.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-red-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-cheerful-happy-sunny-day-shadow-from-window_158538-25840.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/best-friends-role-adviser_329181-8025.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/good-looking-young-female-model-taking-picture-herself-dressing-room_197531-7167.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-looking-jacket_23-2149241360.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The quality and design are unmatched. Albeli has become my go-to brand for every special occasion."
|
||||
rating={5}
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-cheerful-woman-red-dress-joyfully-looking-camera-while-holding-colorful-shopping-bags-hand-with-big-door-background_574295-5400.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-red-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-cheerful-happy-sunny-day-shadow-from-window_158538-25840.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/best-friends-role-adviser_329181-8025.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/good-looking-young-female-model-taking-picture-herself-dressing-room_197531-7167.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-looking-jacket_23-2149241360.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer easy returns within 30 days of purchase for unworn items.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship globally using premium logistics partners.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I track my order?",
|
||||
content: "You will receive a tracking link via email as soon as your order ships.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-suit-posing-shop_171337-18955.jpg"
|
||||
imageAlt="Albeli support"
|
||||
mediaAnimation="slide-up"
|
||||
title="Shopping with Albeli"
|
||||
description="Find answers to frequently asked questions about our collections and services."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What is your return policy?", content: "We offer easy returns within 30 days of purchase for unworn items." },
|
||||
{ id: "f2", title: "Do you offer international shipping?", content: "Yes, we ship globally using premium logistics partners." },
|
||||
{ id: "f3", title: "How can I track my order?", content: "You will receive a tracking link via email as soon as your order ships." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-suit-posing-shop_171337-18955.jpg"
|
||||
imageAlt="Albeli support"
|
||||
mediaAnimation="slide-up"
|
||||
title="Shopping with Albeli"
|
||||
description="Find answers to frequently asked questions about our collections and services."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Newsletter"
|
||||
title="Stay Connected"
|
||||
description="Join our newsletter for styling tips and exclusive collection previews."
|
||||
tagIcon={Mail}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Newsletter"
|
||||
title="Stay Connected"
|
||||
description="Join our newsletter for styling tips and exclusive collection previews."
|
||||
tagIcon={Mail}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Ethnic Wear",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Evening Wear",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Albeli"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "Ethnic Wear", href: "#products" }, { label: "Evening Wear", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="Albeli"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user