PageSourceSearch

https://travelwithlokki.ai/destinations

html travelwithlokki.ai collected 2026-10-05 13:52:58 UTC 65,911 bytes, 784 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Destinations Supported - Lokki Travel Assistant</title>
7    <link rel="stylesheet" href="lokki_fixed_styles.css" media="(min-width: 901px)">
8    <link rel="stylesheet" href="mobile_responsive_css.css" media="(max-width: 900px)">
9    <link rel="icon" type="image/x-icon" href="favicon_io/favicon.ico">
10    <style>
11        .hero-section {
12            max-width: 1400px;
13            margin: 0 auto;
14            padding: 80px 40px;
15            display: flex;
16            align-items: center;
17            gap: 60px;
18            min-height: 100vh;
19        }
20        .hero-content {
21            flex: 1;
22            max-width: 600px;
23        }
24        .hero-badge {
25            display: inline-block;
26            background: #000;
27            color: white;
28            padding: 10px 20px;
29            border-radius: 25px;
30            font-size: 0.9rem;
31            font-weight: 600;
32            margin-bottom: 30px;
33        }
34        .hero-title {
35            font-size: 3.5rem;
36            line-height: 1.2;
37            color: #000;
38            margin-bottom: 30px;
39            font-weight: 700;
40        }
41        .hero-description {
42            font-size: 1.25rem;
43            line-height: 1.6;
44            color: #666;
45            margin-bottom: 40px;
46        }
47        .hero-stats {
48            display: flex;
49            gap: 40px;
50            align-items: center;
51        }
52        .hero-stat {
53            display: flex;
54            flex-direction: column;
55        }
56        .hero-stat-number {
57            font-size: 2.5rem;
58            font-weight: 700;
59            color: #667eea;
60            line-height: 1;
61            margin-bottom: 5px;
62        }
63        .hero-stat-label {
64            font-size: 1rem;
65            color: #666;
66            font-weight: 500;
67        }
68        .hero-image {
69            flex: 1;
70            max-width: 600px;
71        }
72        .hero-image img {
73            width: 100%;
74            height: auto;
75            border-radius: 20px;
76            box-shadow: 0 20px 60px rgba(0,0,0,0.15);
77        }
78        .content-section {
79            max-width: 1200px;
80            margin: 0 auto;
81            padding: 40px;
82            background: white;
83            border-radius: 10px;
84            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
85            margin-bottom: 40px;
86        }
87        @media (max-width: 900px) {
88            .hero-section {
89                flex-direction: column;
90                padding: 40px 20px;
91                min-height: auto;
92            }
93            .hero-title {
94                font-size: 2.5rem;
95            }
96            .hero-stats {
97                flex-direction: column;
98                align-items: flex-start;
99                gap: 20px;
100            }
101        }
102    </style>
103    
104    <!-- Mixpanel Analytics -->
105    
vendor: 1,994 bytes, lines 105-114
105<script type="text/javascript">
106      (function(e,c){if(!c.__SV){var l,h;window.mixpanel=c;c._i=[];c.init=function(q,r,f){function t(d,a){var g=a.split(".");2==g.length&&(d=d[g[0]],a=g[1]);d[a]=function(){d.push([a].concat(Array.prototype.slice.call(arguments,0)))}}var b=c;"undefined"!==typeof f?b=c[f]=[]:f="mixpanel";b.people=b.people||[];b.toString=function(d){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);d||(a+=" (stub)");return a};b.people.toString=function(){return b.toString(1)+".people (stub)"};l="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders start_session_recording stop_session_recording people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" ");
107      for(h=0;h<l.length;h++)t(b,l[h]);var n="set set_once union unset remove delete".split(" ");b.get_group=function(){function d(p){a[p]=function(){b.push([g,[p].concat(Array.prototype.slice.call(arguments,0))])}}for(var a={},g=["get_group"].concat(Array.prototype.slice.call(arguments,0)),m=0;m<n.length;m++)d(n[m]);return a};c._i.push([q,r,f])};c.__SV=1.2;var k=e.createElement("script");k.type="text/javascript";k.async=!0;k.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===
108      e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";e=e.getElementsByTagName("script")[0];e.parentNode.insertBefore(k,e)}})(document,window.mixpanel||[])
109
110      mixpanel.init('1cbd4ae133d6b1293738b27c3748bd75', {
111        autocapture: true,
112        record_sessions_percent: 100,
113      })
114    </script>
114
115</head>
116<body>
117    <!-- Hero Section -->
118    <div class="hero-section">
119        <div class="hero-content">
120            <div class="hero-badge">Destinations Supported</div>
121            <h1 class="hero-title">Explore Asia with Lokki</h1>
122            <p class="hero-description">From bustling cities to serene beaches, we cover 66 destinations across Southeast and East Asia. Find your next adventure with personalized itineraries and local insights.</p>
123            <div class="hero-stats">
124                <div class="hero-stat">
125                    <span class="hero-stat-number">12</span>
126                    <span class="hero-stat-label">Countries</span>
127                </div>
128                <div class="hero-stat">
129                    <span class="hero-stat-number">66</span>
130                    <span class="hero-stat-label">Destinations</span>
131                </div>
132            </div>
133        </div>
134        <div class="hero-image">
135            <img src="images/taiwan_destinations.jpg" alt="Asian Destinations">
136        </div>
137    </div>
138
139    <!-- Main Content -->
140    <div class="content-section">
141        <h2 style="color: #2c3e50; text-align: center; font-size: 2rem; margin-bottom: 20px;">Browse by Region</h2>
142        <p style="text-align: center; color: #666; font-size: 1.1rem; margin-bottom: 40px;">Select a region to explore available destinations</p>
143        
144        <!-- Toggle Buttons -->
145        <div style="display: flex; justify-content: center; gap: 15px; margin-bottom: 50px;">
146            <button onclick="showRegion('southeast')" id="btn-southeast" style="background: #667eea; color: white; padding: 12px 30px; border: none; border-radius: 25px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s;">
147                Southeast Asia
148            </button>
149            <button onclick="showRegion('east')" id="btn-east" style="background: #f0f0f0; color: #333; padding: 12px 30px; border: none; border-radius: 25px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s;">
150                East Asia
151            </button>
152        </div>
153        
154        <!-- Southeast Asia Destinations -->
155        <div id="southeast-destinations" style="display: block;">
156            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 25px; margin-bottom: 40px;">
157                
158                <!-- Singapore Card -->
159                <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/Singapore.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;">
160                    <div style="font-size: 2.5rem; margin-bottom: 10px;">🇸🇬</div>
161                    <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Singapore</h3>
162                    <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">1 destination</p>
163                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
164                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
165                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
166                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
167                        </svg>
168                        <span style="color: #666; font-size: 0.95rem;">Singapore</span>
169                    </div>
170                </div>
171                
172                <!-- Malaysia Card -->
173                <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/cameron.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;">
174                    <div style="font-size: 2.5rem; margin-bottom: 10px;">🇲🇾</div>
175                    <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Malaysia</h3>
176                    <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">10 destinations</p>
177                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
178                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
179                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
180                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
181                        </svg>
182                        <span style="color: #666; font-size: 0.95rem;">Kuala Lumpur</span>
183                    </div>
184                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
185                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
186                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
187                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
188                        </svg>
189                        <span style="color: #666; font-size: 0.95rem;">Penang</span>
190                    </div>
191                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
192                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
193                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
194                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
195                        </svg>
196                        <span style="color: #666; font-size: 0.95rem;">Johor Bahru</span>
197                    </div>
198                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
199                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
200                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
201                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
202                        </svg>
203                        <span style="color: #666; font-size: 0.95rem;">Langkawi</span>
204                    </div>
205                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
206                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
207                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
208                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
209                        </svg>
210                        <span style="color: #666; font-size: 0.95rem;">Malacca</span>
211                    </div>
212                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
213                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
214                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
215                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
216                        </svg>
217                        <span style="color: #666; font-size: 0.95rem;">Kota Kinabalu</span>
218                    </div>
219                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
220                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
221                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
222                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
223                        </svg>
224                        <span style="color: #666; font-size: 0.95rem;">Sabah</span>
225                    </div>
226                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
227                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
228                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
229                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
230                        </svg>
231                        <span style="color: #666; font-size: 0.95rem;">Cameron Highlands</span>
232                    </div>
233                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
234                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
235                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
236                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
237                        </svg>
238                        <span style="color: #666; font-size: 0.95rem;">Genting Highlands</span>
239                    </div>
240                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
241                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
242                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
243                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
244                        </svg>
245                        <span style="color: #666; font-size: 0.95rem;">Ipoh</span>
246                    </div>
247                </div>
248                
249                <!-- Thailand Card -->
250                <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/Krabi.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;">
251                    <div style="font-size: 2.5rem; margin-bottom: 10px;">🇹🇭</div>
252                    <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Thailand</h3>
253                    <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">6 destinations</p>
254                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
255                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
256                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
257                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
258                        </svg>
259                        <span style="color: #666; font-size: 0.95rem;">Bangkok</span>
260                    </div>
261                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
262                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
263                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
264                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
265                        </svg>
266                        <span style="color: #666; font-size: 0.95rem;">Phuket</span>
267                    </div>
268                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
269                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
270                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
271                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
272                        </svg>
273                        <span style="color: #666; font-size: 0.95rem;">Chiang Mai</span>
274                    </div>
275                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
276                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
277                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
278                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
279                        </svg>
280                        <span style="color: #666; font-size: 0.95rem;">Koh Samui</span>
281                    </div>
282                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
283                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
284                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
285                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
286                        </svg>
287                        <span style="color: #666; font-size: 0.95rem;">Krabi</span>
288                    </div>
289                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
290                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
291                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
292                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
293                        </svg>
294                        <span style="color: #666; font-size: 0.95rem;">Pattaya</span>
295                    </div>
296                </div>
297                
298                <!-- Indonesia Card -->
299                <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/bali1.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;">
300                    <div style="font-size: 2.5rem; margin-bottom: 10px;">🇮🇩</div>
301                    <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Indonesia</h3>
302                    <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">8 destinations</p>
303                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
304                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
305                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
306                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
307                        </svg>
308                        <span style="color: #666; font-size: 0.95rem;">Bali</span>
309                    </div>
310                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
311                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
312                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
313                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
314                        </svg>
315                        <span style="color: #666; font-size: 0.95rem;">Jakarta</span>
316                    </div>
317                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
318                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
319                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
320                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
321                        </svg>
322                        <span style="color: #666; font-size: 0.95rem;">Yogyakarta</span>
323                    </div>
324                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
325                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
326                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
327                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
328                        </svg>
329                        <span style="color: #666; font-size: 0.95rem;">Lombok</span>
330                    </div>
331                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
332                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
333                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
334                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
335                        </svg>
336                        <span style="color: #666; font-size: 0.95rem;">Bandung</span>
337                    </div>
338                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
339                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
340                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
341                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
342                        </svg>
343                        <span style="color: #666; font-size: 0.95rem;">Labuan Bajo</span>
344                    </div>
345                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
346                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
347                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
348                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
349                        </svg>
350                        <span style="color: #666; font-size: 0.95rem;">Bintan</span>
351                    </div>
352                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
353                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
354                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
355                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
356                        </svg>
357                        <span style="color: #666; font-size: 0.95rem;">Batam</span>
358                    </div>
359                </div>
360                
361                <!-- Vietnam Card -->
362                <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/Vietnam.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;">
363                    <div style="font-size: 2.5rem; margin-bottom: 10px;">🇻🇳</div>
364                    <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Vietnam</h3>
365                    <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">7 destinations</p>
366                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
367                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
368                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
369                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
370                        </svg>
371                        <span style="color: #666; font-size: 0.95rem;">
371Hanoi</span>
372                    </div>
373                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
374                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
375                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
376                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
377                        </svg>
378                        <span style="color: #666; font-size: 0.95rem;">Ho Chi Minh City</span>
379                    </div>
380                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
381                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
382                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
383                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
384                        </svg>
385                        <span style="color: #666; font-size: 0.95rem;">Da Nang</span>
386                    </div>
387                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
388                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
389                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
390                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
391                        </svg>
392                        <span style="color: #666; font-size: 0.95rem;">Hoi An</span>
393                    </div>
394                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
395                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
396                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
397                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
398                        </svg>
399                        <span style="color: #666; font-size: 0.95rem;">
399Halong Bay</span>
400                    </div>
401                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
402                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
403                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
404                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
405                        </svg>
406                        <span style="color: #666; font-size: 0.95rem;">Nha Trang</span>
407                    </div>
408                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
409                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
410                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
411                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
412                        </svg>
413                        <span style="color: #666; font-size: 0.95rem;">Phu Quoc</span>
414                    </div>
415                </div>
416                
417                <!-- Cambodia Card -->
418                <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/Cambodia.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;">
419                    <div style="font-size: 2.5rem; margin-bottom: 10px;">🇰🇭</div>
420                    <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Cambodia</h3>
421                    <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">2 destinations</p>
422                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
423                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
424                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
425                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
426                        </svg>
427                        <span style="color: #666; font-size: 0.95rem;">Siem Reap</span>
428                    </div>
429                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
430                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
431                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
432                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
433                        </svg>
434                        <span style="color: #666; font-size: 0.95rem;">Phnom Penh</span>
435                    </div>
436                </div>
437                
438                <!-- Philippines Card -->
439                <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)); padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;">
440                    <div style="font-size: 2.5rem; margin-bottom: 10px;">🇵🇭</div>
441                    <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Philippines</h3>
442                    <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">5 destinations</p>
443                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
444                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
445                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
446                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
447                        </svg>
448                        <span style="color: #666; font-size: 0.95rem;">Manila</span>
449                    </div>
450                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
451                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
452                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
453                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
454                        </svg>
455                        <span style="color: #666; font-size: 0.95rem;">Baguio</span>
456                    </div>
457                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
458                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
459                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
460                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
461                        </svg>
462                        <span style="color: #666; font-size: 0.95rem;">Davao</span>
463                    </div>
464                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
465                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
466                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
467                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
468                        </svg>
469                        <span style="color: #666; font-size: 0.95rem;">Boracay</span>
470                    </div>
471                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
472                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
473                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
474                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
475                        </svg>
476                        <span style="color: #666; font-size: 0.95rem;">Cebu</span>
477                    </div>
478                </div>
479
480                <!-- Sri Lanka Card -->
481                <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)); padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;">
482                    <div style="font-size: 2.5rem; margin-bottom: 10px;">🇱🇰</div>
483                    <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Sri Lanka</h3>
484                    <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">3 destinations</p>
485                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
486                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
487                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
488                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
489                        </svg>
490                        <span style="color: #666; font-size: 0.95rem;">Colombo</span>
491                    </div>
492                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
493                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
494                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
495                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
496                        </svg>
497                        <span style="color: #666; font-size: 0.95rem;">Kandy</span>
498                    </div>
499                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
500                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
501                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
502                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
503                        </svg>
504                        <span style="color: #666; font-size: 0.95rem;">Galle</span>
505                    </div>
506                </div>
507                
508            </div>
509        </div> <!-- End Southeast Asia -->
510        
511        <!-- East Asia Destinations -->
512        <div id="east-destinations" style="display: none;">
513            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 25px; margin-bottom: 40px;">
514                
515                <!-- Hong Kong & Macau Card -->
516                <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)); padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;">
517                    <div style="font-size: 2.5rem; margin-bottom: 10px;">🇭🇰</div>
518                    <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Hong Kong & Macau</h3>
519                    <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">2 destinations</p>
520                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
521                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
522                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
523                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
524                        </svg>
525                        <span style="color: #666; font-size: 0.95rem;">Hong Kong</span>
526                    </div>
527                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
528                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
529                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
530                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
531                        </svg>
532                        <span style="color: #666; font-size: 0.95rem;">Macau</span>
533                    </div>
534                </div>
535                
536                <!-- Japan Card -->
537                <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/tokyo5.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;">
538                    <div style="font-size: 2.5rem; margin-bottom: 10px;">🇯🇵</div>
539                    <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Japan</h3>
540                    <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">6 destinations</p>
541                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
542                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
543                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
544                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
545                        </svg>
546                        <span style="color: #666; font-size: 0.95rem;">Tokyo</span>
547                    </div>
548                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
549                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
550                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
551                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
552                        </svg>
553                        <span style="color: #666; font-size: 0.95rem;">Kyoto</span>
554                    </div>
555                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
556                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
557                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
558                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
559                        </svg>
560                        <span style="color: #666; font-size: 0.95rem;">Fujinomiya</span>
561                    </div>
562                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
563                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
564                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
565                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
566                        </svg>
567                        <span style="color: #666; font-size: 0.95rem;">Osaka</span>
568                    </div>
569                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
570                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
571                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
572                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
573                        </svg>
574                        <span style="color: #666; font-size: 0.95rem;">Hokkaido</span>
575                    </div>
576                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
577                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
578                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
579                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
580                        </svg>
581                        <span style="color: #666; font-size: 0.95rem;">Hiroshima</span>
582                    </div>
583                </div>
584                
585                <!-- South Korea Card -->
586                <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/seoul3.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;">
587                    <div style="font-size: 2.5rem; margin-bottom: 10px;">🇰🇷</div>
588                    <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">South Korea</h3>
589                    <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">5 destinations</p>
590                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
591                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
592                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
593                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
594                        </svg>
595                        <span style="color: #666; font-size: 0.95rem;">Seoul</span>
596                    </div>
597                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
598                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
599                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
600                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
601                        </svg>
602                        <span style="color: #666; font-size: 0.95rem;">Busan</span>
603                    </div>
604                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
605                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
606                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
607                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
608                        </svg>
609                        <span style="color: #666; font-size: 0.95rem;">Jeju Island</span>
610                    </div>
611                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
612                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
613                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
614                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
615                        </svg>
616                        <span style="color: #666; font-size: 0.95rem;">
616Gyeongju</span>
617                    </div>
618                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
619                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
620                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
621                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
622                        </svg>
623                        <span style="color: #666; font-size: 0.95rem;">Incheon</span>
624                    </div>
625                </div>
626                
627                <!-- Taiwan Card -->
628                <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/taiwan4.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;">
629                    <div style="font-size: 2.5rem; margin-bottom: 10px;">🇹🇼</div>
630                    <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Taiwan</h3>
631                    <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">5 destinations</p>
632                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
633                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
634                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
635                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
636                        </svg>
637                        <span style="color: #666; font-size: 0.95rem;">Taipei</span>
638                    </div>
639                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
640                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
641                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
642                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
643                        </svg>
644                        <span style="color: #666; font-size: 0.95rem;">Kaohsiung</span>
645                    </div>
646                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
647                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
648                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
649                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
650                        </svg>
651                        <span style="color: #666; font-size: 0.95rem;">Taichung</span>
652                    </div>
653                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
654                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
655                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
656                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
657                        </svg>
658                        <span style="color: #666; font-size: 0.95rem;">Tainan</span>
659                    </div>
660                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
661                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
662                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
663                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
664                        </svg>
665                        <span style="color: #666; font-size: 0.95rem;">Hualien</span>
666                    </div>
667                </div>
668                
669                <!-- China Card -->
670                <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)); padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;">
671                    <div style="font-size: 2.5rem; margin-bottom: 10px;">🇨🇳</div>
672                    <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">China</h3>
673                    <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">9 destinations</p>
674                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
675                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
676                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
677                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
678                        </svg>
679                        <span style="color: #666; font-size: 0.95rem;">Shenzhen</span>
680                    </div>
681                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
682                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
683                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
684                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
685                        </svg>
686                        <span style="color: #666; font-size: 0.95rem;">Guangzhou</span>
687                    </div>
688                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
689                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
690                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
691                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
692                        </svg>
693                        <span style="color: #666; font-size: 0.95rem;">Beijing</span>
694                    </div>
695                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
696                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
697                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
698                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
699                        </svg>
700                        <span style="color: #666; font-size: 0.95rem;">Shanghai</span>
701                    </div>
702                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
703                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
704                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
705                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
706                        </svg>
707                        <span style="color: #666; font-size: 0.95rem;">Xi'an</span>
708                    </div>
709                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
710                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
711                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
712                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
713                        </svg>
714                        <span style="color: #666; font-size: 0.95rem;">Chengdu</span>
715                    </div>
716                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
717                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
718                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
719                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
720                        </svg>
721                        <span style="color: #666; font-size: 0.95rem;">Guilin</span>
722                    </div>
723                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
724                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
725                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
726                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
727                        </svg>
728                        <span style="color: #666; font-size: 0.95rem;">Lijiang</span>
729                    </div>
730                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
731                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2">
732                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
733                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
734                        </svg>
735                        <span style="color: #666; font-size: 0.95rem;">
735Hangzhou</span>
736                    </div>
737                </div>
738                
739            </div>
740        </div> <!-- End East Asia -->
741
742        <div style="background: #f8f9fa; padding: 25px; border-radius: 10px; margin: 40px 0 30px 0; text-align: center;">
743            <h3 style="color: #2c3e50; margin-bottom: 15px;">🚀 We're Expanding!</h3>
744            <p style="color: #555; font-size: 1.1rem; margin: 0;">We're expanding quickly. Stay tuned as Lokki supports even more destinations across Asia!</p>
745        </div>
746
747        <div style="text-align: center; margin-top: 40px;">
748            <a href="index.html" style="background: #667eea; color: white; padding: 15px 30px; text-decoration: none; border-radius: 5px; display: inline-block; font-size: 1.1rem; font-weight: 600;">Start Planning</a>
749        </div>
750    </div> <!-- End content-section -->
751    
752    
752<script>
753        function showRegion(region) {
754            const southeastBtn = document.getElementById('btn-southeast');
755            const eastBtn = document.getElementById('btn-east');
756            const southeastDestinations = document.getElementById('southeast-destinations');
757            const eastDestinations = document.getElementById('east-destinations');
758            
759            if (region === 'southeast') {
760                // Show Southeast Asia
761                southeastDestinations.style.display = 'block';
762                eastDestinations.style.display = 'none';
763                
764                // Update button styles
765                southeastBtn.style.background = '#667eea';
766                southeastBtn.style.color = 'white';
767                eastBtn.style.background = '#f0f0f0';
768                eastBtn.style.color = '#333';
769            } else if (region === 'east') {
770                // Show East Asia
771                southeastDestinations.style.display = 'none';
772                eastDestinations.style.display = 'block';
773                
774                // Update button styles
775                southeastBtn.style.background = '#f0f0f0';
776                southeastBtn.style.color = '#333';
777                eastBtn.style.background = '#667eea';
778                eastBtn.style.color = 'white';
779            }
780        }
781    </script>
vendor: 1 bytes, line 781
781
782<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"b8d9142aac3a484095aeecb22dd1d648","r":1,"spa":2}' crossorigin="anonymous"></script>
782
783</body>
784</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.