Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5d0c5b964c | |||
| 3e18dcd10a |
222
src/app/page.tsx
222
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "home"},
|
||||||
id: "home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Collections",
|
name: "Collections", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Our Story",
|
name: "Our Story", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="CITIWEAR"
|
brandName="CITIWEAR"
|
||||||
/>
|
/>
|
||||||
@@ -52,42 +44,27 @@ export default function LandingPage() {
|
|||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroBillboardCarousel
|
<HeroBillboardCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Urban Essence"
|
title="Urban Essence"
|
||||||
description="Discover a new standard in modern fashion. Citiwear brings you timeless styles crafted for the contemporary lifestyle."
|
description="We believe in effortless style that respects your daily rhythm. Discover timeless designs crafted for a meaningful, modern life."
|
||||||
tag="NEW SEASON 2025"
|
tag="NEW SEASON 2025"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Shop Collections",
|
text: "Shop Collections", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=1", imageAlt: "Fashion Model"},
|
||||||
imageAlt: "Fashion Model",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=2",
|
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=2", imageAlt: "Fashion Model"},
|
||||||
imageAlt: "Fashion Model",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=3",
|
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=3", imageAlt: "Fashion Model"},
|
||||||
imageAlt: "Fashion Model",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=4",
|
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=4", imageAlt: "Fashion Model"},
|
||||||
imageAlt: "Fashion Model",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=5",
|
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=5", imageAlt: "Fashion Model"},
|
||||||
imageAlt: "Fashion Model",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=6",
|
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=6", imageAlt: "Fashion Model"},
|
||||||
imageAlt: "Fashion Model",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -96,21 +73,15 @@ export default function LandingPage() {
|
|||||||
<SplitAbout
|
<SplitAbout
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Crafted for the Urban Soul"
|
title="Designed for Real Life"
|
||||||
description="Citiwear was founded on the belief that everyday clothing should feel extraordinary. By blending clean silhouettes with durable, premium materials, we design for those who move through the city with purpose."
|
description="Citiwear began with a humble vision: to make everyday clothing that feels personal and stays true to you. We focus on durability and clean, honest design so you can move through your day with quiet confidence."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Timeless Aesthetic",
|
title: "Thoughtful Aesthetic", description: "Design that values longevity over temporary trends."},
|
||||||
description: "Classic designs that transcend seasonal trends.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Premium Durability",
|
title: "Lasting Quality", description: "Honest materials that handle the day-to-day gracefully."},
|
||||||
description: "Made to last from premium sourced textiles.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Ethical Sourcing",
|
title: "Kind Production", description: "We prioritize ethical choices at every step."},
|
||||||
description: "Fair practices at every stage of production.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353708.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353708.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -125,62 +96,26 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", brand: "Citiwear", name: "Essential Jacket", price: "$120", rating: 5,
|
||||||
brand: "Citiwear",
|
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/urban-cyclist-riding-his-bike_23-2148828236.jpg"},
|
||||||
name: "Essential Jacket",
|
|
||||||
price: "$120",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "128",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-cyclist-riding-his-bike_23-2148828236.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", brand: "Citiwear", name: "Urban Flow Dress", price: "$89", rating: 4,
|
||||||
brand: "Citiwear",
|
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-autumn-cozy-accessories_23-2147869633.jpg"},
|
||||||
name: "Urban Flow Dress",
|
|
||||||
price: "$89",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "95",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-autumn-cozy-accessories_23-2147869633.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", brand: "Citiwear", name: "Premium Cotton Tee", price: "$45", rating: 5,
|
||||||
brand: "Citiwear",
|
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man_1301-5868.jpg"},
|
||||||
name: "Premium Cotton Tee",
|
|
||||||
price: "$45",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "210",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man_1301-5868.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", brand: "Citiwear", name: "Tailored Chinos", price: "$95", rating: 4,
|
||||||
brand: "Citiwear",
|
reviewCount: "84", imageSrc: "http://img.b2bpic.net/free-photo/adorable-stylish-lady-with-long-wavy-hair-wearing-fur-coat-posing-outdoor-photoshoot_291650-700.jpg"},
|
||||||
name: "Tailored Chinos",
|
|
||||||
price: "$95",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "84",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-stylish-lady-with-long-wavy-hair-wearing-fur-coat-posing-outdoor-photoshoot_291650-700.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", brand: "Citiwear", name: "Summer Linen Shirt", price: "$75", rating: 5,
|
||||||
brand: "Citiwear",
|
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman_158595-2915.jpg"},
|
||||||
name: "Summer Linen Shirt",
|
|
||||||
price: "$75",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "56",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman_158595-2915.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", brand: "Citiwear", name: "City Commuter Bag", price: "$150", rating: 5,
|
||||||
brand: "Citiwear",
|
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230645.jpg"},
|
||||||
name: "City Commuter Bag",
|
|
||||||
price: "$150",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "42",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230645.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Selected Arrivals"
|
title="Simple Arrivals"
|
||||||
description="Our current collection focuses on versatility, comfort, and sharp modern style."
|
description="Pieces thoughtfully selected for their comfort, utility, and everyday elegance."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -191,43 +126,18 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Aria V.", handle: "@ariav_style", testimonial: "Quality that lasts. It fits into my day perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-sitting-together_23-2148888494.jpg"},
|
||||||
name: "Aria V.",
|
|
||||||
handle: "@ariav_style",
|
|
||||||
testimonial: "The quality is unmatched. My jacket is perfect for the city commute.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-sitting-together_23-2148888494.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Marcus L.", handle: "@marcus_urban", testimonial: "Clothes that are comfortable and honestly made. I appreciate that.", imageSrc: "http://img.b2bpic.net/free-photo/african-man_1303-4409.jpg"},
|
||||||
name: "Marcus L.",
|
|
||||||
handle: "@marcus_urban",
|
|
||||||
testimonial: "Finally, clothes that fit perfectly and look good everywhere.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/african-man_1303-4409.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Elena S.", handle: "@elena_daily", testimonial: "My favorite basics. Simple and reliable for every occasion.", imageSrc: "http://img.b2bpic.net/free-photo/party-portraits-young-adults-having-fun_23-2149431543.jpg"},
|
||||||
name: "Elena S.",
|
|
||||||
handle: "@elena_daily",
|
|
||||||
testimonial: "Citiwear is my go-to for modern basics. Stylish and so comfortable.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/party-portraits-young-adults-having-fun_23-2149431543.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "James R.", handle: "@james_r", testimonial: "The design is so clean. It just feels right to wear.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-stylish-outfit-green-studio-background_285396-10817.jpg"},
|
||||||
name: "James R.",
|
|
||||||
handle: "@james_r",
|
|
||||||
testimonial: "I love the clean aesthetic. It really elevates my daily outfits.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-stylish-outfit-green-studio-background_285396-10817.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Sophie M.", handle: "@sophie_m", testimonial: "Exactly what I needed—elegant, simple, and comfortable.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-sportswear_23-2148777598.jpg"},
|
||||||
name: "Sophie M.",
|
|
||||||
handle: "@sophie_m",
|
|
||||||
testimonial: "Simple, clean, and elegant. Exactly what my wardrobe needed.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-sportswear_23-2148777598.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Community Voices"
|
title="From Our Community"
|
||||||
description="Hear what our style-conscious customers are saying about Citiwear."
|
description="We are grateful to be part of your daily wardrobe."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -235,11 +145,10 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="STAY UPDATED"
|
tag="STAY UPDATED"
|
||||||
title="Join Our Inner Circle"
|
title="We'd Love To Connect"
|
||||||
description="Sign up for updates on new collection drops, exclusive offers, and styling tips from Citiwear experts."
|
description="Join our list for occasional updates on what's new and stories from our design process. We're happy to have you with us."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861932.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861932.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -250,54 +159,27 @@ export default function LandingPage() {
|
|||||||
logoText="CITIWEAR"
|
logoText="CITIWEAR"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Shop",
|
title: "Shop", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "All Arrivals",
|
label: "View Arrivals", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "New In",
|
label: "Our Selection", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Best Sellers",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Our Story",
|
label: "Our Story", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Careers",
|
label: "Our Values", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Sustainability",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Connect", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms & Conditions",
|
label: "Support", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Support",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -306,4 +188,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user