diff --git a/index.html b/index.html
index b542ad3..d0bf51f 100644
--- a/index.html
+++ b/index.html
@@ -12,97 +12,97 @@
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/utibet.titc.activity.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div><script type="module">document.addEventListener("click",e=>{const t=e.target;if(t.closest(".close-btn")){const s=new CustomEvent("popup:close",{bubbles:!0});t.dispatchEvent(s)}});</script> </div> </div> <script type="module">document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll("[data-card]").forEach(t=>{const e=t.querySelector("[data-popup-root]"),o=t.querySelector(".open-popup");!e||!o||(o.addEventListener("click",()=>{e.classList.remove("hidden")}),e.addEventListener("popup:close",()=>{e.classList.add("hidden")}))})});</script><div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/tibetan-translator.png" alt="བོད་སྐད་སྒྲོག་འདོན་གཏག་ཐབས།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">བོད་སྐད་སྒྲོག་འདོན་གཏག་ཐབས།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.3</span> </div> <p class="text-sm text-orange-300 text-left font-monlam pt-2">བོད་ཡིག་མཉེན་ཆས།</p> </div> <div class="text-right"> <span class="text-xs text-blue-300">60K+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/tibetan-translator.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">བོད་སྐད་སྒྲོག་འདོན་གཏག་ཐབས། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/utibet.titc.activity.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div><script type="module">document.addEventListener("click",e=>{const t=e.target;if(t.closest(".close-btn")){const s=new CustomEvent("popup:close",{bubbles:!0});t.dispatchEvent(s)}});</script> </div> </div> <script type="module">document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll("[data-card]").forEach(t=>{const e=t.querySelector("[data-popup-root]"),o=t.querySelector(".open-popup");!e||!o||(o.addEventListener("click",()=>{e.classList.remove("hidden")}),e.addEventListener("popup:close",()=>{e.classList.add("hidden")}))})});</script><div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/tibetan-translator.png" alt="བོད་སྐད་སྒྲོག་འདོན་གཏག་ཐབས།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">བོད་སྐད་སྒྲོག་འདོན་གཏག་ཐབས།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.3</span> </div> <p class="text-sm text-orange-300 text-left font-monlam pt-2">བོད་ཡིག་མཉེན་ཆས།</p> </div> <div class="text-right"> <span class="text-xs text-blue-300">60K+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/tibetan-translator.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">བོད་སྐད་སྒྲོག་འདོན་གཏག་ཐབས། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam">བོད་རྒྱ་སྐད་གཉིས་ཡི་གེར་ཕབ་པ་དང་། དུས་ཐོག་ཏུ་ལོ་ཙཱ་བྱེད་པའི་བོད་ཡིག་གཏག་ཐབས་ཀྱི་མཉེན་ཆས་ཤིག་ཡིན། </p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/com.fbx.tibetanIme.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/microsoft-translate.webp" alt="སྐར་ཁུང་ཡིག་སྒྱུར།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">སྐར་ཁུང་ཡིག་སྒྱུར།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.4</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">90K+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/microsoft-translate.webp" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">སྐར་ཁུང་ཡིག་སྒྱུར། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/com.fbx.tibetanIme.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/microsoft-translate.webp" alt="སྐར་ཁུང་ཡིག་སྒྱུར།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">སྐར་ཁུང་ཡིག་སྒྱུར།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.4</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">90K+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/microsoft-translate.webp" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">སྐར་ཁུང་ཡིག་སྒྱུར། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam">འཛམ་གླིང་གི་སྐད་ཡིག ༧༠་ཙམ་བསྒྱུར་ཐུབ་པའི་ཡིག་སྒྱུར་མཉེན་ཆས་ཤིག་ཡིན།</p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/Translator.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/dharma-treasure.png" alt="ཆོས་ཀྱི་མཛོད།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">ཆོས་ཀྱི་མཛོད།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.6</span> </div> <p class="text-sm text-orange-300 text-left font-monlam pt-2">བོད་ཡིག་མཉེན་ཆས།</p> </div> <div class="text-right"> <span class="text-xs text-blue-300">1M+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/dharma-treasure.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">ཆོས་ཀྱི་མཛོད། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/Translator.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/dharma-treasure.png" alt="ཆོས་ཀྱི་མཛོད།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">ཆོས་ཀྱི་མཛོད།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.6</span> </div> <p class="text-sm text-orange-300 text-left font-monlam pt-2">བོད་ཡིག་མཉེན་ཆས།</p> </div> <div class="text-right"> <span class="text-xs text-blue-300">1M+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/dharma-treasure.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">ཆོས་ཀྱི་མཛོད། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam">བོད་ཀྱི་གནའ་བོའི་གསུང་རབ ༣༠༠ ལྷག་ཙམ་ཕྱོགས་བསྡུས་བྱས་པའི་མཉེན་ཆས་ཤིག་ཡིན།</p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/treasure-rabten-edition.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/phurba.png" alt="བོད་ཀྱི་ཚིག་མཛོད།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">བོད་ཀྱི་ཚིག་མཛོད།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.2</span> </div> <p class="text-sm text-orange-300 text-left font-monlam pt-2">བོད་ཡིག་མཉེན་ཆས།</p> </div> <div class="text-right"> <span class="text-xs text-blue-300">600</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/phurba.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">བོད་ཀྱི་ཚིག་མཛོད། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/treasure-rabten-edition.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/phurba.png" alt="བོད་ཀྱི་ཚིག་མཛོད།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">བོད་ཀྱི་ཚིག་མཛོད།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.2</span> </div> <p class="text-sm text-orange-300 text-left font-monlam pt-2">བོད་ཡིག་མཉེན་ཆས།</p> </div> <div class="text-right"> <span class="text-xs text-blue-300">600</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/phurba.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">བོད་ཀྱི་ཚིག་མཛོད། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam"> ཚིག་མཛོད་མང་པོ་ཕྱོགས་གཅིག་ཏུ་བསྡུས་པའི་བོད་ཡིག་གི་ཚིག་མཛོད་ཅིག་ཡིན་ལ། བོད་དབྱིན་གཉིས་ཀའི་ལམ་ནས་འཚོལ་བཤེར་ཐུབ།</p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/Tibetan Dictionary_1.7.1.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/google-translate.png" alt="གྷོ་གྷིལ་ཡིག་སྒྱུར།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">གྷོ་གྷིལ་ཡིག་སྒྱུར།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.5</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">1M+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/google-translate.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">གྷོ་གྷིལ་ཡིག་སྒྱུར། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/Tibetan Dictionary_1.7.1.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/google-translate.png" alt="གྷོ་གྷིལ་ཡིག་སྒྱུར།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">གྷོ་གྷིལ་ཡིག་སྒྱུར།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.5</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">1M+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/google-translate.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">གྷོ་གྷིལ་ཡིག་སྒྱུར། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam">འཛམ་གླིང་གི་སྐད་ཡིག་༢༤༩་ལྷག་ཕན་ཚུན་དབར་ལོ་ཙཱ་བྱེད་ཐུབ་པའི་གྷོ་གྷིལ་བཟོ་ཚོང་ཁང་གི་རིན་མེད་ཀྱི་ཡིག་སྒྱུར་མཉེན་ཆས་ཤིག་ཡིན།</p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/Translate.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/drivingtest.webp" alt="ཁ་ལོ་བའི་རྒྱུགས་ལེན།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">ཁ་ལོ་བའི་རྒྱུགས་ལེན།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.5</span> </div> <p class="text-sm text-orange-300 text-left font-monlam pt-2">བོད་ཡིག་མཉེན་ཆས།</p> </div> <div class="text-right"> <span class="text-xs text-blue-300">1M+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/drivingtest.webp" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">ཁ་ལོ་བའི་རྒྱུགས་ལེན། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/Translate.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/drivingtest.webp" alt="ཁ་ལོ་བའི་རྒྱུགས་ལེན།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">ཁ་ལོ་བའི་རྒྱུགས་ལེན།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.5</span> </div> <p class="text-sm text-orange-300 text-left font-monlam pt-2">བོད་ཡིག་མཉེན་ཆས།</p> </div> <div class="text-right"> <span class="text-xs text-blue-300">1M+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/drivingtest.webp" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">ཁ་ལོ་བའི་རྒྱུགས་ལེན། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam">བོད་ཡིག་ནང་ཡོད་པའི་ཁ་ལོ་བའི་རྒྱུགས་ལེན་ལམ་སྟོན་གྱི་མཉེན་ཆས་ཤིག་ཡིན།</p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/driving-test.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/monlam-dictionary.png" alt="སྨོན་ལམ་ཚིག་མཛོད།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">སྨོན་ལམ་ཚིག་མཛོད།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.5</span> </div> <p class="text-sm text-orange-300 text-left font-monlam pt-2">བོད་ཡིག་མཉེན་ཆས།</p> </div> <div class="text-right"> <span class="text-xs text-blue-300">1.4M+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/monlam-dictionary.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">སྨོན་ལམ་ཚིག་མཛོད། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/driving-test.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/monlam-dictionary.png" alt="སྨོན་ལམ་ཚིག་མཛོད།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">སྨོན་ལམ་ཚིག་མཛོད།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.5</span> </div> <p class="text-sm text-orange-300 text-left font-monlam pt-2">བོད་ཡིག་མཉེན་ཆས།</p> </div> <div class="text-right"> <span class="text-xs text-blue-300">1.4M+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/monlam-dictionary.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">སྨོན་ལམ་ཚིག་མཛོད། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam">ཁྱད་ཆོས་སྣ་འཛོམས་ཅན་གྱི་བོད་ཡིག་གི་ཚིག་མཛོད་ཆེས་ཆེ་ཤོས་དེ་ཡིན།</p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/Monlam Grand Dictionary. V2.1.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/dhungkar.png" alt="དུང་དཀར།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">དུང་དཀར།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.1</span> </div> <p class="text-sm text-orange-300 text-left font-monlam pt-2">བོད་ཡིག་མཉེན་ཆས།</p> </div> <div class="text-right"> <span class="text-xs text-blue-300">1.2K+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/dhungkar.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">དུང་དཀར། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/Monlam Grand Dictionary. V2.1.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/dhungkar.png" alt="དུང་དཀར།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">དུང་དཀར།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.1</span> </div> <p class="text-sm text-orange-300 text-left font-monlam pt-2">བོད་ཡིག་མཉེན་ཆས།</p> </div> <div class="text-right"> <span class="text-xs text-blue-300">1.2K+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/dhungkar.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">དུང་དཀར། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam">མདོ་དབུས་ཁམས་གསུམ་གྱི་ཡུལ་སྐད་ཆེན་པོ་གསུམ་ཀ་ངོས་འཛིན་ཐུབ་པའི་གཏག་ཐབས་ཀྱི་མཉེན་ཆས་ཤིག་ཡིན། </p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/com.iflytek.inputmethods.DungkarIME.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/skycalendar.webp" alt="ས་སྐྱའི་ལོ་ཐོ།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">ས་སྐྱའི་ལོ་ཐོ།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.4</span> </div> <p class="text-sm text-orange-300 text-left font-monlam pt-2">བོད་ཡིག་མཉེན་ཆས།</p> </div> <div class="text-right"> <span class="text-xs text-blue-300">90K+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/skycalendar.webp" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">ས་སྐྱའི་ལོ་ཐོ། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/com.iflytek.inputmethods.DungkarIME.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/skycalendar.webp" alt="ས་སྐྱའི་ལོ་ཐོ།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">ས་སྐྱའི་ལོ་ཐོ།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.4</span> </div> <p class="text-sm text-orange-300 text-left font-monlam pt-2">བོད་ཡིག་མཉེན་ཆས།</p> </div> <div class="text-right"> <span class="text-xs text-blue-300">90K+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/skycalendar.webp" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">ས་སྐྱའི་ལོ་ཐོ། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam">བོད་ཀྱི་ལོ་ཐོ་ལ་གཞི་བཅོལ་བའི་ས་སྐྱའི་ལོ་ཐོ་ཞིག་ཡིན།</p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/com.dogpo.tibetancalendar_2023-08-21.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/aliquake.png" alt="རྡུལ་ཕྲན་སློབ་སྦྱོང་།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">རྡུལ་ཕྲན་སློབ་སྦྱོང་།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.4</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">90K+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/aliquake.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">རྡུལ་ཕྲན་སློབ་སྦྱོང་། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/com.dogpo.tibetancalendar_2023-08-21.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/aliquake.png" alt="རྡུལ་ཕྲན་སློབ་སྦྱོང་།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">རྡུལ་ཕྲན་སློབ་སྦྱོང་།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.4</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">90K+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/aliquake.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">རྡུལ་ཕྲན་སློབ་སྦྱོང་། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam">རིག་ནུས་སྤྱད་དེ་སློབ་སྦྱོང་ལ་རོགས་འདེགས་བྱེད་ཐུབ་པའི་མཉེན་ཆས་ཤིག་ཡིན།</p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/com.quark.study.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div>  </div> </div> </section><section class="py-10 mx-3"> <div class="container mx-auto px-6  border-2 border-blue-800 p-5 rounded-2xl bg-blue-900"> <div class="flex items-center justify-between mb-4 pt-2"> <h2 class="text-3xl  text-blue-200 font-monlam">བཤེར་ཆས།</h2> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/brave.png" alt="སེང་གདོང་།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">སེང་གདོང་།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.4</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">2M+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/brave.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">སེང་གདོང་། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/com.quark.study.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div>  </div> </div> </section><section class="py-10 mx-3"> <div class="container mx-auto px-6  border-2 border-blue-800 p-5 rounded-2xl bg-blue-900"> <div class="flex items-center justify-between mb-4 pt-2"> <h2 class="text-3xl  text-blue-200 font-monlam">བཤེར་ཆས།</h2> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/brave.png" alt="སེང་གདོང་།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">སེང་གདོང་།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.4</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">2M+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/brave.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">སེང་གདོང་། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam">དྲ་ཐོག་གི་རྗེས་འདེད་རིགས་བཀག་འགོག་བྱས་ཏེ་འཛད་སྤྱོད་པའི་ཆ་འཕྲིན་སྲུང་སྐྱོབ་བྱེད་མཁན་གྱི་བཤེར་ཆས་ཤིག་ཡིན།</p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/Brave.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/firefox.png" alt="མེ་ཝ།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">མེ་ཝ།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.2</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">2.5M+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/firefox.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">མེ་ཝ། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/Brave.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/firefox.png" alt="མེ་ཝ།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">མེ་ཝ།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.2</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">2.5M+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/firefox.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">མེ་ཝ། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam">མི་སྒེར་གྱི་གསང་བ་སྲུང་སྐྱོབ་བྱེད་པར་དམིགས་ནས་འཆར་འགོད་བྱས་པའི་ཁུངས་འབྱེད་བཤེར་ཆས་ཤིག་ཡིན།</p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/fenix-144.0b9.multi.android-universal.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/freebrowser.png" alt="ཐོགས་མེད།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">ཐོགས་མེད།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.3</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">3k+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/freebrowser.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">ཐོགས་མེད། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/fenix-144.0b9.multi.android-universal.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/freebrowser.png" alt="ཐོགས་མེད།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">ཐོགས་མེད།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.3</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">3k+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/freebrowser.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">ཐོགས་མེད། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam">བཤེར་ཆས་དང་ཝེ་ཕེ་ཨན་གཉིས་ཀའི་ཁྱད་ཆོས་འཛོམས་པའི་ཐུན་མིན་གྱི་མཉེན་ཆས་ཤིག་ཡིན། </p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/freebrowser-6.2.0.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/chrome.png" alt="གྷོ་གྷིལ།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">གྷོ་གྷིལ།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.7</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">8M+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/chrome.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">གྷོ་གྷིལ། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/freebrowser-6.2.0.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/chrome.png" alt="གྷོ་གྷིལ།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">གྷོ་གྷིལ།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.7</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">8M+</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/chrome.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">གྷོ་གྷིལ། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam">གྷོ་གྷིལ་བཟོ་ཚོང་ཁང་གིས་འཆར་འགོད་བྱས་པའི་དྲ་རྒྱ་བཤེར་ཆས་ཤིག་ཡིན།</p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/Chrome.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div>  </div> </div> </section><section class="py-10 mx-3"> <div class="container mx-auto px-6  border-2 border-blue-800 p-5 rounded-2xl bg-blue-900"> <div class="flex items-center justify-between mb-4 pt-2"> <h2 class="text-3xl  text-blue-200 font-monlam">འབྲེལ་མཐུད།</h2> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/signal.webp" alt="བརྡ་རྟགས།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">བརྡ་རྟགས།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.4</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">1.2M</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/signal.webp" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">བརྡ་རྟགས། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/Chrome.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div>  </div> </div> </section><section class="py-10 mx-3"> <div class="container mx-auto px-6  border-2 border-blue-800 p-5 rounded-2xl bg-blue-900"> <div class="flex items-center justify-between mb-4 pt-2"> <h2 class="text-3xl  text-blue-200 font-monlam">འབྲེལ་མཐུད།</h2> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/signal.webp" alt="བརྡ་རྟགས།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">བརྡ་རྟགས།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.4</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">1.2M</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/signal.webp" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">བརྡ་རྟགས། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam">གསང་སྡོམ་གྱི་ནུས་པ་ཚད་མཐོ་ཤོས་ཀྱི་ཁ་བརྡའི་མཉེན་ཆས་ཤིག་ཡིན།</p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />
           <h3 class="text-center text-white text-sm">Scan from your Androind device directly </h3>
         </div>
