Merge version_2 into main #1
225
src/app/page.tsx
225
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Dress Wise"
|
||||
/>
|
||||
@@ -56,15 +48,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="DRESS WISE"
|
||||
description="Where Tradition Meets Modern Elegance. Premium tailored menswear designed for confidence, comfort, and timeless class. Crafted for the discerning Pakistani gentleman."
|
||||
description="Elevate your wardrobe with bespoke Pakistani fusion tailoring—get yours delivered in 10 days"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Our Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-business-suit-sitting-chair_1303-17686.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -76,24 +65,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Art of ",
|
||||
},
|
||||
type: "text", content: "The Art of "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shirt-shop_1303-19863.jpg",
|
||||
alt: "Craftsmanship",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shirt-shop_1303-19863.jpg", alt: "Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Precision Tailoring",
|
||||
},
|
||||
type: "text", content: " Precision Tailoring"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Story", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,59 +86,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Dress Wise",
|
||||
name: "Classic Fusion Kurta",
|
||||
price: "PKR 15,000",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11472.jpg",
|
||||
},
|
||||
id: "p1", brand: "Dress Wise", name: "Classic Fusion Kurta", price: "PKR 15,000", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11472.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Dress Wise",
|
||||
name: "Modern Formal Suit",
|
||||
price: "PKR 35,000",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-jeans-sunglasses-posed-against-wooden-wall-indoor-beard-attractive-arab-guy_627829-12979.jpg",
|
||||
},
|
||||
id: "p2", brand: "Dress Wise", name: "Modern Formal Suit", price: "PKR 35,000", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-jeans-sunglasses-posed-against-wooden-wall-indoor-beard-attractive-arab-guy_627829-12979.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Dress Wise",
|
||||
name: "Semi-Formal Fusion",
|
||||
price: "PKR 22,000",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-elegant-groom-posing_23-2150327167.jpg",
|
||||
},
|
||||
id: "p3", brand: "Dress Wise", name: "Semi-Formal Fusion", price: "PKR 22,000", rating: 4,
|
||||
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-elegant-groom-posing_23-2150327167.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Dress Wise",
|
||||
name: "Premium Casual Shirt",
|
||||
price: "PKR 8,500",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-business-man-suit-outside-street_1303-10357.jpg",
|
||||
},
|
||||
id: "p4", brand: "Dress Wise", name: "Premium Casual Shirt", price: "PKR 8,500", rating: 5,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/african-american-business-man-suit-outside-street_1303-10357.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Dress Wise",
|
||||
name: "Signature Fusion Jacket",
|
||||
price: "PKR 28,000",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-adjusts-sleeve-his-jacket_8353-9802.jpg",
|
||||
},
|
||||
id: "p5", brand: "Dress Wise", name: "Signature Fusion Jacket", price: "PKR 28,000", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-adjusts-sleeve-his-jacket_8353-9802.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Dress Wise",
|
||||
name: "Elegance Fusion Set",
|
||||
price: "PKR 42,000",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-retro-stylish-redhead-man-suspenders-posing-against-white-wall-studio_613910-5271.jpg",
|
||||
},
|
||||
id: "p6", brand: "Dress Wise", name: "Elegance Fusion Set", price: "PKR 42,000", rating: 5,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-retro-stylish-redhead-man-suspenders-posing-against-white-wall-studio_613910-5271.jpg"},
|
||||
]}
|
||||
title="Our Fusion Collection"
|
||||
description="Explore our premium selection of traditional-modern fusion menswear."
|
||||
@@ -172,26 +116,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Tailoring",
|
||||
description: "Expertly crafted by master tailors in Karachi.",
|
||||
tag: "Quality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons_23-2148145926.jpg",
|
||||
},
|
||||
id: "f1", title: "Premium Tailoring", description: "Expertly crafted by master tailors in Karachi.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons_23-2148145926.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Comfort & Style",
|
||||
description: "Blending traditional silhouettes with modern breathable fabrics.",
|
||||
tag: "Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-leaning-against-rusty-colored-background_150588-68.jpg",
|
||||
},
|
||||
id: "f2", title: "Comfort & Style", description: "Blending traditional silhouettes with modern breathable fabrics.", tag: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-leaning-against-rusty-colored-background_150588-68.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Exclusivity",
|
||||
description: "Limited edition pieces that define refined fashion.",
|
||||
tag: "Exclusive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-reads-drinks-hotel-lobby_482257-102686.jpg",
|
||||
},
|
||||
id: "f3", title: "Exclusivity", description: "Limited edition pieces that define refined fashion.", tag: "Exclusive", imageSrc: "http://img.b2bpic.net/free-photo/woman-reads-drinks-hotel-lobby_482257-102686.jpg"},
|
||||
]}
|
||||
title="Why Choose Dress Wise?"
|
||||
description="Excellence in every stitch for the modern gentleman."
|
||||
@@ -206,25 +135,15 @@ export default function LandingPage() {
|
||||
author="Ali Khan"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-blond-male-dressed-blue-suit_613910-12750.jpg",
|
||||
alt: "Ali Khan",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-blond-male-dressed-blue-suit_613910-12750.jpg", alt: "Ali Khan"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-posing-gray_158538-4473.jpg",
|
||||
alt: "Zaid Malik",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-posing-gray_158538-4473.jpg", alt: "Zaid Malik"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-white-shirt-dark-photo-studio_613910-3434.jpg",
|
||||
alt: "Hassan Raza",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-white-shirt-dark-photo-studio_613910-3434.jpg", alt: "Hassan Raza"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-hat-mens-store_1303-30896.jpg",
|
||||
alt: "Omar Shah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-hat-mens-store_1303-30896.jpg", alt: "Omar Shah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg",
|
||||
alt: "Bilal Ahmed",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg", alt: "Bilal Ahmed"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -238,23 +157,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Garments Tailored",
|
||||
value: "10,000+",
|
||||
},
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Garments Tailored", value: "10,000+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Happy Customers",
|
||||
value: "8,500+",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Happy Customers", value: "8,500+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Zap,
|
||||
title: "Fusion Designs",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m3", icon: Zap,
|
||||
title: "Fusion Designs", value: "500+"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers that reflect our commitment to excellence."
|
||||
@@ -267,20 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you provide bespoke tailoring?",
|
||||
content: "Yes, we offer custom measurements and tailoring services for all our pieces.",
|
||||
},
|
||||
id: "q1", title: "Do you provide bespoke tailoring?", content: "Yes, we offer custom measurements and tailoring services for all our pieces."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I order from overseas?",
|
||||
content: "Absolutely, we ship globally to our diaspora customers.",
|
||||
},
|
||||
id: "q2", title: "Can I order from overseas?", content: "Absolutely, we ship globally to our diaspora customers."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long does custom order take?",
|
||||
content: "Standard custom orders are completed within 7-10 working days.",
|
||||
},
|
||||
id: "q3", title: "How long does custom order take?", content: "Standard custom orders are completed within 7-10 working days."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/women-shopping-clothes_23-2148915545.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -294,8 +195,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Mailing List"
|
||||
description="Be the first to hear about our new fusion collections and exclusive offers."
|
||||
@@ -310,50 +210,31 @@ export default function LandingPage() {
|
||||
logoText="Dress Wise"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Collections",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Collections", href: "#products"},
|
||||
{
|
||||
label: "Formal Wear",
|
||||
href: "#",
|
||||
},
|
||||
label: "Formal Wear", href: "#"},
|
||||
{
|
||||
label: "Fusion Wear",
|
||||
href: "#",
|
||||
},
|
||||
label: "Fusion Wear", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Size Guide",
|
||||
href: "#",
|
||||
},
|
||||
label: "Size Guide", href: "#"},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Info", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -362,4 +243,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user