Update src/app/reviews/page.tsx

Merge version_3 into main

src/app/blog/page.tsx

@@ -12,6 +12,7 @@ import { BookMarked } from "lucide-react";
 export default function BlogPage() {
   const navItems = [
     { name: "Home", id: "/" },
+    { name: "Products", id: "/products" },
     { name: "Reviews", id: "/reviews" },
     { name: "Guides", id: "/guides" },
     { name: "Blog", id: "/blog" },
@@ -71,7 +72,7 @@ export default function BlogPage() {
           brandName="Aura Hub Finds"
           navItems={navItems}
           button={{
-            text: "Shop Now",            href: "/reviews"}}
+            text: "Shop Now",            href: "/products"}}
         />
       </div>
 

src/app/contact/page.tsx

@@ -9,6 +9,7 @@ import Link from "next/link";
 export default function ContactPage() {
   const navItems = [
     { name: "Home", id: "/" },
+    { name: "Products", id: "/products" },
     { name: "Reviews", id: "/reviews" },
     { name: "Guides", id: "/guides" },
     { name: "Blog", id: "/blog" },
@@ -66,7 +67,7 @@ export default function ContactPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={navItems}
-          button={{ text: "Shop Now", href: "/reviews" }}
+          button={{ text: "Shop Now", href: "/products" }}
           brandName="Aura Hub Finds"
         />
       </div>

src/app/guides/page.tsx

@@ -12,6 +12,7 @@ import { BookOpen } from "lucide-react";
 export default function GuidesPage() {
   const navItems = [
     { name: "Home", id: "/" },
+    { name: "Products", id: "/products" },
     { name: "Reviews", id: "/reviews" },
     { name: "Guides", id: "/guides" },
     { name: "Blog", id: "/blog" },
@@ -71,7 +72,7 @@ export default function GuidesPage() {
           brandName="Aura Hub Finds"
           navItems={navItems}
           button={{
-            text: "Shop Now",            href: "/reviews"}}
+            text: "Shop Now",            href: "/products"}}
         />
       </div>
 

src/app/page.tsx

@@ -16,6 +16,7 @@ import { Sparkles, Heart, Star, BookOpen, Quote, BookMarked } from "lucide-react
 export default function HomePage() {
   const navItems = [
     { name: "Home", id: "/" },
+    { name: "Products", id: "/products" },
     { name: "Reviews", id: "/reviews" },
     { name: "Guides", id: "/guides" },
     { name: "Blog", id: "/blog" },
@@ -73,7 +74,7 @@ export default function HomePage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={navItems}
-          button={{ text: "Shop Now", href: "/reviews" }}
+          button={{ text: "Shop Now", href: "/products" }}
           brandName="Aura Hub Finds"
         />
       </div>
@@ -122,7 +123,7 @@ export default function HomePage() {
               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=1",              imageAlt: "Professional eyeshadow palette with rich warm tones",              isFavorited: false,
             },
           ]}
-          buttons={[{ text: "Shop All Products", href: "/reviews" }]}
+          buttons={[{ text: "Shop All Products", href: "/products" }]}
           buttonAnimation="slide-up"
         />
       </div>

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

src/app/reviews/page.tsx

@@ -12,6 +12,7 @@ import { Sparkles } from "lucide-react";
 export default function ReviewsPage() {
   const navItems = [
     { name: "Home", id: "/" },
+    { name: "Products", id: "/products" },
     { name: "Reviews", id: "/reviews" },
     { name: "Guides", id: "/guides" },
     { name: "Blog", id: "/blog" },
@@ -69,7 +70,7 @@ export default function ReviewsPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={navItems}
-          button={{ text: "Shop Now", href: "/reviews" }}
+          button={{ text: "Shop Now", href: "/products" }}
           brandName="Aura Hub Finds"
         />
       </div>
@@ -89,7 +90,7 @@ export default function ReviewsPage() {
           ]}
           avatarText="Tested by 10,000+ beauty enthusiasts"
           buttons={[
-            { text: "Shop Top Picks", href: "#products" },
+            { text: "Shop Top Picks", href: "/products" },
             { text: "Back to Home", href: "/" },
           ]}
           buttonAnimation="slide-up"