From f8ca2034e0a93703da4248e99476d8601b8c8772 Mon Sep 17 00:00:00 2001
From: ayrisdev <ayris.dev@gmail.com>
Date: Thu, 11 Jun 2026 14:05:36 +0300
Subject: [PATCH] kite-menu-lang

---
 app/MenuClient.tsx          |  39 +++++++++++++++---
 app/{ => [lang]}/layout.tsx |  21 ++++++++--
 app/{ => [lang]}/page.tsx   |  24 +++++++-----
 app/favicon.ico             | Bin 15406 -> 15406 bytes
 implementation_plan.md      |  62 +++++++++++++++++++++++++++++
 lib/dictionaries.ts         |  26 ++++++++++++
 proxy.ts                    |  76 ++++++++++++++++++++++++------------
 7 files changed, 206 insertions(+), 42 deletions(-)
 rename app/{ => [lang]}/layout.tsx (57%)
 rename app/{ => [lang]}/page.tsx (67%)
 create mode 100644 implementation_plan.md
 create mode 100644 lib/dictionaries.ts

diff --git a/app/MenuClient.tsx b/app/MenuClient.tsx
index 20f2206..760cfd2 100644
--- a/app/MenuClient.tsx
+++ b/app/MenuClient.tsx
@@ -2,9 +2,11 @@
 
 import { useEffect, useState, useRef } from "react";
 import { motion, AnimatePresence } from "framer-motion";
+import { useRouter, usePathname } from "next/navigation";
 import { MenuCategory, MenuItem as MenuItemType } from "@/data/menu";
 import { CategoryNav } from "@/components/CategoryNav";
 import { MenuItem } from "@/components/MenuItem";
