Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 25a2c7fe2c | |||
| 728a32ef60 | |||
| 0f11311fea | |||
| 8ecba7ce72 | |||
| a07b7bfa3b | |||
| a8fe2e940d |
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { DM_Sans } from "next/font/google";
|
import { DM_Sans } from "next/font/google";
|
||||||
|
import { Open_Sans } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -20,14 +21,15 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const dmSans = DM_Sans({
|
|
||||||
variable: "--font-dm-sans",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
|
||||||
const inter = Inter({
|
const inter = Inter({
|
||||||
variable: "--font-inter",
|
variable: "--font-inter",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
});
|
});
|
||||||
|
const openSans = Open_Sans({
|
||||||
|
variable: "--font-open-sans",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
@@ -37,7 +39,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
|
<body className={`${inter.variable} ${openSans.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
223
src/app/page.tsx
223
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Collection",
|
name: "Collection", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Dress Wise"
|
brandName="Dress Wise"
|
||||||
/>
|
/>
|
||||||
@@ -56,15 +48,12 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
logoText="DRESS WISE"
|
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={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explore Our Collection",
|
text: "Explore Our Collection", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-business-suit-sitting-chair_1303-17686.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-business-suit-sitting-chair_1303-17686.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -76,24 +65,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: "The Art of "},
|
||||||
content: "The Art of ",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shirt-shop_1303-19863.jpg", alt: "Craftsmanship"},
|
||||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shirt-shop_1303-19863.jpg",
|
|
||||||
alt: "Craftsmanship",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: " Precision Tailoring"},
|
||||||
content: " Precision Tailoring",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Our Story",
|
text: "Our Story", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -106,59 +86,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", brand: "Dress Wise", name: "Classic Fusion Kurta", price: "PKR 15,000", rating: 5,
|
||||||
brand: "Dress Wise",
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11472.jpg"},
|
||||||
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",
|
id: "p2", brand: "Dress Wise", name: "Modern Formal Suit", price: "PKR 35,000", rating: 5,
|
||||||
brand: "Dress Wise",
|
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"},
|
||||||
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",
|
id: "p3", brand: "Dress Wise", name: "Semi-Formal Fusion", price: "PKR 22,000", rating: 4,
|
||||||
brand: "Dress Wise",
|
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-elegant-groom-posing_23-2150327167.jpg"},
|
||||||
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",
|
id: "p4", brand: "Dress Wise", name: "Premium Casual Shirt", price: "PKR 8,500", rating: 5,
|
||||||
brand: "Dress Wise",
|
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/african-american-business-man-suit-outside-street_1303-10357.jpg"},
|
||||||
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",
|
id: "p5", brand: "Dress Wise", name: "Signature Fusion Jacket", price: "PKR 28,000", rating: 5,
|
||||||
brand: "Dress Wise",
|
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-adjusts-sleeve-his-jacket_8353-9802.jpg"},
|
||||||
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",
|
id: "p6", brand: "Dress Wise", name: "Elegance Fusion Set", price: "PKR 42,000", rating: 5,
|
||||||
brand: "Dress Wise",
|
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-retro-stylish-redhead-man-suspenders-posing-against-white-wall-studio_613910-5271.jpg"},
|
||||||
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"
|
title="Our Fusion Collection"
|
||||||
description="Explore our premium selection of traditional-modern fusion menswear."
|
description="Explore our premium selection of traditional-modern fusion menswear."
|
||||||
@@ -172,26 +116,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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: "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?"
|
title="Why Choose Dress Wise?"
|
||||||
description="Excellence in every stitch for the modern gentleman."
|
description="Excellence in every stitch for the modern gentleman."
|
||||||
@@ -206,25 +135,15 @@ export default function LandingPage() {
|
|||||||
author="Ali Khan"
|
author="Ali Khan"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-blond-male-dressed-blue-suit_613910-12750.jpg",
|
src: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-blond-male-dressed-blue-suit_613910-12750.jpg", alt: "Ali Khan"},
|
||||||
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",
|
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"},
|
||||||
alt: "Zaid Malik",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-white-shirt-dark-photo-studio_613910-3434.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-white-shirt-dark-photo-studio_613910-3434.jpg", alt: "Hassan Raza"},
|
||||||
alt: "Hassan Raza",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/man-looking-hat-mens-store_1303-30896.jpg",
|
src: "http://img.b2bpic.net/free-photo/man-looking-hat-mens-store_1303-30896.jpg", alt: "Omar Shah"},
|
||||||
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",
|
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"},
|
||||||
alt: "Bilal Ahmed",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="blur-reveal"
|
avatarsAnimation="blur-reveal"
|
||||||
@@ -238,23 +157,14 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", icon: CheckCircle,
|
||||||
icon: CheckCircle,
|
title: "Garments Tailored", value: "10,000+"},
|
||||||
title: "Garments Tailored",
|
|
||||||
value: "10,000+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", icon: Award,
|
||||||
icon: Award,
|
title: "Happy Customers", value: "8,500+"},
|
||||||
title: "Happy Customers",
|
|
||||||
value: "8,500+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", icon: Zap,
|
||||||
icon: Zap,
|
title: "Fusion Designs", value: "500+"},
|
||||||
title: "Fusion Designs",
|
|
||||||
value: "500+",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Impact"
|
title="Our Impact"
|
||||||
description="Numbers that reflect our commitment to excellence."
|
description="Numbers that reflect our commitment to excellence."
|
||||||
@@ -267,20 +177,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Do you provide bespoke tailoring?", content: "Yes, we offer custom measurements and tailoring services for all our pieces."},
|
||||||
title: "Do you provide bespoke tailoring?",
|
|
||||||
content: "Yes, we offer custom measurements and tailoring services for all our pieces.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Can I order from overseas?", content: "Absolutely, we ship globally to our diaspora customers."},
|
||||||
title: "Can I order from overseas?",
|
|
||||||
content: "Absolutely, we ship globally to our diaspora customers.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "How long does custom order take?", content: "Standard custom orders are completed within 7-10 working days."},
|
||||||
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"
|
imageSrc="http://img.b2bpic.net/free-photo/women-shopping-clothes_23-2148915545.jpg"
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
@@ -294,8 +195,7 @@ 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 Mailing List"
|
title="Join Our Mailing List"
|
||||||
description="Be the first to hear about our new fusion collections and exclusive offers."
|
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"
|
logoText="Dress Wise"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Shop",
|
title: "Shop", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "All Collections",
|
label: "All Collections", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Formal Wear",
|
label: "Formal Wear", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Fusion Wear",
|
label: "Fusion Wear", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Size Guide",
|
label: "Size Guide", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Shipping Info",
|
label: "Shipping Info", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact Us",
|
label: "Contact Us", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-inter), sans-serif;
|
font-family: var(--font-open-sans), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-dm-sans), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,12 +12,12 @@
|
|||||||
|
|
||||||
--background: #f5f4ef;
|
--background: #f5f4ef;
|
||||||
--card: #dad6cd;
|
--card: #dad6cd;
|
||||||
--foreground: #2a2928;
|
--foreground: #1a1a1a;
|
||||||
--primary-cta: #2a2928;
|
--primary-cta: #2a2928;
|
||||||
--primary-cta-text: #f5f4ef;
|
--primary-cta-text: #f5f4ef;
|
||||||
--secondary-cta: #ecebea;
|
--secondary-cta: #ecebea;
|
||||||
--secondary-cta-text: #2a2928;
|
--secondary-cta-text: #2a2928;
|
||||||
--accent: #ffffff;
|
--accent: #c6b180;
|
||||||
--background-accent: #c6b180;
|
--background-accent: #c6b180;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
|
|||||||
Reference in New Issue
Block a user