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
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CITIWEAR"
|
||||
/>
|
||||
@@ -52,42 +44,27 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
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"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collections", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=1",
|
||||
imageAlt: "Fashion Model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=1", imageAlt: "Fashion Model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=2",
|
||||
imageAlt: "Fashion Model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=2", imageAlt: "Fashion Model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=3",
|
||||
imageAlt: "Fashion Model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=3", imageAlt: "Fashion Model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=4",
|
||||
imageAlt: "Fashion Model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=4", imageAlt: "Fashion Model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=5",
|
||||
imageAlt: "Fashion Model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=5", imageAlt: "Fashion Model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=6",
|
||||
imageAlt: "Fashion Model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5495.jpg?_wi=6", imageAlt: "Fashion Model"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,21 +73,15 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Crafted for the Urban Soul"
|
||||
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."
|
||||
title="Designed for Real Life"
|
||||
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={[
|
||||
{
|
||||
title: "Timeless Aesthetic",
|
||||
description: "Classic designs that transcend seasonal trends.",
|
||||
},
|
||||
title: "Thoughtful Aesthetic", description: "Design that values longevity over temporary trends."},
|
||||
{
|
||||
title: "Premium Durability",
|
||||
description: "Made to last from premium sourced textiles.",
|
||||
},
|
||||
title: "Lasting Quality", description: "Honest materials that handle the day-to-day gracefully."},
|
||||
{
|
||||
title: "Ethical Sourcing",
|
||||
description: "Fair practices at every stage of production.",
|
||||
},
|
||||
title: "Kind Production", description: "We prioritize ethical choices at every step."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353708.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -125,62 +96,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Citiwear",
|
||||
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: "p1", brand: "Citiwear", 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",
|
||||
brand: "Citiwear",
|
||||
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: "p2", brand: "Citiwear", 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",
|
||||
brand: "Citiwear",
|
||||
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: "p3", brand: "Citiwear", 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",
|
||||
brand: "Citiwear",
|
||||
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: "p4", brand: "Citiwear", 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",
|
||||
brand: "Citiwear",
|
||||
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: "p5", brand: "Citiwear", 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",
|
||||
brand: "Citiwear",
|
||||
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",
|
||||
},
|
||||
id: "p6", brand: "Citiwear", 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"
|
||||
description="Our current collection focuses on versatility, comfort, and sharp modern style."
|
||||
title="Simple Arrivals"
|
||||
description="Pieces thoughtfully selected for their comfort, utility, and everyday elegance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -191,43 +126,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
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: "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"},
|
||||
{
|
||||
id: "t2",
|
||||
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: "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"},
|
||||
{
|
||||
id: "t3",
|
||||
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: "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"},
|
||||
{
|
||||
id: "t4",
|
||||
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: "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"},
|
||||
{
|
||||
id: "t5",
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Hear what our style-conscious customers are saying about Citiwear."
|
||||
title="From Our Community"
|
||||
description="We are grateful to be part of your daily wardrobe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -235,11 +145,10 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="STAY UPDATED"
|
||||
title="Join Our Inner Circle"
|
||||
description="Sign up for updates on new collection drops, exclusive offers, and styling tips from Citiwear experts."
|
||||
title="We'd Love To Connect"
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -250,54 +159,27 @@ export default function LandingPage() {
|
||||
logoText="CITIWEAR"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "View Arrivals", href: "#products"},
|
||||
{
|
||||
label: "New In",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Our Selection", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Values", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -306,4 +188,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user