src/app/page.tsx

@@ -8,13 +8,16 @@ import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import { Award, Star, Users } from "lucide-react";
+import { useState } from "react";
 
 export default function LandingPage() {
+  const [lang, setLang] = useState('EN');
+
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -30,7 +33,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
       navItems={[
         { name: "Home", id: "hero" },
         { name: "About", id: "about" },
@@ -40,6 +43,16 @@ export default function LandingPage() {
       ]}
       brandName="Tailored Style"
     />
+    <div className="fixed top-4 right-4 z-50 flex gap-2">
+        {['EN', 'ES', 'NL'].map((l) => (
+            <button 
+                key={l} 
+                onClick={() => setLang(l)} 
+                className={`px-2 py-1 text-xs rounded border ${lang === l ? 'bg-primary-cta text-white' : 'bg-card text-foreground'}`}>
+                {l}
+            </button>
+        ))}
+    </div>
   </div>
 
   <div id="hero" data-section="hero">
@@ -142,7 +155,7 @@ export default function LandingPage() {
         { id: "t2", name: "Mark V.", role: "Designer", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/half-body-portrait-proud-guy-enjoying-his-success_179666-2026.jpg" },
         { id: "t3", name: "Elena R.", role: "Manager", company: "Global", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-mall_23-2148195370.jpg" },
         { id: "t4", name: "Tom D.", role: "Finance", company: "Capital", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-arranging-his-clothes-hangers_23-2148401434.jpg" },
-        { id: "t5", name: "Lisa K.", role: "Marketing", company: "Growth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" }
+        { id: "t5", name: "Lisa K.", role: "Marketing", company: "Growth", rating: 5, imageSrc: "http://img.b2bpic.net/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" }
       ]}
       kpiItems={[
         { value: "98%", label: "Return rate" },
@@ -199,4 +212,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}