fix: resolve layout overlap on subpages and add language switcher to navbar

components/home/HeroSlider.tsx

@@ -5,9 +5,11 @@ import Image from 'next/image';
 import { heroSlides } from '@/lib/data';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { Link } from '@/i18n/routing';
+import { useTranslations } from 'next-intl';
 
 export function HeroSlider() {
   const [current, setCurrent] = useState(0);
+  const t = useTranslations('hero');
 
   useEffect(() => {
     const timer = setInterval(() => {
@@ -20,7 +22,7 @@ export function HeroSlider() {
   const prevSlide = () => setCurrent(current === 0 ? heroSlides.length - 1 : current - 1);
 
   return (
-    <div className="relative h-[80vh] min-h-[600px] w-full overflow-hidden group bg-deepblue-900">
+    <div className="relative h-screen min-h-[600px] w-full overflow-hidden group bg-deepblue-900">
       {/* Decorative Aurora Gradients */}
       <div className="absolute inset-0 overflow-hidden pointer-events-none z-10 opacity-60 mix-blend-screen">
         <div className="absolute -top-[30%] -left-[10%] w-[60%] h-[60%] rounded-full bg-vibrantorange-500/30 blur-[120px] animate-pulse" style={{ animationDuration: '8s' }} />
@@ -53,14 +55,14 @@ export function HeroSlider() {
           ÖLÜDENİZ <span className="text-transparent bg-clip-text bg-gradient-to-r from-turquoise-500 to-vibrantorange-500">TOUR</span> TRAVELS
         </h1>
         <p className="text-xl md:text-3xl text-sandwhite-100 mb-12 max-w-4xl mx-auto font-medium animate-in fade-in slide-in-from-bottom-8 duration-1000 delay-300 fill-mode-both drop-shadow-lg">
-          Mavi Yolculuk, Günübirlik Turlar ve Unutulmaz Aktiviteler
+          {t('subtitle')}
         </p>
         <div className="flex flex-col sm:flex-row gap-6 animate-in fade-in slide-in-from-bottom-8 duration-1000 delay-700 fill-mode-both">
           <Link href="/turlar" className="px-10 py-5 bg-gradient-to-r from-vibrantorange-500 to-orange-400 hover:from-orange-400 hover:to-vibrantorange-500 text-white rounded-2xl font-bold text-lg transition-all shadow-[0_0_30px_rgba(249,115,22,0.4)] hover:shadow-[0_0_50px_rgba(249,115,22,0.6)] hover:-translate-y-1">
-            Turları Keşfet
+            {t('exploreTours')}
           </Link>
           <Link href="/aktiviteler" className="px-10 py-5 bg-white/10 hover:bg-white/20 backdrop-blur-md border border-white/20 text-white rounded-2xl font-bold text-lg transition-all shadow-lg hover:shadow-xl hover:-translate-y-1">
-            Aktiviteler
+            {t('activities')}
           </Link>
         </div>
       </div>