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,31 +61,28 @@ 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>
 
       <div id="process" data-section="process">
         <FeatureCardSix
-          title="Our Process"
-          description="A methodical approach to creating architectural solutions that endure"
+          title="Our Design Process"
+          description="A refined methodology for crafting exceptional fashion experiences and collections"
           tag="Design Methodology"
           tagAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
           features={[
             {
-              id: 1,
-              title: "Research & Discovery",              description: "We begin by understanding the site, context, and client vision. Our team conducts thorough analysis to establish the foundation for exceptional design.",              imageSrc: "http://img.b2bpic.net/free-photo/crop-people-working-with-drafts_23-2147785620.jpg",              imageAlt: "Architectural research and planning phase"
+              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 Development",              description: "Translating insights into refined design concepts. We explore multiple iterations and create detailed visualizations that communicate the architectural vision.",              imageSrc: "http://img.b2bpic.net/free-vector/blue-technology-background-with-circuit_1055-369.jpg",              imageAlt: "Digital design and architectural rendering"
+              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: "Implementation",              description: "Bringing designs to life with precision and care. We manage every detail from planning through completion, ensuring the final result exceeds expectations.",              imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-638.jpg",              imageAlt: "Construction and project implementation"
+              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"
             }
           ]}
           buttonAnimation="blur-reveal"
@@ -97,8 +91,8 @@ export default function LandingPage() {
 
       <div id="metrics" data-section="metrics">
         <MetricCardTwo
-          title="Our Impact"
-          description="Measurable results from our architectural practice"
+          title="Our Influence"
+          description="Measurable impact within the fashion industry and among our community"
           tag="Studio Achievements"
           tagAnimation="blur-reveal"
           textboxLayout="default"
@@ -106,10 +100,10 @@ export default function LandingPage() {
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           metrics={[
-            { id: "1", value: "150+", description: "Projects Completed" },
-            { id: "2", value: "12", description: "International Awards" },
-            { id: "3", value: "25", description: "Studio Professionals" },
-            { id: "4", value: "98%", description: "Client Satisfaction" }
+            { id: "1", value: "200+", description: "Pieces Designed" },
+            { id: "2", value: "15", description: "Fashion Awards" },
+            { id: "3", value: "50+", description: "Global Stockists" },
+            { id: "4", value: "99%", description: "Customer Loyalty" }
           ]}
           buttonAnimation="blur-reveal"
         />
@@ -117,24 +111,25 @@ export default function LandingPage() {
 
       <div id="contact" data-section="contact">
         <ContactSplit
-          tag="Get In Touch"
-          title="Let's create something extraordinary"
-          description="We're always interested in discussing new projects, creative ideas, or opportunities to collaborate. Reach out to begin a conversation."
+          tag="Connect With Us"
+          title="Collaborate on your next collection"
+          description="We welcome inquiries from brands, retailers, and creative partners. Let's discuss how we can bring your fashion vision to life through thoughtful design."
           tagAnimation="blur-reveal"
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           imageSrc="http://img.b2bpic.net/free-photo/woman-home-having-videocall-with-family_23-2148923824.jpg"
-          imageAlt="Modern collaborative workspace"
+          imageAlt="Collaborative fashion design studio"
           mediaPosition="right"
           mediaAnimation="slide-up"
           inputPlaceholder="your@email.com"
           buttonText="Subscribe"
-          termsText="We respect your privacy and keep our communications minimal. You can unsubscribe at any time."
+          termsText="Stay updated on new collections and design insights. We respect your inbox and share selectively."
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBaseReveal
+          logoText="Atelier"
           columns={[
             {
               title: "Studio",              items: [
@@ -163,4 +158,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}