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="{"show":true,"style":"success","message":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="{"fingerprint":{"id":"3y3iNGOOP4at7GsO60hK","name":"front.navigation-bar","locale":"en","path":"travel-agents","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":{"l4227610240-0":{"id":"I4EDd5rXtCwy3BVUy2Ha","tag":"div"},"l4227610240-1":{"id":"Q2RiuEozQHslE05vOz3y","tag":"div"}},"errors":[],"htmlHash":"abea3cd3","data":{"districts":[],"tags":[],"aboutUs":[]},"dataMeta":{"modelCollections":{"districts":{"class":"App\\Models\\DistrictMetaData","id":[1,2,3,4,5,6,7,8,9,10,11],"relations":[],"connection":"mysql"},"tags":{"class":"App\\Models\\Tag","id":[1,4,9,11,15,22,26,27,28,41,42,43,44,45,46,47,48,49,50],"relations":[],"connection":"mysql"},"aboutUs":{"class":"App\\Models\\About","id":[1,2,3,4],"relations":[],"connection":"mysql"}}},"checksum":"fb82803d2a968a7978943b6d1722575a1ca842e30eb06541e22b0956ef318739"}}"> <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="{"fingerprint":{"id":"I4EDd5rXtCwy3BVUy2Ha","name":"front.login-signup","locale":"en","path":"travel-agents","method":"GET","v":"acj"},"effects":{"listeners":["login"]},"serverMemo":{"children":{"l2667966498-0":{"id":"5jj2h9Hm1wBuP4jH7BZo","tag":"div"}},"errors":[],"htmlHash":"3a9d14a4","data":{"emailPhone":"","type":"","mailSent":false,"signupDialog":false,"existing":false,"user":null,"enteredOtp":null,"invalid":false,"listeners":["login"]},"dataMeta":[],"checksum":"3ca03cd35b100e9d9c7c66ea2810300943b388c4a0ede5ec79b1a939ee592fc8"}}"> <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="{"fingerprint":{"id":"5jj2h9Hm1wBuP4jH7BZo","name":"front.confirm-otp","locale":"en","path":"travel-agents","method":"GET","v":"acj"},"effects":{"listeners":["otpVerified"]},"serverMemo":{"children":[],"errors":[],"htmlHash":"9dd93a25","data":{"otpConfirmed":false,"showPassword":false,"type":null,"email":null,"phone":null,"name":null,"password":null,"pledged":false},"dataMeta":[],"checksum":"f5c3973fc6fb033aa8f43968cebb8402397922162a0df6b8e2e698834226510d"}}"> <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="{"fingerprint":{"id":"Q2RiuEozQHslE05vOz3y","name":"front.login-signup","locale":"en","path":"travel-agents","method":"GET","v":"acj"},"effects":{"listeners":["login"]},"serverMemo":{"children":{"l2667966498-0":{"id":"Gef5Y857zjB6rHauJEM6","tag":"div"}},"errors":[],"htmlHash":"1c297d8c","data":{"emailPhone":"","type":"","mailSent":false,"signupDialog":false,"existing":false,"user":null,"enteredOtp":null,"invalid":false,"listeners":["login"]},"dataMeta":[],"checksum":"246d0f2e523a426365880fb12b34c9f58b2c40a5f2a592829dd1edd2c834e56c"}}"> <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="{"fingerprint":{"id":"Gef5Y857zjB6rHauJEM6","name":"front.confirm-otp","locale":"en","path":"travel-agents","method":"GET","v":"acj"},"effects":{"listeners":["otpVerified"]},"serverMemo":{"children":[],"errors":[],"htmlHash":"dd9db44b","data":{"otpConfirmed":false,"showPassword":false,"type":null,"email":null,"phone":null,"name":null,"password":null,"pledged":false},"dataMeta":[],"checksum":"e209e1c04a1d11da581a75cf0a024cf997ec947f677e554c070dbf4970463cd8"}}"> <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="{"fingerprint":{"id":"WOqnLGwPe7W7DB4ufk9O","name":"agent-rating","locale":"en","path":"travel-agents","method":"GET","v":"acj"},"effects":{"listeners":[],"path":"https:\/\/www.mizoramtourism.com\/travel-agents"},"serverMemo":{"children":[],"errors":[],"htmlHash":"1687b878","data":{"ratingDialog":false,"selectedAgent":null,"userRating":0,"review":null,"page":1,"paginators":{"page":1}},"dataMeta":[],"checksum":"21d169c7ff6fbcef1551e6e9053e1782484652886616e676c550b84579413ae0"}}"> <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({"id":1,"name":"instaTRAVELS","license":null,"address":"MV-36 Salem Veng, Aizawl","district_meta_data_id":1,"phone_one":"0389-2311371","phone_two":null,"email":null,"description":null,"average_ratings":"2.3","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-24T22:41:09.000000Z","updated_at":"2024-01-04T07:38:32.000000Z","agent_rating":[{"id":1,"agents_id":1,"user_id":1,"vote":"1","review":"My Review","param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-24T22:41:09.000000Z","updated_at":"2022-04-24T22:41:09.000000Z"},{"id":2,"agents_id":1,"user_id":1,"vote":"3","review":"My Review","param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-24T22:41:09.000000Z","updated_at":"2022-04-24T22:41:09.000000Z"},{"id":3,"agents_id":1,"user_id":27,"vote":"5.0","review":null,"param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-29T02:00:11.000000Z","updated_at":"2022-04-29T02:00:11.000000Z"},{"id":9,"agents_id":1,"user_id":5448,"vote":"0","review":"Too Good.","param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2024-01-04T07:38:32.000000Z","updated_at":"2024-01-04T07:38:32.000000Z"}]})" 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 ★</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({"id":2,"name":"City Tours & Travels","license":null,"address":"Thakthing Bazar, Mission Veng","district_meta_data_id":1,"phone_one":"9089527410","phone_two":null,"email":"thatea2010@gmail.com","description":null,"average_ratings":"0.0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T00:59:28.000000Z","updated_at":"2024-04-04T04:31:49.000000Z","agent_rating":[{"id":22,"agents_id":2,"user_id":1,"vote":"0","review":null,"param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2024-04-04T04:31:49.000000Z","updated_at":"2024-04-04T04:31:49.000000Z"},{"id":23,"agents_id":2,"user_id":1,"vote":"0","review":null,"param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2024-04-04T04:31:53.000000Z","updated_at":"2024-04-04T04:31:53.000000Z"}]})" 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 & Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0.0 ★</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({"id":3,"name":"Ticket Window","license":null,"address":"Mendus Building, New Street, Mission Veng","district_meta_data_id":1,"phone_one":"0389-2322751\/2300636","phone_two":"9615334455\/9774611792","email":"ticketwindow.aizawl@gmail.com","description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:00:31.000000Z","updated_at":"2022-04-28T01:00:31.000000Z","agent_rating":[]})" 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 ★</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({"id":4,"name":"CMS Holidays","license":null,"address":"Mission Veng, Sikulpuikawn","district_meta_data_id":1,"phone_one":"8414893498","phone_two":"9436353101","email":"cmsholidays@gmail.com","description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:01:26.000000Z","updated_at":"2022-04-28T01:01:26.000000Z","agent_rating":[]})" 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 ★</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({"id":5,"name":"Zoram Tours","license":null,"address":"A-9 Baracuda Building Sikulpuikawn","district_meta_data_id":1,"phone_one":"9862340123","phone_two":null,"email":"joerzthanga@yahoo.com","description":null,"average_ratings":"5.0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:02:17.000000Z","updated_at":"2023-09-08T09:24:31.000000Z","agent_rating":[{"id":7,"agents_id":5,"user_id":4406,"vote":"5","review":null,"param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2023-09-08T09:24:31.000000Z","updated_at":"2023-09-08T09:24:31.000000Z"},{"id":10,"agents_id":5,"user_id":5448,"vote":"5","review":"Good","param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2024-01-04T07:38:45.000000Z","updated_at":"2024-01-04T07:38:45.000000Z"}]})" 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 ★</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({"id":6,"name":"City Tours & Travels","license":null,"address":"Republic Veng, Aizawl","district_meta_data_id":1,"phone_one":"0389-2315013","phone_two":null,"email":null,"description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:02:56.000000Z","updated_at":"2022-04-28T01:02:56.000000Z","agent_rating":[]})" 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 & Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 ★</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({"id":7,"name":"Ever Green Tours & Travels","license":null,"address":"Khatla Main Road","district_meta_data_id":1,"phone_one":"961208015","phone_two":null,"email":"evergeenazl@gmail.com","description":null,"average_ratings":"4.8","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:03:44.000000Z","updated_at":"2024-01-04T07:38:57.000000Z","agent_rating":[{"id":4,"agents_id":7,"user_id":128,"vote":"4.5","review":null,"param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2023-02-14T06:02:19.000000Z","updated_at":"2023-02-14T06:02:19.000000Z"},{"id":11,"agents_id":7,"user_id":5448,"vote":"5","review":"Awesome ","param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2024-01-04T07:38:57.000000Z","updated_at":"2024-01-04T07:38:57.000000Z"},{"id":13,"agents_id":7,"user_id":5448,"vote":"5","review":"Very Good.","param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2024-01-04T07:39:27.000000Z","updated_at":"2024-01-04T07:39:27.000000Z"}]})" 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 & Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">4.8 ★</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({"id":8,"name":"Omega Travels","license":null,"address":"Temple Square, Aizawl","district_meta_data_id":1,"phone_one":"0389-2323548","phone_two":"9612951288","email":null,"description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:04:31.000000Z","updated_at":"2022-04-28T01:04:31.000000Z","agent_rating":[]})" 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 ★</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({"id":9,"name":"Paradise Tours & Travels","license":null,"address":"Zodin Square","district_meta_data_id":1,"phone_one":"9436961343 0389-2300474","phone_two":"9856721465","email":null,"description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:05:29.000000Z","updated_at":"2022-04-28T01:05:29.000000Z","agent_rating":[]})" 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 & Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 ★</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({"id":10,"name":"Flying Christable Tours & Travels","license":null,"address":"S-48 Canteen Kual, Dawrpui","district_meta_data_id":1,"phone_one":"0389-2311656","phone_two":"9612363841","email":"flyingchristabel@gmail.com","description":null,"average_ratings":"5.0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:06:26.000000Z","updated_at":"2023-02-14T06:02:29.000000Z","agent_rating":[{"id":5,"agents_id":10,"user_id":128,"vote":"5.0","review":null,"param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2023-02-14T06:02:29.000000Z","updated_at":"2023-02-14T06:02:29.000000Z"},{"id":12,"agents_id":10,"user_id":5448,"vote":"5","review":"Best ","param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2024-01-04T07:39:10.000000Z","updated_at":"2024-01-04T07:39:10.000000Z"}]})" 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 & Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">5.0 ★</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({"id":11,"name":"Mango Tours & Travels","license":null,"address":"B67 1st Floor, MC, Dawrpui","district_meta_data_id":1,"phone_one":"9436156283","phone_two":null,"email":"Mangotravels123@gmail.com","description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:07:09.000000Z","updated_at":"2022-04-28T01:07:09.000000Z","agent_rating":[]})" 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 & Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 ★</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({"id":12,"name":"Vandygo Tours & Travels","license":null,"address":"B-47 Bara Bazar, Dawrpui","district_meta_data_id":1,"phone_one":"0389-2300555","phone_two":null,"email":null,"description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:07:43.000000Z","updated_at":"2022-04-28T01:07:43.000000Z","agent_rating":[]})" 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 & Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 ★</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({"id":13,"name":"Thomas Cook India","license":null,"address":"Hauva Building, Dawrpui","district_meta_data_id":1,"phone_one":"0389-2306314","phone_two":null,"email":null,"description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:08:25.000000Z","updated_at":"2022-04-28T01:08:25.000000Z","agent_rating":[]})" 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 ★</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({"id":14,"name":"Mafeli Tours & Travels","license":null,"address":"Near Millennium Centre","district_meta_data_id":1,"phone_one":"0389-2321714","phone_two":null,"email":null,"description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:09:03.000000Z","updated_at":"2022-04-28T01:09:03.000000Z","agent_rating":[]})" 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 & Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 ★</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({"id":15,"name":"Quality Tours & Travels","license":null,"address":"Lalbuaia Shopping Complex Zarkawt","district_meta_data_id":1,"phone_one":"0389-2346339","phone_two":null,"email":null,"description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:09:41.000000Z","updated_at":"2022-04-28T01:09:41.000000Z","agent_rating":[]})" 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 & Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 ★</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({"id":16,"name":"D & L Travels","license":null,"address":"AW-66 Darlianthanga Bldg Bungkawn","district_meta_data_id":1,"phone_one":"7085220293 \/ 7085220294","phone_two":"9612136045 \/ 0389-2347333","email":"dnltravels.azl@gmail.com","description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:10:58.000000Z","updated_at":"2022-04-28T01:10:58.000000Z","agent_rating":[]})" 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 & L Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 ★</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({"id":17,"name":"Maruata Travels","license":null,"address":"Dinthar Thlanmual Bul","district_meta_data_id":1,"phone_one":"8794156126","phone_two":null,"email":null,"description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:11:44.000000Z","updated_at":"2022-04-28T01:11:44.000000Z","agent_rating":[]})" 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 ★</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({"id":18,"name":"EL ES Travels","license":null,"address":"Vaivakawn","district_meta_data_id":1,"phone_one":"9402309332","phone_two":null,"email":null,"description":null,"average_ratings":"2.5","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:13:55.000000Z","updated_at":"2024-01-04T07:47:56.000000Z","agent_rating":[{"id":8,"agents_id":18,"user_id":5187,"vote":"5","review":null,"param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2023-12-07T06:18:51.000000Z","updated_at":"2023-12-07T06:18:51.000000Z"},{"id":14,"agents_id":18,"user_id":5448,"vote":"0","review":"good","param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2024-01-04T07:47:55.000000Z","updated_at":"2024-01-04T07:47:55.000000Z"}]})" 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 ★</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({"id":19,"name":"Lalrin Agency","license":null,"address":"A-1B\/8 Chaltlang","district_meta_data_id":1,"phone_one":"9436350300","phone_two":null,"email":null,"description":null,"average_ratings":"0.0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:14:32.000000Z","updated_at":"2024-01-04T07:48:08.000000Z","agent_rating":[{"id":15,"agents_id":19,"user_id":5448,"vote":"0","review":"good","param1":null,"param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2024-01-04T07:48:08.000000Z","updated_at":"2024-01-04T07:48:08.000000Z"}]})" 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 ★</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({"id":20,"name":"Sailo Travels","license":null,"address":"Ramhlun North MUP Building","district_meta_data_id":1,"phone_one":null,"phone_two":null,"email":null,"description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:16:11.000000Z","updated_at":"2022-04-28T01:16:11.000000Z","agent_rating":[]})" 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 ★</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({"id":21,"name":"En-Hakore","license":null,"address":"Bawngkawn","district_meta_data_id":1,"phone_one":"9862717210","phone_two":null,"email":null,"description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:20:20.000000Z","updated_at":"2022-04-28T01:20:20.000000Z","agent_rating":[]})" 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 ★</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({"id":22,"name":"RL Tours","license":null,"address":null,"district_meta_data_id":1,"phone_one":"9089428039","phone_two":null,"email":null,"description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:20:57.000000Z","updated_at":"2022-04-28T01:20:57.000000Z","agent_rating":[]})" 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 ★</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({"id":23,"name":"JK Tours & Travels","license":null,"address":"Bawngkawn South","district_meta_data_id":1,"phone_one":"9615028464","phone_two":null,"email":"jktoursntravels77@gmail.com","description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:21:47.000000Z","updated_at":"2022-04-28T01:21:47.000000Z","agent_rating":[]})" 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 & Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 ★</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({"id":24,"name":"Jojo Tours & Travels","license":null,"address":"Ramhlun South","district_meta_data_id":1,"phone_one":"8729802602","phone_two":null,"email":"jojotoursntravels@gmail.com","description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:22:29.000000Z","updated_at":"2022-04-28T01:22:29.000000Z","agent_rating":[]})" 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 & Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 ★</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({"id":25,"name":"Hlawndo Tours & Travels","license":null,"address":"Kulikawn","district_meta_data_id":1,"phone_one":"8132093230","phone_two":null,"email":"hlawndotours15@gmail.com","description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:23:14.000000Z","updated_at":"2022-04-28T01:23:14.000000Z","agent_rating":[]})" 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 & Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 ★</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({"id":26,"name":"MDC Tour & Travels","license":null,"address":"Bungkawn","district_meta_data_id":1,"phone_one":"8014175301","phone_two":null,"email":"mdc.gmt@gmail.com","description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:23:57.000000Z","updated_at":"2022-04-28T01:23:57.000000Z","agent_rating":[]})" 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 & Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 ★</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({"id":27,"name":"St. Pius Travels","license":null,"address":"D-48, Tanhril Venglai","district_meta_data_id":1,"phone_one":"8257939248","phone_two":null,"email":"domms7733@gmail.com","description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:24:41.000000Z","updated_at":"2022-04-28T01:24:41.000000Z","agent_rating":[]})" 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 ★</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({"id":28,"name":"RM Travels","license":null,"address":"Khatla South","district_meta_data_id":1,"phone_one":"8258939910","phone_two":"8729802602","email":"drfla19@gmail.com","description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:25:29.000000Z","updated_at":"2022-04-28T01:25:29.000000Z","agent_rating":[]})" 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 ★</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({"id":29,"name":"Jojo Utility Services","license":null,"address":"Dawrpui, Hauva Market","district_meta_data_id":1,"phone_one":"9612359711","phone_two":null,"email":"tlalnunhlima@gmail.com","description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:26:29.000000Z","updated_at":"2022-04-28T01:26:29.000000Z","agent_rating":[]})" 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 ★</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({"id":30,"name":"Nathan Tours & Travels","license":null,"address":"DurtlangLeitan","district_meta_data_id":1,"phone_one":"8729985395","phone_two":null,"email":"lpoma0604@gmail.com","description":null,"average_ratings":"0","param2":null,"param3":null,"param4":null,"param5":null,"param6":null,"param7":null,"param8":null,"param9":null,"param10":null,"deleted_at":null,"created_at":"2022-04-28T01:27:01.000000Z","updated_at":"2022-04-28T01:27:01.000000Z","agent_rating":[]})" 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 & Travels <span class="text-orange rounded-full bg-[#fff8ed] text-sm pl-2 pr-2">0 ★</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"> « 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 » </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="&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 &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 & 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">★</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)">☆</span> <span class="text-2xl hover:cursor-pointer" wire:click="onRatingClicked(2)">☆</span> <span class="text-2xl hover:cursor-pointer" wire:click="onRatingClicked(3)">☆</span> <span class="text-2xl hover:cursor-pointer" wire:click="onRatingClicked(4)">☆</span> <span class="text-2xl hover:cursor-pointer" wire:click="onRatingClicked(5)">☆</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="{"fingerprint":{"id":"VdOpNP9KtTfd9XFAuoQj","name":"information-links","locale":"en","path":"travel-agents","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"c707de3d","data":{"informations":[]},"dataMeta":{"modelCollections":{"informations":{"class":"App\\Models\\Information","id":[1,2,3,4],"relations":[],"connection":"mysql"}}},"checksum":"e8cc78e07f43ba9a6d22afbc08623d7ee831dfbc2655f44ccaf3f419ea791c0a"}}"> <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>