bender/c7392dbc-2434-496e-b9c8-c65e3e62e5d2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-26 12:43:21 +00:00
parent 419a8fcf5d
commit c4117232d2
1 changed files with 54 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

229
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Collection",
id: "products",
},
name: "Collection", id: "products"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="MODA"
/>
@@ -56,70 +48,43 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Timeless Style, Effortless Comfort"
description="Discover our curated collection of premium apparel designed for the modern lifestyle. Quality craftsmanship meets sustainable fashion."
kpis={[
{
value: "500+",
label: "Designs",
},
value: "500+", label: "Designs"},
{
value: "10k+",
label: "Orders",
},
value: "10k+", label: "Orders"},
{
value: "4.9",
label: "Rating",
},
value: "4.9", label: "Rating"},
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/happy-customer-trying-new-dress-boutique-woman-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11772.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142190.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142190.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8484.jpg",
alt: "Customer 2",
},
src: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8484.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/rack-clothes-store_23-2148929539.jpg",
alt: "Customer 3",
},
src: "http://img.b2bpic.net/free-photo/rack-clothes-store_23-2148929539.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/photo-rope-leading-home-office-desk_23-2148304908.jpg",
alt: "Customer 4",
},
src: "http://img.b2bpic.net/free-photo/photo-rope-leading-home-office-desk_23-2148304908.jpg", alt: "Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/close-up-colorful-fabric-material_23-2148383702.jpg",
alt: "Customer 5",
},
src: "http://img.b2bpic.net/free-photo/close-up-colorful-fabric-material_23-2148383702.jpg", alt: "Customer 5"},
]}
marqueeItems={[
{
type: "text",
text: "Sustainable",
},
type: "text", text: "Sustainable"},
{
type: "text",
text: "Premium",
},
type: "text", text: "Premium"},
{
type: "text",
text: "Ethical",
},
type: "text", text: "Ethical"},
{
type: "text",
text: "Timeless",
},
type: "text", text: "Timeless"},
{
type: "text",
text: "Quality",
},
type: "text", text: "Quality"},
]}
/>
</div>
@@ -131,20 +96,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Premium Fabrics",
description: "Sourced from the finest materials globally to ensure comfort and durability.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-purple-texture-fabric-with-small-pattern-small-squares_91008-489.jpg",
},
title: "Premium Fabrics", description: "Sourced from the finest materials globally to ensure comfort and durability.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-purple-texture-fabric-with-small-pattern-small-squares_91008-489.jpg"},
{
title: "Ethical Crafting",
description: "Every stitch is made in fair-trade environments, respecting human dignity.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893994.jpg",
},
title: "Ethical Crafting", description: "Every stitch is made in fair-trade environments, respecting human dignity.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893994.jpg"},
{
title: "Zero-Waste Packaging",
description: "Compostable, recyclable, and beautifully minimal - zero compromise.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-kitchen-objects_23-2148835348.jpg",
},
title: "Zero-Waste Packaging", description: "Compostable, recyclable, and beautifully minimal - zero compromise.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-kitchen-objects_23-2148835348.jpg"},
]}
title="The MODA Promise"
description="Crafted with passion, worn with pride."
@@ -159,62 +115,27 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "MODA",
name: "Linen Summer Shirt",
price: "$89",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/ortrait-young-lady-pillowing-forehead-her-elbow-t-shirt-cap-looking-tired-front-view_176474-54658.jpg",
},
id: "p1", brand: "MODA", name: "Linen Summer Shirt", price: "$89", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/ortrait-young-lady-pillowing-forehead-her-elbow-t-shirt-cap-looking-tired-front-view_176474-54658.jpg"},
{
id: "p2",
brand: "MODA",
name: "Oversized Wool Sweater",
price: "$145",
rating: 5,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-feeling-happy-bed_114579-57127.jpg",
},
id: "p2", brand: "MODA", name: "Oversized Wool Sweater", price: "$145", rating: 5,
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-feeling-happy-bed_114579-57127.jpg"},
{
id: "p3",
brand: "MODA",
name: "Slim Tailored Trouser",
price: "$120",
rating: 4,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1144.jpg",
},
id: "p3", brand: "MODA", name: "Slim Tailored Trouser", price: "$120", rating: 4,
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1144.jpg"},
{
id: "p4",
brand: "MODA",
name: "Classic Denim Jacket",
price: "$160",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/collage-photos-with-jeans-close-up_185193-109620.jpg",
},
id: "p4", brand: "MODA", name: "Classic Denim Jacket", price: "$160", rating: 5,
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/collage-photos-with-jeans-close-up_185193-109620.jpg"},
{
id: "p5",
brand: "MODA",
name: "Linen Midi Dress",
price: "$195",
rating: 5,
reviewCount: "56",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-portrait-garden_1328-1842.jpg",
},
id: "p5", brand: "MODA", name: "Linen Midi Dress", price: "$195", rating: 5,
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-portrait-garden_1328-1842.jpg"},
{
id: "p6",
brand: "MODA",
name: "Handcrafted Leather Boot",
price: "$245",
rating: 4,
reviewCount: "34",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cowboy-inspiration-with-boots_23-2149484767.jpg",
},
id: "p6", brand: "MODA", name: "Handcrafted Leather Boot", price: "$245", rating: 4,
reviewCount: "34", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cowboy-inspiration-with-boots_23-2149484767.jpg"},
]}
title="New Arrivals"
description="The latest styles curated for your closet."
buttons={[{ text: "View All Products", href: "/catalog" }]}
/>
</div>
@@ -239,25 +160,15 @@ export default function LandingPage() {
author="Sarah Miller"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/lady-wears-beautiful-black-dress-looking-into-mirror_158595-5863.jpg",
alt: "Sarah",
},
src: "http://img.b2bpic.net/free-photo/lady-wears-beautiful-black-dress-looking-into-mirror_158595-5863.jpg", alt: "Sarah"},
{
src: "http://img.b2bpic.net/free-photo/attractive-lady-preens-front-mirror-gold-frame-curly-woman-stylish-cap-poses-bright-apartment_197531-13762.jpg",
alt: "User 2",
},
src: "http://img.b2bpic.net/free-photo/attractive-lady-preens-front-mirror-gold-frame-curly-woman-stylish-cap-poses-bright-apartment_197531-13762.jpg", alt: "User 2"},
{
src: "http://img.b2bpic.net/free-photo/woman-playing-harmonica-near-mirror_23-2147769080.jpg",
alt: "User 3",
},
src: "http://img.b2bpic.net/free-photo/woman-playing-harmonica-near-mirror_23-2147769080.jpg", alt: "User 3"},
{
src: "http://img.b2bpic.net/free-photo/attractive-woman-looking-her-reflection_158595-969.jpg",
alt: "User 4",
},
src: "http://img.b2bpic.net/free-photo/attractive-woman-looking-her-reflection_158595-969.jpg", alt: "User 4"},
{
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-caucasian-woman-professional-model-white-blazer-silver-chain-look-mirror-luxury-villa_343596-1947.jpg",
alt: "User 5",
},
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-caucasian-woman-professional-model-white-blazer-silver-chain-look-mirror-luxury-villa_343596-1947.jpg", alt: "User 5"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -269,14 +180,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue",
"GQ",
"Hypebeast",
"WWD",
"Elle",
"Harper's Bazaar",
"The Cut",
]}
"Vogue", "GQ", "Hypebeast", "WWD", "Elle", "Harper's Bazaar", "The Cut"]}
title="Trusted by Leaders"
description="Our collections are featured by industry innovators."
/>
@@ -288,20 +192,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What is your return policy?",
content: "You can return items within 30 days of purchase for a full refund.",
},
id: "q1", title: "What is your return policy?", content: "You can return items within 30 days of purchase for a full refund."},
{
id: "q2",
title: "How do I care for my garments?",
content: "Each garment comes with a detailed care instruction card.",
},
id: "q2", title: "How do I care for my garments?", content: "Each garment comes with a detailed care instruction card."},
{
id: "q3",
title: "Do you offer international shipping?",
content: "Yes, we ship to over 50 countries worldwide.",
},
id: "q3", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries worldwide."},
]}
title="Common Inquiries"
description="Everything you need to know about shopping with MODA."
@@ -313,8 +208,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Keep in touch"
title="Join our Newsletter"
description="Get early access to collections and exclusive updates."
@@ -328,42 +222,27 @@ export default function LandingPage() {
logoText="MODA"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "New Arrivals",
href: "#products",
},
label: "New Arrivals", href: "#products"},
{
label: "Best Sellers",
href: "#products",
},
label: "Best Sellers", href: "#products"},
],
},
{
title: "About",
items: [
title: "About", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
]}
@@ -372,4 +251,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}