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>Contact</title> 7 8 <link rel="shortcut icon" type="image/ico" href="https://storage.perfectcdn.com/7oudnq/qkgw4qsflg18i9wx.png"/> 9 10 <!-- Google Fonts --> 11 <link rel="preconnect" href="https://fonts.googleapis.com"> 12 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 13 <link href="https://fonts.googleapis.com/css2?family=Fredoka:[email protected]&family=Lexend+Deca:[email protected]&display=swap" rel="stylesheet"> 14 15 <!-- Font Awesome --> 16 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 17 18 <!-- Tailwind CSS (Keep CDN for now as per original theme) --> 19
19<script src="https://cdn.tailwindcss.com"></script>
19 20 21 <!-- Google Identity Services --> 22
22<script src="https://accounts.google.com/gsi/client" async defer></script>
22 23 24 <!-- Perfect Panel Dynamic Styles --> 25 <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/7oudnq/boz8dchoxs90o8tn.css"> 26 <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/7oudnq/gnn0yqx6xe873dpw.css"> 27 <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/libs/bootstrap-datetimepicker/4.17.47/bootstrap-datetimepicker.min.css"> 28 <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/css/font-awesome/css/all.min.css"> 29 <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/global/bom82moil4436i6g.css"> 30 <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/global/a5cpdole0ewqrg5w.css"> 31 32 <!-- Theme Custom Styles --> 33 <link rel="stylesheet" href="styles.css"> 34 35 <link rel="canonical" href="http://firstsmmpanel.com/contact" /> 36 37 38 39 40<style>.integration-fixed { 41 position: fixed; 42 z-index: 10000000; 43 display: flex; 44 flex-direction: column; 45 justify-content: center; 46 padding: 24px; 47 row-gap: 12px; 48} 49.integration-fixed__top-left { 50 top: 0; 51 left: 0; 52} 53.integration-fixed__top-right { 54 top: 0; 55 right: 0; 56} 57.integration-fixed__bottom-left { 58 bottom: 0; 59 left: 0; 60} 61.integration-fixed__bottom-right { 62 bottom: 0; 63 right: 0; 64} 65</style> 66 67 68 69<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 69-70
69 70<script async src="https://www.googletagmanager.com/gtag/js?id=
70G-BN0NXELTZ4
vendor: 13 bytes, line 70
70"></script>
71<script> 72
vendor: 138 bytes, lines 72-76
72window.dataLayer = window.dataLayer || []; 73 function gtag(){dataLayer.push(arguments);} 74 gtag('js', new Date()); 75 76 gtag('config', '
76G-BN0NXELTZ4
vendor: 5 bytes, line 76
76');
77</script>
77 78 79<meta name="heleket" content="f2306044" /> 80<meta name="google-site-verification" content="5vBa7BmmLx4wyFR2O-Py2bsuxAoT4SHsiOwdLNtjanU" /> 81 82<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 82-83
82 83<script async src="https://www.googletagmanager.com/gtag/js?id=
83AW-16739458656
vendor: 15 bytes, lines 83-84
83"> 84</script>
85<script> 86
vendor: 138 bytes, lines 86-90
86window.dataLayer = window.dataLayer || []; 87 function gtag(){dataLayer.push(arguments);} 88 gtag('js', new Date()); 89 90 gtag('config', '
90AW-16739458656
vendor: 5 bytes, line 90
90');
91</script>
91 92 93<!-- Event snippet for Purchase conversion page -->
94<script> 95 gtag('event', 'conversion', { 96 'send_to': 'AW-16739458656/s_hdCK3m8twZEOC8_60-', 97 'value': 1.0, 98 'currency': 'INR', 99 'transaction_id': '' 100 }); 101</script>
101 102 103 104<!-- Google Tag Manager -->
105<script>
vendor: 331 bytes, lines 105-109
105(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 106new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 107j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 108'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 109})(window,document,'script','dataLayer','
109GTM-PVRJTH5
vendor: 3 bytes, line 109
109');
109</script>
109 110<!-- End Google Tag Manager --> 111 112 113 114 115<link href="https://storage.perfectcdn.com/libs/jquery/1.12.4/jquery.min.js" rel="preload" as="script"> 116<link href="https://storage.perfectcdn.com/global/y31lp1sfpjxenwff.js" rel="preload" as="script"> 117<link href="https://storage.perfectcdn.com/global/yo7jjbt9bz8u4xk0.js" rel="preload" as="script"> 118<link href="https://storage.perfectcdn.com/global/kkj76ozsjok1zzlw.js" rel="preload" as="script"> 119<link href="https://storage.perfectcdn.com/global/3m4y9f1lp9xmd69r.js" rel="preload" as="script"> 120<link href="https://storage.perfectcdn.com/7oudnq/4qyyxmzff6l9mlg3.js" rel="preload" as="script"> 121<link href="https://storage.perfectcdn.com/7oudnq/o4ngisndbqa839zw.js" rel="preload" as="script"> 122 123</head> 124 125<body class="bg-gray-50 text-gray-900"> 126 127 <!-- GUEST / LANDING LAYOUT --> 128 129 <!-- Navigation --> 130 <!-- Navigation --> 131 <nav class="fixed top-0 w-full bg-white/95 backdrop-blur-lg z-50 border-b border-gray-200 shadow-sm"> 132 <div class="container mx-auto px-4 py-4"> 133 <div class="flex items-center justify-between"> 134 <a href="/" class="text-2xl font-bold" 135 style="background: linear-gradient(90deg, #A614B2 0%, #5004F5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;"> 136 <!---- <img src="https://storage.perfectcdn.com/7oudnq/fw60pwmtr07exwx9.png" alt="smmpanelone.com" style="max-height: 40px;"> 137 ----> FIRSTSMMPANEL 138 </a> 139 140 <!-- Desktop Menu --> 141 <div class="hidden md:flex items-center space-x-6"> 142 <a href="https://smmpanelone.com/app" class="text-gray-700 hover:text-purple-600 transition"> 143 <i class="far fa-mobile mr-2"></i>Mobile Application 144 </a> 145 <a href="/" class="text-gray-700 hover:text-purple-600 transition"> 146 <i class="fas fa-sign-in mr-2"></i>Sign in 147 </a> 148 <a href="/services" class="text-gray-700 hover:text-purple-600 transition"> 149 <i class="fad fa-book-open mr-2"></i>Services 150 </a> 151 <a href="/signup" class="text-gray-700 hover:text-purple-600 transition"> 152 <i class="fas fa-user-plus mr-2"></i>Sign up 153 </a> 154 <a href="/api" class="text-gray-700 hover:text-purple-600 transition"> 155 <i class="fas fa-link mr-2"></i>API 156 </a> 157 <a href="/blog" class="text-gray-700 hover:text-purple-600 transition"> 158 <i class="fas fa-rss-square mr-2"></i>Blog 159 </a> 160 <a href="/contact" class="text-gray-700 hover:text-purple-600 transition"> 161 <i class="fas fa-id-card mr-2"></i>Contact 162 </a> 163 <a href="/terms" class="text-gray-700 hover:text-purple-600 transition"> 164 <i class="fas fa-balance-scale mr-2"></i>Terms 165 </a> 166 167 <div class="relative inline-block text-left"> 168 <select class="bg-gray-100 px-3 py-1 rounded-lg border border-gray-300 text-gray-700" onchange="window.location.href=this.value"> 169 <option value="/contact" selected>English</option> 170 <option value="/hi/contact" >Hindi</option> 171 <option value="/ru/contact" >Ð ÑÑÑкий</option> 172 <option value="/tr/contact" >Türkçe</option> 173 <option value="/bp/contact" >Portuguese</option> 174 <option value="/ko/contact" >íêµì´</option> 175 <option value="/ar/contact" >Ø§ÙØ¹Ø±Ø¨ÙØ©</option> 176 <option value="/es/contact" >Español</option> 177 <option value="/th/contact" >à¹à¸à¸¢</option> 178 <option value="/vi/contact" >Tiếng Viá»t</option> 179 <option value="/fr/contact" >Français</option> 180 <option value="/zh/contact" >䏿</option> 181 <option value="/de/contact" >Deutsch</option> 182 <option value="/id/contact" >Bahasa Indonesia</option> 183 <option value="/it/contact" >Italiano</option> 184 <option value="/ja/contact" >æ¥æ¬èª</option> 185 <option value="/pl/contact" >Polski</option> 186 <option value="/uk/contact" >УкÑаÑнÑÑка</option> 187 <option value="/fa/contact" >ÙØ§Ø±Ø³Û</option> 188 </select> 189 </div> 190 </div> 191 192 <div class="hidden md:flex items-center space-x-4"> 193 <a href="/" class="btn-outline"><i class="fas fa-sign-in-alt mr-2"></i>Sign in</a> 194 <a href="/signup" class="btn-primary"><i class="fas fa-user-plus mr-2"></i>Sign up</a> 195 </div> 196 197 <button class="md:hidden text-gray-900" id="mobileMenuBtn"> 198 <i class="fas fa-bars text-2xl"></i> 199 </button> 200 </div> 201 202 <!-- Mobile Menu --> 203 <div id="mobileMenu" class="hidden md:hidden mt-4 pb-4 border-t border-gray-200"> 204 <div class="flex flex-col space-y-3 pt-4"> 205 <a href="https://smmpanelone.com/app" class="text-gray-700 hover:text-purple-600 transition py-2"> 206 <i class="far fa-mobile mr-2"></i>Mobile Application 207 </a> 208 <a href="/" class="text-gray-700 hover:text-purple-600 transition py-2"> 209 <i class="fas fa-sign-in mr-2"></i>Sign in 210 </a> 211 <a href="/services" class="text-gray-700 hover:text-purple-600 transition py-2"> 212 <i class="fad fa-book-open mr-2"></i>Services 213 </a> 214 <a href="/signup" class="text-gray-700 hover:text-purple-600 transition py-2"> 215 <i class="fas fa-user-plus mr-2"></i>Sign up 216 </a> 217 <a href="/api" class="text-gray-700 hover:text-purple-600 transition py-2"> 218 <i class="fas fa-link mr-2"></i>API 219 </a> 220 <a href="/blog" class="text-gray-700 hover:text-purple-600 transition py-2"> 221 <i class="fas fa-rss-square mr-2"></i>Blog 222 </a> 223 <a href="/contact" class="text-gray-700 hover:text-purple-600 transition py-2"> 224 <i class="fas fa-id-card mr-2"></i>Contact 225 </a> 226 <a href="/terms" class="text-gray-700 hover:text-purple-600 transition py-2"> 227 <i class="fas fa-balance-scale mr-2"></i>Terms 228 </a> 229 <div class="flex flex-col space-y-2 pt-2"> 230 <a href="/" class="btn-outline text-center"> 231 <i class="fas fa-sign-in-alt mr-2"></i>Sign in 232 </a> 233 <a href="/signup" class="btn-primary text-center"> 234 <i class="fas fa-user-plus mr-2"></i>Sign up 235 </a> 236 </div> 237 </div> 238 </div> 239 </div> 240 </nav> 241 242 <!-- Content Injection (This will be signin.twig for home, or signup.twig etc) --> 243 <div class="container mx-auto px-4 py-12"> 244 <div class="max-w-4xl mx-auto"> 245 <div class="bg-white rounded-3xl shadow-sm border border-gray-100 p-8 md:p-12 prose prose-purple max-w-none text-gray-600 leading-relaxed"> 246 <p>Email - [email protected] </p><p>Phone - +98 994 531 5520</p><p>Perfect App LLC�</p><p>55 Mack in Street, London, England, WC2B 5NF, GB</p> 247 </div> 248 </div> 249 </div> 250 251 <style> 252 /* Prose styling for dynamic content */ 253 .prose h1, .prose h2, .prose h3 { color: #111827; font-weight: 700; margin-top: 1.5em; margin-bottom: 0.8em; } 254 .prose h1 { font-size: 2.25em; } 255 .prose h2 { font-size: 1.875em; } 256 .prose p { margin-bottom: 1.25em; } 257 .prose ul, .prose ol { margin-bottom: 1.25em; padding-left: 1.5em; } 258 .prose ul { list-style-type: disc; } 259 .prose ol { list-style-type: decimal; } 260 </style> 261 262 263 <!-- Footer --> 264 <!-- Footer --> 265 <footer class="py-12 px-4 bg-gray-900 text-white"> 266 <div class="container mx-auto"> 267 <div class="grid md:grid-cols-4 gap-8 mb-8"> 268 <div> 269 <h3 class="text-2xl font-bold mb-4" 270 style="background: linear-gradient(90deg, #A614B2 0%, #5004F5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;"> 271 smmpanelone.com 272 </h3> 273 <p class="text-gray-400 text-sm">The best and cheapest SMM panel for all your social media marketing needs.</p> 274 </div> 275 <div> 276 <h4 class="font-bold mb-4"><i class="fas fa-link mr-2"></i>Quick Links</h4> 277 <ul class="space-y-2 text-gray-400 text-sm"> 278 <li><a href="https://smmpanelone.com/app" class="hover:text-purple-400 transition">Mobile Application</a></li> 279 <li><a href="/" class="hover:text-purple-400 transition">Sign in</a></li> 280 <li><a href="/services" class="hover:text-purple-400 transition">Services</a></li> 281 <li><a href="/signup" class="hover:text-purple-400 transition">Sign up</a></li> 282 <li><a href="/api" class="hover:text-purple-400 transition">API</a></li> 283 <li><a href="/blog" class="hover:text-purple-400 transition">Blog</a></li> 284 <li><a href="/contact" class="hover:text-purple-400 transition">Contact</a></li> 285 <li><a href="/terms" class="hover:text-purple-400 transition">Terms</a></li> 286 </ul> 287 </div> 288 <div> 289 <h4 class="font-bold mb-4"><i class="fas fa-server mr-2"></i>Services</h4> 290 <ul class="space-y-2 text-gray-400 text-sm"> 291 <li><a href="#" class="hover:text-purple-400 transition">Instagram</a></li> 292 <li><a href="#" class="hover:text-purple-400 transition">Facebook</a></li> 293 <li><a href="#" class="hover:text-purple-400 transition">YouTube</a></li> 294 <li><a href="#" class="hover:text-purple-400 transition">TikTok</a></li> 295 </ul> 296 </div> 297 <div> 298 <h4 class="font-bold mb-4"><i class="fas fa-headset mr-2"></i>Support</h4> 299 <ul class="space-y-2 text-gray-400 text-sm"> 300 <li><i class="fas fa-comments mr-2"></i>24/7 Live Chat</li> 301 <li><i class="fas fa-envelope mr-2"></i>Email Support</li> 302 </ul> 303 </div> 304 </div> 305 <div class="border-t border-gray-800 pt-8 text-center text-gray-400 text-sm"> 306 <p><i class="fas fa-copyright mr-2"></i>Copyright. All Rights Reserved By smmpanelone.com</p> 307 </div> 308 </div> 309 </footer> 310 311 312 313<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVRJTH5" 314height="0" width="0" class="gtm-hide"></iframe></noscript> 315 316 317<div class="integration-fixed integration-fixed__bottom-right"> 318 <style> 319 .telegram-container { 320 position: relative; 321 } 322 323 .telegram-button { 324 width: 60px; 325 height: 60px; 326 bottom: 40px; 327 right: 40px; 328 background-color: transparent !important; 329 color: #FFF !important; 330 border-radius: 50px; 331 text-align: center; 332 font-size: 30px; 333 box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); 334 display: flex; 335 align-items: center; 336 justify-content: center; 337 text-decoration: none !important; 338 -webkit-transition: all 0.3s ease; 339 -moz-transition: all 0.3s ease; 340 -o-transition: all 0.3s ease; 341 -ms-transition: all 0.3s ease; 342 transition: all 0.3s ease; 343 transform: scale(0.9); 344 outline: none !important; 345 } 346 347 .telegram-button::after { 348 content: ''; 349 position: absolute; 350 width: 70%; 351 height: 70%; 352 background-color: #fff !important; 353 top: 50%; 354 left: 50%; 355 transform: translate(-50%, -50%); 356 border-radius: 50%; 357 z-index: -1; 358 } 359 360 .telegram-button svg { 361 fill: #24A1DE; 362 width: 60px; 363 } 364 365 .telegram-button:hover { 366 transform: scale(1); 367 } 368</style> 369<div class="telegram-container"> 370 <a href="https://telegram.me/smmpanelone23" target="_blank" class="telegram-button"> 371 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"> 372 <path d="M248 8C111 8 0 119 0 256S111 504 248 504 496 393 496 256 385 8 248 8zM363 176.7c-3.7 39.2-19.9 134.4-28.1 178.3-3.5 18.6-10.3 24.8-16.9 25.4-14.4 1.3-25.3-9.5-39.3-18.7-21.8-14.3-34.2-23.2-55.3-37.2-24.5-16.1-8.6-25 5.3-39.5 3.7-3.8 67.1-61.5 68.3-66.7 .2-.7 .3-3.1-1.2-4.4s-3.6-.8-5.1-.5q-3.3 .7-104.6 69.1-14.8 10.2-26.9 9.9c-8.9-.2-25.9-5-38.6-9.1-15.5-5-27.9-7.7-26.8-16.3q.8-6.7 18.5-13.7 108.4-47.2 144.6-62.3c68.9-28.6 83.2-33.6 92.5-33.8 2.1 0 6.6 .5 9.6 2.9a10.5 10.5 0 0 1 3.5 6.7A43.8 43.8 0 0 1 363 176.7z" /> 373 </svg> 374 </a> 375</div></div> 376 377 378<!-- Currency Modal --> 379<div id="currencyModal" class="fixed inset-0 bg-black/50 z-[9999] hidden flex items-center justify-center fade-in backdrop-blur-sm"> 380 <div class="bg-white rounded-2xl w-full max-w-5xl m
380x-4 overflow-hidden shadow-2xl transform transition-all scale-100 flex flex-col max-h-[85vh]" onclick="event.stopPropagation()"> 381 382 <!-- Header & Search --> 383 <div class="p-5 border-b border-gray-100 bg-gray-50"> 384 <div class="flex justify-between items-center mb-4"> 385 <h3 class="text-xl font-bold text-gray-900"><i class="fas fa-coins text-purple-600 mr-2"></i>Select Currency</h3> 386 <button onclick="toggleCurrencyModal()" class="w-8 h-8 rounded-full flex items-center justify-center text-gray-400 hover:bg-gray-200 hover:text-gray-600 transition"> 387 <i class="fas fa-times"></i> 388 </button> 389 </div> 390 <div class="relative"> 391 <i class="fas fa-search absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400"></i> 392 <input type="text" id="currencySearch" placeholder="Search currency..." 393 class="w-full pl-11 pr-4 py-3 bg-white border border-gray-200 rounded-xl focus:border-purple-500 focus:ring-2 focus:ring-purple-100 transition outline-none text-sm"> 394 </div> 395 </div> 396 397 <!-- Scrollable Content --> 398 <div class="p-4 overflow-y-auto custom-scrollbar bg-gray-50/50 flex-1"> 399 <div class="grid grid-cols-2 md:grid-cols-4 gap-3" id="currencies-list"> 400 <a href="#" id="currencies-item" data-rate-key="USD" data-rate-symbol="$" 401 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 402 onclick="toggleCurrencyModal()"> 403 404 <!-- Hover Gradient --> 405 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 406 407 <div class="relative flex items-center w-full z-10 pointer-events-none"> 408 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 409 $ 410 </div> 411 <div class="flex-1 min-w-0"> 412 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">USD</span> 413 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 414 </div> 415 </div> 416 </a> 417 <a href="#" id="currencies-item" data-rate-key="AED" data-rate-symbol="د.إ" 418 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 419 onclick="toggleCurrencyModal()"> 420 421 <!-- Hover Gradient --> 422 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 423 424 <div class="relative flex items-center w-full z-10 pointer-events-none"> 425 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 426 د.إ 427 </div> 428 <div class="flex-1 min-w-0"> 429 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">AED</span> 430 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 431 </div> 432 </div> 433 </a> 434 <a href="#" id="currencies-item" data-rate-key="AOA" data-rate-symbol="Kz" 435 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 436 onclick="toggleCurrencyModal()"> 437 438 <!-- Hover Gradient --> 439 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 440 441 <div class="relative flex items-center w-full z-10 pointer-events-none"> 442 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 443 Kz 444 </div> 445 <div class="flex-1 min-w-0">
446 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">AOA</span> 447 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 448 </div> 449 </div> 450 </a> 451 <a href="#" id="currencies-item" data-rate-key="AZN" data-rate-symbol="â¼" 452 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 453 onclick="toggleCurrencyModal()"> 454 455 <!-- Hover Gradient --> 456 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 457 458 <div class="relative flex items-center w-full z-10 pointer-events-none"> 459 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 460 â¼ 461 </div> 462 <div class="flex-1 min-w-0"> 463 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">AZN</span> 464 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 465 </div> 466 </div> 467 </a> 468 <a href="#" id="currencies-item" data-rate-key="BDT" data-rate-symbol="à§³" 469 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 470 onclick="toggleCurrencyModal()"> 471 472 <!-- Hover Gradient --> 473 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 474 475 <div class="relative flex items-center w-full z-10 pointer-events-none"> 476 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 477 à§³ 478 </div> 479 <div class="flex-1 min-w-0"> 480 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">BDT</span> 481 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 482 </div> 483 </div> 484 </a> 485 <a href="#" id="currencies-item" data-rate-key="BRL" data-rate-symbol="R$" 486 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 487 onclick="toggleCurrencyModal()"> 488 489 <!-- Hover Gradient --> 490 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 491 492 <div class="relative flex items-center w-full z-10 pointer-events-none"> 493 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 494 R$ 495 </div> 496 <div class="flex-1 min-w-0">
497 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">BRL</span> 498 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 499 </div> 500 </div> 501 </a> 502 <a href="#" id="currencies-item" data-rate-key="CLP" data-rate-symbol="$" 503 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 504 onclick="toggleCurrencyModal()"> 505 506 <!-- Hover Gradient --> 507 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 508 509 <div class="relative flex items-center w-full z-10 pointer-events-none"> 510 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 511 $ 512 </div> 513 <div class="flex-1 min-w-0"> 514 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">CLP</span> 515 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 516 </div> 517 </div> 518 </a> 519 <a href="#" id="currencies-item" data-rate-key="CNY" data-rate-symbol="Â¥" 520 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 521 onclick="toggleCurrencyModal()"> 522 523 <!-- Hover Gradient --> 524 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 525 526 <div class="relative flex items-center w-full z-10 pointer-events-none"> 527 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 528 Â¥ 529 </div> 530 <div class="flex-1 min-w-0"> 531 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">CNY</span> 532 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 533 </div> 534 </div> 535 </a> 536 <a href="#" id="currencies-item" data-rate-key="CZK" data-rate-symbol="KÄ" 537 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 538 onclick="toggleCurrencyModal()"> 539 540 <!-- Hover Gradient --> 541 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 542 543 <div class="relative flex items-center w-full z-10 pointer-events-none"> 544 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 545 KÄ 546 </div> 547 <div class="flex-1 min-w-0">
548 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">CZK</span> 549 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 550 </div> 551 </div> 552 </a> 553 <a href="#" id="currencies-item" data-rate-key="DKK" data-rate-symbol="kr." 554 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 555 onclick="toggleCurrencyModal()"> 556 557 <!-- Hover Gradient --> 558 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 559 560 <div class="relative flex items-center w-full z-10 pointer-events-none"> 561 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 562 kr. 563 </div> 564 <div class="flex-1 min-w-0"> 565 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">DKK</span> 566 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 567 </div> 568 </div> 569 </a> 570 <a href="#" id="currencies-item" data-rate-key="EGP" data-rate-symbol="£" 571 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 572 onclick="toggleCurrencyModal()"> 573 574 <!-- Hover Gradient --> 575 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 576 577 <div class="relative flex items-center w-full z-10 pointer-events-none"> 578 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 579 £ 580 </div> 581 <div class="flex-1 min-w-0"> 582 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">EGP</span> 583 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 584 </div> 585 </div> 586 </a> 587 <a href="#" id="currencies-item" data-rate-key="EUR" data-rate-symbol="â¬" 588 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 589 onclick="toggleCurrencyModal()"> 590 591 <!-- Hover Gradient --> 592 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 593 594 <div class="relative flex items-center w-full z-10 pointer-events-none"> 595 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 596 ⬠597 </div> 598 <div class="flex-1 min-w-0">
599 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">EUR</span> 600 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 601 </div> 602 </div> 603 </a> 604 <a href="#" id="currencies-item" data-rate-key="GBP" data-rate-symbol="£" 605 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 606 onclick="toggleCurrencyModal()"> 607 608 <!-- Hover Gradient --> 609 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 610 611 <div class="relative flex items-center w-full z-10 pointer-events-none"> 612 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 613 £ 614 </div> 615 <div class="flex-1 min-w-0"> 616 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">GBP</span> 617 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 618 </div> 619 </div> 620 </a> 621 <a href="#" id="currencies-item" data-rate-key="GHS" data-rate-symbol="âµ" 622 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 623 onclick="toggleCurrencyModal()"> 624 625 <!-- Hover Gradient --> 626 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 627 628 <div class="relative flex items-center w-full z-10 pointer-events-none"> 629 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 630 âµ 631 </div> 632 <div class="flex-1 min-w-0"> 633 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">GHS</span> 634 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 635 </div> 636 </div> 637 </a> 638 <a href="#" id="currencies-item" data-rate-key="HUF" data-rate-symbol="Ft" 639 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 640 onclick="toggleCurrencyModal()"> 641 642 <!-- Hover Gradient --> 643 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 644 645 <div class="relative flex items-center w-full z-10 pointer-events-none"> 646 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 647 Ft 648 </div> 649 <div class="flex-1 min-w-0">
650 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">HUF</span> 651 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 652 </div> 653 </div> 654 </a> 655 <a href="#" id="currencies-item" data-rate-key="IDR" data-rate-symbol="Rp" 656 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 657 onclick="toggleCurrencyModal()"> 658 659 <!-- Hover Gradient --> 660 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 661 662 <div class="relative flex items-center w-full z-10 pointer-events-none"> 663 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 664 Rp 665 </div> 666 <div class="flex-1 min-w-0"> 667 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">IDR</span> 668 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 669 </div> 670 </div> 671 </a> 672 <a href="#" id="currencies-item" data-rate-key="ILS" data-rate-symbol="âª" 673 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 674 onclick="toggleCurrencyModal()"> 675 676 <!-- Hover Gradient --> 677 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 678 679 <div class="relative flex items-center w-full z-10 pointer-events-none"> 680 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 681 ⪠682 </div> 683 <div class="flex-1 min-w-0"> 684 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">ILS</span> 685 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 686 </div> 687 </div> 688 </a> 689 <a href="#" id="currencies-item" data-rate-key="INR" data-rate-symbol="â¹" 690 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 691 onclick="toggleCurrencyModal()"> 692 693 <!-- Hover Gradient --> 694 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 695 696 <div class="relative flex items-center w-full z-10 pointer-events-none"> 697 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 698 â¹ 699 </div> 700 <div class="flex-1 min-w-0">
701 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">INR</span> 702 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 703 </div> 704 </div> 705 </a> 706 <a href="#" id="currencies-item" data-rate-key="IQD" data-rate-symbol="IQD" 707 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 708 onclick="toggleCurrencyModal()"> 709 710 <!-- Hover Gradient --> 711 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 712 713 <div class="relative flex items-center w-full z-10 pointer-events-none"> 714 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 715 IQD 716 </div> 717 <div class="flex-1 min-w-0"> 718 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">IQD</span> 719 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 720 </div> 721 </div> 722 </a> 723 <a href="#" id="currencies-item" data-rate-key="JOD" data-rate-symbol="JD" 724 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 725 onclick="toggleCurrencyModal()"> 726 727 <!-- Hover Gradient --> 728 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 729 730 <div class="relative flex items-center w-full z-10 pointer-events-none"> 731 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 732 JD 733 </div> 734 <div class="flex-1 min-w-0"> 735 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">JOD</span> 736 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 737 </div> 738 </div> 739 </a> 740 <a href="#" id="currencies-item" data-rate-key="JPY" data-rate-symbol="¥" 741 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 742 onclick="toggleCurrencyModal()"> 743 744 <!-- Hover Gradient --> 745 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 746 747 <div class="relative flex items-center w-full z-10 pointer-events-none"> 748 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 749 ¥ 750 </div> 751 <div class="flex-1 min-w-0">
752 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">JPY</span> 753 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 754 </div> 755 </div> 756 </a> 757 <a href="#" id="currencies-item" data-rate-key="KES" data-rate-symbol="KSh" 758 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 759 onclick="toggleCurrencyModal()"> 760 761 <!-- Hover Gradient --> 762 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 763 764 <div class="relative flex items-center w-full z-10 pointer-events-none"> 765 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 766 KSh 767 </div> 768 <div class="flex-1 min-w-0"> 769 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">KES</span> 770 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 771 </div> 772 </div> 773 </a> 774 <a href="#" id="currencies-item" data-rate-key="KRW" data-rate-symbol="â©" 775 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 776 onclick="toggleCurrencyModal()"> 777 778 <!-- Hover Gradient --> 779 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 780 781 <div class="relative flex items-center w-full z-10 pointer-events-none"> 782 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 783 â© 784 </div> 785 <div class="flex-1 min-w-0"> 786 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">KRW</span> 787 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 788 </div> 789 </div> 790 </a> 791 <a href="#" id="currencies-item" data-rate-key="KWD" data-rate-symbol="KD" 792 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 793 onclick="toggleCurrencyModal()"> 794 795 <!-- Hover Gradient --> 796 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 797 798 <div class="relative flex items-center w-full z-10 pointer-events-none"> 799 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 800 KD 801 </div> 802 <div class="flex-1 min-w-0">
803 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">KWD</span> 804 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 805 </div> 806 </div> 807 </a> 808 <a href="#" id="currencies-item" data-rate-key="LAK" data-rate-symbol="â" 809 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 810 onclick="toggleCurrencyModal()"> 811 812 <!-- Hover Gradient --> 813 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 814 815 <div class="relative flex items-center w-full z-10 pointer-events-none"> 816 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 817 â 818 </div> 819 <div class="flex-1 min-w-0"> 820 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">LAK</span> 821 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 822 </div> 823 </div> 824 </a> 825 <a href="#" id="currencies-item" data-rate-key="LYD" data-rate-symbol="LYD" 826 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 827 onclick="toggleCurrencyModal()"> 828 829 <!-- Hover Gradient --> 830 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 831 832 <div class="relative flex items-center w-full z-10 pointer-events-none"> 833 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 834 LYD 835 </div> 836 <div class="flex-1 min-w-0"> 837 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">LYD</span> 838 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 839 </div> 840 </div> 841 </a> 842 <a href="#" id="currencies-item" data-rate-key="MAD" data-rate-symbol="DH" 843 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 844 onclick="toggleCurrencyModal()"> 845 846 <!-- Hover Gradient --> 847 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 848 849 <div class="relative flex items-center w-full z-10 pointer-events-none"> 850 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 851 DH 852 </div> 853 <div class="flex-1 min-w-0">
854 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">MAD</span> 855 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 856 </div> 857 </div> 858 </a> 859 <a href="#" id="currencies-item" data-rate-key="MXN" data-rate-symbol="$" 860 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 861 onclick="toggleCurrencyModal()"> 862 863 <!-- Hover Gradient --> 864 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 865 866 <div class="relative flex items-center w-full z-10 pointer-events-none"> 867 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 868 $ 869 </div> 870 <div class="flex-1 min-w-0"> 871 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">MXN</span> 872 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 873 </div> 874 </div> 875 </a> 876 <a href="#" id="currencies-item" data-rate-key="MYR" data-rate-symbol="RM" 877 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 878 onclick="toggleCurrencyModal()"> 879 880 <!-- Hover Gradient --> 881 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 882 883 <div class="relative flex items-center w-full z-10 pointer-events-none"> 884 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 885 RM 886 </div> 887 <div class="flex-1 min-w-0"> 888 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">MYR</span> 889 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 890 </div> 891 </div> 892 </a> 893 <a href="#" id="currencies-item" data-rate-key="MZN" data-rate-symbol="MT" 894 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 895 onclick="toggleCurrencyModal()"> 896 897 <!-- Hover Gradient --> 898 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 899 900 <div class="relative flex items-center w-full z-10 pointer-events-none"> 901 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 902 MT 903 </div> 904 <div class="flex-1 min-w-0">
905 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">MZN</span> 906 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 907 </div> 908 </div> 909 </a> 910 <a href="#" id="currencies-item" data-rate-key="NGN" data-rate-symbol="â¦" 911 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 912 onclick="toggleCurrencyModal()"> 913 914 <!-- Hover Gradient --> 915 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 916 917 <div class="relative flex items-center w-full z-10 pointer-events-none"> 918 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 919 ⦠920 </div> 921 <div class="flex-1 min-w-0"> 922 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">NGN</span> 923 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 924 </div> 925 </div> 926 </a> 927 <a href="#" id="currencies-item" data-rate-key="NOK" data-rate-symbol="kr" 928 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 929 onclick="toggleCurrencyModal()"> 930 931 <!-- Hover Gradient --> 932 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 933 934 <div class="relative flex items-center w-full z-10 pointer-events-none"> 935 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 936 kr 937 </div> 938 <div class="flex-1 min-w-0"> 939 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">NOK</span> 940 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 941 </div> 942 </div> 943 </a> 944 <a href="#" id="currencies-item" data-rate-key="NPR" data-rate-symbol="â¨." 945 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 946 onclick="toggleCurrencyModal()"> 947 948 <!-- Hover Gradient --> 949 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 950 951 <div class="relative flex items-center w-full z-10 pointer-events-none"> 952 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 953 â¨. 954 </div> 955 <div class="flex-1 min-w-0">
956 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">NPR</span> 957 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 958 </div> 959 </div> 960 </a> 961 <a href="#" id="currencies-item" data-rate-key="OMR" data-rate-symbol="OMR" 962 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 963 onclick="toggleCurrencyModal()"> 964 965 <!-- Hover Gradient --> 966 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 967 968 <div class="relative flex items-center w-full z-10 pointer-events-none"> 969 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 970 OMR 971 </div> 972 <div class="flex-1 min-w-0"> 973 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">OMR</span> 974 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 975 </div> 976 </div> 977 </a> 978 <a href="#" id="currencies-item" data-rate-key="PEN" data-rate-symbol="S/" 979 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 980 onclick="toggleCurrencyModal()"> 981 982 <!-- Hover Gradient --> 983 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 984 985 <div class="relative flex items-center w-full z-10 pointer-events-none"> 986 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 987 S/ 988 </div> 989 <div class="flex-1 min-w-0"> 990 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">PEN</span> 991 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 992 </div> 993 </div> 994 </a> 995 <a href="#" id="currencies-item" data-rate-key="PGK" data-rate-symbol="PGK" 996 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 997 onclick="toggleCurrencyModal()"> 998 999 <!-- Hover Gradient --> 1000 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1001 1002 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1003 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1004 PGK 1005 </div> 1006 <div class="flex-1 min-w-0">
1007 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">PGK</span> 1008 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1009 </div> 1010 </div> 1011 </a> 1012 <a href="#" id="currencies-item" data-rate-key="PHP" data-rate-symbol="â±" 1013 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1014 onclick="toggleCurrencyModal()"> 1015 1016 <!-- Hover Gradient --> 1017 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1018 1019 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1020 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1021 â± 1022 </div> 1023 <div class="flex-1 min-w-0"> 1024 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">PHP</span> 1025 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1026 </div> 1027 </div> 1028 </a> 1029 <a href="#" id="currencies-item" data-rate-key="PKR" data-rate-symbol="Rs" 1030 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1031 onclick="toggleCurrencyModal()"> 1032 1033 <!-- Hover Gradient --> 1034 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1035 1036 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1037 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1038 Rs 1039 </div> 1040 <div class="flex-1 min-w-0"> 1041 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">PKR</span> 1042 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1043 </div> 1044 </div> 1045 </a> 1046 <a href="#" id="currencies-item" data-rate-key="RUB" data-rate-symbol="â½" 1047 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1048 onclick="toggleCurrencyModal()"> 1049 1050 <!-- Hover Gradient --> 1051 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1052 1053 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1054 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1055 â½ 1056 </div> 1057 <div class="flex-1 min-w-0">
1058 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">RUB</span> 1059 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1060 </div> 1061 </div> 1062 </a> 1063 <a href="#" id="currencies-item" data-rate-key="RWF" data-rate-symbol="RWF" 1064 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1065 onclick="toggleCurrencyModal()"> 1066 1067 <!-- Hover Gradient --> 1068 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1069 1070 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1071 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1072 RWF 1073 </div> 1074 <div class="flex-1 min-w-0"> 1075 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">RWF</span> 1076 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1077 </div> 1078 </div> 1079 </a> 1080 <a href="#" id="currencies-item" data-rate-key="SAR" data-rate-symbol="ر.س" 1081 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1082 onclick="toggleCurrencyModal()"> 1083 1084 <!-- Hover Gradient --> 1085 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1086 1087 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1088 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1089 ر.س 1090 </div> 1091 <div class="flex-1 min-w-0"> 1092 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">SAR</span> 1093 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1094 </div> 1095 </div> 1096 </a> 1097 <a href="#" id="currencies-item" data-rate-key="SDG" data-rate-symbol="SDG" 1098 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1099 onclick="toggleCurrencyModal()"> 1100 1101 <!-- Hover Gradient --> 1102 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1103 1104 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1105 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1106 SDG 1107 </div> 1108 <div class="flex-1 min-w-0">
1109 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">SDG</span> 1110 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1111 </div> 1112 </div> 1113 </a> 1114 <a href="#" id="currencies-item" data-rate-key="SEK" data-rate-symbol="kr" 1115 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1116 onclick="toggleCurrencyModal()"> 1117 1118 <!-- Hover Gradient --> 1119 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1120 1121 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1122 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1123 kr 1124 </div> 1125 <div class="flex-1 min-w-0"> 1126 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">SEK</span> 1127 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1128 </div> 1129 </div> 1130 </a> 1131 <a href="#" id="currencies-item" data-rate-key="SYP" data-rate-symbol="SP" 1132 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1133 onclick="toggleCurrencyModal()"> 1134 1135 <!-- Hover Gradient --> 1136 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1137 1138 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1139 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1140 SP 1141 </div> 1142 <div class="flex-1 min-w-0"> 1143 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">SYP</span> 1144 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1145 </div> 1146 </div> 1147 </a> 1148 <a href="#" id="currencies-item" data-rate-key="THB" data-rate-symbol="฿" 1149 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1150 onclick="toggleCurrencyModal()"> 1151 1152 <!-- Hover Gradient --> 1153 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1154 1155 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1156 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1157 ฿ 1158 </div> 1159 <div class="flex-1 min-w-0">
1160 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">THB</span> 1161 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1162 </div> 1163 </div> 1164 </a> 1165 <a href="#" id="currencies-item" data-rate-key="TND" data-rate-symbol="TND" 1166 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1167 onclick="toggleCurrencyModal()"> 1168 1169 <!-- Hover Gradient --> 1170 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1171 1172 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1173 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1174 TND 1175 </div> 1176 <div class="flex-1 min-w-0"> 1177 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">TND</span> 1178 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1179 </div> 1180 </div> 1181 </a> 1182 <a href="#" id="currencies-item" data-rate-key="TRY" data-rate-symbol="âº" 1183 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1184 onclick="toggleCurrencyModal()"> 1185 1186 <!-- Hover Gradient --> 1187 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1188 1189 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1190 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1191 ⺠1192 </div> 1193 <div class="flex-1 min-w-0"> 1194 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">TRY</span> 1195 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1196 </div> 1197 </div> 1198 </a> 1199 <a href="#" id="currencies-item" data-rate-key="TWD" data-rate-symbol="NT$" 1200 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1201 onclick="toggleCurrencyModal()"> 1202 1203 <!-- Hover Gradient --> 1204 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1205 1206 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1207 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1208 NT$ 1209 </div> 1210 <div class="flex-1 min-w-0">
1211 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">TWD</span> 1212 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1213 </div> 1214 </div> 1215 </a> 1216 <a href="#" id="currencies-item" data-rate-key="TZS" data-rate-symbol="Tsh" 1217 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1218 onclick="toggleCurrencyModal()"> 1219 1220 <!-- Hover Gradient --> 1221 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1222 1223 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1224 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1225 Tsh 1226 </div> 1227 <div class="flex-1 min-w-0"> 1228 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">TZS</span> 1229 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1230 </div> 1231 </div> 1232 </a> 1233 <a href="#" id="currencies-item" data-rate-key="UAH" data-rate-symbol="â´" 1234 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1235 onclick="toggleCurrencyModal()"> 1236 1237 <!-- Hover Gradient --> 1238 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1239 1240 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1241 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1242 â´ 1243 </div> 1244 <div class="flex-1 min-w-0"> 1245 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">UAH</span> 1246 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1247 </div> 1248 </div> 1249 </a> 1250 <a href="#" id="currencies-item" data-rate-key="UGX" data-rate-symbol="USh" 1251 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1252 onclick="toggleCurrencyModal()"> 1253 1254 <!-- Hover Gradient --> 1255 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1256 1257 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1258 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1259 USh 1260 </div> 1261 <div class="flex-1 min-w-0">
1262 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">UGX</span> 1263 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1264 </div> 1265 </div> 1266 </a> 1267 <a href="#" id="currencies-item" data-rate-key="UZS" data-rate-symbol="ÑÑм" 1268 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1269 onclick="toggleCurrencyModal()"> 1270 1271 <!-- Hover Gradient --> 1272 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1273 1274 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1275 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1276 ÑÑм 1277 </div> 1278 <div class="flex-1 min-w-0"> 1279 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">UZS</span> 1280 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1281 </div> 1282 </div> 1283 </a> 1284 <a href="#" id="currencies-item" data-rate-key="VND" data-rate-symbol="â«" 1285 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1286 onclick="toggleCurrencyModal()"> 1287 1288 <!-- Hover Gradient --> 1289 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1290 1291 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1292 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1293 â« 1294 </div> 1295 <div class="flex-1 min-w-0"> 1296 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">VND</span> 1297 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1298 </div> 1299 </div> 1300 </a> 1301 <a href="#" id="currencies-item" data-rate-key="XAF" data-rate-symbol="CFA" 1302 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1303 onclick="toggleCurrencyModal()"> 1304 1305 <!-- Hover Gradient --> 1306 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1307 1308 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1309 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1310 CFA 1311 </div> 1312 <div class="flex-1 min-w-0">
1313 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">XAF</span> 1314 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1315 </div> 1316 </div> 1317 </a> 1318 <a href="#" id="currencies-item" data-rate-key="XOF" data-rate-symbol="F" 1319 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1320 onclick="toggleCurrencyModal()"> 1321 1322 <!-- Hover Gradient --> 1323 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1324 1325 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1326 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1327 F 1328 </div> 1329 <div class="flex-1 min-w-0"> 1330 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">XOF</span> 1331 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1332 </div> 1333 </div> 1334 </a> 1335 <a href="#" id="currencies-item" data-rate-key="YER" data-rate-symbol="YR" 1336 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1337 onclick="toggleCurrencyModal()"> 1338 1339 <!-- Hover Gradient --> 1340 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1341 1342 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1343 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1344 YR 1345 </div> 1346 <div class="flex-1 min-w-0"> 1347 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">YER</span> 1348 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1349 </div> 1350 </div> 1351 </a> 1352 <a href="#" id="currencies-item" data-rate-key="ZAR" data-rate-symbol="R" 1353 class="flex items-center p-3 bg-white rounded-xl border border-gray-200 hover:border-purple-400 hover:shadow-md transition group currency-item relative overflow-hidden" 1354 onclick="toggleCurrencyModal()"> 1355 1356 <!-- Hover Gradient --> 1357 <div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-pink-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div> 1358 1359 <div class="relative flex items-center w-full z-10 pointer-events-none"> 1360 <div class="w-10 h-10 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center font-bold text-sm group-hover:bg-white group-hover:text-purple-600 transition shadow-sm mr-3"> 1361 R 1362 </div> 1363 <div class="flex-1 min-w-0">
1364 <span class="block font-bold text-gray-800 group-hover:text-purple-700 truncate text-sm">ZAR</span> 1365 <span class="block text-xs text-gray-500 group-hover:text-purple-500">Exchange Rate</span> 1366 </div> 1367 </div> 1368 </a> 1369 </div> 1370 1371 <!-- No Results Message --> 1372 <div id="noCurrencyFound" class="hidden text-center py-12 text-gray-500"> 1373 <i class="fas fa-search-dollar text-4xl mb-3 text-gray-300"></i> 1374 <p>No currency found</p> 1375 </div> 1376 </div> 1377 </div> 1378</div>
1379<script> 1380 function toggleCurrencyModal() { 1381 const modal = document.getElementById('currencyModal'); 1382 const body = document.body; 1383 1384 if (modal.classList.contains('hidden')) { 1385 modal.classList.remove('hidden'); 1386 body.style.overflow = 'hidden'; // Prevent background scrolling 1387 document.getElementById('currencySearch').value = ''; // Clear search 1388 filterCurrencies(''); // Reset list 1389 setTimeout(() => document.getElementById('currencySearch').focus(), 100); 1390 } else { 1391 modal.classList.add('hidden'); 1392 body.style.overflow = ''; 1393 } 1394 } 1395 1396 // Filter Logic 1397 function filterCurrencies(query) { 1398 const list = document.getElementById('currencies-list'); 1399 const items = list.querySelectorAll('#currencies-item'); // Targeting the repeated ID 1400 const noResults = document.getElementById('noCurrencyFound'); 1401 let hasVisible = false; 1402 1403 query = query.toLowerCase(); 1404 1405 items.forEach(item => { 1406 const code = item.getAttribute('data-rate-key').toLowerCase(); 1407 const symbol = item.getAttribute('data-rate-symbol').toLowerCase(); 1408 1409 if (code.includes(query) || symbol.includes(query)) { 1410 item.style.display = 'flex'; 1411 hasVisible = true; 1412 } else { 1413 item.style.display = 'none'; 1414 } 1415 }); 1416 1417 if (!hasVisible) { 1418 list.classList.add('hidden'); 1419 noResults.classList.remove('hidden'); 1420 } else { 1421 list.classList.remove('hidden'); 1422 noResults.classList.add('hidden'); 1423 } 1424 } 1425 1426 // Search Listener 1427 document.getElementById('currencySearch').addEventListener('input', function(e) { 1428 filterCurrencies(e.target.value); 1429 }); 1430 1431 // Close on outside click 1432 document.getElementById('currencyModal').addEventListener('click', function(e) { 1433 if (e.target === this) { 1434 toggleCurrencyModal(); 1435 } 1436 }); 1437 1438 // Esc key close 1439 document.addEventListener('keydown', function(e) { 1440 if (e.key === 'Escape' && !document.getElementById('currencyModal').classList.contains('hidden')) { 1441 toggleCurrencyModal(); 1442 } 1443 }); 1444</script>
1444 1445 1446<!-- Consolidated Main Script -->
1447<script src="main.js"></script>
1447 1448 1449
1449<script type="text/javascript" src="https://storage.perfectcdn.com/libs/jquery/1.12.4/jquery.min.js" > 1450 </script>
1450 1451
1451<script type="text/javascript" src="https://storage.perfectcdn.com/global/y31lp1sfpjxenwff.js" > 1452 </script>
1452 1453
1453<script type="text/javascript" src="https://storage.perfectcdn.com/global/yo7jjbt9bz8u4xk0.js" > 1454 </script>
1454 1455
1455<script type="text/javascript" src="https://storage.perfectcdn.com/global/kkj76ozsjok1zzlw.js" > 1456 </script>
1456 1457
1457<script type="text/javascript" src="https://storage.perfectcdn.com/global/3m4y9f1lp9xmd69r.js" > 1458 </script>
1458 1459
1459<script type="text/javascript" src="https://storage.perfectcdn.com/7oudnq/4qyyxmzff6l9mlg3.js" > 1460 </script>
1460 1461
1461<script type="text/javascript" src="https://storage.perfectcdn.com/7oudnq/o4ngisndbqa839zw.js" > 1462 </script>
1462 1463
1463<script type="text/javascript" > 1464 window.modules.layouts = {"theme_id":1,"auth":0,"live":true,"csrftoken":"JJpxPTG0dcTAXi2BBpXCtsUBgdU-KpGGYSyqlyYEzsFswiVefeBFr7ondMo33bGE83nGsUpL0t4RVp_-UGmFsQ=="}; 1465 </script>
1465 1466
1466<script type="text/javascript" > 1467 window._hvc = "eyJhbGdvcml0aG0iOiJTSEEtMjU2IiwiY2hhbGxlbmdlIjoiYTdhYTU1MzY5NThjYTkzYjQ3OTQzZGQyNmNiYTNhZWJmNzY0YTBjODM3YmRiMjMzYWFkMGNjZDdiYmM3MjFiNiIsIm1heG51bWJlciI6MTAwMCwic2FsdCI6IjRkNjU1NDQ2YzQ1NmViYjkwM2QzZWQzMD9leHBpcmVzPTE3OTEzOTExNjMiLCJzaWduYXR1cmUiOiI5YmViYmNmZmFmYjBhNTMxNGVmNTE0ZDAxYTkxMTMwNDQ5YTg0YWIxMWZkZGExY2M3YTk0ZWEzYWRmODY3OTE5In0="; 1468 </script>
1468 1469
1469<script type="text/javascript" > 1470 </script>
1470 1471 1472</body> 1473</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.