Update src/app/styles/variables.css

src/app/blog/page.tsx

@@ -12,7 +12,6 @@ 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" },
@@ -72,7 +71,7 @@ export default function BlogPage() {
           brandName="Aura Hub Finds"
           navItems={navItems}
           button={{
-            text: "Shop Now",            href: "/products"}}
+            text: "Shop Now",            href: "/reviews"}}
         />
       </div>
 
@@ -164,4 +163,4 @@ export default function BlogPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -9,7 +9,6 @@ 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" },
@@ -67,7 +66,7 @@ export default function ContactPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={navItems}
-          button={{ text: "Shop Now", href: "/products" }}
+          button={{ text: "Shop Now", href: "/reviews" }}
           brandName="Aura Hub Finds"
         />
       </div>
@@ -94,4 +93,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/guides/page.tsx

@@ -12,7 +12,6 @@ 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" },
@@ -72,7 +71,7 @@ export default function GuidesPage() {
           brandName="Aura Hub Finds"
           navItems={navItems}
           button={{
-            text: "Shop Now",            href: "/products"}}
+            text: "Shop Now",            href: "/reviews"}}
         />
       </div>
 
@@ -159,4 +158,4 @@ export default function GuidesPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -16,7 +16,6 @@ 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" },
@@ -74,7 +73,7 @@ export default function HomePage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={navItems}
-          button={{ text: "Shop Now", href: "/products" }}
+          button={{ text: "Shop Now", href: "/reviews" }}
           brandName="Aura Hub Finds"
         />
       </div>
@@ -123,7 +122,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: "/products" }]}
+          buttons={[{ text: "Shop All Products", href: "/reviews" }]}
           buttonAnimation="slide-up"
         />
       </div>
@@ -250,4 +249,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -1,135 +0,0 @@
-"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,7 +12,6 @@ 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" },
@@ -70,7 +69,7 @@ export default function ReviewsPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={navItems}
-          button={{ text: "Shop Now", href: "/products" }}
+          button={{ text: "Shop Now", href: "/reviews" }}
           brandName="Aura Hub Finds"
         />
       </div>
@@ -90,7 +89,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"
@@ -146,4 +145,4 @@ export default function ReviewsPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #FF7B05;
+  --background: #fffef9;
+  --card: #faf8f2;
+  --foreground: #2b1b0f;
+  --primary-cta: #d4622f;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #faf8f2;
   --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
-  --background-accent: #FF7B05;
+  --accent: #e8d4c0;
+  --background-accent: #d4622f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);