Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 902d09483b | |||
| 2f8f3a674e | |||
| 0f388a1436 | |||
| 6f93a318b5 | |||
| d78594cc69 | |||
| cf28e1879b | |||
| c64f99902a | |||
| b9419f0ce1 |
212
src/app/page.tsx
212
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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="Wear 06"
|
||||
/>
|
||||
@@ -56,41 +48,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Boutique Wear 06"
|
||||
variant: "gradient-bars"}}
|
||||
title="Redefine Your Style with Premium Urban Streetwear"
|
||||
description="Elevating urban fashion. Discover our curated collection of premium streetwear, hand-picked for the modern trendsetter."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-indian-hipster-male-dressed-warm-jacket-hat-drinks-coffee-from-red-cup-near-wall-red-brick_613910-15018.jpg",
|
||||
imageAlt: "Collection Display 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-indian-hipster-male-dressed-warm-jacket-hat-drinks-coffee-from-red-cup-near-wall-red-brick_613910-15018.jpg", imageAlt: "Collection Display 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178893.jpg",
|
||||
imageAlt: "Collection Display 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178893.jpg", imageAlt: "Collection Display 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-women-with-bags-looking-each-other-with-smile-while-walking-clothing-store_146671-15849.jpg",
|
||||
imageAlt: "Collection Display 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164791.jpg",
|
||||
imageAlt: "Collection Display 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-hipster-stylish-female-with-round-sunglasses-posing-street_181624-54031.jpg",
|
||||
imageAlt: "Collection Display 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-with-rack-clothes_23-2148929532.jpg",
|
||||
imageAlt: "Collection Display 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-women-with-bags-looking-each-other-with-smile-while-walking-clothing-store_146671-15849.jpg", imageAlt: "Collection Display 3"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -103,19 +74,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Years Active",
|
||||
value: "5+",
|
||||
},
|
||||
label: "Years Active", value: "5+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Curated Items",
|
||||
value: "1k+",
|
||||
},
|
||||
label: "Curated Items", value: "1k+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Satisfied Clients",
|
||||
value: "3k+",
|
||||
},
|
||||
label: "Satisfied Clients", value: "3k+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -129,41 +94,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Essentials Tee",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-woman-with-jacket-posing-mirror_23-2148870747.jpg",
|
||||
},
|
||||
id: "p1", name: "Essentials Tee", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-woman-with-jacket-posing-mirror_23-2148870747.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban Denim",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-model-man-dressed-jeans-clothes-posing-near-white-textured-wall_158538-7027.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Logo Hoodie",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-walking-seashore-sand-girl-headphones-listening-music_169016-68289.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Street Runners",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-woman-legs-standing-concrete-ledge-her-classic-sneakers_1400-37.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Windbreaker Jacket",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-walking-together-winter-park_1303-12959.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Utility Belt",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frame-sunglasses-camera-wooden-surface_23-2147647142.jpg",
|
||||
},
|
||||
id: "p2", name: "Urban Denim", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-model-man-dressed-jeans-clothes-posing-near-white-textured-wall_158538-7027.jpg"},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Discover our latest arrivals, designed for those who value unique aesthetic and premium comfort."
|
||||
@@ -178,19 +111,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Premium Quality",
|
||||
description: "We source only the best textiles for our boutique garments.",
|
||||
},
|
||||
title: "Premium Quality", description: "We source only the best textiles for our boutique garments."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Latest Trends",
|
||||
description: "Curated selection updated weekly to keep you at the forefront.",
|
||||
},
|
||||
title: "Latest Trends", description: "Curated selection updated weekly to keep you at the forefront."},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Fast Shipping",
|
||||
description: "Fast delivery options so you never wait for your new look.",
|
||||
},
|
||||
title: "Fast Shipping", description: "Fast delivery options so you never wait for your new look."},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Experience superior quality and unmatched style, delivered with passion from the heart of our community."
|
||||
@@ -203,45 +130,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incredible fit!",
|
||||
quote: "The best boutique in the area, hands down.",
|
||||
name: "Ahmed K.",
|
||||
role: "Fashion Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-guy-open-bag-with-gift-looking-inside-with-amazement-happy-face-standing-against-yellow_1258-145856.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "So stylish",
|
||||
quote: "Finally, styles that really fit the streetwear vibe.",
|
||||
name: "Rayan B.",
|
||||
role: "Regular Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-clothes-thrift-shop-side-view_23-2150082900.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great quality",
|
||||
quote: "Every piece feels durable and fresh.",
|
||||
name: "Yassine S.",
|
||||
role: "Streetwear Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-adjusts-hood-his-stylish-anorak-takes-blank-piece-paper-out-its-front-pocket_346278-951.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Weekly visits",
|
||||
quote: "I keep coming back for the new arrivals.",
|
||||
name: "Omar F.",
|
||||
role: "Local Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-cloths-menswear-shop_1303-30756.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Top service",
|
||||
quote: "Love the atmosphere and the helpful team.",
|
||||
name: "Mehdi M.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-curly-haired-woman-shopper-rests-after-making-purchases-mall-dressed-fashionable-clothes-surrounded-by-shopping-bags-looks-gladfully-away-poses-against-blurred-urban-background_273609-59142.jpg",
|
||||
},
|
||||
id: "t1", title: "Incredible fit!", quote: "The best boutique in the area, hands down.", name: "Ahmed K.", role: "Fashion Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/excited-guy-open-bag-with-gift-looking-inside-with-amazement-happy-face-standing-against-yellow_1258-145856.jpg"},
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="Hear what our community says about their latest finds."
|
||||
@@ -253,14 +142,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Fashion Daily",
|
||||
"Urban Style Guide",
|
||||
"Boutique Review",
|
||||
"Streetwear Hub",
|
||||
"Trendsetter Mag",
|
||||
"Style Magazine",
|
||||
"Local Fashion Wire",
|
||||
]}
|
||||
"Fashion Daily", "Urban Style Guide", "Boutique Review"]}
|
||||
title="Trusted by Peers"
|
||||
description="Celebrating urban culture with partners who share our vision."
|
||||
/>
|
||||
@@ -271,20 +153,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the return policy?",
|
||||
content: "You can return items within 14 days of purchase.",
|
||||
},
|
||||
id: "f1", title: "What is the return policy?", content: "You can return items within 14 days of purchase. Please note: items must be unworn with tags attached."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer shipping?",
|
||||
content: "Yes, we ship nationwide with reliable local delivery.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where can we find you?",
|
||||
content: "Visit us at Quartier Seghir, face to restaurant PINO.",
|
||||
},
|
||||
id: "f2", title: "Do you offer shipping?", content: "Yes, we ship nationwide with reliable local delivery."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -295,14 +166,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Visit us at Quartier Seghir, face to restaurant PINO. We're open daily and ready to help you find your next look."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us on Instagram",
|
||||
href: "https://instagram.com/wear_06_",
|
||||
},
|
||||
text: "Contact Us on Instagram", href: "https://instagram.com/wear_06_"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -312,33 +180,9 @@ export default function LandingPage() {
|
||||
logoText="Wear 06"
|
||||
columns={[
|
||||
{
|
||||
title: "Boutique",
|
||||
items: [
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Boutique", items: [
|
||||
{ label: "Collection", href: "#products" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -348,4 +192,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #171717;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #f5f5f5;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #262626;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #737373;
|
||||
--background-accent: #262626;
|
||||
--background: #000802;
|
||||
--card: #0b1a0b;
|
||||
--foreground: #e6ffe6;
|
||||
--primary-cta: #80da9b;
|
||||
--primary-cta-text: #000802;
|
||||
--secondary-cta: #07170b;
|
||||
--secondary-cta-text: #e6ffe6;
|
||||
--accent: #38714a;
|
||||
--background-accent: #2c6541;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user