From 148b7784eeedf0554521a9f53b4c896c955aa235 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 12 Mar 2026 13:40:24 +0000
Subject: [PATCH] Add src/app/products/page.tsx

---
 src/app/products/page.tsx | 135 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 135 insertions(+)
 create mode 100644 src/app/products/page.tsx

diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
new file mode 100644
index 0000000..0f45106
--- /dev/null
+++ b/src/app/products/page.tsx
@@ -0,0 +1,135 @@
+"use client";
+
+import Link from "next/link";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Sparkles } from "lucide-react";
+
+export default function ProductsPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Products", id: "/products" },
+    { name: "Reviews", id: "/reviews" },
+    { name: "Guides", id: "/guides" },
+    { name: "Blog", id: "/blog" },
+    { name: "Contact", id: "/contact" },
+  ];
+
+  const footerColumns = [
+    {
+      title: "Discover",      items: [
+        { label: "Product Reviews", href: "/reviews" },
+        { label: "Beauty Guides", href: "/guides" },
+        { label: "Blog Articles", href: "/blog" },
+        { label: "Latest Trends", href: "/blog" },
+      ],
+    },
+    {
+      title: "Categories",      items: [
+        { label: "Skincare", href: "#" },
+        { label: "Makeup", href: "#" },
+        { label: "Lip Care", href: "#" },
+        { label: "Budget Finds", href: "#" },
+      ],
+    },
+    {
+      title: "Company",      items: [
+        { label: "About Us", href: "#" },
+        { label: "Contact", href: "/contact" },
+        { label: "Advertise", href: "#" },
+        { label: "Affiliate Program", href: "#" },
+      ],
+    },
+    {
+      title: "Legal",      items: [
+        { label: "Privacy Policy", href: "#" },
+        { label: "Terms of Service", href: "#" },
+        { label: "Disclosure", href: "#" },
+        { label: "Cookie Policy", href: "#" },
+      ],
+    },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="largeSmallSizeLargeTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="inset"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={navItems}
+          button={{ text: "Shop Now", href: "/products" }}
+          brandName="Aura Hub Finds"
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardFour
+          title="Complete Product Collection"
+          description="Explore our full range of premium beauty products carefully selected for quality, effectiveness, and value. Discover skincare essentials, makeup must-haves, and specialized treatments."
+          tag="All Products"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          products={[
+            {
+              id: "1",              name: "Hydrating Facial Serum",              price: "$45.99",              variant: "Moisturizing  Vitamin C",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-cosmetics-concept_23-2148578622.jpg?_wi=2",              imageAlt: "Luxury hydrating facial serum with golden packaging",              isFavorited: false,
+            },
+            {
+              id: "2",              name: "Nourishing Face Mask",              price: "$38.50",              variant: "Detox  Sheet Mask",              imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept_23-2148565322.jpg?_wi=2",              imageAlt: "Premium nourishing face mask in elegant jar",              isFavorited: false,
+            },
+            {
+              id: "3",              name: "Eyeshadow Palette Pro",              price: "$52.00",              variant: "Warm Tones  12 Colors",              imageSrc: "http://img.b2bpic.net/free-photo/skincare-essentials-towel-mirrored-tray_23-2152029120.jpg?_wi=2",              imageAlt: "Professional eyeshadow palette with rich warm tones",              isFavorited: false,
+            },
+            {
+              id: "4",              name: "Advanced Anti-Aging Cream",              price: "$62.00",              variant: "Night  Retinol Complex",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-cosmetics-concept_23-2148578622.jpg?_wi=2",              imageAlt: "Premium anti-aging night cream in glass jar",              isFavorited: false,
+            },
+            {
+              id: "5",              name: "Luminous Highlighter Stick",              price: "$32.00",              variant: "Golden Glow  Long-wear",              imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept_23-2148565322.jpg?_wi=2",              imageAlt: "Radiant highlighter stick with shimmering finish",              isFavorited: false,
+            },
+            {
+              id: "6",              name: "Lip Tint Duo Set",              price: "$28.00",              variant: "Rose  Coral  Vegan",              imageSrc: "http://img.b2bpic.net/free-photo/skincare-essentials-towel-mirrored-tray_23-2152029120.jpg?_wi=2",              imageAlt: "Vegan lip tint duo with natural rosy hues",              isFavorited: false,
+            },
+          ]}
+          buttons={[{ text: "View All Products", href: "/products" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactText
+          text="Looking for a specific product? Can't find what you need? Let us know! We're always adding new beauty finds to our collection based on customer requests."
+          animationType="entrance-slide"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Request a Product", href: "#" },
+            { text: "Share Your Feedback", href: "#" },
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={footerColumns}
+          bottomLeftText="© 2025 Aura Hub Finds. All rights reserved."
+          bottomRightText="Curated with love for beauty lovers"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}