Локализует лендинг на 10 языков + RTL для арабского и персидского

Добавляет zh-CN, fa, ar, tr, uk, be, vi, uz словари (170 ключей, идентичная
вложенная структура) к существующим en/ru. lib/locales.ts — единый источник
списка локалей/дефолтной локали/RTL-набора вместо захардкоженного ["en","ru"]
в proxy.ts. language-switcher.tsx: переключение языка резало только
двухбуквенные коды регэкспом (/^\/[a-z]{2}/), из-за чего zh-CN никогда не
матчился и путь задваивался — заменено на honest-поиск по списку locales.

app/[lang]/layout.tsx — dir="rtl"/"ltr" на <html> по локали (SSR, в отличие
от реактивного клиентского переключения в netrunner-app). Header.tsx/
Footer.tsx — разбитое на три <span> имя бренда визуально переворачивалось
Flexbox'ом под dir=rtl ("VPNrunnerNet"), исправлено через dir="ltr" на
самом враппере.

BlogPreview/Faq/Pricing и обе blog-страницы: fallback на *_en-коллекцию
PocketBase, если для языка ещё нет переведённого контента (FAQ-ответы,
детали тарифов, посты блога не тянутся автоматически — это отдельный от
статических словарей CMS-контент), плюс i18n-ключи period1m/period6m/
period1y вместо захардкоженных ru/en-подписей периодов в Pricing.tsx.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-07-08 22:53:37 +07:00
parent 0d1cd042bb
commit 32b4460b66
23 changed files with 2115 additions and 80 deletions
+6 -1
View File
@@ -5,6 +5,7 @@ import { getDictionary } from "@/lib/dictionaries";
import { Header } from "@/components/sections/Header";
import { JetBrains_Mono } from "next/font/google";
import { Footer } from "@/components/sections/Footer";
import { RTL_LOCALES } from "@/lib/locales";
const jetbrainsMono = JetBrains_Mono({
subsets: ["latin", "cyrillic"],
@@ -45,8 +46,12 @@ export default async function RootLayout({
const { lang } = await params;
const dict = await getDictionary(lang);
const dir = RTL_LOCALES.includes(lang as (typeof RTL_LOCALES)[number])
? "rtl"
: "ltr";
return (
<html lang={lang} suppressHydrationWarning>
<html lang={lang} dir={dir} suppressHydrationWarning>
<body
className={`${jetbrainsMono.className} bg-background text-foreground min-h-screen flex flex-col transition-colors duration-300`}
>