Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import MediaAbout from "@/components/sections/about/MediaAbout";
 import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
@@ -44,10 +44,9 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardScroll
+        <HeroOverlay
           title="Handcrafted Excellence Meets Your Vision"
           description="At High Vibe Wood, we transform your space with bespoke, custom-built furniture and built-ins designed to last a lifetime. From stunning dining tables to seamless built-in shelving, every piece reflects meticulous craftsmanship and your unique style."
-          background={{ variant: "plain" }}
           tag="Premium Custom Woodworking"
           tagIcon={Hammer}
           tagAnimation="slide-up"
@@ -58,6 +57,8 @@ export default function LandingPage() {
           buttonAnimation="slide-up"
           imageSrc="http://img.b2bpic.net/free-photo/restorer-antique-furniture-works-new-project_1163-3140.jpg"
           imageAlt="Master craftsman carefully finishing custom wooden furniture in a bright workshop"
+          showDimOverlay={true}
+          showBlur={true}
           ariaLabel="Hero section showcasing premium custom woodworking"
         />
       </div>

src/app/styles/variables.css

@@ -10,7 +10,7 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fafffb;
+  --background: #949BA0;
   --card: #f7fffa;
   --foreground: #001a0a;
   --primary-cta: #0a7039;