Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-12 01:14:55 +00:00

View File

@@ -26,363 +26,136 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Collection",
id: "products",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="U-DARK"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Collection", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="U-DARK"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
title="U-DARK: The Essence of Modern Luxury"
description="Where contemporary African craftsmanship meets timeless sophistication. Explore our exclusive collection of bespoke, high-fashion designs."
testimonials={[
{
name: "Amara Diallo",
handle: "@amaradiallo",
testimonial: "U-DARK perfectly captures the grace of modern Africa. The craftsmanship is truly world-class.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-barber-uniform-showing-okay-gesture-isolated-pink-background_141793-118849.jpg",
},
{
name: "Kwame Mensah",
handle: "@kwamem",
testimonial: "A luxury brand that doesn't just sell clothes; it sells heritage and prestige. Exceptional work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-stylish-bearded-man-with-hairstyle-glasses-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20005.jpg",
},
{
name: "Fatou Ndiaye",
handle: "@fatoundiaye",
testimonial: "Finally, African luxury on the global stage. U-DARK is my go-to for special events.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg",
},
{
name: "Chinua Okafor",
handle: "@chinuao",
testimonial: "Unparalleled sophistication and fit. Truly the pinnacle of bespoke design.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-model-beige-stylish-clothes-with-bright-makeup-red-lips_158538-10816.jpg",
},
{
name: "Zola Mbeki",
handle: "@zolambeki",
testimonial: "Sophisticated, bold, and unapologetically African. U-DARK is brilliant.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-brunette-girl-with-smile-her-face-posing-pink-background-concept-real-emotions_197531-31322.jpg",
},
]}
buttons={[
{
text: "Shop Collection",
href: "#products",
},
{
text: "Our Story",
href: "#about",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-autumn-setting_23-2149056535.jpg"
imageAlt="U-DARK luxury fashion showcase"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-wearing-high-heels-stocking_23-2150261136.jpg",
alt: "Fashionista portrait 1",
},
{
src: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5678.jpg",
alt: "Fashionista portrait 2",
},
{
src: "http://img.b2bpic.net/free-photo/interested-african-american-woman-trench-coat-looking-camera-front-view-curious-black-girl-standing-bricked-background_197531-28937.jpg",
alt: "Fashionista portrait 3",
},
{
src: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5532.jpg",
alt: "Fashionista portrait 4",
},
{
src: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5569.jpg",
alt: "Fashionista portrait 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Authentic African Craftsmanship",
},
{
type: "text",
text: "Bespoke Tailoring",
},
{
type: "text",
text: "Global Heritage",
},
{
type: "text",
text: "Sustainable Luxury",
},
{
type: "text",
text: "Modern Sophistication",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
title="U-DARK: The Essence of Modern Luxury"
description="Where contemporary African craftsmanship meets timeless sophistication. Explore our exclusive collection of bespoke, high-fashion designs."
testimonials={[
{ name: "Amara Diallo", handle: "@amaradiallo", testimonial: "U-DARK perfectly captures the grace of modern Africa. The craftsmanship is truly world-class.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-barber-uniform-showing-okay-gesture-isolated-pink-background_141793-118849.jpg" },
{ name: "Kwame Mensah", handle: "@kwamem", testimonial: "A luxury brand that doesn't just sell clothes; it sells heritage and prestige. Exceptional work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-stylish-bearded-man-with-hairstyle-glasses-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20005.jpg" },
{ name: "Fatou Ndiaye", handle: "@fatoundiaye", testimonial: "Finally, African luxury on the global stage. U-DARK is my go-to for special events.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg" },
{ name: "Chinua Okafor", handle: "@chinuao", testimonial: "Unparalleled sophistication and fit. Truly the pinnacle of bespoke design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brunette-model-beige-stylish-clothes-with-bright-makeup-red-lips_158538-10816.jpg" },
{ name: "Zola Mbeki", handle: "@zolambeki", testimonial: "Sophisticated, bold, and unapologetically African. U-DARK is brilliant.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-brunette-girl-with-smile-her-face-posing-pink-background-concept-real-emotions_197531-31322.jpg" },
]}
buttons={[
{ text: "Shop Collection", href: "#products" },
{ text: "Our Story", href: "#about" },
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-autumn-setting_23-2149056535.jpg"
imageAlt="U-DARK luxury fashion showcase"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/woman-wearing-high-heels-stocking_23-2150261136.jpg", alt: "Fashionista portrait 1" },
{ src: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5678.jpg", alt: "Fashionista portrait 2" },
{ src: "http://img.b2bpic.net/free-photo/interested-african-american-woman-trench-coat-looking-camera-front-view-curious-black-girl-standing-bricked-background_197531-28937.jpg", alt: "Fashionista portrait 3" },
{ src: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5532.jpg", alt: "Fashionista portrait 4" },
{ src: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5569.jpg", alt: "Fashionista portrait 5" },
]}
marqueeItems={[
{ type: "text", text: "Authentic African Craftsmanship" },
{ type: "text", text: "Bespoke Tailoring" },
{ type: "text", text: "Global Heritage" },
{ type: "text", text: "Sustainable Luxury" },
{ type: "text", text: "Modern Sophistication" },
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Crafted with Passion & Heritage"
description={[
"At U-DARK, we blend ancestral techniques with avant-garde design. Our pieces are crafted using the finest materials, ensuring every stitch tells a story of elegance and cultural depth.",
"Our dedication to precision means that every garment is a masterpiece, made for those who demand individuality, quality, and a connection to their roots.",
]}
buttons={[
{
text: "Discover Our Craft",
href: "#",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Crafted with Passion & Heritage"
description={[
"At U-DARK, we blend ancestral techniques with avant-garde design. Our pieces are crafted using the finest materials, ensuring every stitch tells a story of elegance and cultural depth.", "Our dedication to precision means that every garment is a masterpiece, made for those who demand individuality, quality, and a connection to their roots."]}
buttons={[{ text: "Discover Our Craft", href: "#" }]}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
brand: "U-DARK",
name: "The Royal Silhouette",
price: "$850",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-natural-makeup-wear-fashion-clothes-casual-black-white-dress-code-office-style-total-blouse-pants-suit-hat_627829-1563.jpg",
},
{
id: "2",
brand: "U-DARK",
name: "Heritage Gold Cuff",
price: "$320",
rating: 5,
reviewCount: "25",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4752.jpg",
},
{
id: "3",
brand: "U-DARK",
name: "Nomad Luxury Coat",
price: "$1200",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket-close-up_23-2148898084.jpg",
},
{
id: "4",
brand: "U-DARK",
name: "Midnight Silk Kaftan",
price: "$950",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830423.jpg",
},
{
id: "5",
brand: "U-DARK",
name: "Artisan Linen Ensemble",
price: "$680",
rating: 5,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-dark-background-loneliness-concept_169016-66019.jpg",
},
{
id: "6",
brand: "U-DARK",
name: "Golden Horizon Suit",
price: "$1500",
rating: 5,
reviewCount: "5",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-industry-showcases-elegant-garment-collection-stage-generated-by-ai_188544-17006.jpg",
},
]}
title="The Exclusive Collection"
description="Artisanal excellence brought to life in contemporary silhouettes."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "1", brand: "U-DARK", name: "The Royal Silhouette", price: "$850", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-natural-makeup-wear-fashion-clothes-casual-black-white-dress-code-office-style-total-blouse-pants-suit-hat_627829-1563.jpg" },
{ id: "2", brand: "U-DARK", name: "Heritage Gold Cuff", price: "$320", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4752.jpg" },
{ id: "3", brand: "U-DARK", name: "Nomad Luxury Coat", price: "$1200", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket-close-up_23-2148898084.jpg" },
{ id: "4", brand: "U-DARK", name: "Midnight Silk Kaftan", price: "$950", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830423.jpg" },
{ id: "5", brand: "U-DARK", name: "Artisan Linen Ensemble", price: "$680", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-dark-background-loneliness-concept_169016-66019.jpg" },
{ id: "6", brand: "U-DARK", name: "Golden Horizon Suit", price: "$1500", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/fashion-industry-showcases-elegant-garment-collection-stage-generated-by-ai_188544-17006.jpg" },
]}
title="The Exclusive Collection"
description="Artisanal excellence brought to life in contemporary silhouettes."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue Africa",
"Harper's Bazaar",
"Lagos Fashion Week",
"Global Design Council",
"African Couture Collective",
"Moda Magazine",
"Luxury Daily",
]}
title="Seen In Leading Fashion Circles"
description="Our brand is globally recognized for quality and innovation in luxury fashion."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Vogue Africa", "Harper's Bazaar", "Lagos Fashion Week", "Global Design Council", "African Couture Collective", "Moda Magazine", "Luxury Daily"]}
title="Seen In Leading Fashion Circles"
description="Our brand is globally recognized for quality and innovation in luxury fashion."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Amara Diallo",
role: "Creative Director",
company: "Vogue Africa",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-sunglasses_1157-6308.jpg",
},
{
id: "2",
name: "Kwame Mensah",
role: "Founder",
company: "Mensah Global",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/trendy-hipster-girl-winks-eye-makes-cheeky-expression-dressed-green-fashionable-costume-carries-bag-has-bun-hairstyle-vivid-makeup-poses-outdoors-urban-lifestyle_273609-56220.jpg",
},
{
id: "3",
name: "Fatou Ndiaye",
role: "Influencer",
company: "FatouLife",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5560.jpg",
},
{
id: "4",
name: "Chinua Okafor",
role: "Entrepreneur",
company: "OKA Tech",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8832.jpg",
},
{
id: "5",
name: "Zola Mbeki",
role: "Architect",
company: "Mbeki Studios",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-delicious-cocktail_23-2150166057.jpg",
},
]}
title="Testimonials of Excellence"
description="Hear from those who experience the luxury of U-DARK daily."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Amara Diallo", role: "Creative Director", company: "Vogue Africa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sunglasses_1157-6308.jpg" },
{ id: "2", name: "Kwame Mensah", role: "Founder", company: "Mensah Global", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/trendy-hipster-girl-winks-eye-makes-cheeky-expression-dressed-green-fashionable-costume-carries-bag-has-bun-hairstyle-vivid-makeup-poses-outdoors-urban-lifestyle_273609-56220.jpg" },
{ id: "3", name: "Fatou Ndiaye", role: "Influencer", company: "FatouLife", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5560.jpg" },
{ id: "4", name: "Chinua Okafor", role: "Entrepreneur", company: "OKA Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8832.jpg" },
{ id: "5", name: "Zola Mbeki", role: "Architect", company: "Mbeki Studios", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-delicious-cocktail_23-2150166057.jpg" },
]}
title="Testimonials of Excellence"
description="Hear from those who experience the luxury of U-DARK daily."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Inquire"
title="Experience U-DARK Bespoke"
description="Join our elite newsletter to get exclusive access to new releases, designer notes, and private event invites."
imageSrc="http://img.b2bpic.net/free-photo/atelier-shop-full-sartorial-outfits_482257-90452.jpg"
imageAlt="Boutique contact experience"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Inquire"
title="Experience U-DARK Bespoke"
description="Join our elite newsletter to get exclusive access to new releases, designer notes, and private event invites."
imageSrc="http://img.b2bpic.net/free-photo/atelier-shop-full-sartorial-outfits_482257-90452.jpg"
imageAlt="Boutique contact experience"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Shop",
href: "#products",
},
{
label: "Bespoke",
href: "#",
},
{
label: "Our Process",
href: "#about",
},
],
},
{
items: [
{
label: "Returns",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
{
label: "FAQs",
href: "#",
},
],
},
{
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Twitter",
href: "#",
},
{
label: "LinkedIn",
href: "#",
},
],
},
]}
logoText="U-DARK"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Shop", href: "#products" }, { label: "Bespoke", href: "#" }, { label: "Our Process", href: "#about" }] },
{ items: [{ label: "Returns", href: "#" }, { label: "Contact", href: "#contact" }, { label: "FAQs", href: "#" }] },
{ items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] },
]}
logoText="U-DARK"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}