187 lines
148 KiB
HTML
187 lines
148 KiB
HTML
<!DOCTYPE html><html lang="en" class="scroll-smooth"> <head> <base href="/usb-butter"> <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/svg+xml" href="favicon.svg"><meta name="generator" content="Astro"><title>Butterbox - App Distribution Platform</title><meta name="description" content="Discover and download amazing apps and games. Your trusted app distribution platform with curated collections and top-rated applications."><meta name="keywords" content="apps, games, mobile apps, app store, download apps, app distribution"><meta property="og:title" content="Butterbox - App Distribution Platform"><meta property="og:description" content="Discover and download amazing apps and games. Your trusted app distribution platform."><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Butterbox - App Distribution Platform"><meta name="twitter:description" content="Discover and download amazing apps and games. Your trusted app distribution platform."><link rel="stylesheet" href="usb-butter/_astro/index-backup.BrxvmVL5.css"> </head> <body class="bg-gray-50 min-h-screen"> <!-- <Navbar/> --> <main class="bg-gradient-to-b from-blue-950 to-blue-900"> <!-- <section class="bg-blue-500 bg-[url('border.svg')] bg-cover bg-center bg-blend-multiply w-full bg-fixed" > --><section class=" bg-gradient-to-br from-blue-950 to-blue-400 bg-blend-multiply mb-5"> <div class="container mx-auto px-6 pt-10 md:pt-12 lg:p-12 "> <div class="rounded-lg flex items-center justify-center my-5"> <div class="flex items-center space-x-4"> <div class="flex-shrink-0"> <a href="#" class="flex items-center space-x-2"> <div class="w-12 h-12 rounded-lg flex items-center justify-center"> <!-- <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 178.3 167.9" >
|
|
<polygon class="st0 " points="11.5 8.9 109 159.9 171.5 159.9 74 8.9 11.5 8.9"/>
|
|
<polygon class="st0" points="169.5 8.9 116.5 8.9 169.5 90.9 169.5 8.9"/>
|
|
<path class="st0" d="M13,77.9c-1.4.2.5,1.3.5,1.5.9,26.8-.7,53.7,0,80.5h52L14.5,77.9h-1.5Z"/>
|
|
</svg> --> <img src="usb-butter/graphics/logo.svg" alt=""> </div> <span class="text-4xl text-white font-monlam">མཉེན་མཛོད།</span> </a> </div> </div> </div> <div class="text-center mb-12"> <!-- <h1 class="text-2xl md:text-4xl text-blue-100 mb-4 font-monlam">
|
|
ཡར་རྒྱས་ལྡན་པའི་ཉེར་མཁོ་བརྙན་རིས་རྙེད་པ།
|
|
</h1> --> <!-- <p class="text-xl text-blue-300 mb-8 max-w-2xl mx-auto">
|
|
Find the perfect Apps for your device. Download from our curated collection.
|
|
</p> --> </div> <div class="flex justify-center "> <!-- <a href="#menu" class="text-xl font-bold text-blue-500 bg-white px-10 py-3 rounded-full shadow-md border-2 border-blue-400">EXPLORE</a> --> </div> </div> <div class="relative mx-auto w-full items-baseline h-10" style="background-image:url(usb-butter/graphics/border.svg)"></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/Snow Wing Tibetan Calendar Voice App.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> <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/Snow Wing Tibetan Calendar Voice App.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/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() !== '' && (
|
|
<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() !== '' && (
|
|
<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() !== '' && (
|
|
<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() !== '' && (
|
|
<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() !== '' && (
|
|
<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() !== '' && (
|
|
<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() !== '' && (
|
|
<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() !== '' && (
|
|
<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() !== '' && (
|
|
<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() !== '' && (
|
|
<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() !== '' && (
|
|
<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() !== '' && (
|
|
<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() !== '' && (
|
|
<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() !== '' && (
|
|
<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() !== '' && (
|
|
<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() !== '' && (
|
|
<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/Shared from F-Droid_ Element X - Secure Chat & Call.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/proofmode.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">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/proofmode.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/ProofMode.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/Obscura-Camera.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/Obscura-Camera.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/Shared from F-Droid_ ObscuraCam_ The Privacy Camera.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/weather-app.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/weather-app.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.moji.mjweather.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/tor-browser.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">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/tor-browser.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/tor-browser-android-aarch64-14.5.7.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/proton.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">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/proton.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/ProtonVPN-5.13.61.0.605136100.-production-vanilla-direct-release.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/freegate.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">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/freegate.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/fgvpn.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> <div class="relative mx-auto w-full items-baseline h-10 bg-[url('usb-butter/graphics/border-bottom.svg')]" style="background-image: url(usb-butter/graphics/border-bottom.svg);"></div> </main> <footer class="bg-gray-900 text-white"> <div class="container mx-auto px-6 py-12"> <div class="grid grid-cols-1 md:grid-cols-1 gap-8"> <!-- Brand Section --> <div class="col-span-1 md:col-span-2 mx-auto "> <div class="flex items-center justify-center space-x-2 mb-4 w-full"> <div class="w-10 h-10 rounded-lg flex items-center justify-center"> <!-- <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 178.3 167.9">
|
|
<defs>
|
|
<style>
|
|
.st0 {
|
|
fill: #ededed;
|
|
}
|
|
</style>
|
|
</defs>
|
|
<polygon class="st0" points="11.5 8.9 109 159.9 171.5 159.9 74 8.9 11.5 8.9"/>
|
|
<polygon class="st0" points="169.5 8.9 116.5 8.9 169.5 90.9 169.5 8.9"/>
|
|
<path class="st0" d="M13,77.9c-1.4.2.5,1.3.5,1.5.9,26.8-.7,53.7,0,80.5h52L14.5,77.9h-1.5Z"/>
|
|
</svg> --> <!-- <img src="usb-butter/graphics/logo.svg" alt=""> --> </div> <!-- <span class="text-xl text-white font-monlam">མཉེན་མཛོད།</span> --> </div> <p class="text-gray-400 mb-6 max-w-md text-center font-monlam">གསང་རྒྱར་དམིགས་པའི་མཉེན་ཆས་དང་ལག་ཆ་གཞན་དག་དྲ་རྒྱ་མེད་རུང་ཕབ་ལེན་བྱེད་ཐུབ།</p> <!-- <div class="flex space-x-4">
|
|
<a href="#" class="text-gray-400 hover:text-white transition">
|
|
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
|
|
<path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-white transition">
|
|
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
|
|
<path d="M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"/>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-white transition">
|
|
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
|
|
<path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.174-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.402.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.357-.629-2.746-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24.009 12.017 24.009c6.624 0 11.99-5.367 11.99-11.988C24.007 5.367 18.641.001.012.001z"/>
|
|
</svg>
|
|
</a>
|
|
</div> --> </div> <!-- Quick Links --> <!-- <div>
|
|
<h3 class="text-lg font-semibold mb-4">Quick Links</h3>
|
|
<ul class="space-y-2">
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition">About Us</a></li>
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition">Contact</a></li>
|
|
</ul>
|
|
</div> --> <!-- Legal --> <!-- <div>
|
|
<h3 class="text-lg font-semibold mb-4">Legal</h3>
|
|
<ul class="space-y-2">
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition">Privacy Policy</a></li>
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition">Terms of Service</a></li>
|
|
|
|
</ul>
|
|
</div> --> </div> </div> </footer> <script type="module">document.addEventListener("DOMContentLoaded",function(){const t=document.getElementById("menu-btn"),n=document.getElementById("mobile-menu"),e=document.getElementById("menu-icon");t&&n&&e&&t.addEventListener("click",function(){n.classList.toggle("hidden"),n.classList.contains("hidden")?e.innerHTML='<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>':e.innerHTML='<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>'})});</script> </body> </html>
|