<div wire:snapshot="{"data":{"title":null,"favicon":null},"memo":{"id":"iNpzqIKrfa8jwOlkZmtP","name":"tenant-head","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"ace06cbb1f919b961ab9edee61dee9b9dfeca4f767f463427cda9f262fa139d3"}" wire:effects="[]" wire:id="iNpzqIKrfa8jwOlkZmtP">  </div><header wire:snapshot="{"data":{"background_color":"#fff","logo_path":"","mobile_logo_path":"","primary_btn":"Register","primary_color":"#237bff","secondary_btn":"Log in","links_color":"#000","link_1":"","link_2":"","link_3":"","link_4":"","company_name":null,"header":null},"memo":{"id":"7C4UsdFg6nImNL5CgZCF","name":"tenant-header","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"42bc4e04931300c5310ace98ff4abedabdd7a794fcbf4f92d992d616da7b683f"}" wire:effects="[]" wire:id="7C4UsdFg6nImNL5CgZCF"> <nav style="background-color: #fff" class="px-4 lg:px-6 py-3 lg:py-4"> <div class="flex flex-wrap lg:justify-between items-center mx-auto max-w-screen-xl "> <a href="/" class="flex items-center lg:basis-1 lg:flex-grow">  <span id="company-name" class="self-center text-lg md:text-2xl font-semibold dark:text-white max-w-60 max-[360px]:max-w-48"> </span>  </a> <div class="flex items-center ml-auto lg:ml-0 lg:order-2 lg:basis-1 lg:flex-grow lg:justify-end font-poppins">  <a style="color: #000" href="/portal/login" class="hidden min-[412px]:inline-flex focus:ring-4 focus:ring-gray-300 font-medium rounded-lg text-sm px-3 py-2.5 mr-2 focus:outline-none"> Log in </a> <a id="primaryBtn" href="/portal/register" style="display: none; background-color: #237bff; filter: brightness(100%);" onmouseover="this.style.filter='brightness(90%)'" onmouseout="this.style.filter='brightness(100%)'" class="group inline-flex items-center justify-center text-white focus:ring-2 focus:ring-gray-300 focus:outline-none font-medium rounded-lg text-sm px-3 sm:px-5 py-2 sm:py-2.5"> <span class="pr-2">Register</span> <svg class="transition-transform duration-300 group-hover:translate-x-2" width="24" height="25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.992h2.5m13.5 0-6-6m6 6-6 6m6-6H9.5" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a>  <button data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-4 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false"> <span class="sr-only">Open main menu</span> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path> </svg> <svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </button> </div> <div class="hidden justify-between items-center w-full lg:flex lg:justify-center lg:w-auto lg:order-1 lg:basis-1 lg:flex-grow" id="mobile-menu-2"> <ul class="flex flex-col mt-4 font-light lg:flex-row lg:space-x-8 lg:mt-0" style="color: #000"> <li> <a href="/rates" class="block py-2 pr-4 pl-3 border-b lg:hover:bg-transparent lg:border-0 lg:p-0">Rates</a> </li>  <li> <a href="/portal/login" class="block md:hidden py-2 pr-4 pl-3 border-b lg:hover:bg-transparent lg:border-0 lg:p-0">Log in</a> </li> <li> <a href="/portal/register" class="block md:hidden py-2 pr-4 pl-3 lg:hover:bg-transparent lg:border-0 lg:p-0">Register</a> </li>   </ul> </div> </div> </nav> </header> <script> window.addEventListener("load", function () { const logo = document.getElementById("mobile-logo"); const companyName = document.getElementById("company-name"); const primaryBtn = document.getElementById("primaryBtn"); // Function to check logo width and hide primaryBtn if needed function checkLogoWidth() { if (logo && logo.clientWidth > 63 || companyName && companyName.clientWidth > 63) { primaryBtn.style.display = "none"; // Hide primaryBtn } else { primaryBtn.style.display = "inline-flex"; // Show primaryBtn } } // Initial check checkLogoWidth(); // Re-check on window resize window.addEventListener("resize", checkLogoWidth); }); </script><div wire:snapshot="{"data":{"title":"Healine Goes Here <span class=\"text-blue-600\"> Something Curious <\/span>","subtitle":"Your Subtitle Goes Here","image":null,"primary_btn_text":null,"primary_text_color":null,"primary_color":null,"secondary_btn_text":null,"secondary_text_color":null,"secondary_color":null,"secondary_btn_link":null,"background_color":"#ffffff"},"memo":{"id":"Jvk0cSEshkUczK7Omtrf","name":"tenant-banner1","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"0086b9a95c2e1dfaed3c2b82348d4af1a460f297c7cf18fc9c9b072581d674e6"}" wire:effects="[]" wire:id="Jvk0cSEshkUczK7Omtrf" style="background-color: #ffffff"> <div class="max-w-7xl mx-auto px-8 lg:px-0 py-10 lg:py-14">  <div class="grid md:grid-cols-2 gap-10 md:gap-y-10 xl:gap-14"> <div> <h1 class="block text-4xl font-bold text-gray-800 lg:text-6xl lg:leading-tight text-center md:text-left"> Healine Goes Here <span class="text-blue-600"> Something Curious </span> </h1> <p class="max-w-lg mt-3 px-4 md:px-0 text-lg text-gray-800 text-center md:text-left"> Your Subtitle Goes Here </p>  <div class="mt-7 grid gap-4 w-full sm:inline-flex">  <a style="background-color: blue; color: #fff;" class="py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent text-white disabled:opacity-50 disabled:pointer-events-none" href="portal/register"> Sign Up <svg class="flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="m9 18 6-6-6-6" /> </svg> </a>  <a href="" style="background-color: ; color: #808080;" class="py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg disabled:pointer-events-none"> </a> </div>  </div>  <div class="flex flex-col items-center md:ms-0 md:items-start"> <img class="w-full rounded-md" src="https://placehold.co/1200x800" alt="Hero Image"> </div>  </div>  </div> </div><div wire:snapshot="{"data":{"icon_1":null,"icon_2":null,"icon_3":null,"heading_1":null,"heading_2":null,"heading_3":null,"background_color":null,"font_background_color":null,"font_color":null,"icon_color":null,"is_active":null},"memo":{"id":"slKOjmafbzhg9UmKGYd9","name":"results-bar","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"b66c2878ba3f12cf79113112c864d0a96cfe32abcf2edc4a3baceb1acdae78ed"}" wire:effects="[]" wire:id="slKOjmafbzhg9UmKGYd9"></div>