add german and french

This commit is contained in:
Quang Khai Nguyen committed 2026-10-12 13:02:02 +02:00
1 parent 942eefbf8e
commit a5152c6752
1 file changed
+156 -2
+156 -2
View File
@@ -65,12 +65,14 @@
<!-- Action & Language Toggle -->
<div class="flex items-center space-x-3">
<!-- Language Switcher (VI / RU / EN / ZH) -->
<!-- Language Switcher (VI / RU / EN / ZH / DE / FR) -->
<div class="bg-gray-100 p-1 rounded-xl flex items-center shadow-inner text-xs">
<button onclick="setLanguage('vi')" id="btn-vi" class="px-2.5 py-1.5 font-bold rounded-lg transition bg-white text-brand-600 shadow-sm">VI</button>
<button onclick="setLanguage('ru')" id="btn-ru" class="px-2.5 py-1.5 font-bold rounded-lg transition text-gray-600">RU</button>
<button onclick="setLanguage('en')" id="btn-en" class="px-2.5 py-1.5 font-bold rounded-lg transition text-gray-600">EN</button>
<button onclick="setLanguage('zh')" id="btn-zh" class="px-2.5 py-1.5 font-bold rounded-lg transition text-gray-600">中文</button>
<button onclick="setLanguage('de')" id="btn-de" class="px-2.5 py-1.5 font-bold rounded-lg transition text-gray-600">DE</button>
<button onclick="setLanguage('fr')" id="btn-fr" class="px-2.5 py-1.5 font-bold rounded-lg transition text-gray-600">FR</button>
</div>
<a href="#booking" class="hidden sm:inline-flex items-center justify-center px-4 py-2.5 bg-brand-500 hover:bg-brand-600 text-white text-sm font-semibold rounded-xl shadow-lg shadow-brand-500/25 transition transform hover:-translate-y-0.5" data-i18n="nav_cta">
@@ -706,6 +708,158 @@
modal_title: "提交成功!",
modal_desc: "您的预订申请已成功发送,我们将尽快与您联系。",
modal_btn: "关闭"
},
de: {
page_title: "Nha Trang — Vietnams Küstenparadies",
logo_sub: "Paradiesische Bucht",
nav_about: "Über Nha Trang",
nav_attractions: "Sehenswürdigkeiten",
nav_weather: "Wetter",
nav_food: "Kulinarik",
nav_cta: "Tour buchen",
hero_badge: "🇻🇳 Vietnams schönstes Strandziel",
hero_title: "Entdecken Sie die Wunder von Nha Trang",
hero_subtitle: "Genießen Sie türkisblaues Wasser, feine weiße Sandstrände, tropische Sonne und unvergessliche Erlebnisse am Meer.",
hero_btn_explore: "Jetzt entdecken",
hero_btn_book: "Tour buchen",
why_title: "Warum Nha Trang?",
why_desc: "Das ideale Reiseziel für einen unvergesslichen Urlaub mit Familie und Freunden.",
feature_1_title: "Ideales Klima",
feature_1_desc: "Über 300 Sonnentage im Jahr, ein klarer Himmel und eine erfrischende Meeresbrise.",
feature_2_title: "Traumstrände",
feature_2_desc: "Kilometerlange, puderweiße Sandstrände und kristallklares türkisfarbenes Wasser.",
feature_3_title: "Reiches Kulturerbe",
feature_3_desc: "Entdecken Sie die alten Cham-Türme von Ponagar, buddhistische Pagoden und die lebendige Geschichte der Region.",
feature_4_title: "Meeresfrüchte",
feature_4_desc: "Genießen Sie fangfrische Meeresfrüchte aus der Bucht und authentische vietnamesische Spezialitäten.",
attr_title: "Sehenswürdigkeiten",
attr_desc: "Diese Highlights sollten Sie in der Küstenstadt nicht verpassen.",
filter_all: "Alle",
filter_culture: "Kultur",
filter_fun: "Freizeit",
filter_nature: "Natur",
cat_culture: "Kultur",
cat_fun: "Freizeit",
cat_nature: "Natur",
attr_1_title: "Cham-Türme von Ponagar",
attr_1_desc: "Eine alte Cham-Tempelanlage aus dem 8. Jahrhundert auf einem Hügel mit Blick auf den Fluss Cai.",
attr_1_loc: "Straße 2 Tháng 4, Vĩnh Phước",
attr_2_title: "VinWonders Nha Trang",
attr_2_desc: "Ein Freizeitpark der Spitzenklasse auf der Insel Hòn Tre mit Seilbahn, Wasserpark und modernem Aquarium.",
attr_2_loc: "Insel Hòn Tre, Vĩnh Nguyên",
attr_3_title: "Heilquellen und Schlammbäder",
attr_3_desc: "Entspannen Sie bei natürlichen heißen Mineral-Schlammbädern, die Körper und Haut verwöhnen.",
attr_3_loc: "Tháp Bà / I-Resort Nha Trang",
attr_4_title: "Schnorcheltour zu den Korallenriffen",
attr_4_desc: "Entdecken Sie mit Guide und Schnorchelausrüstung die farbenfrohen Korallenriffe im klaren Wasser der Bucht von Nha Trang.",
attr_4_loc: "Bucht von Nha Trang, Khánh Hòa",
weather_title: "Beste Reisezeit",
weather_desc: "Planen Sie Ihre Reise mit verlässlichen Informationen zum saisonalen Wetter.",
season_dry_title: "Januar — August (Trockenzeit)",
season_dry_desc: "Die beste Zeit für einen Strandurlaub: viel Sonne, ruhige See und klares Wasser. Ideal zum Schnorcheln, Baden und für Inselbesuche.",
season_dry_tag: "✨ Ideal für einen Erholungsurlaub",
season_rain_title: "September — Dezember (Regenzeit)",
season_rain_desc: "Kurze tropische Schauer bei angenehm warmen Temperaturen. Eine gute Zeit für preisbewusste Reisen, gemütliche Küche und Spa-Erlebnisse.",
season_rain_tag: "💡 Besonders preiswert",
food_title: "Kulinarischer Reiseführer für Nha Trang",
food_desc: "Unvergessliche Aromen direkt vom Meer.",
food_1_title: "Frische Meeresfrüchte",
food_1_desc: "Hummer, gegrillter Tintenfisch und frische Muscheln, direkt am Meer mit regionalen Gewürzen zubereitet.",
food_2_title: "Fischkuchen-Nudelsuppe und Pho",
food_2_desc: "Herzhafte Nudelsuppe mit Fischkuchen oder traditionelle vietnamesische Pho mit Rindfleisch.",
food_3_title: "Knusprige Pfannkuchen mit Tintenfisch",
food_3_desc: "Knusprige vietnamesische Bánh Xèo mit frischem Tintenfisch, Kräutern und würziger Dip-Sauce.",
book_title: "Tour buchen und kostenlos beraten lassen",
book_desc: "Wir helfen Ihnen gern, die perfekte Reise zu planen.",
form_name: "Vor- und Nachname",
form_email: "E-Mail-Adresse",
form_phone: "Telefonnummer",
form_package: "Tour auswählen",
pkg_1: "Stadtrundfahrt und VinWonders",
pkg_2: "Inselrundfahrt und Tauchen",
pkg_3: "Wellness und Mineral-Schlammbäder",
form_notes: "Besondere Wünsche",
form_submit: "Anfrage senden",
footer_copy: "© 2026 Nha Trang Travel Guide. Alle Rechte vorbehalten.",
modal_title: "Erfolgreich!",
modal_desc: "Ihre Anfrage wurde gesendet. Wir melden uns in Kürze bei Ihnen.",
modal_btn: "Schließen"
},
fr: {
page_title: "Nha Trang — Le paradis côtier du Vietnam",
logo_sub: "Baie paradisiaque",
nav_about: "À propos de Nha Trang",
nav_attractions: "Sites à découvrir",
nav_weather: "Météo",
nav_food: "Gastronomie",
nav_cta: "Réserver une excursion",
hero_badge: "🇻🇳 La destination balnéaire incontournable du Vietnam",
hero_title: "Découvrez les merveilles de Nha Trang",
hero_subtitle: "Profitez des eaux turquoise, des plages de sable fin, du soleil tropical et d'expériences inoubliables en bord de mer.",
hero_btn_explore: "Explorer",
hero_btn_book: "Réserver",
why_title: "Pourquoi choisir Nha Trang ?",
why_desc: "Une destination idéale pour des vacances inoubliables en famille ou entre amis.",
feature_1_title: "Un climat idéal",
feature_1_desc: "Plus de 300 jours de soleil par an, un ciel bleu et une brise marine rafraîchissante.",
feature_2_title: "Des plages de rêve",
feature_2_desc: "Des kilomètres de sable blanc et fin bordés d'une eau turquoise cristalline.",
feature_3_title: "Un riche patrimoine culturel",
feature_3_desc: "Découvrez les anciennes tours Cham de Po Nagar, des pagodes paisibles et une histoire fascinante.",
feature_4_title: "Un paradis de fruits de mer",
feature_4_desc: "Savourez des produits de la mer fraîchement pêchés dans la baie et des spécialités vietnamiennes.",
attr_title: "Les incontournables",
attr_desc: "Les lieux à ne pas manquer dans cette ville côtière.",
filter_all: "Tout",
filter_culture: "Culture",
filter_fun: "Loisirs",
filter_nature: "Nature",
cat_culture: "Culture",
cat_fun: "Loisirs",
cat_nature: "Nature",
attr_1_title: "Tours Cham de Po Nagar",
attr_1_desc: "Un ancien sanctuaire cham du VIIIe siècle, perché sur une colline qui domine la rivière Cai.",
attr_1_loc: "Rue 2 Tháng 4, Vĩnh Phước",
attr_2_title: "VinWonders Nha Trang",
attr_2_desc: "Un parc à thème exceptionnel sur l'île de Hòn Tre, avec téléphérique au-dessus de la mer, parc aquatique et aquarium moderne.",
attr_2_loc: "Île de Hòn Tre, Vĩnh Nguyên",
attr_3_title: "Sources minérales et bains de boue",
attr_3_desc: "Détendez-vous dans des bains naturels de boue minérale chaude, bénéfiques pour le corps et la peau.",
attr_3_loc: "Tháp Bà / I-Resort Nha Trang",
attr_4_title: "Excursion de snorkeling sur les récifs coralliens",
attr_4_desc: "Explorez les récifs colorés de la baie de Nha Trang avec un guide et du matériel de snorkeling.",
attr_4_loc: "Baie de Nha Trang, Khánh Hòa",
weather_title: "Quand partir ?",
weather_desc: "Planifiez votre séjour grâce à nos informations sur le climat selon les saisons.",
season_dry_title: "Janvier — août (saison sèche)",
season_dry_desc: "La meilleure période pour profiter de la plage : soleil généreux, mer calme et eau limpide. Parfaite pour le snorkeling, la baignade et les excursions dans les îles.",
season_dry_tag: "✨ Idéal pour des vacances détente",
season_rain_title: "Septembre — décembre (saison des pluies)",
season_rain_desc: "De courtes averses tropicales sous des températures agréables. Une période idéale pour voyager à petit prix, savourer la cuisine locale et profiter des spas.",
season_rain_tag: "💡 Des tarifs avantageux",
food_title: "Guide gastronomique de Nha Trang",
food_desc: "Des saveurs marines inoubliables.",
food_1_title: "Fruits de mer frais",
food_1_desc: "Homard, calamars grillés et coquillages préparés sur place dans les restaurants du bord de mer.",
food_2_title: "Soupe de nouilles au poisson et phở",
food_2_desc: "Savourez une soupe de nouilles au gâteau de poisson ou un phở traditionnel au bœuf.",
food_3_title: "Crêpe croustillante au calamar",
food_3_desc: "La bánh xèo vietnamienne, garnie de calamars frais et servie avec des herbes et une sauce maison.",
book_title: "Réservez une excursion et profitez de conseils gratuits",
book_desc: "Nous vous aidons à organiser le séjour idéal.",
form_name: "Nom complet",
form_email: "Adresse e-mail",
form_phone: "Numéro de téléphone",
form_package: "Choisissez une formule",
pkg_1: "Visite de la ville et VinWonders",
pkg_2: "Excursion dans les îles et plongée",
pkg_3: "Spa et bains de boue minérale",
form_notes: "Demandes particulières",
form_submit: "Envoyer la demande",
footer_copy: "© 2026 Nha Trang Travel Guide. Tous droits réservés.",
modal_title: "Demande envoyée !",
modal_desc: "Votre demande a bien été envoyée. Nous vous contacterons bientôt.",
modal_btn: "Fermer"
}
};
@@ -721,7 +875,7 @@
});
// Reset language button styles
const langs = ['vi', 'ru', 'en', 'zh'];
const langs = ['vi', 'ru', 'en', 'zh', 'de', 'fr'];
langs.forEach(l => {
const btn = document.getElementById(`btn-${l}`);
if (btn) {