Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e7d043f5b9 | |||
| bd1a00531c | |||
| f1da1c9e86 | |||
| 2bfd374f78 | |||
| b4494b4b13 | |||
| 25a2c7fe2c | |||
| 728a32ef60 | |||
| 1d949908fc | |||
| 0f11311fea | |||
| 8ecba7ce72 | |||
| a07b7bfa3b |
69
src/app/about/page.tsx
Normal file
69
src/app/about/page.tsx
Normal file
@@ -0,0 +1,69 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dress Wise"
|
||||
/>
|
||||
</div>
|
||||
<div id="about">
|
||||
<SplitAbout
|
||||
title="Our Identity & Philosophy"
|
||||
description="At Dress Wise, we believe that style is a reflection of your inner personality. We combine the rich colors of heritage with modern tailoring to create pieces that match your unique aura."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Color Psychology", description: "We curate color palettes that resonate with different personality traits—whether you embody the calm depth of deep blues or the vibrant energy of sunset oranges."
|
||||
},
|
||||
{
|
||||
title: "Personality Alignment", description: "Our designs are crafted to mirror your character. From bold structural pieces for leaders to fluid, comfortable sets for the creative spirit."
|
||||
},
|
||||
{
|
||||
title: "Tailored Craft", description: "Every stitch is a testament to our dedication to perfection, ensuring your garment is as authentic as you are."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-man-adjusts-sleeve-his-jacket_8353-9802.jpg?_wi=2"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305941.jpg?_wi=2"
|
||||
logoText="Dress Wise"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Collections", href: "/#products" }, { label: "Formal Wear", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Size Guide", href: "#" }, { label: "Contact Us", href: "/#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
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({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
const openSans = Open_Sans({
|
||||
variable: "--font-open-sans",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
@@ -37,7 +39,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
|
||||
<body className={`${inter.variable} ${openSans.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
137
src/app/page.tsx
137
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dress Wise"
|
||||
/>
|
||||
@@ -47,13 +43,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="DRESS WISE"
|
||||
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"
|
||||
@@ -64,16 +58,12 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
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: "text", content: " Precision Tailoring"},
|
||||
{ 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: "text", content: " Precision Tailoring" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story", href: "#"},
|
||||
{ text: "Our Story", href: "/about" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -85,24 +75,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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: "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: "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: "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: "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?_wi=1" },
|
||||
{ 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."
|
||||
@@ -115,12 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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."
|
||||
@@ -134,16 +109,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
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/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/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/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-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/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"
|
||||
@@ -156,15 +126,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Garments Tailored", value: "10,000+"},
|
||||
{
|
||||
id: "m2", icon: Award,
|
||||
title: "Happy Customers", value: "8,500+"},
|
||||
{
|
||||
id: "m3", icon: Zap,
|
||||
title: "Fusion Designs", value: "500+"},
|
||||
{ id: "m1", icon: CheckCircle, title: "Garments Tailored", value: "10,000+" },
|
||||
{ id: "m2", icon: Award, title: "Happy Customers", value: "8,500+" },
|
||||
{ id: "m3", icon: Zap, title: "Fusion Designs", value: "500+" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers that reflect our commitment to excellence."
|
||||
@@ -176,12 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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"
|
||||
@@ -194,8 +155,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Mailing List"
|
||||
description="Be the first to hear about our new fusion collections and exclusive offers."
|
||||
@@ -206,41 +166,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305941.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305941.jpg?_wi=1"
|
||||
logoText="Dress Wise"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Collections", href: "#products"},
|
||||
{
|
||||
label: "Formal Wear", href: "#"},
|
||||
{
|
||||
label: "Fusion Wear", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Size Guide", href: "#"},
|
||||
{
|
||||
label: "Shipping Info", href: "#"},
|
||||
{
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All Collections", href: "#products" }, { label: "Formal Wear", href: "#" }, { label: "Fusion Wear", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Size Guide", href: "#" }, { label: "Shipping Info", href: "#" }, { label: "Contact Us", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
font-family: var(--font-open-sans), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
}
|
||||
|
||||
@@ -12,12 +12,12 @@
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #2a2928;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--accent: #c6b180;
|
||||
--background-accent: #c6b180;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
|
||||
Reference in New Issue
Block a user