bot

app/[lang]/etkinlikler/page.tsx

@@ -22,6 +22,7 @@ export async function generateMetadata({ params }: { params: Promise<{ lang: str
 
 export default async function EventsPage({ params }: { params: Promise<{ lang: string }> }) {
   const { lang } = await params;
+  const isEn = lang === "en";
   const events = await prisma.event.findMany({ where: { lang }, orderBy: { date: "asc" } });
 
   return (
@@ -34,8 +35,9 @@ export default async function EventsPage({ params }: { params: Promise<{ lang: s
         <div className="absolute inset-0 z-0">
           <Image
             src="https://images.unsplash.com/photo-1514525253161-7a46d19cd819?q=80&w=2874&auto=format&fit=crop"
-            alt="Kite Beach Akyaka Etkinlikler"
+            alt={isEn ? "Kite Beach Akyaka Events" : "Kite Beach Akyaka Etkinlikler"}
             fill
+            sizes="100vw"
             className="object-cover"
             priority
           />
@@ -48,10 +50,12 @@ export default async function EventsPage({ params }: { params: Promise<{ lang: s
               Kite Beach Akyaka
             </span>
             <h1 className="font-serif text-5xl md:text-7xl font-bold text-white mb-6">
-              Etkinlikler
+              {isEn ? "Events" : "Etkinlikler"}
             </h1>
             <p className="text-white/80 text-lg md:text-xl font-light max-w-2xl mx-auto leading-relaxed">
-              Müzik, spor ve doğanın iç içe geçtiği unutulmaz deneyimler.
+              {isEn 
+                ? "Unforgettable experiences where music, sports, and nature intertwine." 
+                : "Müzik, spor ve doğanın iç içe geçtiği unutulmaz deneyimler."}
             </p>
           </ScrollReveal>
         </div>
@@ -74,6 +78,7 @@ export default async function EventsPage({ params }: { params: Promise<{ lang: s
                       src={event.image}
                       alt={event.title}
                       fill
+                      sizes="(max-width: 768px) 100vw, 50vw"
                       className="object-cover"
                     />
                     {event.badge && (
@@ -114,7 +119,7 @@ export default async function EventsPage({ params }: { params: Promise<{ lang: s
                         href={`/${lang}/iletisim`} 
                         className="inline-flex items-center gap-2 text-xs font-bold tracking-widest uppercase transition-colors bg-accent text-white px-6 py-3 rounded-full hover:bg-accent/90"
                       >
-                        Bize Ulaşın <ArrowRight className="w-4 h-4" />
+                        {isEn ? "Contact Us" : "Bize Ulaşın"} <ArrowRight className="w-4 h-4" />
                       </Link>
                     </div>
                   </div>
@@ -122,7 +127,9 @@ export default async function EventsPage({ params }: { params: Promise<{ lang: s
                 </div>
               </ScrollReveal>
             )) : (
-              <div className="text-center py-20 text-gray-500">Henüz etkinlik eklenmedi.</div>
+              <div className="text-center py-20 text-gray-500">
+                {isEn ? "No events added yet." : "Henüz etkinlik eklenmedi."}
+              </div>
             )}
           </div>
 
@@ -132,16 +139,22 @@ export default async function EventsPage({ params }: { params: Promise<{ lang: s
       {/* CTA BAND */}
       <section className="bg-dark text-white py-24 text-center px-4">
         <ScrollReveal>
-          <span className="block text-accent text-xs font-bold tracking-[0.25em] uppercase mb-4">Organizasyon</span>
-          <h2 className="font-serif text-4xl md:text-5xl font-bold mb-6">Kendi Etkinliğinizi Planlayın</h2>
+          <span className="block text-accent text-xs font-bold tracking-[0.25em] uppercase mb-4">
+            {isEn ? "Organization" : "Organizasyon"}
+          </span>
+          <h2 className="font-serif text-4xl md:text-5xl font-bold mb-6">
+            {isEn ? "Plan Your Own Event" : "Kendi Etkinliğinizi Planlayın"}
+          </h2>
           <p className="text-white/60 max-w-xl mx-auto mb-10 leading-relaxed text-sm">
-            Özel partiler, düğünler veya kurumsal etkinlikler için Kite Beach Akyaka'nın eşsiz atmosferini kiralayabilirsiniz. Detaylar için bizimle iletişime geçin.
+            {isEn 
+              ? "You can rent the unique atmosphere of Kite Beach Akyaka for private parties, weddings, or corporate events. Contact us for details." 
+              : "Özel partiler, düğünler veya kurumsal etkinlikler için Kite Beach Akyaka'nın eşsiz atmosferini kiralayabilirsiniz. Detaylar için bizimle iletişime geçin."}
           </p>
           <Link
-            href="/iletisim"
+            href={`/${lang}/iletisim`}
             className="inline-block border-2 border-white/20 hover:border-white px-10 py-4 rounded-full text-xs font-bold tracking-[0.15em] uppercase transition-all"
           >
-            Bize Ulaşın
+            {isEn ? "Contact Us" : "Bize Ulaşın"}
           </Link>
         </ScrollReveal>
       </section>