bender/65fc62d1-9264-42a8-862d-95898bb2ddb8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-07 14:00:32 +00:00
parent b6bf173400 c363d147ff
commit 3bb0570e03
1 changed files with 45 additions and 288 deletions
Download Patch File Download Diff File Expand all files Collapse all files

333
src/app/page.tsx
View File

@@ -30,18 +30,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Shop",
id: "#collections",
},
{
name: "Journal",
id: "#journal",
},
{
name: "Styling",
id: "#stylist",
},
{ name: "Shop", id: "collections" },
{ name: "Journal", id: "journal" },
{ name: "Stylist", id: "stylist" }
]}
brandName="KLOSET HAVEN"
/>
@@ -49,88 +40,36 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Dress with intention. Live with ease."
description="Kloset Haven elevates everyday curation into a refined art form, helping you build a capsule wardrobe that speaks to your unique style."
kpis={[
{
value: "150+",
label: "Styled Outfits",
},
{
value: "2k",
label: "Happy Haveners",
},
{
value: "12",
label: "Capsule Guides",
},
{ value: "150+", label: "Styled Outfits" },
{ value: "2k", label: "Happy Haveners" },
{ value: "12", label: "Capsule Guides" }
]}
buttons={[
{
text: "Shop the Edit",
href: "#collections",
},
{
text: "Build Your Kloset",
href: "#stylist",
},
{ text: "Shop the Edit", href: "#collections" },
{ text: "Build Your Kloset", href: "#stylist" }
]}
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-woman-standing-cliffs-daytime_181624-14931.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-woman-standing-cliffs-daytime_181624-14931.jpg"
imageAlt="elegant woman linen clothing editorial"
mediaAnimation="blur-reveal"
enableKpiAnimation={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/optimistic-girl-with-curly-hairstyle-laughing-yellow-backdrop-cool-woman-pink-sunglasses-poses-bright-background_197531-28020.jpg",
alt: "Optimistic girl with curly hairstyle",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-elegant-dress-enjoing-morning-stylish-bohemian-living-room-with-home-plants_273443-5329.jpg",
alt: "Beautiful brunette Woman in elegant dress",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-working-her-worshop_23-2149536263.jpg",
alt: "Young woman working in her workshop",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-flower_23-2150170557.jpg",
alt: "Medium shot woman posing with flower",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-woman-sitting-chair-medium-shot_23-2149213204.jpg",
alt: "Smiley woman sitting on chair",
},
{ src: "http://img.b2bpic.net/free-photo/optimistic-girl-with-curly-hairstyle-laughing-yellow-backdrop-cool-woman-pink-sunglasses-poses-bright-background_197531-28020.jpg", alt: "Optimistic girl with curly hairstyle" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-elegant-dress-enjoing-morning-stylish-bohemian-living-room-with-home-plants_273443-5329.jpg", alt: "Beautiful brunette Woman in elegant dress" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-working-her-worshop_23-2149536263.jpg", alt: "Young woman working in her workshop" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-flower_23-2150170557.jpg", alt: "Medium shot woman posing with flower" },
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-sitting-chair-medium-shot_23-2149213204.jpg", alt: "Smiley woman sitting on chair" }
]}
avatarText="Join 2k+ curated members"
marqueeItems={[
{
type: "text-icon",
text: "Sustainable",
icon: Leaf,
},
{
type: "text-icon",
text: "Timeless",
icon: Clock,
},
{
type: "text-icon",
text: "Intentional",
icon: Heart,
},
{
type: "text-icon",
text: "Organic",
icon: Leaf,
},
{
type: "text-icon",
text: "Ethical",
icon: ShieldCheck,
},
{ type: "text-icon", text: "Sustainable", icon: Leaf },
{ type: "text-icon", text: "Timeless", icon: Clock },
{ type: "text-icon", text: "Intentional", icon: Heart },
{ type: "text-icon", text: "Organic", icon: Leaf },
{ type: "text-icon", text: "Ethical", icon: ShieldCheck }
]}
/>
</div>
@@ -141,48 +80,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={true}
features={[
{
title: "Sustainable Fabrics",
description: "Linen and organic cotton focused.",
bentoComponent: "marquee",
centerIcon: Leaf,
variant: "text",
texts: [
"Pure",
"Natural",
"Breathable",
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-creating-vision-board_23-2150061907.jpg",
imageAlt: "silk scarf luxury detail photography",
},
{
title: "Capsule Wardrobes",
description: "Curated to last a lifetime.",
bentoComponent: "marquee",
centerIcon: Briefcase,
variant: "text",
texts: [
"Minimal",
"Versatile",
"Essential",
],
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-woman-standing-cliffs-daytime_181624-14931.jpg?_wi=2",
imageAlt: "silk scarf luxury detail photography",
},
{
title: "Elevated Everyday",
description: "Simple, chic, intentional.",
bentoComponent: "marquee",
centerIcon: Sparkles,
variant: "text",
texts: [
"Elegant",
"Refined",
"Polished",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-sweater_23-2149190431.jpg?_wi=1",
imageAlt: "silk scarf luxury detail photography",
},
{ title: "Sustainable Fabrics", description: "Linen and organic cotton focused.", bentoComponent: "marquee", centerIcon: Leaf, variant: "text", texts: ["Pure", "Natural", "Breathable"] },
{ title: "Capsule Wardrobes", description: "Curated to last a lifetime.", bentoComponent: "marquee", centerIcon: Briefcase, variant: "text", texts: ["Minimal", "Versatile", "Essential"] },
{ title: "Elevated Everyday", description: "Simple, chic, intentional.", bentoComponent: "marquee", centerIcon: Sparkles, variant: "text", texts: ["Elegant", "Refined", "Polished"] }
]}
title="Slow Fashion Principles"
description="Our core values in action."
@@ -191,28 +91,14 @@ export default function LandingPage() {
<div id="collections" data-section="collections">
<ProductCardThree
animationType="blur-reveal"
textboxLayout="default"
gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={false}
products={[
{
id: "coll-1",
name: "The Neutral Edit",
price: "From $120",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-sweater_23-2149190431.jpg?_wi=2",
},
{
id: "coll-2",
name: "Summer Linen",
price: "From $85",
imageSrc: "http://img.b2bpic.net/free-photo/festive-still-life-christmas-wrapped-gift-composition_23-2149161192.jpg",
},
{
id: "coll-3",
name: "After Dark",
price: "From $150",
imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-light-diagonal-minimal-kitchen_169016-69155.jpg",
},
{ id: "coll-1", name: "The Neutral Edit", price: "From $120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-sweater_23-2149190431.jpg" },
{ id: "coll-2", name: "Summer Linen", price: "From $85", imageSrc: "http://img.b2bpic.net/free-photo/festive-still-life-christmas-wrapped-gift-composition_23-2149161192.jpg" },
{ id: "coll-3", name: "After Dark", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-light-diagonal-minimal-kitchen_169016-69155.jpg" }
]}
title="Curated Collections"
description="Discover our seasonal edits."
@@ -226,42 +112,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Silk Linen Shirt",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830394.jpg",
},
{
id: "p2",
name: "Tailored Trousers",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-her-belt-closeup_176474-8443.jpg",
},
{
id: "p3",
name: "Minimalist Camisole",
price: "$90",
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-seductive-woman-close-eyes-touch-face_176420-17630.jpg",
},
{
id: "p4",
name: "Structured Blazer",
price: "$250",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-individual-packing-vintage-suitcase_23-2148610427.jpg",
},
{
id: "p5",
name: "Cotton Midi Skirt",
price: "$140",
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg",
},
{
id: "p6",
name: "Linen Wide Leg",
price: "$160",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020120.jpg",
},
{ id: "p1", name: "Silk Linen Shirt", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830394.jpg" },
{ id: "p2", name: "Tailored Trousers", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-her-belt-closeup_176474-8443.jpg" },
{ id: "p3", name: "Minimalist Camisole", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-seductive-woman-close-eyes-touch-face_176420-17630.jpg" },
{ id: "p4", name: "Structured Blazer", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/top-view-individual-packing-vintage-suitcase_23-2148610427.jpg" },
{ id: "p5", name: "Cotton Midi Skirt", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg" },
{ id: "p6", name: "Linen Wide Leg", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020120.jpg" }
]}
title="New Arrivals"
description="The latest essentials."
@@ -276,36 +132,9 @@ export default function LandingPage() {
title="The Haven Journal"
description="Stories behind the stitches."
blogs={[
{
id: "b1",
category: "Art",
title: "The Art of Slow Fashion",
excerpt: "Why we curate and how to start.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-sweaters-jeans-posing-window-shadow_23-2149296209.jpg",
authorName: "Jane Doe",
authorAvatar: "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",
date: "Oct 12",
},
{
id: "b2",
category: "Style",
title: "Capsule Basics",
excerpt: "Building your foundation.",
imageSrc: "http://img.b2bpic.net/free-photo/gentle-stylish-couple-are-having-walk-autumn-park_1157-14278.jpg",
authorName: "Jane Doe",
authorAvatar: "http://img.b2bpic.net/free-photo/blithesome-woman-enjoying-sunlight_197531-19715.jpg",
date: "Oct 15",
},
{
id: "b3",
category: "Guide",
title: "Linen Care 101",
excerpt: "Making it last forever.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-black-dress-copy-space_23-2148275478.jpg",
authorName: "Jane Doe",
authorAvatar: "http://img.b2bpic.net/free-photo/charming-young-woman-stylish-beige-dress-sits-comfortable-pose-wooden-bench-leans-h_197531-33584.jpg",
date: "Oct 18",
},
{ id: "b1", category: "Art", title: "The Art of Slow Fashion", excerpt: "Why we curate and how to start.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-sweaters-jeans-posing-window-shadow_23-2149296209.jpg", authorName: "Jane Doe", authorAvatar: "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", date: "Oct 12" },
{ id: "b2", category: "Style", title: "Capsule Basics", excerpt: "Building your foundation.", imageSrc: "http://img.b2bpic.net/free-photo/gentle-stylish-couple-are-having-walk-autumn-park_1157-14278.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/blithesome-woman-enjoying-sunlight_197531-19715.jpg", date: "Oct 15" },
{ id: "b3", category: "Guide", title: "Linen Care 101", excerpt: "Making it last forever.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-black-dress-copy-space_23-2148275478.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/charming-young-woman-stylish-beige-dress-sits-comfortable-pose-wooden-bench-leans-h_197531-33584.jpg", date: "Oct 18" }
]}
/>
</div>
@@ -317,44 +146,20 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "500+",
title: "Clients Helped",
description: "Styling success stories.",
icon: Users,
},
{
id: "m2",
value: "99%",
title: "Satisfaction",
description: "Curated with care.",
icon: Award,
},
{
id: "m3",
value: "2k",
title: "Pieces Curation",
description: "Curated monthly.",
icon: ShoppingBag,
},
{ id: "m1", value: "500+", title: "Clients Helped", description: "Styling success stories.", icon: Users },
{ id: "m2", value: "99%", title: "Satisfaction", description: "Curated with care.", icon: Award },
{ id: "m3", value: "2k", title: "Pieces Curation", description: "Curated monthly.", icon: ShoppingBag }
]}
title="Book a Stylist"
description="Personalized wardrobe curation tailored to your lifestyle."
buttons={[
{
text: "Book a Stylist",
},
]}
buttons={[{ text: "Book a Stylist" }]}
/>
</div>
<div id="newsletter" data-section="newsletter">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Join the Haven"
description="Exclusive updates, styling tips, and early access to our seasonal collections."
tag="Newsletter"
@@ -365,58 +170,10 @@ export default function LandingPage() {
<FooterBaseCard
logoText="KLOSET HAVEN"
columns={[
{
title: "Shop",
items: [
{
label: "Collections",
href: "#collections",
},
{
label: "New Arrivals",
href: "#arrivals",
},
],
},
{
title: "Help",
items: [
{
label: "FAQ",
href: "#",
},
{
label: "Returns",
href: "#",
},
],
},
{
title: "About",
items: [
{
label: "Our Story",
href: "#",
},
{
label: "Journal",
href: "#journal",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "https://instagram.com",
},
{
label: "Pinterest",
href: "https://pinterest.com",
},
],
},
{ title: "Shop", items: [{ label: "Collections", href: "#collections" }, { label: "New Arrivals", href: "#arrivals" }] },
{ title: "Help", items: [{ label: "FAQ", href: "#" }, { label: "Returns", href: "#" }] },
{ title: "About", items: [{ label: "Our Story", href: "#" }, { label: "Journal", href: "#journal" }] },
{ title: "Social", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Pinterest", href: "https://pinterest.com" }] }
]}
/>
</div>