Merge version_5 into main

Merge version_5 into main

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #fff8f5;;
+  --background: #0a0a0a;;
-  --card: #fff0eb;;
+  --card: #1a1a1a;;
-  --foreground: #3d2c29;;
+  --foreground: #ffffffe6;;
-  --primary-cta: #e8a090;;
+  --primary-cta: #d4af37;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
-  --accent: #f5d5cc;;
+  --accent: #ffd700;;
-  --background-accent: #f0c4b8;;
+  --background-accent: #b8860b;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -46,7 +46,7 @@ export default function LandingPage() {
           tag="Performance Mountain Bikes"
           tagIcon={Zap}
           buttons={[
-            { text: "Explore Our Collection", href: "products" },
+            { text: "Shop Now", href: "products" },
             { text: "Learn More", href: "about" }
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548981332-o291f5g8.jpg"
@@ -115,6 +115,7 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="noInvert"
+          cardNameClassName="text-white"
         />
       </div>