Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import HeroSplit from "@/components/sections/hero/HeroSplit";
 import TextAbout from "@/components/sections/about/TextAbout";
 import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
@@ -24,7 +24,7 @@ export default function LandingPage() {
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
+        <NavbarStyleFullscreen
           navItems={[
             { name: "Work", id: "projects" },
             { name: "Process", id: "process" },
@@ -32,16 +32,13 @@ export default function LandingPage() {
             { name: "Contact", id: "contact" }
           ]}
           brandName="Atelier"
-          button={{
-            text: "Get In Touch",            href: "contact"
-          }}
-          animateOnLoad={true}
+          button={{ text: "Get In Touch", href: "#contact" }}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroSplit
-          title="Architecture that speaks"
+          title="Timeless Fashion Design That Defines Your Brand"
           description="We create thoughtfully designed spaces that balance aesthetics with functionality. Every project reflects our commitment to craftsmanship and innovation."
           tag="Studio Established 2015"
           tagAnimation="blur-reveal"
@@ -51,8 +48,8 @@ export default function LandingPage() {
           imagePosition="right"
           mediaAnimation="slide-up"
           buttons={[
-            { text: "View Our Work", href: "projects" },
-            { text: "Learn More", href: "about" }
+            { text: "View Our Work", href: "#projects" },
+            { text: "Learn More", href: "#about" }
           ]}
           buttonAnimation="blur-reveal"
         />
@@ -64,7 +61,7 @@ export default function LandingPage() {
           title="Defining spaces through purposeful design and meticulous attention to detail"
           useInvertedBackground={false}
           buttons={[
-            { text: "Explore Our Projects", href: "projects" }
+            { text: "Explore Our Projects", href: "#projects" }
           ]}
         />
       </div>
@@ -79,15 +76,12 @@ export default function LandingPage() {
           useInvertedBackground={false}
           features={[
             {
-              id: 1,
               title: "Trend Research",              description: "We explore global fashion movements, emerging aesthetics, and seasonal inspiration. Our team analyzes market trends while maintaining our signature minimalist vision.",              imageSrc: "http://img.b2bpic.net/free-photo/crop-people-working-with-drafts_23-2147785620.jpg",              imageAlt: "Fashion trend research and inspiration gathering"
             },
             {
-              id: 2,
               title: "Concept & Design",              description: "Translating inspiration into refined collections. We sketch, iterate, and refine each piece to embody elegance and functionality, creating designs that resonate.",              imageSrc: "http://img.b2bpic.net/free-vector/blue-technology-background-with-circuit_1055-369.jpg",              imageAlt: "Digital design and fashion rendering"
             },
             {
-              id: 3,
               title: "Production & Curation",              description: "Bringing designs to life with precision craftsmanship. We oversee material selection, quality control, and final presentation, ensuring every piece meets our exacting standards.",              imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-638.jpg",              imageAlt: "Luxury fashion production and quality assurance"
             }
           ]}
@@ -135,6 +129,7 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterBaseReveal
+          logoText="Atelier"
           columns={[
             {
               title: "Studio",              items: [
@@ -163,4 +158,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}