CINXE.COM

Mizoram Tourism

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Mizoram Tourism</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Playfair+Display:wght@700&family=Poppins&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/css/app.css?id=01bf45ca5ae8ff15db4a"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script src="https://unpkg.com/flowbite@1.3.4/dist/flowbite.js"></script> <link rel="icon" href="https://www.mizoramtourism.com/favicon.png"> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <!-- Livewire Styles --> <style > [wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] { display: none; } [wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] { display:none; } [wire\:offline] { display: none; } [wire\:dirty]:not(textarea):not(input):not(select) { display: none; } input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { animation-duration: 50000s; animation-name: livewireautofill; } @keyframes livewireautofill { from {} } </style> <style scoped> .hoverable { position: static; } .hoverable > a:after { content: url("data:image/svg+xml; utf8, <svg width='24' height='24' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'><pathd='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='white'/></svg>"); font-size: 20px; padding-left: 6px; position: relative; top: -1px; } .hoverable:hover .mega-menu { display: block; } .mega-menu { display: none; left: 0; position: absolute; text-align: left; width: 100%; z-index: 100; } /* #toggle Class Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */ .toggleable > label:after { content: "\25BC"; font-size: 10px; padding-left: 6px; position: relative; top: -1px; } .toggle-input { display: none; } .toggle-input:not(checked) ~ .mega-menu { display: none; } .toggle-input:checked ~ .mega-menu { display: block; } .toggle-input:checked + label { color: white; background: #2c5282; /*@apply bg-blue-800 */ } .toggle-input:checked ~ label:after { content: "\25B2"; font-size: 10px; padding-left: 6px; position: relative; top: -1px; } .icons8-menu { display: inline-block; width: 64px; height: 64px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCA2NCA2NCIKc3R5bGU9IiBmaWxsOiNmZmZmZmY7Ij48bGluZWFyR3JhZGllbnQgaWQ9IkJUcTcyU2NhVFoxVUJtVDhvbW8ycGFfNDQwMjRfZ3IxIiB4MT0iMzIiIHgyPSIzMiIgeTE9IjUuMzMzIiB5Mj0iNTkuODY3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgc3ByZWFkTWV0aG9kPSJyZWZsZWN0Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxYTZkZmYiPjwvc3RvcD48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNjODIyZmYiPjwvc3RvcD48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjQlRxNzJTY2FUWjFVQm1UOG9tbzJwYV80NDAyNF9ncjEpIiBkPSJNMzIsNThDMTcuNjYzLDU4LDYsNDYuMzM3LDYsMzJTMTcuNjYzLDYsMzIsNnMyNiwxMS42NjMsMjYsMjZTNDYuMzM3LDU4LDMyLDU4eiBNMzIsOCBDMTguNzY3LDgsOCwxOC43NjcsOCwzMnMxMC43NjcsMjQsMjQsMjRzMjQtMTAuNzY3LDI0LTI0UzQ1LjIzMyw4LDMyLDh6Ij48L3BhdGg+PGxpbmVhckdyYWRpZW50IGlkPSJCVHE3MlNjYVRaMVVCbVQ4b21vMnBiXzQ0MDI0X2dyMiIgeDE9IjMyIiB4Mj0iMzIiIHkxPSI1LjMzMyIgeTI9IjU5Ljg2NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHNwcmVhZE1ldGhvZD0icmVmbGVjdCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMWE2ZGZmIj48L3N0b3A+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjYzgyMmZmIj48L3N0b3A+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI0JUcTcyU2NhVFoxVUJtVDhvbW8ycGJfNDQwMjRfZ3IyKSIgZD0iTTMyLDUyYy0xMS4wMjgsMC0yMC04Ljk3Mi0yMC0yMHM4Ljk3Mi0yMCwyMC0yMHMyMCw4Ljk3MiwyMCwyMFM0My4wMjgsNTIsMzIsNTJ6IE0zMiwxNCBjLTkuOTI1LDAtMTgsOC4wNzUtMTgsMThzOC4wNzUsMTgsMTgsMThzMTgtOC4wNzUsMTgtMThTNDEuOTI1LDE0LDMyLDE0eiI+PC9wYXRoPjxsaW5lYXJHcmFkaWVudCBpZD0iQlRxNzJTY2FUWjFVQm1UOG9tbzJwY180NDAyNF9ncjMiIHgxPSIzMiIgeDI9IjMyIiB5MT0iMjEuNSIgeTI9IjI2LjMzNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHNwcmVhZE1ldGhvZD0icmVmbGVjdCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNmRjN2ZmIj48L3N0b3A+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZTZhYmZmIj48L3N0b3A+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI0JUcTcyU2NhVFoxVUJtVDhvbW8ycGNfNDQwMjRfZ3IzKSIgZD0iTTQyLDI1YzAsMC41NTItMC40NDgsMS0xLDFIMjNjLTAuNTUyLDAtMS0wLjQ0OC0xLTF2LTJjMC0wLjU1MiwwLjQ0OC0xLDEtMWgxOCBjMC41NTIsMCwxLDAuNDQ4LDEsMVYyNXoiPjwvcGF0aD48bGluZWFyR3JhZGllbnQgaWQ9IkJUcTcyU2NhVFoxVUJtVDhvbW8ycGRfNDQwMjRfZ3I0IiB4MT0iMzIiIHgyPSIzMiIgeTE9IjI5LjMzMyIgeTI9IjM0LjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBzcHJlYWRNZXRob2Q9InJlZmxlY3QiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzZkYzdmZiI+PC9zdG9wPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2U2YWJmZiI+PC9zdG9wPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNCVHE3MlNjYVRaMVVCbVQ4b21vMnBkXzQ0MDI0X2dyNCkiIGQ9Ik00MiwzM2MwLDAuNTUyLTAuNDQ4LDEtMSwxSDIzYy0wLjU1MiwwLTEtMC40NDgtMS0xdi0yYzAtMC41NTIsMC40NDgtMSwxLTFoMTggYzAuNTUyLDAsMSwwLjQ0OCwxLDFWMzN6Ij48L3BhdGg+PGxpbmVhckdyYWRpZW50IGlkPSJCVHE3MlNjYVRaMVVCbVQ4b21vMnBlXzQ0MDI0X2dyNSIgeDE9IjMyIiB4Mj0iMzIiIHkxPSIzNyIgeTI9IjQxLjMzNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHNwcmVhZE1ldGhvZD0icmVmbGVjdCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNmRjN2ZmIj48L3N0b3A+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZTZhYmZmIj48L3N0b3A+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI0JUcTcyU2NhVFoxVUJtVDhvbW8ycGVfNDQwMjRfZ3I1KSIgZD0iTTQyLDQxYzAsMC41NTItMC40NDgsMS0xLDFIMjNjLTAuNTUyLDAtMS0wLjQ0OC0xLTF2LTJjMC0wLjU1MiwwLjQ0OC0xLDEtMWgxOCBjMC41NTIsMCwxLDAuNDQ4LDEsMVY0MXoiPjwvcGF0aD48L3N2Zz4=') 50% 50% no-repeat; background-size: 100%; } .location::before{ content: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0'; background-image: url('/image/location.png'); background-size: contain; background-repeat: no-repeat; } .phone::before{ content: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0'; background-image: url('/image/phone.png'); background-size: contain; background-repeat: no-repeat; } .mail::before{ content: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0'; background-image: url('/image/mail.png'); background-size: contain; background-repeat: no-repeat; } </style> </head> <body class="text-light-gray"> <div x-data="{&quot;show&quot;:true,&quot;style&quot;:&quot;success&quot;,&quot;message&quot;:null}" :class="{ 'bg-indigo-500 ': style == 'success', 'bg-red-700': style == 'danger', 'bg-gray-500': style != 'success' && style != 'danger' }" class="absolute z-50 w-1/2 right-4 bg-opacity-95 top-10" style="display: none;" x-show="show && message" x-init=" document.addEventListener('banner-message', event => { style = event.detail.style; message = event.detail.message; show = true; }); "> <div class="max-w-screen-xl px-3 py-2 mx-auto sm:px-6 lg:px-8"> <div class="flex flex-wrap items-center justify-between"> <div class="flex items-center flex-1 w-0 min-w-0"> <span class="flex p-2 rounded-lg" :class="{ 'bg-indigo-600': style == 'success', 'bg-red-600': style == 'danger' }"> <svg x-show="style == 'success'" class="w-5 h-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <svg x-show="style == 'danger'" class="w-5 h-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <svg x-show="style != 'success' && style != 'danger'" class="w-5 h-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> </span> <p class="ml-3 text-xs font-medium text-white" x-text="message"></p> </div> <div class="shrink-0 sm:ml-3"> <button type="button" class="flex p-2 -mr-1 transition rounded-md focus:outline-none sm:-mr-2" :class="{ 'hover:bg-indigo-600 focus:bg-indigo-600': style == 'success', 'hover:bg-red-600 focus:bg-red-600': style == 'danger' }" aria-label="Dismiss" x-on:click="show = false"> <svg class="w-5 h-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> </div> </div> </div> <div wire:id="3y3iNGOOP4at7GsO60hK" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;3y3iNGOOP4at7GsO60hK&quot;,&quot;name&quot;:&quot;front.navigation-bar&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;travel-agents&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:{&quot;l4227610240-0&quot;:{&quot;id&quot;:&quot;I4EDd5rXtCwy3BVUy2Ha&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;l4227610240-1&quot;:{&quot;id&quot;:&quot;Q2RiuEozQHslE05vOz3y&quot;,&quot;tag&quot;:&quot;div&quot;}},&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;abea3cd3&quot;,&quot;data&quot;:{&quot;districts&quot;:[],&quot;tags&quot;:[],&quot;aboutUs&quot;:[]},&quot;dataMeta&quot;:{&quot;modelCollections&quot;:{&quot;districts&quot;:{&quot;class&quot;:&quot;App\\Models\\DistrictMetaData&quot;,&quot;id&quot;:[1,2,3,4,5,6,7,8,9,10,11],&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;},&quot;tags&quot;:{&quot;class&quot;:&quot;App\\Models\\Tag&quot;,&quot;id&quot;:[1,4,9,11,15,22,26,27,28,41,42,43,44,45,46,47,48,49,50],&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;},&quot;aboutUs&quot;:{&quot;class&quot;:&quot;App\\Models\\About&quot;,&quot;id&quot;:[1,2,3,4],&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;fb82803d2a968a7978943b6d1722575a1ca842e30eb06541e22b0956ef318739&quot;}}"> <nav x-data="{ open: false }" class="relative bg-charcoal-black text-white"> <div class="container mx-auto justify-between hidden md:flex"> <ul class="flex content-center items-center"> <li class=""> <a href="/"> <img width="150" src="/image/nav_head.png" alt="icon" /> </a> </li> <li class="hoverable mt-auto"> <a href="#" class="block px-4 text-sm lg:text-base font-bold border-b-[3px] border-charcoal-black hover:border-b-[3px] hover:border-tourism-green"> <div class="flex flex-row"> <span> Places to Visit </span> <span> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z" fill="currentColor"/> </svg> </span> </div> </a> <div class="p-6 mega-menu mb-16 sm:mb-0 shadow-xl bg-charcoal-black-500"> <div class="container mx-auto w-full grid grid-cols-4 gap-4"> <a href="https://www.mizoramtourism.com/place-to-visit/1" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="font-bold text-xl text-white text-bold mb-2"> Aizawl </h3> </div> <p class="text-gray-100 text-sm"> A beautiful hill city, Aizawl, the capital of Mizo </p> </a> <a href="https://www.mizoramtourism.com/place-to-visit/2" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="font-bold text-xl text-white text-bold mb-2"> Lunglei </h3> </div> <p class="text-gray-100 text-sm"> Lunglei is the second largest city of Mizoram and </p> </a> <a href="https://www.mizoramtourism.com/place-to-visit/3" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="font-bold text-xl text-white text-bold mb-2"> Siaha </h3> </div> <p class="text-gray-100 text-sm"> Siaha is dotted with awe-inspiring hills that capt </p> </a> <a href="https://www.mizoramtourism.com/place-to-visit/4" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="font-bold text-xl text-white text-bold mb-2"> Champhai </h3> </div> <p class="text-gray-100 text-sm"> Champhai, a bustling commercial town at the Indo-M </p> </a> <a href="https://www.mizoramtourism.com/place-to-visit/5" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="font-bold text-xl text-white text-bold mb-2"> Kolasib </h3> </div> <p class="text-gray-100 text-sm"> Kolasib District is one of the eight districts of </p> </a> <a href="https://www.mizoramtourism.com/place-to-visit/6" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="font-bold text-xl text-white text-bold mb-2"> Serchhip </h3> </div> <p class="text-gray-100 text-sm"> Home of the highest waterfall in Mizoram, the dist </p> </a> <a href="https://www.mizoramtourism.com/place-to-visit/7" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="font-bold text-xl text-white text-bold mb-2"> Lawngtlai </h3> </div> <p class="text-gray-100 text-sm"> A helicopter service by Pawan Hans connects Aizawl </p> </a> <a href="https://www.mizoramtourism.com/place-to-visit/8" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="font-bold text-xl text-white text-bold mb-2"> Mamit </h3> </div> <p class="text-gray-100 text-sm"> The district of Mamit lies in the North Western pa </p> </a> <a href="https://www.mizoramtourism.com/place-to-visit/9" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="font-bold text-xl text-white text-bold mb-2"> Khawzawl </h3> </div> <p class="text-gray-100 text-sm"> Khawzawl district is one of the eleven districts o </p> </a> <a href="https://www.mizoramtourism.com/place-to-visit/10" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="font-bold text-xl text-white text-bold mb-2"> Saitual </h3> </div> <p class="text-gray-100 text-sm"> Saitual district is one of the eleven districts of </p> </a> <a href="https://www.mizoramtourism.com/place-to-visit/11" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="font-bold text-xl text-white text-bold mb-2"> Hnahthial </h3> </div> <p class="text-gray-100 text-sm"> Hnahthial district is one of the eleven districts </p> </a> </div> </div> </li> <li class="hoverable mt-auto"> <a href="#" class="block px-4 text-sm lg:text-base font-bold border-b-[3px] border-charcoal-black hover:border-b-[3px] hover:border-tourism-green"> <div class="flex flex-row"> <span> Things to Do </span> <span> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z" fill="currentColor"/> </svg> </span> </div> </a> <div class="p-6 mega-menu mb-16 sm:mb-0 shadow-xl bg-charcoal-black-500"> <div class="container mx-auto w-full grid grid-cols-4 gap-4"> <a href="https://www.mizoramtourism.com/things-to-do/Hiking" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Hiking </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Sightseeing" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Sightseeing </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Nature" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Nature </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Holiday" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Holiday </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Travel" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Travel </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Vacation" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Vacation </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Adventure" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Adventure </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Sports" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Sports </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Adventure%20Park" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Adventure Park </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Religion" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Religion </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Shopping" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Shopping </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Heritage" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Heritage </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Bird%20watching" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Bird watching </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Lake" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Lake </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Nature%20Watching" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Nature Watching </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Wildlife" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Wildlife </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Water%20Fall" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Water Fall </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Angling" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Angling </h3> </div> <a href="https://www.mizoramtourism.com/things-to-do/Caving" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Caving </h3> </div> </a> </div> </div> </li> <li class="hoverable mt-auto"> <a href="#" class="block px-4 text-sm lg:text-base font-bold border-b-[3px] border-charcoal-black hover:border-b-[3px] hover:border-tourism-green"> <div class="flex flex-row"> <span> Plan your Trip </span> <span> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z" fill="currentColor"/> </svg> </span> </div> </a> <div class="p-6 mega-menu mb-16 sm:mb-0 shadow-xl bg-charcoal-black-500"> <div class="container mx-auto w-full grid grid-cols-4 gap-4"> <a href="https://www.mizoramtourism.com/how-to-get-to-mizoram" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> How to get to Mizoram </h3> </div> </a> <a href="https://www.mizoramtourism.com/festivals" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Festivals </h3> </div> </a> <a href="https://www.mizoramtourism.com/tour-guides" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Tour Guides </h3> </div> </a> <a href="https://www.mizoramtourism.com/hotel-and-accommodations" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Hotel & Accommodation </h3> </div> </a> <a href="https://www.mizoramtourism.com/restaurants" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Restaurant </h3> </div> </a> <a href="https://www.mizoramtourism.com/travel-agents" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Travel Agents </h3> </div> </a> <a href="https://www.mizoramtourism.com/tour-operators" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Tour Operators </h3> </div> </a> <a href="https://www.mizoramtourism.com/rent-a-car" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Car Rentals & Taxi </h3> </div> </a> </div> </div> </li> <li class="hoverable mt-auto"> <a href="#" class="block px-4 text-sm lg:text-base font-bold border-b-[3px] border-charcoal-black hover:border-b-[3px] hover:border-tourism-green"> <div class="flex flex-row"> <span> Responsible Tourism </span> <span> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z" fill="currentColor"/> </svg> </span> </div> </a> <div class="p-6 mega-menu mb-16 sm:mb-0 shadow-xl bg-charcoal-black-500"> <div class="container mx-auto w-full grid grid-cols-4 gap-4"> <a href="https://www.mizoramtourism.com/take-pledge" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Take Pledge </h3> </div> </a> <a href="https://www.mizoramtourism.com/environment" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Initiative </h3> </div> </a> </div> </div> </li> <li class="hoverable mt-auto"> <a href="#" class="block px-4 text-sm lg:text-base font-bold border-b-[3px] border-charcoal-black hover:border-b-[3px] hover:border-tourism-green"> <div class="flex flex-row"> <span> About </span> <span> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z" fill="currentColor"/> </svg> </span> </div> </a> <div class="p-6 mega-menu mb-16 sm:mb-0 shadow-xl bg-charcoal-black-500"> <div class="container mx-auto w-full grid grid-cols-4 gap-4"> <a href="https://www.mizoramtourism.com/about/1" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Mystical Mizoram </h3> </div> </a> <a href="https://www.mizoramtourism.com/about/2" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Environment </h3> </div> </a> <a href="https://www.mizoramtourism.com/about/3" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> History of Mizoram </h3> </div> </a> <a href="https://www.mizoramtourism.com/about/4" class="px-4 pb-6 pt-6 lg:pt-3 border-b border-light-gray hover:border-b hover:border-tourism-green"> <div class="flex items-center"> <h3 class="text-white"> Entry Formalities </h3> </div> </a> </div> </div> </li> </ul> <ul class="flex content-center items-center"> <li class="relative block py-6 lg:pt-4 lg:pl-4 text-sm lg:text-base font-bold"> <div wire:id="I4EDd5rXtCwy3BVUy2Ha" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;I4EDd5rXtCwy3BVUy2Ha&quot;,&quot;name&quot;:&quot;front.login-signup&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;travel-agents&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;login&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:{&quot;l2667966498-0&quot;:{&quot;id&quot;:&quot;5jj2h9Hm1wBuP4jH7BZo&quot;,&quot;tag&quot;:&quot;div&quot;}},&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;3a9d14a4&quot;,&quot;data&quot;:{&quot;emailPhone&quot;:&quot;&quot;,&quot;type&quot;:&quot;&quot;,&quot;mailSent&quot;:false,&quot;signupDialog&quot;:false,&quot;existing&quot;:false,&quot;user&quot;:null,&quot;enteredOtp&quot;:null,&quot;invalid&quot;:false,&quot;listeners&quot;:[&quot;login&quot;]},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;3ca03cd35b100e9d9c7c66ea2810300943b388c4a0ede5ec79b1a939ee592fc8&quot;}}"> <button wire:click="loginSignup" class="pr-2 pt-1 pb-1"> Login/Register </button> <div x-data="{ show: window.Livewire.find('I4EDd5rXtCwy3BVUy2Ha').entangle('signupDialog').defer, focusables() { // All focusable element types... let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])' return [...$el.querySelectorAll(selector)] // All non-disabled elements... .filter(el => ! el.hasAttribute('disabled')) }, firstFocusable() { return this.focusables()[0] }, lastFocusable() { return this.focusables().slice(-1)[0] }, nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 }, }" x-init="$watch('show', value => { if (value) { document.body.classList.add('overflow-y-hidden'); } else { document.body.classList.remove('overflow-y-hidden'); } })" x-on:close.stop="show = false" x-on:keydown.escape.window="show = false" x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()" x-on:keydown.shift.tab.prevent="prevFocusable().focus()" x-show="show" id="9561eff51d7234173d3629f4b906a91e" class="jetstream-modal fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50" style="display: none;" > <div x-show="show" class="fixed inset-0 transform transition-all" x-on:click="show = false" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="absolute inset-0 bg-gray-500 opacity-75"></div> </div> <div x-show="show" class="mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:max-w-2xl sm:mx-auto" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-6 py-4"> <div class="text-lg font-bold"> <div class="text-xl font-bold mb-4 text-black"> Login/Sign Up </div> </div> <div class="mt-4"> <div class="border border-dashed p-10"> <div class=""> <div class="relative"> <span class="absolute inset-y-0 left-0 flex items-center pl-2"> <button type="submit" class="p-1 focus:outline-none focus:shadow-outline"> <img class="w-6 h-6" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAADVklEQVRoge2ZTUgVURTHfz7Nj0I0JcSigr7ITAzMMqJaVUK7FgVFLapVRYWbaFe0DloVEZSbICLTdpUFpRhuhApDigrCrBDzI7LS1GlxzjRm+Zy59466eD94HN579/zv/8zMnTtzL6RIEQtpMWqvADYCq4B8YBToAVqBJmAkxr6tSQcOAe2Al+TzBtjqsmOXZ6QYqAM26fePQAvQBXTqb0uBauQs/QCuAzeApw59WJEPvEKO9mtgF5MfpARwgb/P0E1gbvw2p6YWMdQG5IVonwDWAKeAbs29E5u7kCxBBu4voNwgfxnQixRT7dBXZI6qiToLjbMEl9iMUa8mDltolKjGWyeODGlVE1UWGunAT2AMw0GfsOjcp1Bjv4XGKDCE3OkyTQRcFOLP0J6lTobGMZNkF4V0ayyy0ChALqlB4KuJgItCPmlcaKGxUuM7UwEXhbzQaDKH+GzR2GIq4KKQNo0bLDS2aWw2FXBRiK9RSTBgo5BJcEYGHPgx5jFyxzqN2dN0GnBGNR469BWZDjVhM0bKVeOlqYCLS6tdY4WFRqVG40JccBA5mu+BGoP8Gs31gAMOfUUmHbiNzMgDRDvLCc3xn57Tnbsz4BliqDRCTpnmdNh27mKM+DzRuD9Czr4JubOCCuTo9gILQrQvAL5ozuYYfRnRgBh7TPB4/z9ygfvatnEafEVmEfCZqV+0VmubfmC5i45djhGQNayuCP324Oj11nUhEO4Nz38Jy3LVaRyFZGv8lqTNoEZnhbimCCnAAxYnaZeHTKBDyLrYrKIMeI4UcS9E+1sEk+H6GH2FphS4DAwTrP0Wh8grJFi1HwGuAeti8jgpGcBu4BFyiXjIkk4tsqAdllzgqub6C9rNwB5gjkO//5ANHCd4WvWQgXsFWGuhWwJcIhhfHvABOAnkWOj+QxqygdM1rqN24AQw32E/ecAxgrHmIfssR3CwlzMPuDtOuJXpWTXfjmwA+f02qBcjspD9Pg+Zhfc6MBiVAwSXXBOGS6oXVaAT2S6bKcrUg4fsdkViJbJ5M4rszs40VYiXYWTHODTnkSPwIAZTpjQins5N/CPZs9YOjfVxODLE32fcOfGPZLe0PqJNbtNJH/KG+YfJCskBvsdux44cZJcrRYoUIfgNHq3EbO8epBkAAAAASUVORK5CYII="/> </button> </span> <input maxlength="" type="text" class="pl-10 border border-signup-border w-full text-black" placeholder="Email ID or Mobile Number" wire:model="emailPhone"> </div> <button wire:click="createUser" class="rounded-full disabled:bg-signup-border font-bold pt-2 pb-2 p-4 mt-4 disabled:text-whitish-gray text-white bg-colorx" disabled> <div wire:loading.remove wire:target="createUser"> Continue </div> <div wire:loading wire:target="createUser"> Processing... </div> </button> </div> <div class="hidden"> <div class="text-black"> OTP Sent to ***** </div> <div class="w-full"> <div class="relative"> <input wire:model="enteredOtp" type="text" class="border border-signup-border w-full pr-24 text-black" placeholder="Enter OTP" maxlength="4"> <span class="absolute inset-y-0 right-2 flex items-center pl-2"> <button wire:click="createUser" type="submit" class="p-1 focus:outline-none focus:shadow-outline underline text-colorx text-sm"> <div wire:loading.remove wire:target="createUser"> Resend OTP </div> <div wire:loading wire:target="createUser"> Resending... </div> </button> </span> </div> </div> <button wire:click.prevent="verifyOtp" class="bg-colorx text-white w-1/2 font-bold rounded-full p-2 mt-4"> Verify & Create account </button> </div> </div> </div> </div> </div> </div> <div wire:id="5jj2h9Hm1wBuP4jH7BZo" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;5jj2h9Hm1wBuP4jH7BZo&quot;,&quot;name&quot;:&quot;front.confirm-otp&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;travel-agents&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;otpVerified&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;9dd93a25&quot;,&quot;data&quot;:{&quot;otpConfirmed&quot;:false,&quot;showPassword&quot;:false,&quot;type&quot;:null,&quot;email&quot;:null,&quot;phone&quot;:null,&quot;name&quot;:null,&quot;password&quot;:null,&quot;pledged&quot;:false},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;f5c3973fc6fb033aa8f43968cebb8402397922162a0df6b8e2e698834226510d&quot;}}"> <div x-data="{ show: window.Livewire.find('5jj2h9Hm1wBuP4jH7BZo').entangle('otpConfirmed').defer, focusables() { // All focusable element types... let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])' return [...$el.querySelectorAll(selector)] // All non-disabled elements... .filter(el => ! el.hasAttribute('disabled')) }, firstFocusable() { return this.focusables()[0] }, lastFocusable() { return this.focusables().slice(-1)[0] }, nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 }, }" x-init="$watch('show', value => { if (value) { document.body.classList.add('overflow-y-hidden'); } else { document.body.classList.remove('overflow-y-hidden'); } })" x-on:close.stop="show = false" x-on:keydown.escape.window="show = false" x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()" x-on:keydown.shift.tab.prevent="prevFocusable().focus()" x-show="show" id="cadb0cb0a5fd590cf6149ddda8512124" class="jetstream-modal fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50" style="display: none;" > <div x-show="show" class="fixed inset-0 transform transition-all" x-on:click="show = false" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="absolute inset-0 bg-gray-500 opacity-75"></div> </div> <div x-show="show" class="mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:max-w-2xl sm:mx-auto" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-6 py-4"> <div class="text-lg font-bold"> <div class="text-xl font-bold mb-4 text-black"> Congratulations! <br> OTP Verified successfully </div> </div> <div class="mt-4"> <div class="border border-dashed pt-2 p-10 text-black"> <input wire:model="name" type="text" class="border w-full mt-4 p-2 border-signup-border" placeholder="Name"> <input wire:model="email" type="email" class="border border-signup-border w-full mt-4 p-2" placeholder="Email" value=""> <input wire:model="phone" type="text" class="border border-signup-border w-full mt-4 p-2" placeholder="Phone" value=""> <br><br> <div class="flex items-center"> <input wire:model="pledged" id="checked-checkbox" type="checkbox" value="" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"> <label for="checked-checkbox" class="ml-2 text-sm font-medium text-gray-900 dark:text-gray-300">I <a class="text-blue-500" href="https://www.mizoramtourism.com/take-pledge">pledged</a> to be a responsible traveller.</label> </div> <br> <button disabled wire:click.prevent="registerUser" class="bg-colorx text-white w-1/2 font-bold rounded-full p-2 mt-4"> <div wire:loading.remove wire:target="registerUser" class=""> Save & Continue </div> <div wire:loading wire:target="registerUser" class=""> Saving... </div> </button> </div> </div> </div> </div> </div> </div> <!-- Livewire Component wire-end:5jj2h9Hm1wBuP4jH7BZo --></div> <!-- Livewire Component wire-end:I4EDd5rXtCwy3BVUy2Ha --> </li> <li class="relative block py-6 lg:pt-4 lg:pl-4 text-base font-bold mt-1 overflow-hidden"> <a href="https://www.mizoramtourism.com/booking" class="relative items-center justify-start inline-block overflow-hidden rounded-full group pl-6 pr-6 pt-2 pb-2"> <span class="w-32 h-32 rotate-45 translate-x-12 -translate-y-2 absolute left-0 top-0 bg-colorx opacity-[3%]"></span> <span class="absolute top-0 left-0 w-48 h-48 -mt-1 transition-all duration-500 ease-in-out rotate-45 -translate-x-56 -translate-y-24 bg-colorx opacity-100 group-hover:-translate-x-8"></span> <span class="relative w-full text-left text-colorx transition-colors duration-200 ease-in-out group-hover:text-white">Booking</span> <span class="absolute inset-0 border-2 border-colorx rounded-full"></span> </a> </li> <li class="relative block py-6 lg:pt-4 lg:pl-4 text-sm lg:text-base font-bold"> <button class="button rounded-lg text-white pt-1 pb-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/> </svg> </button> </li> </ul> </div> <div class="flex md:hidden bg-charcoal-black text-white p-4"> <div class="grid grid-cols-2 w-full"> <div class="flex-col"> <a href="/"> <img src="/image/nav_head.png" alt="icon" class="object-cover h-14" /> </a> </div> <div class="flex-col ml-auto"> <div class="flex md:hidden items-center"> <button @click="open = ! open" class="outline-none mobile-menu-button"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="48" height="48" viewBox="0 0 24 24" style=" fill:#ffffff;"> <path d="M 2 5 L 2 7 L 22 7 L 22 5 L 2 5 z M 2 11 L 2 13 L 22 13 L 22 11 L 2 11 z M 2 17 L 2 19 L 22 19 L 22 17 L 2 17 z"></path> </svg> </button> </div> </div> </div> </div> <!-- Responsive Navigation Menu --> <div :class="{'block': open, 'hidden': ! open}" class="hidden md:hidden z-50 absolute bg-charcoal-black w-full"> <div class="pt-2 pb-3 space-y-1"> <a class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition" href="https://www.mizoramtourism.com/places-to-visit"> Places to Visit </a> <a class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition" href="https://www.mizoramtourism.com/things-to-do"> Things to Do </a> <a class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition" href="https://www.mizoramtourism.com/plan-your-trip"> Plan your Trip </a> <a class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition" href="https://www.mizoramtourism.com/about-us"> About </a> <a class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition" href="https://www.mizoramtourism.com/booking"> Booking </a> <!-- Responsive Settings Options --> <div class="pt-4 pb-1 border-t border-light-gray"> <div class="mt-3 space-y-1"> <!-- Account Management --> <div class="pl-4 hover:bg-white font-extrabold hover:text-black p2"> <div wire:id="Q2RiuEozQHslE05vOz3y" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;Q2RiuEozQHslE05vOz3y&quot;,&quot;name&quot;:&quot;front.login-signup&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;travel-agents&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;login&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:{&quot;l2667966498-0&quot;:{&quot;id&quot;:&quot;Gef5Y857zjB6rHauJEM6&quot;,&quot;tag&quot;:&quot;div&quot;}},&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;1c297d8c&quot;,&quot;data&quot;:{&quot;emailPhone&quot;:&quot;&quot;,&quot;type&quot;:&quot;&quot;,&quot;mailSent&quot;:false,&quot;signupDialog&quot;:false,&quot;existing&quot;:false,&quot;user&quot;:null,&quot;enteredOtp&quot;:null,&quot;invalid&quot;:false,&quot;listeners&quot;:[&quot;login&quot;]},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;246d0f2e523a426365880fb12b34c9f58b2c40a5f2a592829dd1edd2c834e56c&quot;}}"> <button wire:click="loginSignup" class="pr-2 pt-1 pb-1"> Login/Register </button> <div x-data="{ show: window.Livewire.find('Q2RiuEozQHslE05vOz3y').entangle('signupDialog').defer, focusables() { // All focusable element types... let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])' return [...$el.querySelectorAll(selector)] // All non-disabled elements... .filter(el => ! el.hasAttribute('disabled')) }, firstFocusable() { return this.focusables()[0] }, lastFocusable() { return this.focusables().slice(-1)[0] }, nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 }, }" x-init="$watch('show', value => { if (value) { document.body.classList.add('overflow-y-hidden'); } else { document.body.classList.remove('overflow-y-hidden'); } })" x-on:close.stop="show = false" x-on:keydown.escape.window="show = false" x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()" x-on:keydown.shift.tab.prevent="prevFocusable().focus()" x-show="show" id="9561eff51d7234173d3629f4b906a91e" class="jetstream-modal fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50" style="display: none;" > <div x-show="show" class="fixed inset-0 transform transition-all" x-on:click="show = false" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="absolute inset-0 bg-gray-500 opacity-75"></div> </div> <div x-show="show" class="mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:max-w-2xl sm:mx-auto" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-6 py-4"> <div class="text-lg font-bold"> <div class="text-xl font-bold mb-4 text-black"> Login/Sign Up </div> </div> <div class="mt-4"> <div class="border border-dashed p-10"> <div class=""> <div class="relative"> <span class="absolute inset-y-0 left-0 flex items-center pl-2"> <button type="submit" class="p-1 focus:outline-none focus:shadow-outline"> <img class="w-6 h-6" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAADVklEQVRoge2ZTUgVURTHfz7Nj0I0JcSigr7ITAzMMqJaVUK7FgVFLapVRYWbaFe0DloVEZSbICLTdpUFpRhuhApDigrCrBDzI7LS1GlxzjRm+Zy59466eD94HN579/zv/8zMnTtzL6RIEQtpMWqvADYCq4B8YBToAVqBJmAkxr6tSQcOAe2Al+TzBtjqsmOXZ6QYqAM26fePQAvQBXTqb0uBauQs/QCuAzeApw59WJEPvEKO9mtgF5MfpARwgb/P0E1gbvw2p6YWMdQG5IVonwDWAKeAbs29E5u7kCxBBu4voNwgfxnQixRT7dBXZI6qiToLjbMEl9iMUa8mDltolKjGWyeODGlVE1UWGunAT2AMw0GfsOjcp1Bjv4XGKDCE3OkyTQRcFOLP0J6lTobGMZNkF4V0ayyy0ChALqlB4KuJgItCPmlcaKGxUuM7UwEXhbzQaDKH+GzR2GIq4KKQNo0bLDS2aWw2FXBRiK9RSTBgo5BJcEYGHPgx5jFyxzqN2dN0GnBGNR469BWZDjVhM0bKVeOlqYCLS6tdY4WFRqVG40JccBA5mu+BGoP8Gs31gAMOfUUmHbiNzMgDRDvLCc3xn57Tnbsz4BliqDRCTpnmdNh27mKM+DzRuD9Czr4JubOCCuTo9gILQrQvAL5ozuYYfRnRgBh7TPB4/z9ygfvatnEafEVmEfCZqV+0VmubfmC5i45djhGQNayuCP324Oj11nUhEO4Nz38Jy3LVaRyFZGv8lqTNoEZnhbimCCnAAxYnaZeHTKBDyLrYrKIMeI4UcS9E+1sEk+H6GH2FphS4DAwTrP0Wh8grJFi1HwGuAeti8jgpGcBu4BFyiXjIkk4tsqAdllzgqub6C9rNwB5gjkO//5ANHCd4WvWQgXsFWGuhWwJcIhhfHvABOAnkWOj+QxqygdM1rqN24AQw32E/ecAxgrHmIfssR3CwlzMPuDtOuJXpWTXfjmwA+f02qBcjspD9Pg+Zhfc6MBiVAwSXXBOGS6oXVaAT2S6bKcrUg4fsdkViJbJ5M4rszs40VYiXYWTHODTnkSPwIAZTpjQins5N/CPZs9YOjfVxODLE32fcOfGPZLe0PqJNbtNJH/KG+YfJCskBvsdux44cZJcrRYoUIfgNHq3EbO8epBkAAAAASUVORK5CYII="/> </button> </span> <input maxlength="" type="text" class="pl-10 border border-signup-border w-full text-black" placeholder="Email ID or Mobile Number" wire:model="emailPhone"> </div> <button wire:click="createUser" class="rounded-full disabled:bg-signup-border font-bold pt-2 pb-2 p-4 mt-4 disabled:text-whitish-gray text-white bg-colorx" disabled> <div wire:loading.remove wire:target="createUser"> Continue </div> <div wire:loading wire:target="createUser"> Processing... </div> </button> </div> <div class="hidden"> <div class="text-black"> OTP Sent to ***** </div> <div class="w-full"> <div class="relative"> <input wire:model="enteredOtp" type="text" class="border border-signup-border w-full pr-24 text-black" placeholder="Enter OTP" maxlength="4"> <span class="absolute inset-y-0 right-2 flex items-center pl-2"> <button wire:click="createUser" type="submit" class="p-1 focus:outline-none focus:shadow-outline underline text-colorx text-sm"> <div wire:loading.remove wire:target="createUser"> Resend OTP </div> <div wire:loading wire:target="createUser"> Resending... </div> </button> </span> </div> </div> <button wire:click.prevent="verifyOtp" class="bg-colorx text-white w-1/2 font-bold rounded-full p-2 mt-4"> Verify & Create account </button> </div> </div> </div> </div> </div> </div> <div wire:id="Gef5Y857zjB6rHauJEM6" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;Gef5Y857zjB6rHauJEM6&quot;,&quot;name&quot;:&quot;front.confirm-otp&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;travel-agents&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;otpVerified&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;dd9db44b&quot;,&quot;data&quot;:{&quot;otpConfirmed&quot;:false,&quot;showPassword&quot;:false,&quot;type&quot;:null,&quot;email&quot;:null,&quot;phone&quot;:null,&quot;name&quot;:null,&quot;password&quot;:null,&quot;pledged&quot;:false},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;e209e1c04a1d11da581a75cf0a024cf997ec947f677e554c070dbf4970463cd8&quot;}}"> <div x-data="{ show: window.Livewire.find('Gef5Y857zjB6rHauJEM6').entangle('otpConfirmed').defer, focusables() { // All focusable element types... let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])' return [...$el.querySelectorAll(selector)] // All non-disabled elements... .filter(el => ! el.hasAttribute('disabled')) }, firstFocusable() { return this.focusables()[0] }, lastFocusable() { return this.focusables().slice(-1)[0] }, nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 }, }" x-init="$watch('show', value => { if (value) { document.body.classList.add('overflow-y-hidden'); } else { document.body.classList.remove('overflow-y-hidden'); } })" x-on:close.stop="show = false" x-on:keydown.escape.window="show = false" x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()" x-on:keydown.shift.tab.prevent="prevFocusable().focus()" x-show="show" id="cadb0cb0a5fd590cf6149ddda8512124" class="jetstream-modal fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50" style="display: none;" > <div x-show="show" class="fixed inset-0 transform transition-all" x-on:click="show = false" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="absolute inset-0 bg-gray-500 opacity-75"></div> </div> <div x-show="show" class="mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:max-w-2xl sm:mx-auto" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-6 py-4"> <div class="text-lg font-bold"> <div class="text-xl font-bold mb-4 text-black"> Congratulations! <br> OTP Verified successfully </div> </div> <div class="mt-4"> <div class="border border-dashed pt-2 p-10 text-black"> <input wire:model="name" type="text" class="border w-full mt-4 p-2 border-signup-border" placeholder="Name"> <input wire:model="email" type="email" class="border border-signup-border w-full mt-4 p-2" placeholder="Email" value=""> <input wire:model="phone" type="text" class="border border-signup-border w-full mt-4 p-2" placeholder="Phone" value=""> <br><br> <div class="flex items-center"> <input wire:model="pledged" id="checked-checkbox" type="checkbox" value="" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"> <label for="checked-checkbox" class="ml-2 text-sm font-medium text-gray-900 dark:text-gray-300">I <a class="text-blue-500" href="https://www.mizoramtourism.com/take-pledge">pledged</a> to be a responsible traveller.</label> </div> <br> <button disabled wire:click.prevent="registerUser" class="bg-colorx text-white w-1/2 font-bold rounded-full p-2 mt-4"> <div wire:loading.remove wire:target="registerUser" class=""> Save & Continue </div> <div wire:loading wire:target="registerUser" class=""> Saving... </div> </button> </div> </div> </div> </div> </div> </div> <!-- Livewire Component wire-end:Gef5Y857zjB6rHauJEM6 --></div> <!-- Livewire Component wire-end:Q2RiuEozQHslE05vOz3y --> </div> </div> </div> </div> </nav> </div> <!-- Livewire Component wire-end:3y3iNGOOP4at7GsO60hK --> <div class="relative w-full h-[20rem] overflow-hidden"> <img src="https://www.iaspaper.net/wp-content/uploads/2017/12/Mizoram-NEET-Counselling.jpg" alt="Avatar" class="object-cover w-full h-full" /> <div class="z-1 absolute text-white font-kushan text-6xl text-center w-full h-full top-0 bg-gradient-to-t from-black"> <div class="absolute text-center w-full top-32"> <div class="text-4xl font-kushan"> Travel Agents </div> <div class="text-lg">Plan Your Trip</div> </div> </div> </div> <div class="container mx-auto mt-10 mb-10"> <div wire:id="WOqnLGwPe7W7DB4ufk9O" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;WOqnLGwPe7W7DB4ufk9O&quot;,&quot;name&quot;:&quot;agent-rating&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;travel-agents&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[],&quot;path&quot;:&quot;https:\/\/www.mizoramtourism.com\/travel-agents&quot;},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;1687b878&quot;,&quot;data&quot;:{&quot;ratingDialog&quot;:false,&quot;selectedAgent&quot;:null,&quot;userRating&quot;:0,&quot;review&quot;:null,&quot;page&quot;:1,&quot;paginators&quot;:{&quot;page&quot;:1}},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;21d169c7ff6fbcef1551e6e9053e1782484652886616e676c550b84579413ae0&quot;}}"> <div class="mt-10 mb-10"> <div class="text-4xl text-center font-kushan">List of Travel Agents</div> <div class="text-sm text-center">30 Agents</div> </div> <div class="grid grid-cols-2 gap-4 p-4 sm:grid-cols-4"> <div wire:click="onGuideClick({&quot;id&quot;:1,&quot;name&quot;:&quot;instaTRAVELS&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;MV-36 Salem Veng, Aizawl&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;0389-2311371&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:null,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;2.3&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-24T22:41:09.000000Z&quot;,&quot;updated_at&quot;:&quot;2024-01-04T07:38:32.000000Z&quot;,&quot;agent_rating&quot;:[{&quot;id&quot;:1,&quot;agents_id&quot;:1,&quot;user_id&quot;:1,&quot;vote&quot;:&quot;1&quot;,&quot;review&quot;:&quot;My Review&quot;,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-24T22:41:09.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-24T22:41:09.000000Z&quot;},{&quot;id&quot;:2,&quot;agents_id&quot;:1,&quot;user_id&quot;:1,&quot;vote&quot;:&quot;3&quot;,&quot;review&quot;:&quot;My Review&quot;,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-24T22:41:09.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-24T22:41:09.000000Z&quot;},{&quot;id&quot;:3,&quot;agents_id&quot;:1,&quot;user_id&quot;:27,&quot;vote&quot;:&quot;5.0&quot;,&quot;review&quot;:null,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-29T02:00:11.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-29T02:00:11.000000Z&quot;},{&quot;id&quot;:9,&quot;agents_id&quot;:1,&quot;user_id&quot;:5448,&quot;vote&quot;:&quot;0&quot;,&quot;review&quot;:&quot;Too Good.&quot;,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2024-01-04T07:38:32.000000Z&quot;,&quot;updated_at&quot;:&quot;2024-01-04T07:38:32.000000Z&quot;}]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">instaTRAVELS <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">2.3 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=MV-36 Salem Veng, Aizawl;" target="_blank"> MV-36 Salem Veng, Aizawl</a> </li> <li class="phone"> <a class="hover:underline" href="tel:0389-2311371"> 0389-2311371 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:2,&quot;name&quot;:&quot;City Tours &amp; Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Thakthing Bazar, Mission Veng&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;9089527410&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:&quot;thatea2010@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0.0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T00:59:28.000000Z&quot;,&quot;updated_at&quot;:&quot;2024-04-04T04:31:49.000000Z&quot;,&quot;agent_rating&quot;:[{&quot;id&quot;:22,&quot;agents_id&quot;:2,&quot;user_id&quot;:1,&quot;vote&quot;:&quot;0&quot;,&quot;review&quot;:null,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2024-04-04T04:31:49.000000Z&quot;,&quot;updated_at&quot;:&quot;2024-04-04T04:31:49.000000Z&quot;},{&quot;id&quot;:23,&quot;agents_id&quot;:2,&quot;user_id&quot;:1,&quot;vote&quot;:&quot;0&quot;,&quot;review&quot;:null,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2024-04-04T04:31:53.000000Z&quot;,&quot;updated_at&quot;:&quot;2024-04-04T04:31:53.000000Z&quot;}]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">City Tours &amp; Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0.0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Thakthing Bazar, Mission Veng;" target="_blank"> Thakthing Bazar, Mission Veng</a> </li> <li class="phone"> <a class="hover:underline" href="tel:9089527410"> 9089527410 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:3,&quot;name&quot;:&quot;Ticket Window&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Mendus Building, New Street, Mission Veng&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;0389-2322751\/2300636&quot;,&quot;phone_two&quot;:&quot;9615334455\/9774611792&quot;,&quot;email&quot;:&quot;ticketwindow.aizawl@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:00:31.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:00:31.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Ticket Window <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Mendus Building, New Street, Mission Veng;" target="_blank"> Mendus Building, New Street, Mission Veng</a> </li> <li class="phone"> <a class="hover:underline" href="tel:0389-2322751/2300636"> 0389-2322751/2300636 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:4,&quot;name&quot;:&quot;CMS Holidays&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Mission Veng, Sikulpuikawn&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;8414893498&quot;,&quot;phone_two&quot;:&quot;9436353101&quot;,&quot;email&quot;:&quot;cmsholidays@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:01:26.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:01:26.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">CMS Holidays <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Mission Veng, Sikulpuikawn;" target="_blank"> Mission Veng, Sikulpuikawn</a> </li> <li class="phone"> <a class="hover:underline" href="tel:8414893498"> 8414893498 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:5,&quot;name&quot;:&quot;Zoram Tours&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;A-9 Baracuda Building Sikulpuikawn&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;9862340123&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:&quot;joerzthanga@yahoo.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;5.0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:02:17.000000Z&quot;,&quot;updated_at&quot;:&quot;2023-09-08T09:24:31.000000Z&quot;,&quot;agent_rating&quot;:[{&quot;id&quot;:7,&quot;agents_id&quot;:5,&quot;user_id&quot;:4406,&quot;vote&quot;:&quot;5&quot;,&quot;review&quot;:null,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2023-09-08T09:24:31.000000Z&quot;,&quot;updated_at&quot;:&quot;2023-09-08T09:24:31.000000Z&quot;},{&quot;id&quot;:10,&quot;agents_id&quot;:5,&quot;user_id&quot;:5448,&quot;vote&quot;:&quot;5&quot;,&quot;review&quot;:&quot;Good&quot;,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2024-01-04T07:38:45.000000Z&quot;,&quot;updated_at&quot;:&quot;2024-01-04T07:38:45.000000Z&quot;}]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Zoram Tours <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">5.0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=A-9 Baracuda Building Sikulpuikawn;" target="_blank"> A-9 Baracuda Building Sikulpuikawn</a> </li> <li class="phone"> <a class="hover:underline" href="tel:9862340123"> 9862340123 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:6,&quot;name&quot;:&quot;City Tours &amp; Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Republic Veng, Aizawl&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;0389-2315013&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:null,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:02:56.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:02:56.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">City Tours &amp; Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Republic Veng, Aizawl;" target="_blank"> Republic Veng, Aizawl</a> </li> <li class="phone"> <a class="hover:underline" href="tel:0389-2315013"> 0389-2315013 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:7,&quot;name&quot;:&quot;Ever Green Tours &amp; Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Khatla Main Road&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;961208015&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:&quot;evergeenazl@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;4.8&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:03:44.000000Z&quot;,&quot;updated_at&quot;:&quot;2024-01-04T07:38:57.000000Z&quot;,&quot;agent_rating&quot;:[{&quot;id&quot;:4,&quot;agents_id&quot;:7,&quot;user_id&quot;:128,&quot;vote&quot;:&quot;4.5&quot;,&quot;review&quot;:null,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2023-02-14T06:02:19.000000Z&quot;,&quot;updated_at&quot;:&quot;2023-02-14T06:02:19.000000Z&quot;},{&quot;id&quot;:11,&quot;agents_id&quot;:7,&quot;user_id&quot;:5448,&quot;vote&quot;:&quot;5&quot;,&quot;review&quot;:&quot;Awesome &quot;,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2024-01-04T07:38:57.000000Z&quot;,&quot;updated_at&quot;:&quot;2024-01-04T07:38:57.000000Z&quot;},{&quot;id&quot;:13,&quot;agents_id&quot;:7,&quot;user_id&quot;:5448,&quot;vote&quot;:&quot;5&quot;,&quot;review&quot;:&quot;Very Good.&quot;,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2024-01-04T07:39:27.000000Z&quot;,&quot;updated_at&quot;:&quot;2024-01-04T07:39:27.000000Z&quot;}]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Ever Green Tours &amp; Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">4.8 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Khatla Main Road;" target="_blank"> Khatla Main Road</a> </li> <li class="phone"> <a class="hover:underline" href="tel:961208015"> 961208015 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:8,&quot;name&quot;:&quot;Omega Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Temple Square, Aizawl&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;0389-2323548&quot;,&quot;phone_two&quot;:&quot;9612951288&quot;,&quot;email&quot;:null,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:04:31.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:04:31.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Omega Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Temple Square, Aizawl;" target="_blank"> Temple Square, Aizawl</a> </li> <li class="phone"> <a class="hover:underline" href="tel:0389-2323548"> 0389-2323548 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:9,&quot;name&quot;:&quot;Paradise Tours &amp; Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Zodin Square&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;9436961343 0389-2300474&quot;,&quot;phone_two&quot;:&quot;9856721465&quot;,&quot;email&quot;:null,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:05:29.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:05:29.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Paradise Tours &amp; Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Zodin Square;" target="_blank"> Zodin Square</a> </li> <li class="phone"> <a class="hover:underline" href="tel:9436961343 0389-2300474"> 9436961343 0389-2300474 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:10,&quot;name&quot;:&quot;Flying Christable Tours &amp; Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;S-48 Canteen Kual, Dawrpui&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;0389-2311656&quot;,&quot;phone_two&quot;:&quot;9612363841&quot;,&quot;email&quot;:&quot;flyingchristabel@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;5.0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:06:26.000000Z&quot;,&quot;updated_at&quot;:&quot;2023-02-14T06:02:29.000000Z&quot;,&quot;agent_rating&quot;:[{&quot;id&quot;:5,&quot;agents_id&quot;:10,&quot;user_id&quot;:128,&quot;vote&quot;:&quot;5.0&quot;,&quot;review&quot;:null,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2023-02-14T06:02:29.000000Z&quot;,&quot;updated_at&quot;:&quot;2023-02-14T06:02:29.000000Z&quot;},{&quot;id&quot;:12,&quot;agents_id&quot;:10,&quot;user_id&quot;:5448,&quot;vote&quot;:&quot;5&quot;,&quot;review&quot;:&quot;Best &quot;,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2024-01-04T07:39:10.000000Z&quot;,&quot;updated_at&quot;:&quot;2024-01-04T07:39:10.000000Z&quot;}]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Flying Christable Tours &amp; Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">5.0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=S-48 Canteen Kual, Dawrpui;" target="_blank"> S-48 Canteen Kual, Dawrpui</a> </li> <li class="phone"> <a class="hover:underline" href="tel:0389-2311656"> 0389-2311656 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:11,&quot;name&quot;:&quot;Mango Tours &amp; Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;B67 1st Floor, MC, Dawrpui&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;9436156283&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:&quot;Mangotravels123@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:07:09.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:07:09.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Mango Tours &amp; Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=B67 1st Floor, MC, Dawrpui;" target="_blank"> B67 1st Floor, MC, Dawrpui</a> </li> <li class="phone"> <a class="hover:underline" href="tel:9436156283"> 9436156283 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:12,&quot;name&quot;:&quot;Vandygo Tours &amp; Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;B-47 Bara Bazar, Dawrpui&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;0389-2300555&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:null,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:07:43.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:07:43.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Vandygo Tours &amp; Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=B-47 Bara Bazar, Dawrpui;" target="_blank"> B-47 Bara Bazar, Dawrpui</a> </li> <li class="phone"> <a class="hover:underline" href="tel:0389-2300555"> 0389-2300555 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:13,&quot;name&quot;:&quot;Thomas Cook India&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Hauva Building, Dawrpui&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;0389-2306314&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:null,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:08:25.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:08:25.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Thomas Cook India <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Hauva Building, Dawrpui;" target="_blank"> Hauva Building, Dawrpui</a> </li> <li class="phone"> <a class="hover:underline" href="tel:0389-2306314"> 0389-2306314 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:14,&quot;name&quot;:&quot;Mafeli Tours &amp; Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Near Millennium Centre&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;0389-2321714&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:null,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:09:03.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:09:03.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Mafeli Tours &amp; Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Near Millennium Centre;" target="_blank"> Near Millennium Centre</a> </li> <li class="phone"> <a class="hover:underline" href="tel:0389-2321714"> 0389-2321714 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:15,&quot;name&quot;:&quot;Quality Tours &amp; Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Lalbuaia Shopping Complex Zarkawt&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;0389-2346339&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:null,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:09:41.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:09:41.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Quality Tours &amp; Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Lalbuaia Shopping Complex Zarkawt;" target="_blank"> Lalbuaia Shopping Complex Zarkawt</a> </li> <li class="phone"> <a class="hover:underline" href="tel:0389-2346339"> 0389-2346339 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:16,&quot;name&quot;:&quot;D &amp; L Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;AW-66 Darlianthanga Bldg Bungkawn&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;7085220293 \/ 7085220294&quot;,&quot;phone_two&quot;:&quot;9612136045 \/ 0389-2347333&quot;,&quot;email&quot;:&quot;dnltravels.azl@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:10:58.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:10:58.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">D &amp; L Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=AW-66 Darlianthanga Bldg Bungkawn;" target="_blank"> AW-66 Darlianthanga Bldg Bungkawn</a> </li> <li class="phone"> <a class="hover:underline" href="tel:7085220293 / 7085220294"> 7085220293 / 7085220294 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:17,&quot;name&quot;:&quot;Maruata Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Dinthar Thlanmual Bul&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;8794156126&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:null,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:11:44.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:11:44.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Maruata Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Dinthar Thlanmual Bul;" target="_blank"> Dinthar Thlanmual Bul</a> </li> <li class="phone"> <a class="hover:underline" href="tel:8794156126"> 8794156126 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:18,&quot;name&quot;:&quot;EL ES Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Vaivakawn&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;9402309332&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:null,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;2.5&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:13:55.000000Z&quot;,&quot;updated_at&quot;:&quot;2024-01-04T07:47:56.000000Z&quot;,&quot;agent_rating&quot;:[{&quot;id&quot;:8,&quot;agents_id&quot;:18,&quot;user_id&quot;:5187,&quot;vote&quot;:&quot;5&quot;,&quot;review&quot;:null,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2023-12-07T06:18:51.000000Z&quot;,&quot;updated_at&quot;:&quot;2023-12-07T06:18:51.000000Z&quot;},{&quot;id&quot;:14,&quot;agents_id&quot;:18,&quot;user_id&quot;:5448,&quot;vote&quot;:&quot;0&quot;,&quot;review&quot;:&quot;good&quot;,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2024-01-04T07:47:55.000000Z&quot;,&quot;updated_at&quot;:&quot;2024-01-04T07:47:55.000000Z&quot;}]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">EL ES Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">2.5 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Vaivakawn;" target="_blank"> Vaivakawn</a> </li> <li class="phone"> <a class="hover:underline" href="tel:9402309332"> 9402309332 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:19,&quot;name&quot;:&quot;Lalrin Agency&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;A-1B\/8 Chaltlang&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;9436350300&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:null,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0.0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:14:32.000000Z&quot;,&quot;updated_at&quot;:&quot;2024-01-04T07:48:08.000000Z&quot;,&quot;agent_rating&quot;:[{&quot;id&quot;:15,&quot;agents_id&quot;:19,&quot;user_id&quot;:5448,&quot;vote&quot;:&quot;0&quot;,&quot;review&quot;:&quot;good&quot;,&quot;param1&quot;:null,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2024-01-04T07:48:08.000000Z&quot;,&quot;updated_at&quot;:&quot;2024-01-04T07:48:08.000000Z&quot;}]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Lalrin Agency <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0.0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=A-1B/8 Chaltlang;" target="_blank"> A-1B/8 Chaltlang</a> </li> <li class="phone"> <a class="hover:underline" href="tel:9436350300"> 9436350300 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:20,&quot;name&quot;:&quot;Sailo Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Ramhlun North MUP Building&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:null,&quot;phone_two&quot;:null,&quot;email&quot;:null,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:16:11.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:16:11.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Sailo Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Ramhlun North MUP Building;" target="_blank"> Ramhlun North MUP Building</a> </li> <li class="phone"> <a class="hover:underline" href="tel:"> </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:21,&quot;name&quot;:&quot;En-Hakore&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Bawngkawn&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;9862717210&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:null,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:20:20.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:20:20.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">En-Hakore <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Bawngkawn;" target="_blank"> Bawngkawn</a> </li> <li class="phone"> <a class="hover:underline" href="tel:9862717210"> 9862717210 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:22,&quot;name&quot;:&quot;RL Tours&quot;,&quot;license&quot;:null,&quot;address&quot;:null,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;9089428039&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:null,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:20:57.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:20:57.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">RL Tours <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=;" target="_blank"> </a> </li> <li class="phone"> <a class="hover:underline" href="tel:9089428039"> 9089428039 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:23,&quot;name&quot;:&quot;JK Tours &amp; Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Bawngkawn South&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;9615028464&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:&quot;jktoursntravels77@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:21:47.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:21:47.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">JK Tours &amp; Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Bawngkawn South;" target="_blank"> Bawngkawn South</a> </li> <li class="phone"> <a class="hover:underline" href="tel:9615028464"> 9615028464 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:24,&quot;name&quot;:&quot;Jojo Tours &amp; Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Ramhlun South&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;8729802602&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:&quot;jojotoursntravels@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:22:29.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:22:29.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Jojo Tours &amp; Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Ramhlun South;" target="_blank"> Ramhlun South</a> </li> <li class="phone"> <a class="hover:underline" href="tel:8729802602"> 8729802602 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:25,&quot;name&quot;:&quot;Hlawndo Tours &amp; Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Kulikawn&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;8132093230&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:&quot;hlawndotours15@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:23:14.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:23:14.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Hlawndo Tours &amp; Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Kulikawn;" target="_blank"> Kulikawn</a> </li> <li class="phone"> <a class="hover:underline" href="tel:8132093230"> 8132093230 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:26,&quot;name&quot;:&quot;MDC Tour &amp; Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Bungkawn&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;8014175301&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:&quot;mdc.gmt@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:23:57.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:23:57.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">MDC Tour &amp; Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Bungkawn;" target="_blank"> Bungkawn</a> </li> <li class="phone"> <a class="hover:underline" href="tel:8014175301"> 8014175301 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:27,&quot;name&quot;:&quot;St. Pius Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;D-48, Tanhril Venglai&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;8257939248&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:&quot;domms7733@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:24:41.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:24:41.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">St. Pius Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=D-48, Tanhril Venglai;" target="_blank"> D-48, Tanhril Venglai</a> </li> <li class="phone"> <a class="hover:underline" href="tel:8257939248"> 8257939248 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:28,&quot;name&quot;:&quot;RM Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Khatla South&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;8258939910&quot;,&quot;phone_two&quot;:&quot;8729802602&quot;,&quot;email&quot;:&quot;drfla19@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:25:29.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:25:29.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">RM Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Khatla South;" target="_blank"> Khatla South</a> </li> <li class="phone"> <a class="hover:underline" href="tel:8258939910"> 8258939910 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:29,&quot;name&quot;:&quot;Jojo Utility Services&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;Dawrpui, Hauva Market&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;9612359711&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:&quot;tlalnunhlima@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:26:29.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:26:29.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Jojo Utility Services <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=Dawrpui, Hauva Market;" target="_blank"> Dawrpui, Hauva Market</a> </li> <li class="phone"> <a class="hover:underline" href="tel:9612359711"> 9612359711 </a> </li> </ul> </div> </div> </div> </div> </div> <div wire:click="onGuideClick({&quot;id&quot;:30,&quot;name&quot;:&quot;Nathan Tours &amp; Travels&quot;,&quot;license&quot;:null,&quot;address&quot;:&quot;DurtlangLeitan&quot;,&quot;district_meta_data_id&quot;:1,&quot;phone_one&quot;:&quot;8729985395&quot;,&quot;phone_two&quot;:null,&quot;email&quot;:&quot;lpoma0604@gmail.com&quot;,&quot;description&quot;:null,&quot;average_ratings&quot;:&quot;0&quot;,&quot;param2&quot;:null,&quot;param3&quot;:null,&quot;param4&quot;:null,&quot;param5&quot;:null,&quot;param6&quot;:null,&quot;param7&quot;:null,&quot;param8&quot;:null,&quot;param9&quot;:null,&quot;param10&quot;:null,&quot;deleted_at&quot;:null,&quot;created_at&quot;:&quot;2022-04-28T01:27:01.000000Z&quot;,&quot;updated_at&quot;:&quot;2022-04-28T01:27:01.000000Z&quot;,&quot;agent_rating&quot;:[]})" class="flex flex-row justify-between p-2 pt-4 transition duration-300 ease-in-out border border-card-border hover:shadow-xl hover:cursor-pointer hover:scale-105"> <div class="flex-col"> <div class="flex flex-row"> <div class="flex-col p-2"><img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold">Nathan Tours &amp; Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 &#9733;</span></div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1 text-center"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q=DurtlangLeitan;" target="_blank"> DurtlangLeitan</a> </li> <li class="phone"> <a class="hover:underline" href="tel:8729985395"> 8729985395 </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="mt-4"> <div> <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between"> <div class="flex justify-between flex-1 sm:hidden"> <span> <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md select-none"> &laquo; Previous </span> </span> <span> <button wire:click="nextPage('page')" wire:loading.attr="disabled" dusk="nextPage.before" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"> Next &raquo; </button> </span> </div> <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between"> <div> <p class="text-sm text-gray-700 leading-5"> <span>Showing</span> <span class="font-medium">1</span> <span>to</span> <span class="font-medium">30</span> <span>of</span> <span class="font-medium">56</span> <span>results</span> </p> </div> <div> <span class="relative z-0 inline-flex rounded-md shadow-sm"> <span> <span aria-disabled="true" aria-label="&amp;laquo; Previous"> <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5" aria-hidden="true"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> </span> </span> </span> <span wire:key="paginator-page-1-page1"> <span aria-current="page"> <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 select-none">1</span> </span> </span> <span wire:key="paginator-page-1-page2"> <button wire:click="gotoPage(2, 'page')" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="Go to page 2"> 2 </button> </span> <span> <button wire:click="nextPage('page')" dusk="nextPage.after" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="Next &amp;raquo;"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /> </svg> </button> </span> </span> </div> </div> </nav> </div> </div> <div x-data="{ show: window.Livewire.find('WOqnLGwPe7W7DB4ufk9O').entangle('ratingDialog').defer, focusables() { // All focusable element types... let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])' return [...$el.querySelectorAll(selector)] // All non-disabled elements... .filter(el => ! el.hasAttribute('disabled')) }, firstFocusable() { return this.focusables()[0] }, lastFocusable() { return this.focusables().slice(-1)[0] }, nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 }, }" x-init="$watch('show', value => { if (value) { document.body.classList.add('overflow-y-hidden'); } else { document.body.classList.remove('overflow-y-hidden'); } })" x-on:close.stop="show = false" x-on:keydown.escape.window="show = false" x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()" x-on:keydown.shift.tab.prevent="prevFocusable().focus()" x-show="show" id="b287d980e01415145f18ff75fbc59090" class="jetstream-modal fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50" style="display: none;" > <div x-show="show" class="fixed inset-0 transform transition-all" x-on:click="show = false" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="absolute inset-0 bg-gray-500 opacity-75"></div> </div> <div x-show="show" class="mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:max-w-2xl sm:mx-auto" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-6 py-4"> <div class="text-lg font-bold"> <div class="mb-4 text-xl font-bold text-black"> Travel Agent </div> </div> <div class="mt-4"> <div class="grid grid-cols-2"> <div class=""> <div class="flex flex-row"> <div class="flex-col p-2"> <img src="/image/travel_agents.png" alt="guide" class="w-10 h-10"> </div> <div class="flex-col"> <div class="text-xl font-bold"> Nathan Tours &amp; Travels </div> <div class="text-colorx text-[10px] bg-reg-background rounded-full pl-1 pr-1"> </div> <div class="mt-4"> <ul> <li class="location hover:text-colorx"> <a href="https://maps.google.com/maps?q= DurtlangLeitan;" target="_blank"> DurtlangLeitan</a> </li> <li class="phone"> <a class="hover:underline" href="tel: 8729985395"> 8729985395 </a>/ <a class="hover:underline" href="tel: "> </a> </li> </ul> </div> </div> </div> </div> <div class="text-center"> <div class="text-gray-400">OVERALL RATING</div> <div class="text-4xl font-bold text-center text-orange"> 0 <span class="text-xl">&#9733;</span> </div> </div> </div> <div class="p-4 text-center bg-gray-200"> Give Rating <div class=""> <div class="text-orange"> <span class="text-2xl hover:cursor-pointer" wire:click="onRatingClicked(1)">&#9734;</span> <span class="text-2xl hover:cursor-pointer" wire:click="onRatingClicked(2)">&#9734;</span> <span class="text-2xl hover:cursor-pointer" wire:click="onRatingClicked(3)">&#9734;</span> <span class="text-2xl hover:cursor-pointer" wire:click="onRatingClicked(4)">&#9734;</span> <span class="text-2xl hover:cursor-pointer" wire:click="onRatingClicked(5)">&#9734;</span> </div> <textarea wire:model="review" name="" id="" cols="30" rows="4" class="bg-gray-200" placeholder="Review"></textarea> </div> <button class="p-2 pl-4 pr-4 text-white bg-colorx" wire:click="giveRating">Rate Now</button> </div> </div> </div> </div> </div> </div> <!-- Livewire Component wire-end:WOqnLGwPe7W7DB4ufk9O --></div> <div class="w-full bg-charcoal-black text-whitish-gray"> <div class="grid grid-cols-1 p-4 sm:grid-cols-2 md:grid-cols-5"> <div class="col-span-1 p-6"> <img src="/image/nav_head.png" alt="logo" class="object-contain w-40"> <div class="mt-4"> Tucked away in the thickets of green on the southern tip of Northeast India, Mizoram is a nature lover's paradise. Mizoram Tourism is about enjoying all that nature has to offer, in the forms of lakes, valleys and rivers. </div> </div> <div class="p-6"> <div class="text-xl font-bold text-white">Hot Links</div> <ul> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="/"> Home </a> </li> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://www.mizoramtourism.com/places-to-visit"> Place to Visit </a> </li> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://www.mizoramtourism.com/things-to-do"> Things to Do </a> </li> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://www.mizoramtourism.com/plan-your-trip"> Plan your Trip </a> </li> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://www.mizoramtourism.com/about-us"> About </a> </li> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://www.mizoramtourism.com/contact-us"> Contact Us </a> </li> </ul> </div> <div class="p-6"> <div class="text-xl font-bold text-white">Useful Links</div> <ul> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://www.incredibleindia.org/" target="_blank"> Incredible India! </a> </li> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://nidhi.nic.in/" target="_blank"> NIDHI – Ministry of Tourism </a> </li> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://saathi.qcin.org/" target="_blank"> SAATHI - Ministry of Tourism </a> </li> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://tourism.mizoram.gov.in/" target="_blank"> Tourism Department, GoM </a> </li> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://thenzawlgolfresort.com/" target="_blank"> Thenzawl Golf Resort </a> </li> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://utsav.gov.in/" target="_blank"> <img src="https://utsav.gov.in/public/images/landing-logo2.png.png" alt="utsav"> </a> </li> </ul> </div> <div class="p-6"> <div class="text-xl font-bold text-white">Others</div> <ul> <div wire:id="VdOpNP9KtTfd9XFAuoQj" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;VdOpNP9KtTfd9XFAuoQj&quot;,&quot;name&quot;:&quot;information-links&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;travel-agents&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;c707de3d&quot;,&quot;data&quot;:{&quot;informations&quot;:[]},&quot;dataMeta&quot;:{&quot;modelCollections&quot;:{&quot;informations&quot;:{&quot;class&quot;:&quot;App\\Models\\Information&quot;,&quot;id&quot;:[1,2,3,4],&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;e8cc78e07f43ba9a6d22afbc08623d7ee831dfbc2655f44ccaf3f419ea791c0a&quot;}}"> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://www.mizoramtourism.com/information/profile">Profile</a> </li> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://www.mizoramtourism.com/information/refund-policy">Refund Policy</a> </li> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://www.mizoramtourism.com/information/terms-and-conditions">Terms and Conditions</a> </li> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://www.mizoramtourism.com/information/privacy-policy">Privacy Policy</a> </li> </div> <!-- Livewire Component wire-end:VdOpNP9KtTfd9XFAuoQj --> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://www.mizoramtourism.com/news-and-events">News & Events</a> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="/login">Admin & Hotel Login</a> </li> <li class="mt-2 hover:cursor-pointer hover:text-tourism-green"> <a href="https://www.mizoramtourism.com/frequently-asked-questions">FAQs</a> </li> </ul> </div> <div class="p-6"> <div class="text-xl font-bold text-white">Follow Us</div> <div class="grid grid-cols-4 gap-4 mt-4"> <div class="flex-col col-span-1"> <a href="https://www.facebook.com/OfficialMizoramTourism" target="_blank"> <svg class="fill-whitish-gray hover:fill-colorx" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30px" height="30px"> <path d="M15,3C8.373,3,3,8.373,3,15c0,6.016,4.432,10.984,10.206,11.852V18.18h-2.969v-3.154h2.969v-2.099c0-3.475,1.693-5,4.581-5 c1.383,0,2.115,0.103,2.461,0.149v2.753h-1.97c-1.226,0-1.654,1.163-1.654,2.473v1.724h3.593L19.73,18.18h-3.106v8.697 C22.481,26.083,27,21.075,27,15C27,8.373,21.627,3,15,3z"/> </svg> </a> </div> <div class="flex-col col-span-1"> <a href="https://twitter.com/Mizoram_Tourism?s=20&t=0rlsukDg1b_fCgYxmIRjaA" target="_blank"> <svg class="fill-whitish-gray hover:fill-colorx" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30px" height="30px"> <path d="M28,6.937c-0.957,0.425-1.985,0.711-3.064,0.84c1.102-0.66,1.947-1.705,2.345-2.951c-1.03,0.611-2.172,1.055-3.388,1.295 c-0.973-1.037-2.359-1.685-3.893-1.685c-2.946,0-5.334,2.389-5.334,5.334c0,0.418,0.048,0.826,0.138,1.215 c-4.433-0.222-8.363-2.346-10.995-5.574C3.351,6.199,3.088,7.115,3.088,8.094c0,1.85,0.941,3.483,2.372,4.439 c-0.874-0.028-1.697-0.268-2.416-0.667c0,0.023,0,0.044,0,0.067c0,2.585,1.838,4.741,4.279,5.23 c-0.447,0.122-0.919,0.187-1.406,0.187c-0.343,0-0.678-0.034-1.003-0.095c0.679,2.119,2.649,3.662,4.983,3.705 c-1.825,1.431-4.125,2.284-6.625,2.284c-0.43,0-0.855-0.025-1.273-0.075c2.361,1.513,5.164,2.396,8.177,2.396 c9.812,0,15.176-8.128,15.176-15.177c0-0.231-0.005-0.461-0.015-0.69C26.38,8.945,27.285,8.006,28,6.937z"/> </svg> </a> </div> <div class="flex-col col-span-1"> <a href="https://www.instagram.com/mizoram_tourism/" target="_blank"> <svg class="fill-whitish-gray hover:fill-colorx" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30px" height="30px"> <path d="M 9.9980469 3 C 6.1390469 3 3 6.1419531 3 10.001953 L 3 20.001953 C 3 23.860953 6.1419531 27 10.001953 27 L 20.001953 27 C 23.860953 27 27 23.858047 27 19.998047 L 27 9.9980469 C 27 6.1390469 23.858047 3 19.998047 3 L 9.9980469 3 z M 22 7 C 22.552 7 23 7.448 23 8 C 23 8.552 22.552 9 22 9 C 21.448 9 21 8.552 21 8 C 21 7.448 21.448 7 22 7 z M 15 9 C 18.309 9 21 11.691 21 15 C 21 18.309 18.309 21 15 21 C 11.691 21 9 18.309 9 15 C 9 11.691 11.691 9 15 9 z M 15 11 A 4 4 0 0 0 11 15 A 4 4 0 0 0 15 19 A 4 4 0 0 0 19 15 A 4 4 0 0 0 15 11 z"/> </svg> </a> </div> <div class="flex-col col-span-1"> <a href="https://www.youtube.com/channel/UCaz55YTq__Lp2JR6DMoNHkw" target="_blank"> <svg class="fill-whitish-gray hover:fill-colorx" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30px" height="30px"> <path d="M 15 4 C 10.814 4 5.3808594 5.0488281 5.3808594 5.0488281 L 5.3671875 5.0644531 C 3.4606632 5.3693645 2 7.0076245 2 9 L 2 15 L 2 15.001953 L 2 21 L 2 21.001953 A 4 4 0 0 0 5.3769531 24.945312 L 5.3808594 24.951172 C 5.3808594 24.951172 10.814 26.001953 15 26.001953 C 19.186 26.001953 24.619141 24.951172 24.619141 24.951172 L 24.621094 24.949219 A 4 4 0 0 0 28 21.001953 L 28 21 L 28 15.001953 L 28 15 L 28 9 A 4 4 0 0 0 24.623047 5.0546875 L 24.619141 5.0488281 C 24.619141 5.0488281 19.186 4 15 4 z M 12 10.398438 L 20 15 L 12 19.601562 L 12 10.398438 z"/> </svg> </a> </div> </div> <div class="mt-6 text-xl font-bold">Download App</div> <div class="flex flex-row"> <div class="flex-col"> <a href=""> <img src="/image/playstore.png" alt="playstore" class="object-contain mt-4"> </a> </div> <div class="flex-col"> <a href=""> <img src="/image/appstore.png" alt="appstore" class="object-contain mt-4"> </a> </div> </div> </div> </div> <div class="h-px bg-footer-line"></div> <div class="grid p-4 md:grid-cols-2 sm:grid-cols-1"> <div class="flex-col p-6 mt-auto mb-auto"> © 2025 Mizoram Tourism. All rights reserved </div> <div class="flex-col"> <div class="grid grid-cols-1 md:grid-cols-2 sm:"> <div class="flex-col"> <img src="/image/icons/msegs_logo.svg" alt="logo" class="object-contain w-14 h-14 md:ml-auto md:mr-2 sm:m-auto"> </div> <div class="flex-col mt-auto mb-auto"> Crafted with care by <br> Mizoram State e-Governance Society <br> <div class="text-xs"> (An Autonomous Society under the Govt. of Mizoram) </div> </div> </div> </div> </div> </div> <!-- Livewire Scripts --> <script src="/livewire/livewire.js?id=c69d0f2801c01fcf8166" data-turbo-eval="false" data-turbolinks-eval="false" ></script> <script data-turbo-eval="false" data-turbolinks-eval="false" > if (window.livewire) { console.warn('Livewire: It looks like Livewire\'s @livewireScripts JavaScript assets have already been loaded. Make sure you aren\'t loading them twice.') } window.livewire = new Livewire(); window.livewire.devTools(true); window.Livewire = window.livewire; window.livewire_app_url = ''; window.livewire_token = 'tAL7cZ8THyBD0Y1MfNsB906ZmnEU3p3tNa28pLOr'; /* Make sure Livewire loads first. */ if (window.Alpine) { /* Defer showing the warning so it doesn't get buried under downstream errors. */ document.addEventListener("DOMContentLoaded", function () { setTimeout(function() { console.warn("Livewire: It looks like AlpineJS has already been loaded. Make sure Livewire\'s scripts are loaded before Alpine.\\n\\n Reference docs for more info: http://laravel-livewire.com/docs/alpine-js") }) }); } /* Make Alpine wait until Livewire is finished rendering to do its thing. */ window.deferLoadingAlpine = function (callback) { window.addEventListener('livewire:load', function () { callback(); }); }; let started = false; window.addEventListener('alpine:initializing', function () { if (! started) { window.livewire.start(); started = true; } }); document.addEventListener("DOMContentLoaded", function () { if (! started) { window.livewire.start(); started = true; } }); </script> <script src="/js/app.js?id=fdb7da932bde32aa2fdd" defer></script> <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10