Update src/app/layout.tsx

Merge version_2 into main

src/app/page.tsx

@@ -33,6 +33,7 @@ export default function LandingPage() {
             { name: "New Arrivals", id: "products" },
             { name: "Stories", id: "testimonial" },
             { name: "Contact", id: "contact" },
+            { name: "Products", id: "products-page" },
           ]}
           brandName="LUXA"
           bottomLeftText="Luxury Fashion House"
@@ -183,7 +184,7 @@ export default function LandingPage() {
                 { label: "New Arrivals", href: "#products" },
                 { label: "Seasonal Edit", href: "#features" },
                 { label: "Limited Edition", href: "#products" },
-                { label: "All Products", href: "#products" },
+                { label: "All Products", href: "/products" },
               ],
             },
             {
@@ -207,4 +208,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -0,0 +1,113 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Award, ArrowRight } from "lucide-react";
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeLargeTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Collections", id: "/" },
+            { name: "About", id: "/" },
+            { name: "New Arrivals", id: "/" },
+            { name: "Stories", id: "/" },
+            { name: "Contact", id: "/" },
+            { name: "Products", id: "products-page" },
+          ]}
+          brandName="LUXA"
+          bottomLeftText="Luxury Fashion House"
+          bottomRightText="hello@luxa.com"
+        />
+      </div>
+
+      <div id="products" data-section="products" className="pt-20">
+        <ProductCardFour
+          products={[
+            {
+              id: "1",              name: "Silk Evening Gown",              price: "$3,200",              variant: "Black  2 Sizes",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg?_wi=2",              imageAlt: "Black silk evening gown",              isFavorited: false,
+            },
+            {
+              id: "2",              name: "Tailored Trench Coat",              price: "$2,800",              variant: "Cream  3 Colors",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7070.jpg?_wi=2",              imageAlt: "Premium tailored trench coat",              isFavorited: false,
+            },
+            {
+              id: "3",              name: "Italian Leather Tote",              price: "$1,950",              variant: "Cognac  4 Options",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors_23-2149548517.jpg?_wi=2",              imageAlt: "Italian leather luxury tote",              isFavorited: false,
+            },
+            {
+              id: "4",              name: "Sculptural Heel",              price: "$1,450",              variant: "Black  Sizes 35-41",              imageSrc: "http://img.b2bpic.net/free-photo/long-skinny-legs-barefoot-with-high-heeled-sandals-shoes-fashion-details-elegant-beautiful-woman-sitting-vintage-cafe-black-velvet-dress-rich-stylish-lady-elegant-trend-footwear_285396-7257.jpg?_wi=2",              imageAlt: "Sculptural black heel",              isFavorited: false,
+            },
+            {
+              id: "5",              name: "Cashmere Sweater",              price: "$1,650",              variant: "Ivory  XS-L",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg?_wi=2",              imageAlt: "Premium cashmere sweater",              isFavorited: false,
+            },
+            {
+              id: "6",              name: "Structured Blazer",              price: "$2,400",              variant: "Navy  XS-XL",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7070.jpg?_wi=2",              imageAlt: "Tailored structured blazer",              isFavorited: false,
+            },
+            {
+              id: "7",              name: "Wide-Leg Trousers",              price: "$1,800",              variant: "Black  24-34",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors_23-2149548517.jpg?_wi=2",              imageAlt: "Wide-leg luxury trousers",              isFavorited: false,
+            },
+            {
+              id: "8",              name: "Leather Belt",              price: "$950",              variant: "Brown  28-40",              imageSrc: "http://img.b2bpic.net/free-photo/long-skinny-legs-barefoot-with-high-heeled-sandals-shoes-fashion-details-elegant-beautiful-woman-sitting-vintage-cafe-black-velvet-dress-rich-stylish-lady-elegant-trend-footwear_285396-7257.jpg?_wi=2",              imageAlt: "Italian leather luxury belt",              isFavorited: false,
+            },
+          ]}
+          title="Complete Collection"
+          description="Browse our full range of luxury fashion pieces, carefully curated for discerning tastes"
+          tag="All Products"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="LUXA"
+          columns={[
+            {
+              items: [
+                { label: "New Arrivals", href: "/products" },
+                { label: "Seasonal Edit", href: "/" },
+                { label: "Limited Edition", href: "/products" },
+                { label: "All Products", href: "/products" },
+              ],
+            },
+            {
+              items: [
+                { label: "Our Story", href: "/" },
+                { label: "Craftsmanship", href: "/" },
+                { label: "Sustainability", href: "#" },
+                { label: "Press", href: "#" },
+              ],
+            },
+            {
+              items: [
+                { label: "Contact Us", href: "/" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Email", href: "mailto:hello@luxa.com" },
+                { label: "Privacy Policy", href: "#" },
+              ],
+            },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}