Merge version_4 into main

Update src/app/page.tsx
2026-05-18 08:53:51 +00:00 · 2026-05-18 08:53:48 +00:00 · 2026-05-18 08:53:48 +00:00 · 2026-05-18 08:53:27 +00:00 · 2026-05-18 08:53:21 +00:00 · 2026-05-18 08:53:21 +00:00
5 changed files with 116 additions and 229 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -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>
+  );
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -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
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +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"
    />
@@ -55,16 +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="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"
@@ -75,25 +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>
@@ -105,60 +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."
@@ -171,27 +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."
@@ -205,26 +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"
@@ -237,24 +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."
@@ -266,21 +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"
@@ -293,9 +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."
@@ -306,56 +166,12 @@ 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>
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -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;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -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 */
Author	SHA1	Message	Date
bender	b408d75607	Merge version_4 into main Merge version_4 into main	2026-05-18 08:53:51 +00:00
bender	e7d043f5b9	Update src/app/page.tsx	2026-05-18 08:53:48 +00:00
bender	bd1a00531c	Update src/app/about/page.tsx	2026-05-18 08:53:48 +00:00
bender	9f3bc40ebb	Merge version_4 into main Merge version_4 into main	2026-05-18 08:53:27 +00:00
bender	f1da1c9e86	Update src/app/page.tsx	2026-05-18 08:53:21 +00:00
bender	2bfd374f78	Add src/app/about/page.tsx	2026-05-18 08:53:21 +00:00
bender	b4494b4b13	Merge version_3 into main Merge version_3 into main	2026-05-18 08:51:35 +00:00
bender	25a2c7fe2c	Update theme fonts	2026-05-18 08:51:29 +00:00
bender	728a32ef60	Update theme fonts	2026-05-18 08:51:29 +00:00
bender	1d949908fc	Merge version_3 into main Merge version_3 into main	2026-05-18 08:51:00 +00:00
bender	0f11311fea	Update src/app/styles/variables.css	2026-05-18 08:50:57 +00:00
bender	8ecba7ce72	Update src/app/page.tsx	2026-05-18 08:50:56 +00:00
bender	a07b7bfa3b	Merge version_2 into main Merge version_2 into main	2026-05-18 08:49:16 +00:00
bender	a8fe2e940d	Update src/app/page.tsx	2026-05-18 08:49:13 +00:00