Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -8,22 +8,22 @@ import { Sparkles } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
-      defaultTextAnimation="background-highlight"
-      borderRadius="soft"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
       contentWidth="medium"
       sizing="mediumLargeSizeMediumTitles"
-      background="noiseDiagonalGradient"
-      cardStyle="glass-depth"
-      primaryButtonStyle="shadow"
+      background="floatingGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
-      headingFontWeight="light"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           brandName="RVGS"
           navItems={[
-            { name: "Home", id: "home" },
+            { name: "Home", id: "/" },
             { name: "About", id: "about" },
             { name: "Services", id: "services" },
             { name: "Contact", id: "contact" }
@@ -38,7 +38,7 @@ export default function LandingPage() {
         <HeroSplit
           title="RVGS"
           description="Premium brand excellence. Crafted for forward-thinking businesses and startups that demand sophistication, innovation, and timeless elegance."
-          background={{ variant: "plain" }}
+          background={{ variant: "sparkles-gradient" }}
           tag="Premium Brand"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -54,7 +54,7 @@ export default function LandingPage() {
           fixedMediaHeight={true}
           className="min-h-screen flex items-center justify-center"
           containerClassName="max-w-7xl mx-auto px-4"
-          titleClassName="text-7xl md:text-9xl font-light tracking-wider text-foreground drop-shadow-2xl"
+          titleClassName="text-7xl md:text-9xl font-bold tracking-wider text-foreground drop-shadow-2xl"
           descriptionClassName="text-lg md:text-xl text-foreground/80 max-w-2xl mx-auto leading-relaxed"
           tagClassName="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-accent/10 text-accent"
           buttonContainerClassName="flex gap-4 justify-center md:justify-start flex-wrap"

src/app/styles/variables.css

@@ -10,12 +10,12 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #2b1f17;
-  --card: #3d2f27;
+  --background: #1a1410;
+  --card: #2d2319;
   --foreground: #f5f1ed;
   --primary-cta: #8b6f47;
   --primary-cta-text: #f5f1ed;
-  --secondary-cta: #3d2f27;
+  --secondary-cta: #2d2319;
   --secondary-cta-text: #f5f1ed;
   --accent: #d4af8a;
   --background-accent: #c19a6b;