-        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/Signal-Android-website-prod-universal-release-7.57.2.usb-butter/apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/element.png" alt="ཁམས་རྫས།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">ཁམས་རྫས།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.4</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">1.2M</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/element.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">ཁམས་རྫས། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
+        <p class="text-center my-5"><span class="font-monlam text-orange-300 ">ཡང་ན་</span></p> --> <div class="flex justify-center gap-2 pt-2"> <a href="usb-butter/apk/Signal-Android-website-prod-universal-release-7.57.2.apk" class="rounded-md bg-blue-600 px-10 py-3 text-white hover:bg-blue-700 flex text-xl"> <svg class="w-8 h-8 text-gray-800 dark:text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"></path> <path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"></path> </svg> <span class="px-5 font-monlam">གཏན་འཁེལ།</span> </a> </div> </div> </div></div></div></div> </div> </div> <div class=" rounded-xl shadow-lg inset-shadow-2xs hover:shadow-md transition-shadow duration-300 p-4 bg-gradient-to-b from-blue-950/20 to-blue-900 hover:to-blue-800 border-2 border-blue-900 hover:border-blue-800" data-card> <div class="flex items-center"> <div class="w-20 h-20  rounded-lg flex items-center justify-center mr-4"> <img src="usb-butter/icons/thumbnails/element.png" alt="ཁམས་རྫས།" class="w-20 h-20 rounded-lg object-cover"> </div> <div class="flex-1"> <h3 class=" text-blue-100 font-monlam">ཁམས་རྫས།</h3> <!-- <p class="text-sm text-blue-300">{author}</p> --> <div class="flex items-center mt-1"> <div class="flex text-yellow-400"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg><svg class="w-3 h-3 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> </div> <span class="ml-1 text-xs text-blue-300">4.4</span> </div>  </div> <div class="text-right"> <span class="text-xs text-blue-300">1.2M</span> <button class="block mt-1 text-green-400 hover:text-green-700 text-md font-medium open-popup text-monlam">ནང་འཇུག</button> </div> </div> <div class="hidden" data-popup-root> <div class="fixed inset-0 z-[999]"><div class="absolute inset-0 bg-blue-950/80 backdrop-blur-sm"></div><div class="absolute inset-0 flex items-center justify-center p-4"><div class="w-full h-full  rounded-xl  shadow-xl"><div class="flex items-center justify-end  px-4 py-3 "><button class="close-btn  rounded-md p-1 text-gray-200  hover:text-gray-400" aria-label="Close"><svg class="h-10 w-10" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div class="px-4 py-4"> <div class="flex justify-center"> <img src="usb-butter/icons/thumbnails/element.png" alt="" class="rounded-3xl w-20 h-20"> </div> <div class="space-y-2"> <div class="py-5"> <h3 class="text-xl  text-gray-200 text-center py-4 font-monlam">ཁམས་རྫས། </h3> <!-- {country && country !== '0' && country.trim() !== '' && (
           <h3 class="text-sm  text-gray-200 text-center pb-2 font-monlam"><span class="text-sm text-orange-300">{country}</span></h3>
         )} --> <p class="text-center text-slate-300 font-monlam"> ཁ་པར་ཨང་གྲངས་དང་ཡིག་ཟམ་སོགས་གང་ཡང་མ་སྤྲད་པའི་ཐོག་ནས་སྤྱོད་ཐུབ་པའི་གསང་རྒྱ་ཚད་མཐོ་ཤོས་ཀྱི་ཁ་བརྡའི་མཉེན་ཆས་ཤིག་ཡིན།</p> </div> <!-- QR Code Scanner Generator --> <!-- <div class="flex justify-center flex-col">
           <QRCode link={link} size={150} />