bender/4c3b6b2d-1493-4a7f-8d3e-41e5543b7b23
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-24 08:22:08 +00:00
Conversation 0 Commits 1 Files Changed 1 +45 -254
1 changed files with 45 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

299
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Men",
id: "men",
},
{
name: "Women",
id: "women",
},
{
name: "New Arrivals",
id: "new",
},
{
name: "Deals",
id: "deals",
},
{ name: "Men", id: "men" },
{ name: "Women", id: "women" },
{ name: "New Arrivals", id: "new" },
{ name: "Deals", id: "deals" },
]}
brandName="Xpress Closet"
/>
@@ -55,46 +43,23 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Fresh Fits. Delivered Fast."
description="Shop the latest styles for men & women in Nairobi, delivered to your door."
tag="New Season"
buttons={[
{
text: "Shop Men",
href: "#men",
},
text: "Shop Men", href: "#men"},
{
text: "Shop Women",
href: "#women",
},
text: "Shop Women", href: "#women"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg?_wi=1",
imageAlt: "Fashion Model",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-mall_482257-91309.jpg",
imageAlt: "Fashion Model",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432328.jpg",
imageAlt: "Fashion Model",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-black-woman-with-afro-curls-hairstylesmiling-hipster-model-yellow-hoodie-sexy-carefree-female-posing-street-background-sunglasses-cheerful-happy_158538-21015.jpg",
imageAlt: "Fashion Model",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-looking-dress_23-2147688366.jpg",
imageAlt: "Fashion Model",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mixed-race-black-woman-park-full-flowers-with-huge-afro-hair-contour-sunlight-watching-camera-cinema-film-colors_633478-444.jpg",
imageAlt: "Fashion Model",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg", imageAlt: "Fashion Model" },
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-mall_482257-91309.jpg", imageAlt: "Fashion Model" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432328.jpg", imageAlt: "Fashion Model" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-black-woman-with-afro-curls-hairstylesmiling-hipster-model-yellow-hoodie-sexy-carefree-female-posing-street-background-sunglasses-cheerful-happy_158538-21015.jpg", imageAlt: "Fashion Model" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-looking-dress_23-2147688366.jpg", imageAlt: "Fashion Model" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-mixed-race-black-woman-park-full-flowers-with-huge-afro-hair-contour-sunlight-watching-camera-cinema-film-colors_633478-444.jpg", imageAlt: "Fashion Model" },
]}
mediaAnimation="slide-up"
/>
@@ -107,52 +72,28 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Men",
description: "Latest trends for modern men.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-costume-menswear-store_613910-19699.jpg",
imageAlt: "Men",
},
title: "Men", description: "Latest trends for modern men.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg", imageAlt: "men fashion street style"},
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg?_wi=2",
imageAlt: "men fashion street style",
},
{
title: "Women",
description: "Chic outfits for every occasion.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-white-denims-outside-street_1303-23011.jpg",
imageAlt: "Women",
},
title: "Women", description: "Chic outfits for every occasion.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885670.jpg", imageAlt: "men fashion street style"},
items: [],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885670.jpg",
imageAlt: "men fashion street style",
},
{
title: "Trending",
description: "What everyone is wearing right now.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/shirt-with-copy-space-empty-paper_23-2148670053.jpg",
imageAlt: "Trending",
},
title: "Trending", description: "What everyone is wearing right now.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/joyful-excited-young-woman-grinning-broadly-attracting-your-attention-her-blank-t-shirt-pointing-fingers-down_273609-607.jpg", imageAlt: "men fashion street style"},
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-excited-young-woman-grinning-broadly-attracting-your-attention-her-blank-t-shirt-pointing-fingers-down_273609-607.jpg?_wi=1",
imageAlt: "men fashion street style",
},
{
title: "Under KSh 1500",
description: "Affordable styles without sacrifice.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-romantic-caucasian-woman-summer-elegant-white-open-back-dress-straw-hat_343596-318.jpg?_wi=1",
imageAlt: "Budget",
},
title: "Under KSh 1500", description: "Affordable styles without sacrifice.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/girl_1303-4477.jpg", imageAlt: "men fashion street style"},
items: [],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/girl_1303-4477.jpg?_wi=1",
imageAlt: "men fashion street style",
},
]}
title="Explore Our Collections"
@@ -167,42 +108,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "T-Shirt",
price: "KSh 1200",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-excited-young-woman-grinning-broadly-attracting-your-attention-her-blank-t-shirt-pointing-fingers-down_273609-607.jpg?_wi=2",
},
{
id: "2",
name: "Dress",
price: "KSh 2000",
imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-romantic-caucasian-woman-summer-elegant-white-open-back-dress-straw-hat_343596-318.jpg?_wi=2",
},
{
id: "3",
name: "Trousers",
price: "KSh 1800",
imageSrc: "http://img.b2bpic.net/free-photo/girl_1303-4477.jpg?_wi=2",
},
{
id: "4",
name: "Denim Jacket",
price: "KSh 2500",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-jeans-jacket-posing-near-concrete-wall_613910-2889.jpg",
},
{
id: "5",
name: "Pullover",
price: "KSh 1500",
imageSrc: "http://img.b2bpic.net/free-photo/inside-portrait-adorable-lovely-woman-with-blond-hair-wearing-knitted-pullover-is-posing-isolated-background-with-romantic-smile-beautiful-woman-is-posing-photoshoot_291650-2439.jpg",
},
{
id: "6",
name: "Handbag",
price: "KSh 2200",
imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073516.jpg",
},
{ id: "1", name: "T-Shirt", price: "KSh 1200", imageSrc: "http://img.b2bpic.net/free-photo/joyful-excited-young-woman-grinning-broadly-attracting-your-attention-her-blank-t-shirt-pointing-fingers-down_273609-607.jpg" },
{ id: "2", name: "Dress", price: "KSh 2000", imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-romantic-caucasian-woman-summer-elegant-white-open-back-dress-straw-hat_343596-318.jpg" },
{ id: "3", name: "Trousers", price: "KSh 1800", imageSrc: "http://img.b2bpic.net/free-photo/girl_1303-4477.jpg" },
{ id: "4", name: "Denim Jacket", price: "KSh 2500", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-jeans-jacket-posing-near-concrete-wall_613910-2889.jpg" },
{ id: "5", name: "Pullover", price: "KSh 1500", imageSrc: "http://img.b2bpic.net/free-photo/inside-portrait-adorable-lovely-woman-with-blond-hair-wearing-knitted-pullover-is-posing-isolated-background-with-romantic-smile-beautiful-woman-is-posing-photoshoot_291650-2439.jpg" },
{ id: "6", name: "Handbag", price: "KSh 2200", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073516.jpg" },
]}
title="Best Sellers"
description="Our most popular picks of the season."
@@ -215,36 +126,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "🚚",
title: "Delivery",
items: [
"Same-day Nairobi delivery",
"Track your order",
"Safe handling",
],
},
{
id: "m2",
value: "💳",
title: "Payments",
items: [
"M-Pesa support",
"Secure checkout",
"Instant confirmation",
],
},
{
id: "m3",
value: "🔄",
title: "Returns",
items: [
"Easy returns policy",
"Customer support",
"Hassle-free exchange",
],
},
{ id: "m1", value: "🚚", title: "Delivery", items: ["Same-day Nairobi delivery", "Track your order", "Safe handling"] },
{ id: "m2", value: "💳", title: "Payments", items: ["M-Pesa support", "Secure checkout", "Instant confirmation"] },
{ id: "m3", value: "🔄", title: "Returns", items: ["Easy returns policy", "Customer support", "Hassle-free exchange"] },
]}
title="Fast & Reliable Service"
description="Committed to delivering style with convenience."
@@ -256,46 +140,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Great quality!",
quote: "Love the clothes, delivery was lightning fast.",
name: "Alice M.",
role: "Fashionista",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-technology-while-traveling-city_23-2149333112.jpg",
},
{
id: "2",
title: "Super convenient",
quote: "M-Pesa payment made everything so easy.",
name: "Brian K.",
role: "Tech Lead",
imageSrc: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300873.jpg",
},
{
id: "3",
title: "Amazing fits",
quote: "The fit is always perfect, my go-to shop.",
name: "Clara W.",
role: "Creative",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-shopping_23-2149241334.jpg",
},
{
id: "4",
title: "Reliable",
quote: "Reliable delivery every single time.",
name: "David O.",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020773.jpg",
},
{
id: "5",
title: "Best prices",
quote: "High quality items at decent prices.",
name: "Elena S.",
role: "Student",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-clothes_23-2149241337.jpg",
},
{ id: "1", title: "Great quality!", quote: "Love the clothes, delivery was lightning fast.", name: "Alice M.", role: "Fashionista", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-technology-while-traveling-city_23-2149333112.jpg" },
{ id: "2", title: "Super convenient", quote: "M-Pesa payment made everything so easy.", name: "Brian K.", role: "Tech Lead", imageSrc: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300873.jpg" },
{ id: "3", title: "Amazing fits", quote: "The fit is always perfect, my go-to shop.", name: "Clara W.", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-shopping_23-2149241334.jpg" },
{ id: "4", title: "Reliable", quote: "Reliable delivery every single time.", name: "David O.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020773.jpg" },
{ id: "5", title: "Best prices", quote: "High quality items at decent prices.", name: "Elena S.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-clothes_23-2149241337.jpg" },
]}
title="Loved by Nairobi"
description="What our customers are saying."
@@ -306,21 +155,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How fast is delivery?",
content: "Within 24 hours in Nairobi.",
},
{
id: "q2",
title: "How do I pay?",
content: "We support M-Pesa.",
},
{
id: "q3",
title: "Can I return items?",
content: "Yes, within 7 days.",
},
{ id: "q1", title: "How fast is delivery?", content: "Within 24 hours in Nairobi." },
{ id: "q2", title: "How do I pay?", content: "We support M-Pesa." },
{ id: "q3", title: "Can I return items?", content: "Yes, within 7 days." },
]}
sideTitle="Questions?"
faqsAnimation="slide-up"
@@ -332,14 +169,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"FashionDaily",
"NairobiStyle",
"ModernFits",
"Trendsetters",
"UrbanStyle",
"LuxeWear",
"CityFashion",
]}
"FashionDaily", "NairobiStyle", "ModernFits", "Trendsetters", "UrbanStyle", "LuxeWear", "CityFashion"]}
title="Trusted Partners"
description="Working with the best brands."
/>
@@ -348,59 +178,20 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Support"
title="Need Help?"
description="Reach out to our customer support team for any queries."
buttons={[
{
text: "Contact Us",
href: "#",
},
]}
buttons={[{ text: "Contact Us", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Shop",
items: [
{
label: "Men",
href: "#men",
},
{
label: "Women",
href: "#women",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
],
},
{ title: "Shop", items: [{ label: "Men", href: "#men" }, { label: "Women", href: "#women" }] },
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
]}
logoText="Xpress Closet"
copyrightText="© 2026 Xpress Closet"
@@ -409,4 +200,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}