fix(feat): Refine responsive layout and section spacing

src/i18n/translations.ts

@@ -1,4 +1,20 @@
-export const languages = ["en", "zh-cn", "zh-tw", "ms", "ja", "ko"] as const;
+export const languages = [
+  "en",
+  "zh-cn",
+  "zh-tw",
+  "es",
+  "vi",
+  "ja",
+  "ko",
+  "pt",
+  "de",
+  "fr",
+  "hi",
+  "ar",
+  "ru",
+  "id",
+  "ur",
+] as const;
 
 export type Lang = (typeof languages)[number];
 
@@ -8,18 +24,36 @@ export const languageLabels: Record<Lang, string> = {
   en: "EN",
   "zh-cn": "简中",
   "zh-tw": "繁中",
-  ms: "MS",
+  es: "ES",
+  vi: "VI",
   ja: "日本語",
   ko: "한국어",
+  pt: "PT",
+  de: "DE",
+  fr: "FR",
+  hi: "हिन्दी",
+  ar: "العربية",
+  ru: "RU",
+  id: "ID",
+  ur: "اردو",
 };
 
 export const languageNames: Record<Lang, string> = {
   en: "English",
   "zh-cn": "简体中文",
   "zh-tw": "繁體中文",
-  ms: "Bahasa Melayu",
+  es: "Español",
+  vi: "Tiếng Việt",
   ja: "日本語",
   ko: "한국어",
+  pt: "Português",
+  de: "Deutsch",
+  fr: "Français",
+  hi: "हिन्दी",
+  ar: "العربية الفصحى",
+  ru: "Русский",
+  id: "Bahasa Indonesia",
+  ur: "اردو",
 };
 
 export function isLang(value: string | undefined): value is Lang {
@@ -30,6 +64,39 @@ export function getLocalePath(lang: Lang) {
   return lang === defaultLang ? "/" : `/${lang}/`;
 }
 
+const mergeTranslations = <T extends Record<string, unknown>>(base: T, override?: DeepPartial<T>): T => {
+  if (!override) return base;
+
+  const result = { ...base } as Record<string, unknown>;
+
+  Object.entries(override).forEach(([key, value]) => {
+    const baseValue = result[key];
+
+    if (
+      value &&
+      typeof value === "object" &&
+      !Array.isArray(value) &&
+      baseValue &&
+      typeof baseValue === "object" &&
+      !Array.isArray(baseValue)
+    ) {
+      result[key] = mergeTranslations(baseValue as Record<string, unknown>, value as Record<string, unknown>);
+    } else if (value !== undefined) {
+      result[key] = value;
+    }
+  });
+
+  return result as T;
+};
+
+type DeepPartial<T> = {
+  [K in keyof T]?: T[K] extends Array<infer U>
+    ? Array<DeepPartial<U>>
+    : T[K] extends Record<string, unknown>
+      ? DeepPartial<T[K]>
+      : T[K];
+};
+
 export const translations = {
   en: {
     meta: {
@@ -234,6 +301,98 @@ export const translations = {
       legal: "Terms of Use · Privacy Policy · Support",
     },
   },
+  es: {
+    meta: {
+      title: "Talk Pro - Un usuario. Múltiples mundos.",
+      description:
+        "Talk Pro es una aplicación moderna de mensajería para chats privados, conversaciones grupales, canales, llamadas de voz y videollamadas.",
+    },
+    header: {
+      navLabel: "Navegación principal",
+      languageAlt: "Idioma",
+      openMenu: "Abrir menú",
+      closeMenu: "Cerrar menú",
+      nav: {
+        home: "Inicio",
+        features: "Funciones",
+        experience: "Experiencia",
+        useCases: "Casos de uso",
+        reliability: "Fiabilidad",
+      },
+      download: "Descargar",
+    },
+    hero: {
+      badge: "✦ Disponible en iOS y Android",
+      titleLine1: "Una forma moderna de",
+      titleLine2: "mantenerse conectado",
+      description:
+        "TalkPro es una aplicación moderna de mensajería diseñada para una comunicación clara, simple y confiable.",
+      tags: ["Capa de identidad", "Mensajería con IA", "Privacidad adaptativa"],
+    },
+    download: {
+      eyebrow: "DESCARGAR",
+      title: "Descargar",
+      description:
+        "Descarga TalkPro y vive una forma más limpia, simple y moderna de mantenerte conectado.",
+      android: "ANDROID",
+      androidCta: "APK próximamente",
+      ios: "IOS",
+      iosCta: "Consíguelo en App Store",
+    },
+    footer: {
+      links: { download: "Descargar", features: "Funciones", about: "Acerca de", contact: "Contacto" },
+      android: "ANDROID",
+      ios: "IOS",
+      copyright: "© 2026 TalkPro. Todos los derechos reservados.",
+      legal: "Términos de uso · Política de privacidad · Soporte",
+    },
+  },
+  vi: {
+    meta: {
+      title: "Talk Pro - Một người dùng. Nhiều thế giới.",
+      description:
+        "Talk Pro là ứng dụng nhắn tin hiện đại cho trò chuyện riêng tư, nhóm, kênh, cuộc gọi thoại và video.",
+    },
+    header: {
+      navLabel: "Điều hướng chính",
+      languageAlt: "Ngôn ngữ",
+      openMenu: "Mở menu",
+      closeMenu: "Đóng menu",
+      nav: {
+        home: "Trang chủ",
+        features: "Tính năng",
+        experience: "Trải nghiệm",
+        useCases: "Trường hợp dùng",
+        reliability: "Độ tin cậy",
+      },
+      download: "Tải xuống",
+    },
+    hero: {
+      badge: "✦ Có trên iOS và Android",
+      titleLine1: "Cách hiện đại để",
+      titleLine2: "luôn kết nối",
+      description:
+        "TalkPro là ứng dụng nhắn tin hiện đại được thiết kế cho giao tiếp rõ ràng, đơn giản và đáng tin cậy.",
+      tags: ["Lớp danh tính", "Nhắn tin AI native", "Quyền riêng tư thích ứng"],
+    },
+    download: {
+      eyebrow: "TẢI XUỐNG",
+      title: "Tải xuống",
+      description:
+        "Tải TalkPro và trải nghiệm cách kết nối sạch hơn, đơn giản hơn và hiện đại hơn.",
+      android: "ANDROID",
+      androidCta: "APK sắp ra mắt",
+      ios: "IOS",
+      iosCta: "Tải trên App Store",
+    },
+    footer: {
+      links: { download: "Tải xuống", features: "Tính năng", about: "Giới thiệu", contact: "Liên hệ" },
+      android: "ANDROID",
+      ios: "IOS",
+      copyright: "© 2026 TalkPro. Bảo lưu mọi quyền.",
+      legal: "Điều khoản sử dụng · Chính sách quyền riêng tư · Hỗ trợ",
+    },
+  },
   "zh-cn": {
     meta: {
       title: "Talk Pro - 一个用户，多重场景。",
@@ -369,7 +528,7 @@ export const translations = {
       title: "下载",
       logoAlt: "TalkPro",
       description: "下载 TalkPro，体验更清晰、更简单、更现代的连接方式。",
-      android: "ANDROID",
+      android: "安卓",
       androidCta: "APK 即将推出",
       ios: "IOS",
       iosCta: "在 App Store 上获取",
@@ -389,7 +548,7 @@ export const translations = {
       },
       email: "email@hotmail.com",
       phone: "+01 123 45562334",
-      android: "ANDROID",
+      android: "安卓",
       androidCta: "APK 即将推出",
       ios: "IOS",
       iosCta: "在 App Store 上获取",
@@ -532,7 +691,7 @@ export const translations = {
       title: "下載",
       logoAlt: "TalkPro",
       description: "下載 TalkPro，體驗更清晰、更簡單、更現代的連結方式。",
-      android: "ANDROID",
+      android: "安卓",
       androidCta: "APK 即將推出",
       ios: "IOS",
       iosCta: "在 App Store 上取得",
@@ -552,7 +711,7 @@ export const translations = {
       },
       email: "email@hotmail.com",
       phone: "+01 123 45562334",
-      android: "ANDROID",
+      android: "安卓",
       androidCta: "APK 即將推出",
       ios: "IOS",
       iosCta: "在 App Store 上取得",
@@ -1141,7 +1300,7 @@ export const translations = {
       logoAlt: "TalkPro",
       description:
         "TalkPro를 다운로드하고 더 깔끔하고 단순하며 현대적인 연결 방식을 경험하세요.",
-      android: "ANDROID",
+      android: "안드로이드",
       androidCta: "APK 곧 출시",
       ios: "IOS",
       iosCta: "App Store에서 받기",
@@ -1161,7 +1320,7 @@ export const translations = {
       },
       email: "email@hotmail.com",
       phone: "+01 123 45562334",
-      android: "ANDROID",
+      android: "안드로이드",
       androidCta: "APK 곧 출시",
       ios: "IOS",
       iosCta: "App Store에서 받기",
@@ -1169,10 +1328,330 @@ export const translations = {
       legal: "이용 약관 · 개인정보 처리방침 · 지원",
     },
   },
+  pt: {
+    meta: {
+      title: "Talk Pro - Um usuário. Múltiplos mundos.",
+      description:
+        "Talk Pro é um aplicativo moderno de mensagens para conversas privadas, grupos, canais, chamadas de voz e vídeo.",
+    },
+    header: {
+      navLabel: "Navegação principal",
+      languageAlt: "Idioma",
+      openMenu: "Abrir menu",
+      closeMenu: "Fechar menu",
+      nav: { home: "Início", features: "Recursos", experience: "Experiência", useCases: "Casos de uso", reliability: "Confiabilidade" },
+      download: "Baixar",
+    },
+    hero: {
+      badge: "✦ Disponível para iOS e Android",
+      titleLine1: "Uma forma moderna de",
+      titleLine2: "ficar conectado",
+      description:
+        "TalkPro é um aplicativo moderno de mensagens criado para comunicação clara, simples e confiável.",
+      tags: ["Camada de identidade", "Mensagens com IA", "Privacidade adaptativa"],
+    },
+    download: {
+      eyebrow: "BAIXAR",
+      title: "Baixar",
+      description:
+        "Baixe o TalkPro e experimente uma forma mais limpa, simples e moderna de se conectar.",
+      android: "ANDROID",
+      androidCta: "APK em breve",
+      ios: "IOS",
+      iosCta: "Baixar na App Store",
+    },
+    footer: {
+      links: { download: "Baixar", features: "Recursos", about: "Sobre", contact: "Contato" },
+      android: "ANDROID",
+      ios: "IOS",
+      copyright: "© 2026 TalkPro. Todos os direitos reservados.",
+      legal: "Termos de uso · Política de privacidade · Suporte",
+    },
+  },
+  de: {
+    meta: {
+      title: "Talk Pro - Ein Nutzer. Mehrere Welten.",
+      description:
+        "Talk Pro ist eine moderne Messaging-App für private Chats, Gruppen, Kanäle, Sprach- und Videoanrufe.",
+    },
+    header: {
+      navLabel: "Hauptnavigation",
+      languageAlt: "Sprache",
+      openMenu: "Menü öffnen",
+      closeMenu: "Menü schließen",
+      nav: { home: "Start", features: "Funktionen", experience: "Erlebnis", useCases: "Anwendungsfälle", reliability: "Zuverlässigkeit" },
+      download: "Herunterladen",
+    },
+    hero: {
+      badge: "✦ Verfügbar für iOS und Android",
+      titleLine1: "Eine moderne Art,",
+      titleLine2: "verbunden zu bleiben",
+      description:
+        "TalkPro ist eine moderne Messaging-App für klare, einfache und zuverlässige Kommunikation.",
+      tags: ["Identitätsebene", "KI-native Nachrichten", "Adaptive Privatsphäre"],
+    },
+    download: {
+      eyebrow: "DOWNLOAD",
+      title: "Herunterladen",
+      description:
+        "Lade TalkPro herunter und erlebe eine klarere, einfachere und modernere Art, verbunden zu bleiben.",
+      android: "ANDROID",
+      androidCta: "APK bald verfügbar",
+      ios: "IOS",
+      iosCta: "Im App Store laden",
+    },
+    footer: {
+      links: { download: "Download", features: "Funktionen", about: "Über uns", contact: "Kontakt" },
+      android: "ANDROID",
+      ios: "IOS",
+      copyright: "© 2026 TalkPro. Alle Rechte vorbehalten.",
+      legal: "Nutzungsbedingungen · Datenschutzrichtlinie · Support",
+    },
+  },
+  fr: {
+    meta: {
+      title: "Talk Pro - Un utilisateur. Plusieurs mondes.",
+      description:
+        "Talk Pro est une application de messagerie moderne pour les discussions privées, les groupes, les canaux, les appels vocaux et vidéo.",
+    },
+    header: {
+      navLabel: "Navigation principale",
+      languageAlt: "Langue",
+      openMenu: "Ouvrir le menu",
+      closeMenu: "Fermer le menu",
+      nav: { home: "Accueil", features: "Fonctionnalités", experience: "Expérience", useCases: "Cas d’usage", reliability: "Fiabilité" },
+      download: "Télécharger",
+    },
+    hero: {
+      badge: "✦ Disponible sur iOS et Android",
+      titleLine1: "Une façon moderne de",
+      titleLine2: "rester connecté",
+      description:
+        "TalkPro est une application de messagerie moderne conçue pour une communication claire, simple et fiable.",
+      tags: ["Couche d’identité", "Messagerie native IA", "Confidentialité adaptative"],
+    },
+    download: {
+      eyebrow: "TÉLÉCHARGER",
+      title: "Télécharger",
+      description:
+        "Téléchargez TalkPro et découvrez une façon plus claire, simple et moderne de rester connecté.",
+      android: "ANDROID",
+      androidCta: "APK bientôt disponible",
+      ios: "IOS",
+      iosCta: "Disponible sur l’App Store",
+    },
+    footer: {
+      links: { download: "Télécharger", features: "Fonctionnalités", about: "À propos", contact: "Contact" },
+      android: "ANDROID",
+      ios: "IOS",
+      copyright: "© 2026 TalkPro. Tous droits réservés.",
+      legal: "Conditions d’utilisation · Politique de confidentialité · Support",
+    },
+  },
+  hi: {
+    meta: {
+      title: "Talk Pro - एक उपयोगकर्ता. कई दुनिया.",
+      description:
+        "Talk Pro निजी चैट, समूह बातचीत, चैनल, वॉइस कॉल और वीडियो कॉल के लिए एक आधुनिक मैसेजिंग ऐप है।",
+    },
+    header: {
+      navLabel: "मुख्य नेविगेशन",
+      languageAlt: "भाषा",
+      openMenu: "मेनू खोलें",
+      closeMenu: "मेनू बंद करें",
+      nav: { home: "होम", features: "फ़ीचर", experience: "अनुभव", useCases: "उपयोग", reliability: "विश्वसनीयता" },
+      download: "डाउनलोड",
+    },
+    hero: {
+      badge: "✦ iOS और Android पर उपलब्ध",
+      titleLine1: "जुड़े रहने का",
+      titleLine2: "आधुनिक तरीका",
+      description:
+        "TalkPro स्पष्ट, सरल और भरोसेमंद संचार के लिए बनाया गया एक आधुनिक मैसेजिंग ऐप है।",
+      tags: ["पहचान परत", "AI नेटिव मैसेजिंग", "अनुकूल गोपनीयता"],
+    },
+    download: {
+      eyebrow: "डाउनलोड",
+      title: "डाउनलोड",
+      description:
+        "TalkPro डाउनलोड करें और जुड़े रहने का साफ, सरल और आधुनिक तरीका अनुभव करें।",
+      android: "एंड्रॉयड",
+      androidCta: "APK जल्द आ रहा है",
+      ios: "IOS",
+      iosCta: "App Store से पाएं",
+    },
+    footer: {
+      links: { download: "डाउनलोड", features: "फ़ीचर", about: "परिचय", contact: "संपर्क" },
+      android: "एंड्रॉयड",
+      ios: "IOS",
+      copyright: "© 2026 TalkPro. सर्वाधिकार सुरक्षित.",
+      legal: "उपयोग की शर्तें · गोपनीयता नीति · सहायता",
+    },
+  },
+  ar: {
+    meta: {
+      title: "Talk Pro - مستخدم واحد. عوالم متعددة.",
+      description:
+        "Talk Pro تطبيق مراسلة حديث للمحادثات الخاصة والمجموعات والقنوات والمكالمات الصوتية ومكالمات الفيديو.",
+    },
+    header: {
+      navLabel: "التنقل الرئيسي",
+      languageAlt: "اللغة",
+      openMenu: "فتح القائمة",
+      closeMenu: "إغلاق القائمة",
+      nav: { home: "الرئيسية", features: "الميزات", experience: "التجربة", useCases: "الاستخدامات", reliability: "الموثوقية" },
+      download: "تنزيل",
+    },
+    hero: {
+      badge: "✦ متوفر على iOS و Android",
+      titleLine1: "طريقة حديثة",
+      titleLine2: "للبقاء على اتصال",
+      description:
+        "TalkPro تطبيق مراسلة حديث مصمم لتواصل واضح وبسيط وموثوق.",
+      tags: ["طبقة الهوية", "مراسلة مدعومة بالذكاء الاصطناعي", "خصوصية تكيفية"],
+    },
+    download: {
+      eyebrow: "تنزيل",
+      title: "تنزيل",
+      description:
+        "نزّل TalkPro واختبر طريقة أوضح وأبسط وأكثر حداثة للبقاء على اتصال.",
+      android: "أندرويد",
+      androidCta: "APK قريبًا",
+      ios: "آي أو إس",
+      iosCta: "احصل عليه من App Store",
+    },
+    footer: {
+      links: { download: "تنزيل", features: "الميزات", about: "حول", contact: "اتصال" },
+      android: "أندرويد",
+      ios: "آي أو إس",
+      copyright: "© 2026 TalkPro. جميع الحقوق محفوظة.",
+      legal: "شروط الاستخدام · سياسة الخصوصية · الدعم",
+    },
+  },
+  ru: {
+    meta: {
+      title: "Talk Pro - Один пользователь. Несколько миров.",
+      description:
+        "Talk Pro — современное приложение для личных чатов, групп, каналов, голосовых и видеозвонков.",
+    },
+    header: {
+      navLabel: "Основная навигация",
+      languageAlt: "Язык",
+      openMenu: "Открыть меню",
+      closeMenu: "Закрыть меню",
+      nav: { home: "Главная", features: "Функции", experience: "Опыт", useCases: "Сценарии", reliability: "Надежность" },
+      download: "Скачать",
+    },
+    hero: {
+      badge: "✦ Доступно на iOS и Android",
+      titleLine1: "Современный способ",
+      titleLine2: "оставаться на связи",
+      description:
+        "TalkPro — современное приложение для ясного, простого и надежного общения.",
+      tags: ["Уровень идентичности", "AI-мессенджинг", "Адаптивная приватность"],
+    },
+    download: {
+      eyebrow: "СКАЧАТЬ",
+      title: "Скачать",
+      description:
+        "Скачайте TalkPro и попробуйте более чистый, простой и современный способ общения.",
+      android: "Андроид",
+      androidCta: "APK скоро",
+      ios: "IOS",
+      iosCta: "Загрузить в App Store",
+    },
+    footer: {
+      links: { download: "Скачать", features: "Функции", about: "О нас", contact: "Контакты" },
+      android: "Андроид",
+      ios: "IOS",
+      copyright: "© 2026 TalkPro. Все права защищены.",
+      legal: "Условия использования · Политика конфиденциальности · Поддержка",
+    },
+  },
+  id: {
+    meta: {
+      title: "Talk Pro - Satu pengguna. Banyak dunia.",
+      description:
+        "Talk Pro adalah aplikasi pesan modern untuk chat pribadi, grup, kanal, panggilan suara, dan panggilan video.",
+    },
+    header: {
+      navLabel: "Navigasi utama",
+      languageAlt: "Bahasa",
+      openMenu: "Buka menu",
+      closeMenu: "Tutup menu",
+      nav: { home: "Beranda", features: "Fitur", experience: "Pengalaman", useCases: "Penggunaan", reliability: "Keandalan" },
+      download: "Unduh",
+    },
+    hero: {
+      badge: "✦ Tersedia di iOS dan Android",
+      titleLine1: "Cara modern untuk",
+      titleLine2: "tetap terhubung",
+      description:
+        "TalkPro adalah aplikasi pesan modern yang dirancang untuk komunikasi yang jelas, sederhana, dan andal.",
+      tags: ["Lapisan identitas", "Pesan AI native", "Privasi adaptif"],
+    },
+    download: {
+      eyebrow: "UNDUH",
+      title: "Unduh",
+      description:
+        "Unduh TalkPro dan rasakan cara yang lebih bersih, sederhana, dan modern untuk tetap terhubung.",
+      android: "ANDROID",
+      androidCta: "APK segera hadir",
+      ios: "IOS",
+      iosCta: "Dapatkan di App Store",
+    },
+    footer: {
+      links: { download: "Unduh", features: "Fitur", about: "Tentang", contact: "Kontak" },
+      android: "ANDROID",
+      ios: "IOS",
+      copyright: "© 2026 TalkPro. Hak cipta dilindungi.",
+      legal: "Ketentuan Penggunaan · Kebijakan Privasi · Dukungan",
+    },
+  },
+  ur: {
+    meta: {
+      title: "Talk Pro - ایک صارف۔ کئی دنیائیں۔",
+      description:
+        "Talk Pro نجی چیٹس، گروپ گفتگو، چینلز، وائس کالز اور ویڈیو کالز کے لیے ایک جدید میسجنگ ایپ ہے۔",
+    },
+    header: {
+      navLabel: "مرکزی نیویگیشن",
+      languageAlt: "زبان",
+      openMenu: "مینو کھولیں",
+      closeMenu: "مینو بند کریں",
+      nav: { home: "ہوم", features: "خصوصیات", experience: "تجربہ", useCases: "استعمال", reliability: "اعتماد" },
+      download: "ڈاؤن لوڈ",
+    },
+    hero: {
+      badge: "✦ iOS اور Android پر دستیاب",
+      titleLine1: "جڑے رہنے کا",
+      titleLine2: "جدید طریقہ",
+      description:
+        "TalkPro واضح، سادہ اور قابل اعتماد رابطے کے لیے بنائی گئی ایک جدید میسجنگ ایپ ہے۔",
+      tags: ["شناختی تہہ", "AI نیٹو میسجنگ", "مطابقت پذیر رازداری"],
+    },
+    download: {
+      eyebrow: "ڈاؤن لوڈ",
+      title: "ڈاؤن لوڈ",
+      description:
+        "TalkPro ڈاؤن لوڈ کریں اور جڑے رہنے کا صاف، سادہ اور جدید طریقہ آزمائیں۔",
+      android: "اینڈرائیڈ",
+      androidCta: "APK جلد آ رہا ہے",
+      ios: "آئی او ایس",
+      iosCta: "App Store سے حاصل کریں",
+    },
+    footer: {
+      links: { download: "ڈاؤن لوڈ", features: "خصوصیات", about: "تعارف", contact: "رابطہ" },
+      android: "اینڈرائیڈ",
+      ios: "آئی او ایس",
+      copyright: "© 2026 TalkPro. جملہ حقوق محفوظ ہیں۔",
+      legal: "استعمال کی شرائط · رازداری کی پالیسی · سپورٹ",
+    },
+  },
 } as const;
 
-export type Translations = (typeof translations)[Lang];
+export type Translations = (typeof translations)["en"];
 
 export function getTranslations(lang: Lang): Translations {
-  return translations[lang];
+  return mergeTranslations(translations.en, translations[lang] as DeepPartial<Translations>);
 }