From 942eefbf8e11c2709a75d5cb4b058c42c58db9f3 Mon Sep 17 00:00:00 2001
From: Quang Khai Nguyen <quang_khai.nguyen2@sbb.ch>
Date: Mon, 12 Oct 2026 10:34:41 +0200
Subject: [PATCH] add tour lan bien ngam san ho

---
 index.html | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 59a8b22..eac736e 100755
--- a/index.html
+++ b/index.html
@@ -180,7 +180,7 @@
             </div>
 
             <!-- Attractions Grid -->
-            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" id="attractions-grid">
+            <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-8" id="attractions-grid">
                 <!-- Item 1 -->
                 <div class="attraction-card bg-white rounded-3xl overflow-hidden shadow-md hover:shadow-2xl transition border border-gray-100 flex flex-col" data-category="culture">
                     <div class="relative h-64 overflow-hidden">
@@ -231,6 +231,23 @@
                         </div>
                     </div>
                 </div>
+
+                <!-- Item 4 -->
+                <div class="attraction-card bg-white rounded-3xl overflow-hidden shadow-md hover:shadow-2xl transition border border-gray-100 flex flex-col" data-category="nature">
+                    <div class="relative h-64 overflow-hidden">
+                        <img src="https://images.unsplash.com/photo-1544551763-46a013bb70d5?auto=format&fit=crop&w=800&q=80" alt="Coral reef snorkeling" class="w-full h-full object-cover transform hover:scale-105 transition duration-500">
+                        <span class="absolute top-4 right-4 bg-black/60 backdrop-blur-md text-white text-xs px-3 py-1.5 rounded-full font-semibold" data-i18n="cat_nature">Thiên nhiên</span>
+                    </div>
+                    <div class="p-6 flex-1 flex flex-col justify-between">
+                        <div>
+                            <h3 class="text-xl font-bold text-gray-900 mb-2" data-i18n="attr_4_title">Tour lặn biển ngắm san hô</h3>
+                            <p class="text-gray-600 text-sm leading-relaxed mb-4" data-i18n="attr_4_desc">Khám phá những rạn san hô rực rỡ trong làn nước trong xanh của vịnh Nha Trang cùng hướng dẫn viên và thiết bị lặn.</p>
+                        </div>
+                        <div class="flex items-center text-brand-600 font-semibold text-sm">
+                            <i class="fa-solid fa-location-dot mr-2"></i> <span data-i18n="attr_4_loc">Vịnh Nha Trang, Khánh Hòa</span>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     </section>
@@ -427,6 +444,9 @@
                 attr_3_title: "Suối khoáng & Tắm bùn",
                 attr_3_desc: "Trải nghiệm dịch vụ tắm bùn khoáng nóng tự nhiên giúp thư giãn cơ thể, phục hồi sức khỏe và làm đẹp da.",
                 attr_3_loc: "Tháp Bà / I-Resort Nha Trang",
+                attr_4_title: "Tour lặn biển ngắm san hô",
+                attr_4_desc: "Khám phá những rạn san hô rực rỡ trong làn nước trong xanh của vịnh Nha Trang cùng hướng dẫn viên và thiết bị lặn.",
+                attr_4_loc: "Vịnh Nha Trang, Khánh Hòa",
                 weather_title: "Thời điểm lý tưởng du lịch",
                 weather_desc: "Lên kế hoạch cho chuyến đi của bạn với thông tin thời tiết chính xác.",
                 season_dry_title: "Tháng 1 — Tháng 8 (Mùa khô)",
@@ -500,6 +520,9 @@
                 attr_3_title: "Минеральные источники и грязи",
                 attr_3_desc: "Расслабляющие оздоровительные процедуры в целебных термальных источниках и грязелечебницах.",
                 attr_3_loc: "Комплексы Tháp Bà / I-Resort",
+                attr_4_title: "Тур с погружением и наблюдением за кораллами",
+                attr_4_desc: "Исследуйте яркие коралловые рифы в прозрачных водах залива Нячанг с гидом и необходимым снаряжением.",
+                attr_4_loc: "Залив Нячанг, Кханьхоа",
                 weather_title: "Лучшее время для поездки",
                 weather_desc: "Спланируйте свою поездку на основе точных метеорологических данных.",
                 season_dry_title: "Январь — Август (Сухой сезон)",
@@ -573,6 +596,9 @@
                 attr_3_title: "Mineral Springs & Mud Baths",
                 attr_3_desc: "Relaxing natural thermal mud baths designed to rejuvenate your body, health, and skin.",
                 attr_3_loc: "Thap Ba / I-Resort Nha Trang",
+                attr_4_title: "Coral Reef Snorkeling Tour",
+                attr_4_desc: "Explore vibrant coral reefs in the clear waters of Nha Trang Bay with a guide and snorkeling gear.",
+                attr_4_loc: "Nha Trang Bay, Khanh Hoa",
                 weather_title: "Best Time to Visit",
                 weather_desc: "Plan your trip with accurate seasonal weather insights.",
                 season_dry_title: "January — August (Dry Season)",
@@ -646,6 +672,9 @@
                 attr_3_title: "温泉与矿物泥浆浴",
                 attr_3_desc: "体验天然热矿物泥浆浴，放松身心、舒缓疲劳并滋养肌肤。",
                 attr_3_loc: "Thap Ba / I-Resort 泥浴中心",
+                attr_4_title: "芽庄珊瑚礁浮潜之旅",
+                attr_4_desc: "在向导陪同下，穿戴浮潜装备，探索芽庄湾清澈海水中的绚丽珊瑚礁。",
+                attr_4_loc: "庆和省芽庄湾",
                 weather_title: "最佳旅游季节",
                 weather_desc: "根据精准气候指南，轻松规划您的完美行程。",
                 season_dry_title: "1月 — 8月 (旱季)",