Update theme fonts

Update src/app/styles/variables.css
2026-05-18 08:51:29 +00:00 · 2026-05-18 08:51:29 +00:00 · 2026-05-18 08:50:57 +00:00 · 2026-05-18 08:50:56 +00:00 · 2026-05-18 08:49:16 +00:00 · 2026-05-18 08:49:13 +00:00
4 changed files with 63 additions and 180 deletions
--- 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
@@ -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: "#"},
          ],
        },
      ]}
--- 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	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	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