Files
netrunner-landing/app/[lang]/layout.tsx
T
nineap 32b4460b66 Локализует лендинг на 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>
2026-07-08 22:53:37 +07:00

75 lines
2.7 KiB
TypeScript

import { Metadata } from "next"; // Импортируем тип Metadata
import { ThemeProvider } from "@/components/sections/theme/theme-provider";
import "../globals.css";
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"],
display: "swap",
preload: true, // Гарантирует предзагрузку в <head>
fallback: ["monospace"], // Указывает браузеру, что показывать до загрузки
});
// Настройка метаданных
export const metadata: Metadata = {
title: {
template: "%s | Netrunner VPN",
default: "Netrunner VPN — Система следит за всеми, кроме тебя.",
},
description:
"Цифровой след скрыт. Логи уничтожены. Скорость не ограничена. Ваш персональный защищенный туннель Netrunner.",
icons: {
icon: [
{
url: "/logo.svg",
href: "/logo.svg",
},
],
},
};
// Корневой layout для всех локализованных страниц (сегмент [lang]). Здесь, а не в
// каждой отдельной странице, грузится словарь для Header/Footer и подключается тема,
// т.к. эти элементы общие для всего сайта. params.lang приходит из динамического
// сегмента маршрута и совпадает с тем, что определил proxy.ts при редиректе.
export default async function RootLayout({
children,
params,
}: {
children: React.ReactNode;
params: Promise<{ lang: string }>;
}) {
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} dir={dir} suppressHydrationWarning>
<body
className={`${jetbrainsMono.className} bg-background text-foreground min-h-screen flex flex-col transition-colors duration-300`}
>
<ThemeProvider
attribute="class"
defaultTheme="dark"
enableSystem
disableTransitionOnChange
>
<Header dict={dict.nav} lang={lang} />
{/* УБРАЛИ mt-32 ТУТ */}
<main className="flex-1">{children}</main>
<Footer dict={dict.footer} lang={lang} />
</ThemeProvider>
</body>
</html>
);
}