chore: clean up scratch files and apply remaining updates

app/[locale]/page.tsx

@@ -3,6 +3,29 @@ import { mockDb } from '@/lib/mockDb'
 import ListingCard from '@/components/ListingCard'
 import { Link } from '@/i18n/routing'
 import { Search, MapPin, CheckCircle, ArrowRight } from 'lucide-react'
+import LiveSearchInput from '@/components/LiveSearchInput'
+import type { Metadata } from 'next'
+import { basicMetadata } from '@/lib/seo'
+
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+
+  const title =
+    locale === 'en'
+      ? 'Marmaris Local — Best Local Spots, Hidden From Plain Sight'
+      : locale === 'ru'
+        ? 'Marmaris Local — Лучшие места, которые знают местные'
+        : 'Marmaris Local — Turistin Göremediği Yerel Adresler'
+
+  const description =
+    locale === 'en'
+      ? "Discover Marmaris' best restaurants, apart hotels and local businesses — curated and locally approved, not tourist traps."
+      : locale === 'ru'
+        ? 'Лучшие рестораны, апарт-отели и заведения Мармариса — подборка, проверенная местными жителями.'
+        : "Marmaris'in turistin göremediği en iyi restoranları, apart otelleri ve yerel işletmeleri — yerel onaylı, güvenilir rehber."
+
+  return basicMetadata(title, description)
+}
 
 export default async function HomePage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params
@@ -55,7 +78,7 @@ export default async function HomePage({ params }: { params: Promise<{ locale: s
             </div>
           </div>
 
-          <h2 className="font-heading font-extrabold text-3xl sm:text-5xl lg:text-6xl text-stone leading-tight tracking-tight max-w-3xl mx-auto lowercase">
+          <h1 className="font-heading font-extrabold text-3xl sm:text-5xl lg:text-6xl text-stone leading-tight tracking-tight max-w-3xl mx-auto lowercase">
             {locale === 'tr' && (
               <>En iyi yerel adresler,<br /><span className="text-turquoise">turistin göremediği yerde.</span></>
             )}
@@ -65,7 +88,7 @@ export default async function HomePage({ params }: { params: Promise<{ locale: s
             {locale === 'ru' && (
               <>Лучшие места,<br /><span className="text-turquoise">которые знают местные.</span></>
             )}
-          </h2>
+          </h1>
 
           <p className="text-sm sm:text-base text-stone/70 max-w-xl mx-auto font-medium">
             {t('subtitle')}
@@ -73,19 +96,11 @@ export default async function HomePage({ params }: { params: Promise<{ locale: s
 
           {/* Search Form */}
           <form 
-            action={`/${locale}/restoran`}
+            action={`/${locale}/${categories[0]?.slug || 'restoran'}`}
             method="GET"
             className="max-w-xl mx-auto bg-paper p-2 rounded-2xl flex items-center shadow-lg border border-white/10"
           >
-            <div className="flex items-center flex-1 px-3">
-              <Search className="w-5 h-5 text-shutter shrink-0" />
-              <input
-                type="text"
-                name="search"
-                placeholder={t('searchPlaceholder')}
-                className="w-full bg-transparent border-0 focus:ring-0 text-sm py-2 px-3 text-ink placeholder:text-ink/40 outline-none"
-              />
-            </div>
+            <LiveSearchInput placeholder={t('searchPlaceholder')} />
             <button
               type="submit"
               className="bg-turquoise hover:bg-turquoise/90 text-paper font-medium text-xs px-5 py-3 rounded-xl transition"
@@ -168,7 +183,7 @@ export default async function HomePage({ params }: { params: Promise<{ locale: s
             </div>
             
             <Link 
-              href="/restaurants?approved=true"
+              href={`/${categories[0]?.slug || 'restoran'}?approved=true`}
               className="flex items-center gap-1 text-xs font-bold text-pine hover:text-turquoise transition-colors border-b border-pine/20 hover:border-turquoise pb-1 w-fit"
             >
               <span>{locale === 'tr' ? 'tüm onaylı mekanlar' : locale === 'en' ? 'all approved places' : 'все проверенные места'}</span>