+import { getDictionary } from "@/lib/dictionaries";
 
 export const CATEGORY_ICONS: Record<string, string> = {
   "kahvaltiliklar": "🌅",
@@ -35,12 +37,23 @@ type SiteSettings = {
   restaurantName: string
 }
 
-export default function MenuClient({ initialCategories, siteSettings }: { initialCategories: MenuCategory[], siteSettings: SiteSettings }) {
+export default function MenuClient({ initialCategories, siteSettings, lang = "tr" }: { initialCategories: MenuCategory[], siteSettings: SiteSettings, lang?: string }) {
   const [activeCategoryId, setActiveCategoryId] = useState<string>(
     initialCategories[0]?.id || ""
   );
   const [selectedItem, setSelectedItem] = useState<MenuItemType | null>(null);
   const sectionRefs = useRef<(HTMLElement | null)[]>([]);
+  
+  const router = useRouter();
+  const pathname = usePathname();
+  const t = getDictionary(lang);
+
+  const switchLanguage = (newLang: string) => {
+    if (newLang === lang) return;
+    // Replace the current locale in the pathname
+    const newPath = pathname.replace(`/${lang}`, `/${newLang}`);
+    router.push(newPath || `/${newLang}`);
+  };
 
   useEffect(() => {
     const observer = new IntersectionObserver(
@@ -81,6 +94,22 @@ export default function MenuClient({ initialCategories, siteSettings }: { initia
           }}
         />
 
+        {/* Language Switcher */}
+        <div className="absolute top-4 right-4 z-20 flex gap-2">
+          <button 
+            onClick={() => switchLanguage('tr')} 
+            className={`px-3 py-1.5 rounded-full text-[11px] font-sans tracking-widest uppercase transition-colors ${lang === 'tr' ? 'bg-white text-stone-900 font-bold' : 'bg-black/40 text-white/90 backdrop-blur-sm border border-white/20'}`}
+          >
+            TR
+          </button>
+          <button 
+            onClick={() => switchLanguage('en')} 
+            className={`px-3 py-1.5 rounded-full text-[11px] font-sans tracking-widest uppercase transition-colors ${lang === 'en' ? 'bg-white text-stone-900 font-bold' : 'bg-black/40 text-white/90 backdrop-blur-sm border border-white/20'}`}
+          >
+            EN
+          </button>
+        </div>
+
         {/* Dark overlay to make text readable */}
         <div className="absolute inset-0 z-0 bg-gradient-to-b from-black/60 via-black/40 to-black/80" />
 
@@ -96,7 +125,7 @@ export default function MenuClient({ initialCategories, siteSettings }: { initia
               className="text-[10px] tracking-[0.38em] uppercase mb-8 font-sans font-medium"
               style={{ color: "rgba(255,220,160,1)" }}
             >
-              Akyaka · Muğla
+              {siteSettings.location || t.hero.location}
             </p>
 
             {/* Logo */}
@@ -120,7 +149,7 @@ export default function MenuClient({ initialCategories, siteSettings }: { initia
               className="text-xs font-sans tracking-wide"
               style={{ color: "rgba(255,218,168,0.5)" }}
             >
-              Akyaka&apos;nın en keyifli menüsü
+              {t.hero.subtitle}
             </p>
           </motion.div>
         </div>
@@ -203,7 +232,7 @@ export default function MenuClient({ initialCategories, siteSettings }: { initia
             className="text-[10px] font-sans tracking-[0.3em] uppercase mt-1"
             style={{ color: "rgba(255,200,130,0.35)" }}
           >
-            Akyaka, Muğla
+            {siteSettings.location || t.hero.location}
           </p>
           <div
             className="flex items-center gap-3 my-4"
@@ -217,7 +246,7 @@ export default function MenuClient({ initialCategories, siteSettings }: { initia
             className="text-[11px] font-sans"
             style={{ color: "rgba(120,90,60,0.5)" }}
           >
-            © 2026 KiteBeach Akyaka. Tüm hakları saklıdır.
+            {t.footer.copyright}
           </p>
           <a
             href="https://ayris.tech"
diff --git a/app/layout.tsx b/app/[lang]/layout.tsx
similarity index 57%
rename from app/layout.tsx
rename to app/[lang]/layout.tsx
index 5164764..593af07 100644
--- a/app/layout.tsx
+++ b/app/[lang]/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { Cormorant_Garamond, Plus_Jakarta_Sans } from "next/font/google";
-import "./globals.css";
+import Script from "next/script";
+import "../globals.css";
 
 const cormorant = Cormorant_Garamond({
   variable: "--font-cormorant",
@@ -22,14 +23,26 @@ export const metadata: Metadata = {
   description: "Kite Beach Akyaka dijital menü.",
 };
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
+  params,
 }: Readonly<{
   children: React.ReactNode;
+  params: Promise<{ lang: string }>;
 }>) {
+  const { lang } = await params;
+
   return (
-    <html lang="tr" className={`${cormorant.variable} ${jakarta.variable} h-full`}>
-      <body className="min-h-full flex flex-col antialiased" suppressHydrationWarning>{children}</body>
+    <html lang={lang} className={`${cormorant.variable} ${jakarta.variable} h-full`}>
+      <body className="min-h-full flex flex-col antialiased" suppressHydrationWarning>
+        {children}
+        {/* VPS Panel Analytics */}
+        <Script 
+          src="https://panel.ayris.tech/api/analytics/script" 
+          data-domain="https://menu.kitebeachakyaka.com.tr/" 
+          strategy="afterInteractive" 
+        />
+      </body>
     </html>
   );
 }
diff --git a/app/page.tsx b/app/[lang]/page.tsx
similarity index 67%
rename from app/page.tsx
rename to app/[lang]/page.tsx
index 906f114..71c5732 100644
--- a/app/page.tsx
+++ b/app/[lang]/page.tsx
@@ -1,8 +1,8 @@
 import prisma from "@/lib/prisma";
-import MenuClient from "./MenuClient";
+import MenuClient from "../MenuClient";
 import { MenuCategory } from "@/data/menu";
 
-async function getMenuData(): Promise<MenuCategory[]> {
+async function getMenuData(lang: string): Promise<MenuCategory[]> {
   const dbCategories = await prisma.categories.findMany({
     where: { status: 1 },
     orderBy: { order_num: "asc" },
@@ -17,12 +17,12 @@ async function getMenuData(): Promise<MenuCategory[]> {
     const categoryProducts = dbProducts.filter((p) => p.category_id === cat.id);
     return {
       id: cat.slug,
-      title: cat.name_tr,
+      title: lang === "tr" ? cat.name_tr : cat.name,
       items: categoryProducts.map((p) => ({
         id: p.id.toString(),
-        name: p.name_tr,
-        description: p.description_tr,
-        price: p.price.toString() + " ₺",
+        name: lang === "tr" ? p.name_tr : p.name,
+        description: (lang === "tr" ? p.description_tr : p.description) || "",
+        price: p.price.toString() + (lang === "tr" ? " ₺" : " ₺"), // Or maybe dynamic currency formatting
         image: p.image_url || '/default-product.png',
       })),
     };
@@ -43,11 +43,17 @@ async function getSiteSettings() {
   }
 }
 
-export default async function Page() {
+export default async function Page({
+  params,
+}: {
+  params: Promise<{ lang: string }>;
+}) {
+  const { lang } = await params;
+  
   const [menuData, siteSettings] = await Promise.all([
-    getMenuData(),
+    getMenuData(lang),
     getSiteSettings(),
   ]);
 
-  return <MenuClient initialCategories={menuData} siteSettings={siteSettings} />;
+  return <MenuClient initialCategories={menuData} siteSettings={siteSettings} lang={lang} />;
 }
diff --git a/app/favicon.ico b/app/favicon.ico
index 380789bc43bc8636cc2755f539b212b58716e388..fcc18274c1cf3a142ff57cceacd8ca98e26826b7 100644
GIT binary patch
literal 15406
zcmeI3>2p-qnZ~;%5ZZe0mJndmwlS-**=?{PW;2_?Y+_#|frKzfNQfQ8W)PbV0=!_1
ziHSY2oj5qg<JdDvWpkWlmbhvrQ#DgFHC6LvKFmK6=J(vKZ}+|3T1d^8%q^Wh?|IL=
zJZE3-RUi-y6bGWw0C76dJRlI576=5=X)`@K76{yiH(`R6KQa*bZ7L8LjSMPin0%tV
zPY}z-Lu6CoNO(jv7Tc0YBv!;?(T63YJR{$bvm|W|Ck_PS@%RhqbP=D9MPpsqIZSxg
z_F+21mTkgfC>e=FCZThdaFFmac3O!K$K#2U$yBn&)-}Oc25dt>OeEr`@!JuN#@fQ+
z$ofb)vIgA_?CuPQ!y6oZ5mF}vEq%&5n$U{RW^6QK<9RYmkSdABqR+!Sm59f~hJ41S
zEEx~FD+veC+k($AWo4y9W0YHV(S0ZZ4&td6YD34gW$MSG(RJkS#s4NaLFk5LGBq0;
zo2b9>m7&T+G#Z`ls%q1Qgu#QK-N-f(UW9%L46CuRHlB!Y0@EURPm{L}Y15&lXD5=$
zWC!Kkh5tp=)gpX7RT&CR2Uj{AiA=%9lhos6Q(M2b9Wy3>Jvs-3*U2M`zoJlO<rvFP
zsqN2<Z5#C0SZqDIhg5%|P-Rj%3ZYPFBz<6l-C;5s$|q$pDC;xeuOn^;|EBWt@)~qU
zB_iQQ%8|7F*-dBYk&wD+B3KkpBwjHwL>s7wW3gCdXFM8hN6K_$D_cGdn^u-++IS)L
z-c7&TOncRVdq*l7ooIM4bli%Dw(XpRkyk{0*VB(*r7k<b(gc4%mR456vY`mRT^e+k
zCsV2CY>pwNd`H)mbZPgC)I5_WJWmK36ol{NICkac@{F{8%wR&SBwa$^9XfXGSdB&J
zu?200qir+n*vK%Aij}DYB}^eJGP1>`-Xrv*Q-s^}iN7cP7GwVsW27k(2{Y^Fd0d7(
z63TP(9m2&kG~|0de!e7brX5@9ORF^=8ONRAX<!VVB|nt0=Cb8+nvrs{T;d{K$pC(y
zp{~#4_ZZ<ge(r(eI=+8Rd=39=2_MqOzkoN^u<15nJF$44tgOnnh0U08KMUJmGiH~9
z;eGtqQ`Whm%FuLp&*Fa_cy1COC2yiIqFH2WdpsFz57))W8394Y?gi{??!QHwx8P?N
z^i_E8fa9Y0_?!j*I`liKWa>-e2Gf6UeqGLU#3|o%_&<Zq>t$tS!?1fCpGV-&B;JY7
zCg_o1`G~x|w9{gO=G#4`rKPOT*5eR1qZe^7I1sy^V)q8&BEGKC$7}JspLRG}UQsb$
z_?VxsRaREk;&U_UW#oO1{7rasGG0soeSyI`Jq=&0z`)v_n2$~N53&95w&AOd&{<JY
zKG-f{MMXt5^Xdiih2>Rn+$GQJ(&0En2Bs7&Hu^j9xd#8QGR8loUe)%S;59(Ub8X+h
z|0ih{Q}1c=JJDN8+dZ9S+)Cu}>=rFzjsFQ4*yF_aQJ&|S`|BuMV|8_P1%fi6Fc3`R
zMc%)E-!@x}>}~i5(Ocm*YS6ZnD<hYsH4^<p_&-89_F|`AY05SA{-5p#Y1=Wv#8{s}
z{z>9`^-1Vu><JzP^Fz?L2&Y|cGNfI}8BP{OpL&uy-(FQ!bs0a$u~!S06%<oYwFhb^
zeU@+rAI)HU9o`jmwAYy_IqFJ%<~794;u*hIN!_&L*~%l0?i6%yVQW3{cKjTMw@SV(
z{|i&8)FNyDp!KH=nR#StAEUWPawX{RAVi=uPsUA#XNZ%u^5mCteZiVPo4$XMdf!BP
zlJ<`H8B<vq8pHfIgZg<&^^W|rjLk{Njsfos+GiZrDv-U$IIVU$@{)$nY*6eGc4%xf
z-<_x2^VstoCp{8-hw#asJ9UIM--oXg1hvImsZ_F+_yXza$egdKsTofCDwcEhc7l+Z
zWu2}d2o?<V+2cevW2+Mz?7d@$7~g|QYagcl-~q<^bCkCc-YUWZ>gZ|W>BI|&FJWy!
zDw*8K-Y*TE_sK4~DaN>6N&9|G-<yc7ZZNc{&oj1%QxBt!F^J-zL4zJcqs+1qM1DDi
zC_+c|uQSg$$s1Pv92ptjAIep$v4ei6%7g!N*q-f`6vr`a^!Xf_a&V^{iHvNHSay>7
zUkPrlt#5!sYtCxytj?D5qy~Yp&cn?(&t&=WGPwb3{<(&|%>?al+STUNh2~w~2c1dO
z)0S-0*(qBwi>nUkVwhx*Gh^Z_`oMSbt1-Mp?LeK(#74G)Wt9Hd%>2{)b>H#n5H>s`
z#^+IdE>it7pTA4`BJHq`cBnEjIH-fsP^dm0i?)&fLY5ILArEdZ`DnK;b>4`*ZR(5A
z+bR1D=H(_Zod&~f+9eHd6!XshxVcWZG1XRNYRBcpMY?_TK$lbh-_Q;pQ1%1FKf>Qu
z=EOScq!|n^v(^aXoLD&gW{Uj}_6EwP>8^m&0$BzoD_{K%`;+j0g!yMKb5axKZh(K1
zwtf$q`7e4r5e`qo|9L~#_0yA^OrszvVLMnhus@MHXaAKr1%~USw}R&kbQ61@@xqdf
zCD$e5(c93&U9R(xK8Uhdu7p7bHHWQbKKzFBhT47!{$HT(cMx~sQ}ci0h!G<O3B5}@
zkAF$IvRrhAwAKcP5!AeLQsa;KHT?Yw-*bqyH<(Dj_!)HAu<Ypg`*3md!N|sEDQNA%
z&tDOKP9Gde{a?hl*1ay);*k_wo-OZg5N_J--K5Q2e*MG@o}FPP@YzA%|26aTe_^3K
zW6_q&aQrB*6da4`&C9Wn5zzj#)JSG{mavDBG2+g0(;11sI7%A>u4n^wgkT`eZ{eq(
z)h0E+zzuQ02t$SpDIf8;IfnfZ^wY1?w``k^9fz=U3dXtEiy438nFF>lCoE>{?_(TZ
zAgp9Rp1_jNezTDMd|>kN-L`roW7a*ALG9le!z;n6b?rRs+rNYVYj_RJu|E`_@qLfD
z&N}D0>d@`WO}p{*l{W44U`^SBz^OCXyWsl+b-#u-*hTt%_~U4Y$BBPKdG5l~y3mb`
z_99vr{_mcgf>_C7@GJ-SP4-cr^1k3QbGY`li@@9s_7kk@yV<{80{d2Ehm&^)`EQBO
zP!8?!iyy2IAj!d2*j`2$|5L#A30P-v|NSE88LfNQSp)tEzZIOn;;!JIC`Tu<XW;E5
zUv~xj!2c2HJGwi{?=RykzYICO6f<oY!a5Jl2E+Sc{80OI`o|vCGrYeBR|^<pgj)6!
zV+m}b;$I^3Z^-`!nT>>q_I!jFv8!{n|KnhD2!A<)Ys&N_N&QxX=Us4q4@_@RmMg@+
zWiRlg`VV<+;L{z;bz<EQY*(Nio~A6b(9^zE?_BPpcTZ)+eNS$)aU<P3wApI%gU_}2
z*8R<7uwDksd4kSR8{qwfKGQ+|9q=y`4;jr#DyQxdr$PS`8~;q2^GD({=)Xa4h{sbQ
zM&C;7SfYM$nb4iieB!zIJ}(~lo8akOeoFm?J?UiXT=$TpkTcHZ#J>RN4fs=#S&feF
zFUJudB<#Y8aYm4{e!_Eb<|DwTyO2-ux0Cn-?n>Igpfmjk)a_KTZ6oh2d0o(NK)+7t
zBJ4npGgn;qZAZy_l<~5Ya@11B>AZhEfo;9Qbv?Z-MLw|{J{VQ`pAdgU_&!*!fJ1BS
zS76fJ@?Op)FT-!N#sc$FXeQ;-e5$*G1I#zmkh#aadKf+3(S1!`2jTbFc-RHrBy%u$
z^83I5$3pt{Y5c6C-*g#!_jsZO{$hB%JLbNcyDiciz^eX!oBExF3ww?inqu+5{$uj%
zDT~JV9n$wGLnrxvCd8P@wxm0pbNJebFTH0_KUhLJ4#A&GJ?buS0q0)cCr8z%bic%&
zC)<dsOZUOZ*HHcqw8ul((OlKQo!C!_U1vqFuJrr)=$*kA;93LzyWAhHz}Ickmx$j3
zgX&!UVU+fq_>gm70K%`p*wNXp6x}x|`y%Wt!`{B$;`22Q(~pn+Y20o82mQ90arZrZ
z?NL90-UaUYq&uk31?cL|S0<c5ne^_h%*JKow`2x@S@+@lDaR4)oPh7lL$=NX#sk2(
zntJ~`d}*GTO}{xuT61|T_Z17_b=KC_77H7`wD(t^AE<Yz>R-t5z96VF3_?Ko6ttf%
z#^zYC-#|v|#9NXf^zxCr!jJa5)XxsJfpCNMCD!22RPXrJdHWUan&x4}=oj!d!ut-m
z_$Gt>Gk5d^&8gSO(|X*9z3t?m*12Hv<Vgd`+pU28Z^`T1TIRs_FAEr=*gm3q0{2bL
z`S|#lzO)HE#<v&3ZsRAf8TlWB<rv`;WY!ZOLjMxsIO)%c8;Ldl8+U%x&EvRPf$k0X
ziycV5gg;JSQJB<M47(bqd|#4$AN#udp9I|wt#x-H@D2Qk>mAHE!U@W%wO}o>lab?2
z-gp<RHB5Cs9eXb!Z;$l>+6N*xle|XwIeWUkVMgDqQ6lOn#TiQXq-U|s_ZIOs=E=#_
zvC5)*yR^i43@6N+Niff+-)WyT6n?SBhGN=b0`gB;vf?@Ah8{pWEWy`SXw3tCe{zbc
zBp9E-FMIjq+rkBYt(Q7ysZZ#grq=xm=&%BGIq!fHrOfS=p^AB_S~B#v2;Z1gG3O6e
zortH0_o=!&S3B^2F!4)RZPpwNtEVRiu#Y%nQ+0iTG8_T3#^SLEb0>aUsOx%Rfv@}Q
zW@PHAL(S!Sr>b*T9ds+@YA1b|uo0T?ED}2F=qxjj_!x3?hYcH6hK-BRt-zpdOl&<O
z>_Gr~Q?c6w&Nbls5k6Ogdo;XTn)C5B2$>f0-lN`LhTa6NecpEoZ-93@YwKm?e*piL
z!Gj0yhrTKN<PU{+8{Qh#Ipta)8Ek3}Hl7~f*<yKP#^ICrI}L96)gE{UzE|K|=a41X
zA4qx+^HMkI#pE}Ur#+|UEWOLqoT9l(LFa*!gidreV^e4UpQEdHphX;w9z*{`@B2?)
z*iHucW%F(J3|DD`@8ItcX?^RmoKVkLj?o^=Isdjm&mn&d{4@rN)%Vd6Hr6C#jxxqE
z<ruGV0KWuVrzJ}WFkGt0Ylf#a+vq}t>%VZWOn_xLZF-k-d;qpN*gr@8HNd+<U)P>N
z>u81cGw_V>m!xMsCE%|@#&IN?dY^;ciO3Xb?k6@1Cw=xLOC9{Sl|ICdBTEPWW5E5l
zgfr?3%ptY<hJ^RJck!)05bJ|^i3<N@@au|G?%Xa1;_nG~nvb$`3`XC71`n=DQy+Y*
z7<+;;{7!ur+?=(-dS9}eJ~OG0RyAH)2x%WZmBroz`egTwC1YT(p<R#BmtVl=9q{YB
zhZEdc9i$xVtar_ZVRuEEp1d4%!<73B`F*$#b=z^%rk8xa#8;ohr{<QW;62V+^>Nxk
z?`Br9R_eQejv+&an(gg2=TGbWrTvAmZa5<OAUOgBhyuD+RuR~BUe|q<z9-YSRJv1p
zMEwBz7(9KiEOD<j7YDhAkw1m4EtEm`pnvwqapw@m95jn|_)qYkBJL(!1;b0snfg9w
z2IXi6h~D40w7k&JnWMP}?ApT_-!k-|;x*C_j^+1^<_5~3J3{Sse*p%qL)WQS?KSnD
z*PiE9j;yk1&1SRH$vffo(EG`^&SY6){Xo~Viuwu|Z{T+nc-40vC9U(`GD0_F`zeCH
zX{gt`01LZahBEjQ60zt(-lwmrVh@h&Tua8+dGAZqYe}8+E)w2h%pO#G5ayBIPMhc(
zN1chacWWnXB&-9Y_MOX++e-R%u-8_lk~@-|c>rCK-8#O-cmSriT&(xQ=rjLnlp&G$
zJ=ivrew%bR_vcGVU*-%l1-u6cU0}Wn?_JtzA9L(TE~GCJ^nVK50H*VA*5mc)&Mutm
zmUL)G#Ub?0y`8c9G4UR->+VeVnBUi&2;N2D*52YZ=x2!c(%<xL)?v!AC!u>ozP+Rk
zK4)lTpV2ce9QS^Nub3~>Puuu5U+3LA_79IxuU*=MfprV`en?<nZ=4JFP{xl~uRo-0
zuk$A0Tr?J1%DCOYp{2Fj_@4xS`+esY2A`Wto!5Z#7Pxe$xtE~+F^}|m%JmiWD#Bx=
z$Cs3pjHdplD@~tYmr5r7A(4n_&DMF#cyjIAd~a@H$!xuXsba8cfA|OR-X^?B_!dkp
znuEZ~|5HSNK&*31BYB^azE+(~-Qt|M7<xEJ%s*c@Iaxiz&JoB-dR-U-`nGj3*!~5K
zdau$3_N{~ogawS@iHrw*n{|}11X|z2FHEP?+V99fk6yff`>o|`3MSKGMBmL$1K$&>
zbKXB{ef}T#^9YZ^Yt{Hrn(^?*($ca=EEN62pAU(f-+Rlt=h0otUG)*do8Z+r*0+gQ
z2|t7P4SUq1l<70lZMe~#DG$D0e3@=+ZrTxc2zRcR_7~GwP~Bev=RbmRA^m5t`icVd
z7V>w~E;=9BdwN;&TJv&p#C!$3ICHdo1-#5+=9vTF@20N5ps)NlXU$WHdDbYes>R8H
z=T5rmy!sEAK^vsOzl}blcL4gfcPb`v{ovjm3l32jY%j(9j7U{=uDhEDFq2>TfsFbg
L{(s(IbPfD3b3h#I

literal 15406
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

diff --git a/implementation_plan.md b/implementation_plan.md
new file mode 100644
index 0000000..eccb979
--- /dev/null
+++ b/implementation_plan.md
@@ -0,0 +1,62 @@
+# Next.js App Router Internationalization (i18n) Implementation Plan
+
+Bu plan, uygulamanıza İngilizce (en) ve Türkçe (tr) dil desteğini eklemek için yapılacak mimari değişiklikleri detaylandırmaktadır. Paylaştığınız doküman linki eski "Pages Router" yapısına aitti, ancak bu proje modern "App Router" yapısında olduğu için Next.js'in güncel `[lang]` tabanlı App Router i18n standartlarını uygulayacağız.
+
+## Özet ve Hedefler
+- `[lang]` dinamik klasör yapısına geçiş.
+- Tarayıcı diline göre yönlendirme yapan bir `middleware.ts` dosyası.
+- Veritabanındaki `name`/`name_tr` ve `description`/`description_tr` alanlarının seçilen dile göre dinamik getirilmesi.
+- Sabit metinler için basit bir sözlük (dictionary) yapısı kurulması.
+- Kullanıcının dili manuel olarak değiştirebileceği şık bir Dil Seçici (Language Switcher) bileşeni.
+
+> [!IMPORTANT]
+> **User Review Required**
+> Lütfen aşağıdaki planı inceleyin ve onay verin veya eklenmesini istediğiniz başka bir dil/detay varsa belirtin.
+
+## Açık Sorular
+> [!WARNING]
+> - Varsayılan (default) dili **Türkçe** (`tr`) olarak belirliyorum, uygun mudur?
+> - Dil seçici butonunu ekranın neresinde göstermek istersiniz? (Öneri: Menü navigasyonunun hemen üzerinde veya sayfanın en üstünde sağ köşede)
+
+---
+
+## Önerilen Değişiklikler
+
+### Routing ve Middleware
+Ana sayfayı ve layout'u çoklu dil yapısına uygun hale getireceğiz.
+#### [NEW] `middleware.ts`
+Uygulamaya gelen istekleri kontrol edip, eğer URL'de `/tr` veya `/en` yoksa kullanıcının tarayıcı tercihine veya varsayılan dile (`tr`) yönlendirecek.
+#### [MODIFY] `app/layout.tsx` -> `app/[lang]/layout.tsx`
+Layout, artık url'den gelen `params.lang` değerini alacak ve `<html lang={lang}>` özelliğini dinamik olarak ayarlayacak.
+#### [MODIFY] `app/page.tsx` -> `app/[lang]/page.tsx`
+Sayfa, `lang` parametresine göre çalışacak ve veritabanından verileri çekerken bu dile dikkat edecek.
+
+---
+
+### Veritabanı ve Veri Çekme (Data Fetching)
+Mevcut şemada zaten İngilizce ve Türkçe alanlar bulunuyor.
+#### [MODIFY] `app/[lang]/page.tsx` (İçerik)
+`getMenuData` fonksiyonu güncellenecek:
+- Eğer dil `en` ise: `title: cat.name`, `name: p.name`, `description: p.description`
+- Eğer dil `tr` ise: `title: cat.name_tr`, `name: p.name_tr`, `description: p.description_tr`
+
+---
+
+### Sabit Metinler (Dictionaries)
+Arayüzde veritabanından gelmeyen sabit yazılar için bir sözlük mekanizması kuracağız.
+#### [NEW] `lib/dictionaries.ts`
+İçerisinde "Akyaka'nın en keyifli menüsü", "Tüm hakları saklıdır" gibi metinlerin hem Türkçe hem İngilizce karşılıklarını tutan basit bir sistem oluşturulacak.
+
+---
+
+### Arayüz (UI)
+#### [MODIFY] `app/MenuClient.tsx`
+- Sabit metinler (Header yazıları, Footer yazıları) `dictionaries` objesinden beslenecek şekilde `props` olarak alınacak.
+- Sayfaya (Örneğin sağ üst köşeye veya menü başlıklarının üstüne) `TR / EN` dilleri arasında geçiş yapmayı sağlayacak bir buton eklenecek.
+
+---
+
+## Doğrulama Planı (Verification Plan)
+1. **Middleware Testi**: `http://localhost:3000/` adresine girildiğinde `http://localhost:3000/tr` adresine otomatik yönlendiriliyor mu?
+2. **İngilizce Testi**: `http://localhost:3000/en` adresine girildiğinde ürünlerin İngilizce isimleri (`name`) ve açıklamaları (`description`) geliyor mu? Sabit metinler (Copyright vb.) İngilizceye dönüyor mu?
+3. **Dil Değiştirici Testi**: UI üzerindeki butonla diller arası geçiş yapıldığında sayfa sorunsuz bir şekilde güncelleniyor mu?
diff --git a/lib/dictionaries.ts b/lib/dictionaries.ts
new file mode 100644
index 0000000..849a990
--- /dev/null
+++ b/lib/dictionaries.ts
@@ -0,0 +1,26 @@
+export const dictionaries = {
+  tr: {
+    hero: {
+      location: "Akyaka · Muğla",
+      subtitle: "Akyaka'nın en keyifli menüsü",
+    },
+    footer: {
+      copyright: "© 2026 KiteBeach Akyaka. Tüm hakları saklıdır.",
+      createdBy: "Created by ayris.tech",
+    },
+  },
+  en: {
+    hero: {
+      location: "Akyaka · Mugla",
+      subtitle: "The most delightful menu in Akyaka",
+    },
+    footer: {
+      copyright: "© 2026 KiteBeach Akyaka. All rights reserved.",
+      createdBy: "Created by ayris.tech",
+    },
+  },
+};
+
+export const getDictionary = (lang: string) => {
+  return dictionaries[lang as keyof typeof dictionaries] || dictionaries['tr'];
+};
diff --git a/proxy.ts b/proxy.ts
index bfde159..891bd5c 100644
--- a/proxy.ts
+++ b/proxy.ts
@@ -2,37 +2,65 @@ import { NextResponse } from 'next/server'
 import type { NextRequest } from 'next/server'
 import { updateSession, decrypt } from './lib/auth'
 
+const locales = ['en', 'tr'];
+const defaultLocale = 'tr';
+
 export async function proxy(request: NextRequest) {
-  // Always update session expiration
-  let response = await updateSession(request)
+  const { pathname } = request.nextUrl;
 
-  const isAuthPage = request.nextUrl.pathname.startsWith('/admin/login')
-  const isAdminPage = request.nextUrl.pathname.startsWith('/admin')
+  // --- Admin Auth Logic ---
+  const isAdminPath = pathname.startsWith('/admin');
+  if (isAdminPath) {
+    // Always update session expiration for admin
+    let response = await updateSession(request)
 
-  // Check if session exists and is valid
-  const sessionValue = request.cookies.get('session')?.value
-  let session = null
-  if (sessionValue) {
-    try {
-      session = await decrypt(sessionValue)
-    } catch(e) {
-      session = null
+    const isAuthPage = pathname.startsWith('/admin/login')
+
+    // Check if session exists and is valid
+    const sessionValue = request.cookies.get('session')?.value
+    let session = null
+    if (sessionValue) {
+      try {
+        session = await decrypt(sessionValue)
+      } catch(e) {
+        session = null
+      }
+    }
+
+    // If trying to access admin pages (except login) without a valid session
+    if (!isAuthPage && !session) {
+      return NextResponse.redirect(new URL('/admin/login', request.url))
+    }
+
+    // If trying to access login page with a valid session
+    if (isAuthPage && session) {
+      return NextResponse.redirect(new URL('/admin', request.url))
+    }
+
+    return response || NextResponse.next()
+  }
+
+  // --- i18n Logic ---
+  const isPublicFile = pathname.includes('.') || pathname.startsWith('/_next') || pathname.startsWith('/api');
+  
+  if (!isPublicFile) {
+    const pathnameHasLocale = locales.some(
+      (locale) => pathname.startsWith(`/${locale}/`) || pathname === `/${locale}`
+    );
+
+    if (!pathnameHasLocale) {
+      // Redirect if there is no locale
+      request.nextUrl.pathname = `/${defaultLocale}${pathname}`;
+      return NextResponse.redirect(request.nextUrl);
     }
   }
 
-  // If trying to access admin pages (except login) without a valid session
-  if (isAdminPage && !isAuthPage && !session) {
-    return NextResponse.redirect(new URL('/admin/login', request.url))
-  }
-
-  // If trying to access login page with a valid session
-  if (isAuthPage && session) {
-    return NextResponse.redirect(new URL('/admin', request.url))
-  }
-
-  return response || NextResponse.next()
+  return NextResponse.next();
 }
 
 export const config = {
-  matcher: ['/admin/:path*'],
+  matcher: [
+    // Apply proxy to all paths except public static assets
+    '/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp|avif)$).*)',
+  ],
 }