Update src/app/womens-jackets/page.tsx

Merge version_1 into main

src/app/mens-jackets/page.tsx

@@ -0,0 +1,75 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function MensJacketsPage() {
+  const commonThemeProviderProps = {
+    defaultButtonVariant: "text-shift",    defaultTextAnimation: "background-highlight",    borderRadius: "soft",    contentWidth: "smallMedium",    sizing: "mediumLargeSizeMediumTitles",    background: "aurora",    cardStyle: "soft-shadow",    primaryButtonStyle: "double-inset",    secondaryButtonStyle: "solid",    headingFontWeight: "normal"} as const;
+
+  const navItems = [
+    { name: "Men's Jackets", id: "/mens-jackets" },
+    { name: "Women's Jackets", id: "/womens-jackets" },
+    { name: "Women's Coats", id: "/womens-coats" },
+    { name: "Why Choose Us", id: "/#why-choose-us" },
+  ];
+
+  const navbarProps = {
+    navItems: navItems,
+    button: {
+      text: "Contact Us",      href: "https://wa.me/917973765468?text=Hi,%0AI%20want%20to%20know%20more%20about%20your%20products%20and%20services."},
+    logoSrc: "http://img.b2bpic.net/free-photo/woman-jacket_1303-3803.jpg",    logoAlt: "DRIXUN Luxury Fashion Logo",    brandName: "DRIXUN"};
+
+  const footerProps = {
+    logoSrc: "http://img.b2bpic.net/free-photo/woman-jacket_1303-3803.jpg",    logoAlt: "DRIXUN Luxury Fashion Logo",    logoText: "DRIXUN",    leftLink: { text: "Home", href: "/" },
+    rightLink: { text: "Privacy Policy", href: "#" },
+  };
+
+  return (
+    <ThemeProvider {...commonThemeProviderProps}>
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered {...navbarProps} />
+        </div>
+
+        <div id="mens-jackets" data-section="mens-jackets">
+            <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="two-columns-alternating-heights"
+            useInvertedBackground={false}
+            products={[
+                {
+                    id: "mj1",          name: "Classic Biker Jacket",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-cool-old-woman-with-motorcycle_23-2150742870.jpg",          imageAlt: "Classic men's biker jacket",          onProductClick: () => { window.open('https://wa.me/917973765468?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
+                },
+                {
+                    id: "mj2",          name: "Urban Bomber Jacket",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/winter-concept-guy-brown-coat-salesman-christmas-tree_1157-48599.jpg",          imageAlt: "Urban men's bomber jacket",          onProductClick: () => { window.open('https://wa.me/917973765468?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
+                },
+                {
+                    id: "mj3",          name: "Tailored Trench Coat",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/big-love-autumn-season_329181-2034.jpg",          imageAlt: "Tailored men's trench coat",          onProductClick: () => { window.open('https://wa.me/917973765468?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
+                },
+                {
+                    id: "mj4",          name: "Premium Puffer Jacket",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-young-male-stylish-clothes-standing-outside-alone-near-wall-urban-building-speaking-mobile-phone_1328-4312.jpg",          imageAlt: "Premium men's puffer jacket",          onProductClick: () => { window.open('https://wa.me/917973765468?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
+                },
+                {
+                    id: "mj5",          name: "Distressed Denim Jacket",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/cyclist-using-smartphone-steel-bridge_613910-14382.jpg",          imageAlt: "Distressed men's denim jacket",          onProductClick: () => { window.open('https://wa.me/917973765468?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
+                },
+                {
+                    id: "mj6",          name: "Luxury Varsity Jacket",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-outside_23-2148884590.jpg",          imageAlt: "Luxury men's varsity jacket",          onProductClick: () => { window.open('https://wa.me/917973765468?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
+                },
+            ]}
+            title="Men's Jackets Collection"
+            description="Sophistication meets superior warmth and durability. Explore our range of impeccably crafted men's jackets, designed for the discerning gentleman."
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal {...footerProps} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -104,11 +104,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "men-jackets",          name: "Men's Jackets",          price: "View Collection",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-trendy-dressed-comes-down-stairs-outside_613910-18396.jpg",          imageAlt: "Stylish man wearing a luxury jacket"},
+          id: "men-jackets",          name: "Men's Jackets",          price: "View Collection",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-trendy-dressed-comes-down-stairs-outside_613910-18396.jpg",          imageAlt: "Stylish man wearing a luxury jacket",          onProductClick: () => document.getElementById('mens-jackets')?.scrollIntoView({ behavior: 'smooth' })
+        },
         {
-          id: "women-jackets",          name: "Women's Jackets",          price: "View Collection",          imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-winter-cloths_1303-16949.jpg",          imageAlt: "Elegant woman wearing a designer jacket"},
+          id: "women-jackets",          name: "Women's Jackets",          price: "View Collection",          imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-winter-cloths_1303-16949.jpg",          imageAlt: "Elegant woman wearing a designer jacket",          onProductClick: () => document.getElementById('womens-jackets')?.scrollIntoView({ behavior: 'smooth' })
+        },
         {
-          id: "women-coats",          name: "Women's Coats",          price: "View Collection",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-female-with-black-hat-sitting-cafe-glass-wall_181624-21926.jpg",          imageAlt: "Sophisticated woman wearing a luxury coat"},
+          id: "women-coats",          name: "Women's Coats",          price: "View Collection",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-female-with-black-hat-sitting-cafe-glass-wall_181624-21926.jpg",          imageAlt: "Sophisticated woman wearing a luxury coat",          onProductClick: () => document.getElementById('womens-coats')?.scrollIntoView({ behavior: 'smooth' })
+        },
       ]}
       title="Explore Our Exclusive Collections"
       description="Discover unparalleled craftsmanship across our curated ranges of luxury jackets and coats for every style and season."
