Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroSplit from "@/components/sections/hero/HeroSplit";
+import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
 import TextAbout from "@/components/sections/about/TextAbout";
 import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
 import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
@@ -39,13 +39,10 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplit
-          title="Architectural Visions Refined"
+        <HeroLogoBillboard
+          logoText="Viatelier"
           description="Viatelier brings timeless Italian design principles to contemporary architectural spaces. We craft experiences that transcend aesthetics—creating environments where precision meets poetry."
           background={{ variant: "rotated-rays-animated" }}
-          tag="Est. 2010"
-          tagIcon={Sparkles}
-          tagAnimation="blur-reveal"
           buttons={[
             { text: "Explore Our Work", href: "#metric" },
             { text: "Book Consultation", href: "#contact" },
@@ -53,17 +50,8 @@ export default function LandingPage() {
           buttonAnimation="slide-up"
           imageSrc="http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg"
           imageAlt="Viatelier architectural masterpiece"
-          imagePosition="right"
           mediaAnimation="blur-reveal"
-          fixedMediaHeight={true}
-          marqueeItems={[
-            { type: "text", text: "Architectural Excellence" },
-            { type: "text", text: "Italian Design" },
-            { type: "text", text: "Contemporary Spaces" },
-            { type: "text", text: "Precision Crafted" },
-          ]}
-          showMarqueeCard={true}
-          marqueeSpeed={40}
+          frameStyle="card"
         />
       </div>