Merge version_1 into main #1
217
src/app/page.tsx
217
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Urban House Kanina"
|
||||
/>
|
||||
@@ -52,78 +44,49 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Urban House Kanina"
|
||||
description="Redefining the modern silhouette with minimalist edge and superior craftsmanship."
|
||||
kpis={[
|
||||
{
|
||||
value: "2024",
|
||||
label: "Established",
|
||||
},
|
||||
value: "2024", label: "Established"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Garments",
|
||||
},
|
||||
value: "100+", label: "Garments"},
|
||||
{
|
||||
value: "5k",
|
||||
label: "Community",
|
||||
},
|
||||
value: "5k", label: "Community"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-photo-young-lady-leaning-wall-tunnel_114579-92564.jpg"
|
||||
imageAlt="Urban House Kanina editorial"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-african-american-man-white-shirt-colored-pants-with-hat-glasses-posed-outdoor-against-graffiti-wall-black-fashionable-model-boy_627829-4055.jpg",
|
||||
alt: "Fashion enthusiast 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-african-american-man-white-shirt-colored-pants-with-hat-glasses-posed-outdoor-against-graffiti-wall-black-fashionable-model-boy_627829-4055.jpg", alt: "Fashion enthusiast 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-grey-suit-enjoys-wind-street-new-york-city_8353-1582.jpg",
|
||||
alt: "Fashion enthusiast 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-grey-suit-enjoys-wind-street-new-york-city_8353-1582.jpg", alt: "Fashion enthusiast 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg",
|
||||
alt: "Fashion enthusiast 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg", alt: "Fashion enthusiast 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-long-legs-brunette-model-long-black-cloak-posed-outdoor-winter-day-against-old-grunge-wall_627829-14032.jpg",
|
||||
alt: "Fashion enthusiast 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-long-legs-brunette-model-long-black-cloak-posed-outdoor-winter-day-against-old-grunge-wall_627829-14032.jpg", alt: "Fashion enthusiast 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-man-jeans-jacket-beret-eyeglasses-against-graffiti-wall-abandoned-roof_627829-2010.jpg",
|
||||
alt: "Fashion enthusiast 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-man-jeans-jacket-beret-eyeglasses-against-graffiti-wall-abandoned-roof_627829-2010.jpg", alt: "Fashion enthusiast 5"},
|
||||
]}
|
||||
avatarText="Join 5k+ style icons"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Minimalist",
|
||||
},
|
||||
type: "text", text: "Minimalist"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
type: "text", text: "Sustainable"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Urban",
|
||||
},
|
||||
type: "text", text: "Urban"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Crafted",
|
||||
},
|
||||
type: "text", text: "Crafted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless",
|
||||
},
|
||||
type: "text", text: "Timeless"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,41 +99,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Urban Bomber",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-model-skinny-jeans-terracotta-bomber-jacket-white-motorcycle-helmet-isolated-white-back-shot_346278-1560.jpg",
|
||||
},
|
||||
id: "1", name: "Urban Bomber", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-model-skinny-jeans-terracotta-bomber-jacket-white-motorcycle-helmet-isolated-white-back-shot_346278-1560.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Signature Hoodie",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-day-international-girlfriends-women-city_1157-46776.jpg",
|
||||
},
|
||||
id: "2", name: "Signature Hoodie", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/shopping-day-international-girlfriends-women-city_1157-46776.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Street Trouser",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414734.jpg",
|
||||
},
|
||||
id: "3", name: "Street Trouser", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414734.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Essential Tee",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478993.jpg",
|
||||
},
|
||||
id: "4", name: "Essential Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478993.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kanina Cap",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-redhead-hipster-girl-wearing-fashionable-clothing-having-fun-indoors_273609-9058.jpg",
|
||||
},
|
||||
id: "5", name: "Kanina Cap", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-redhead-hipster-girl-wearing-fashionable-clothing-having-fun-indoors_273609-9058.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Denim Jacket",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-fashion-girl-summer-park_1157-21435.jpg",
|
||||
},
|
||||
id: "6", name: "Denim Jacket", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/elegant-fashion-girl-summer-park_1157-21435.jpg"},
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Discover curated essentials designed for the modern urban landscape."
|
||||
@@ -184,17 +123,11 @@ export default function LandingPage() {
|
||||
description="Urban House Kanina bridges the gap between high-end aesthetic and everyday functionality. We prioritize sustainable sourcing and timeless design."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Sustainably Sourced",
|
||||
},
|
||||
value: "100%", title: "Sustainably Sourced"},
|
||||
{
|
||||
value: "12+",
|
||||
title: "Design Collections",
|
||||
},
|
||||
value: "12+", title: "Design Collections"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
value: "99%", title: "Customer Satisfaction"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-art-style-illustration-fashion-designer_23-2151537662.jpg"
|
||||
imageAlt="Our design studio"
|
||||
@@ -205,50 +138,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Riv",
|
||||
role: "Creative",
|
||||
company: "Kanina Fans",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-with-copy-space_23-2148342436.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Riv", role: "Creative", company: "Kanina Fans", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-with-copy-space_23-2148342436.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan P.",
|
||||
role: "Architect",
|
||||
company: "Kanina Fans",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg",
|
||||
},
|
||||
id: "2", name: "Jordan P.", role: "Architect", company: "Kanina Fans", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sammi Chen",
|
||||
role: "Designer",
|
||||
company: "Kanina Fans",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-carrying-backpack-standing-near-wall-outdoors_23-2148221948.jpg",
|
||||
},
|
||||
id: "3", name: "Sammi Chen", role: "Designer", company: "Kanina Fans", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-carrying-backpack-standing-near-wall-outdoors_23-2148221948.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus V.",
|
||||
role: "Artist",
|
||||
company: "Kanina Fans",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-street-style-outfits_114579-17776.jpg",
|
||||
},
|
||||
id: "4", name: "Marcus V.", role: "Artist", company: "Kanina Fans", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-street-style-outfits_114579-17776.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
role: "Student",
|
||||
company: "Kanina Fans",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-using-sustainable-mobility_23-2149290963.jpg",
|
||||
},
|
||||
id: "5", name: "Elena R.", role: "Student", company: "Kanina Fans", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-using-sustainable-mobility_23-2149290963.jpg"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Hear what our Kanina community has to say about the quality and design."
|
||||
@@ -259,8 +168,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Join the House"
|
||||
description="Get exclusive early access to drops and urban fashion insights."
|
||||
@@ -272,54 +180,33 @@ export default function LandingPage() {
|
||||
logoText="Urban House Kanina"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Tees",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tees", href: "#"},
|
||||
{
|
||||
label: "Outerwear",
|
||||
href: "#",
|
||||
},
|
||||
label: "Outerwear", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Ethics",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ethics", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user