@@ -194,7 +197,7 @@ export default function LandingPage() {
           id: "wc3",          name: "Oversized Shearling Coat",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-phone-beautiful-background-girl_1303-1413.jpg",          imageAlt: "Oversized shearling coat",          onProductClick: () => { window.open('https://wa.me/1234567890?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
         },
         {
-          id: "wc4",          name: "Quilted Mid-Length Coat",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-smiling-skinny-woman-with-curly-hair-walking-street-stairs-dressed-warm-brown-coat-blue-suit-autumn-trendy-fashion-street-style_285396-7078.jpg",          imageAlt: "Quilted mid-length coat",          onProductClick: () => { window.open('https://wa.me/1234567890?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
+          id: "wc4",          name: "Quilted Mid-Length Coat",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-smiling-skinny-woman-with-curly-hair-walking-street-stairs-dressed-warm-brown-coat-blue-suit-autumn-trendy-fashion-street-style_285396-6917.jpg",          imageAlt: "Quilted mid-length coat",          onProductClick: () => { window.open('https://wa.me/1234567890?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
         },
         {
           id: "wc5",          name: "Elegant Wrap Coat",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-black-dress-grey-spring-coat_613910-7084.jpg",          imageAlt: "Elegant women's wrap coat",          onProductClick: () => { window.open('https://wa.me/1234567890?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
@@ -275,4 +278,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/womens-jackets/page.tsx

@@ -0,0 +1,75 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function WomensJacketsPage() {
+  const commonThemeProviderProps = {
+    defaultButtonVariant: "text-shift",    defaultTextAnimation: "background-highlight",    borderRadius: "soft",    contentWidth: "smallMedium",    sizing: "mediumLargeSizeMediumTitles",    background: "aurora",    cardStyle: "soft-shadow",    primaryButtonStyle: "double-inset",    secondaryButtonStyle: "solid",    headingFontWeight: "normal"} as const;
+
+  const navItems = [
+    { name: "Men's Jackets", id: "/mens-jackets" },
+    { name: "Women's Jackets", id: "/womens-jackets" },
+    { name: "Women's Coats", id: "/womens-coats" },
+    { name: "Why Choose Us", id: "/#why-choose-us" },
+  ];
+
+  const navbarProps = {
+    navItems: navItems,
+    button: {
+      text: "Contact Us",      href: "https://wa.me/917973765468?text=Hi,%0AI%20want%20to%20know%20more%20about%20your%20products%20and%20services."},
+    logoSrc: "http://img.b2bpic.net/free-photo/woman-jacket_1303-3803.jpg",    logoAlt: "DRIXUN Luxury Fashion Logo",    brandName: "DRIXUN"};
+
+  const footerProps = {
+    logoSrc: "http://img.b2bpic.net/free-photo/woman-jacket_1303-3803.jpg",    logoAlt: "DRIXUN Luxury Fashion Logo",    logoText: "DRIXUN",    leftLink: { text: "Home", href: "/" },
+    rightLink: { text: "Privacy Policy", href: "#" },
+  };
+
+  return (
+    <ThemeProvider {...commonThemeProviderProps}>
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered {...navbarProps} />
+        </div>
+
+        <div id="womens-jackets" data-section="womens-jackets">
+            <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="asymmetric-60-wide-40-narrow"
+            useInvertedBackground={true}
+            products={[
+                {
+                    id: "wj1",          name: "Elegant Cropped Leather Jacket",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-biker-girl-wearing-black-leather-jacket-holding-helmet-while-leaning-her-superbike-outside-building_613910-5996.jpg",          imageAlt: "Elegant women's cropped leather jacket",          onProductClick: () => { window.open('https://wa.me/917973765468?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
+                },
+                {
+                    id: "wj2",          name: "Tailored White Blazer",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-business-woman-blue-jacket-by-office-center_1303-28980.jpg",          imageAlt: "Tailored women's white blazer",          onProductClick: () => { window.open('https://wa.me/917973765468?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
+                },
+                {
+                    id: "wj3",          name: "Satin Bomber Jacket",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/woman-by-building-new-year-mood-lady-black-jacket_1157-40731.jpg",          imageAlt: "Women's satin bomber jacket",          onProductClick: () => { window.open('https://wa.me/917973765468?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
+                },
+                {
+                    id: "wj4",          name: "Embroidered Denim Jacket",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-stylish-beautiful-young-brunette-woman-model-summer-hipster-colorful-casual-clothes-posing-street_158538-12303.jpg",          imageAlt: "Embroidered women's denim jacket",          onProductClick: () => { window.open('https://wa.me/917973765468?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
+                },
+                {
+                    id: "wj5",          name: "Metallic Puffer Jacket",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-posing-winter-autumn-fashion-trend-blue-puffer-coat-hat-beret-old-beautiful-street-stairs_285396-6917.jpg",          imageAlt: "Metallic women's puffer jacket",          onProductClick: () => { window.open('https://wa.me/917973765468?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
+                },
+                {
+                    id: "wj6",          name: "Classic Tweed Jacket",          price: "Enquire Now",          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-beige-coat-walking-street-christmas_1303-26103.jpg",          imageAlt: "Classic women's tweed jacket",          onProductClick: () => { window.open('https://wa.me/917973765468?text=Hi,%0AI%20am%20interested%20in%20this%20design.%0APlease%20share%20complete%20specifications%20and%20pricing.', '_blank'); },
+                },
+            ]}
+            title="Women's Jackets Collection"
+            description="Embrace elegance and comfort with our chic designs. Our women's jackets blend contemporary trends with timeless sophistication, perfect for every occasion."
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal {...footerProps} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}