Merge version_2 into main

Merge version_2 into main

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #ffffff;;
-  --card: #fafafa;;
-  --foreground: #000000;;
-  --primary-cta: #00cc00;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e5e5e5;;
-  --background-accent: #f5f5f5;;
+  --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #e6e6e6;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #737373;;
+  --background-accent: #737373;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/layout.tsx

@@ -1264,4 +1264,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
@@ -14,7 +14,7 @@ export default function TapeVaultPage() {
     <ThemeProvider
       defaultButtonVariant="hover-bubble"
       defaultTextAnimation="reveal-blur"
-      borderRadius="sharp"
+      borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="largeSmallSizeLargeTitles"
       background="fluid"
@@ -200,4 +200,4 @@ export default function TapeVaultPage() {
       </div>
     </ThemeProvider>
   );
-}
+}