Switch to version 3: modified src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -2,18 +2,25 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { useState } from "react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 
 export default function LandingPage() {
+  const [lang, setLang] = useState("EN");
+
+  const toggleLang = () => {
+    setLang((prev) => (prev === "EN" ? "AL" : prev === "AL" ? "IT" : "EN"));
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
@@ -29,22 +36,23 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "Home", id: "hero" },
         { name: "About", id: "about" },
         { name: "Menu", id: "menu" },
         { name: "Reviews", id: "testimonials" },
         { name: "Contact", id: "contact" },
+        { name: lang, id: "#" }
       ]}
-      brandName="La Fortezza "
-      button={{ text: "Reserve Table", href: "#contact" }}
+      brandName="La Fortezza"
+      button={{ text: "Reserve Table", onClick: toggleLang }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCarouselLogo
-      logoText="L'Antica Tirana"
+      logoText="La Fortezza"
       description="Authentic Italian flavors, warm hospitality, and the heart of Italy in Tirana."
       buttons={[{ text: "Reserve Table", href: "#contact" }, { text: "View Menu", href: "#menu" }]}
       slides={[
@@ -159,7 +167,7 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
-      logoText="L'Antica Tirana"
+      logoText="La Fortezza"
       leftLink={{ text: "Privacy Policy", href: "#" }}
       rightLink={{ text: "Terms of Service", href: "#" }}
     />
@@ -167,4 +175,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}