Merge version_4 into main

Merge version_4 into main

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>
+  );
+}

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,37 +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>