<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="csrf-token" content="kFxGSSmIcQbBZIefLTHmXtjJcu2OlOyUQiXVOYHj" />

                <title>Fast and Flexible Web Hosting for Small Business with HELP!</title>        
        <meta name="description" content="At HELP!, we provide web hosting for small business that’s fast, secure, and scalable. Keep your business online with a hosting solution you can trust.">
        <meta name="keywords" content="web hosting for small business">

        <meta property="og:url" content="https://www.Help.com.au" />
        <meta property="og:title" content="Fast and Flexible Web Hosting for Small Business with HELP!" />
        <meta property="og:description" content="At HELP!, we provide web hosting for small business that’s fast, secure, and scalable. Keep your business online with a hosting solution you can trust." />
        <meta property="og:image" content="/images/help.jpg"/>

        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:title" content="Fast and Flexible Web Hosting for Small Business with HELP!" />
        <meta name="twitter:description" content="At HELP!, we provide web hosting for small business that’s fast, secure, and scalable. Keep your business online with a hosting solution you can trust." />
        <meta name="twitter:image" content="" />
	
        <link rel="shortcut icon" href="/images/help.svg">


        <!-- Fonts -->
        <link rel="preconnect" href="https://fonts.bunny.net">
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>

        <!--Fontawesome-->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
        <script src="https://kit.fontawesome.com/857397b8e1.js" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="https://kit.fontawesome.com/857397b8e1.css" crossorigin="anonymous">

        
                    <link href="/build/app.css" rel="stylesheet" type="text/css">
            <script src="/build/app.js"></script>
        
        <!-- Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-K6VNLSZ');</script>
        <!-- End Google Tag Manager -->

        <script src="https://www.google.com/recaptcha/api.js?render=6Le8eZoUAAAAACvL0yuXhE6cd7XioIzzzi5a1br8"></script>

        <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
        <style>
            body{font-family: 'open sans' !important}
            select{font-family: 'Open Sans', sans-serif;}
            .grecaptcha-badge {
                visibility: hidden !important;
            }
        </style>

                
                    <!-- Start of HubSpot Embed Code -->
            <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/48120166.js"></script>
            <!-- End of HubSpot Embed Code -->
            </head>
    <body class="bg-white text-black dark:bg-gray-900 dark:text-gray-300 accent-helpBlue">
        <!-- Google Tag Manager (noscript) -->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K6VNLSZ"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->

        <header wire:snapshot="{&quot;data&quot;:{&quot;form&quot;:[{&quot;email&quot;:null,&quot;password&quot;:null,&quot;recaptchaToken&quot;:null,&quot;remember&quot;:false},{&quot;class&quot;:&quot;App\\Livewire\\Forms\\LoginForm&quot;,&quot;s&quot;:&quot;form&quot;}],&quot;cartCount&quot;:0,&quot;optionCurrencies&quot;:[{&quot;au&quot;:&quot;AUD&quot;,&quot;us&quot;:&quot;USD&quot;,&quot;eu&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;bUxsPTr1gDjR8OhLdE7z&quot;,&quot;name&quot;:&quot;front.navbar&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;6a417987c2628ca9faf24a16d33fe00a430a2205648095a2048f4560e48726ed&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;updateCartNumber&quot;,&quot;changeCurrency&quot;]}" wire:id="bUxsPTr1gDjR8OhLdE7z" class="fixed z-10 w-full">
    <nav
    x-data="{ mobileNavbar: false }"
    x-init="mobileNavbar=window.innerWidth >= 1024"
    @resize.window="mobileNavbar = window.innerWidth >= 1024;"
    class="sticky top-0 z-50 w-full p-4 text-gray-800 bg-white border-b shadow tailwind-menu dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700">
        <div class="items-center justify-between w-full mx-auto lg:flex xl:w-10/12 2xl:w-8/12">
            <div class="flex items-center float-right lg:hidden">

                <div
                x-data="{ cartCount: window.Livewire.find('bUxsPTr1gDjR8OhLdE7z').entangle('cartCount') }"
                class="py-4 px-6 flex ">
                        <!--[if BLOCK]><![endif]-->                        <div
                        x-data="{ dropdownDisplay: false }"
                        class="relative w-20 me-2">
                            <button type="button"
                            x-on:click=" dropdownDisplay = !dropdownDisplay "
                            class="relative flex w-20 cursor-default rounded-md py-1.5 text-left text-gray-900 focus:outline-none focus:ring-indigo-500 sm:text-sm sm:leading-6 cursor-pointer">
                                <span class="flex items-center">
                                    <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 5 36 26"><path fill="#B22334" d="M35.445 7C34.752 5.809 33.477 5 32 5H18v2h17.445zM0 25h36v2H0zm18-8h18v2H18zm0-4h18v2H18zM0 21h36v2H0zm4 10h28c1.477 0 2.752-.809 3.445-2H.555c.693 1.191 1.968 2 3.445 2zM18 9h18v2H18z"/><path fill="#EEE" d="M.068 27.679c.017.093.036.186.059.277.026.101.058.198.092.296.089.259.197.509.333.743L.555 29h34.89l.002-.004c.135-.233.243-.483.332-.741.034-.099.067-.198.093-.301.023-.09.042-.182.059-.275.041-.22.069-.446.069-.679H0c0 .233.028.458.068.679zM0 23h36v2H0zm0-4v2h36v-2H18zm18-4h18v2H18zm0-4h18v2H18zM0 9c0-.233.03-.457.068-.679C.028 8.542 0 8.767 0 9zm.555-2l-.003.005L.555 7zM.128 8.044c.025-.102.06-.199.092-.297-.034.098-.066.196-.092.297zM18 9h18c0-.233-.028-.459-.069-.68-.017-.092-.035-.184-.059-.274-.027-.103-.059-.203-.094-.302-.089-.258-.197-.507-.332-.74.001-.001 0-.003-.001-.004H18v2z"/><path fill="#3C3B6E" d="M18 5H4C1.791 5 0 6.791 0 9v10h18V5z"/><path fill="#FFF" d="M2.001 7.726l.618.449-.236.725L3 8.452l.618.448-.236-.725L4 7.726h-.764L3 7l-.235.726zm2 2l.618.449-.236.725.617-.448.618.448-.236-.725L6 9.726h-.764L5 9l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L9 9l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L13 9l-.235.726zm-8 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L5 13l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L9 13l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L13 13l-.235.726zm-6-6l.618.449-.236.725L7 8.452l.618.448-.236-.725L8 7.726h-.764L7 7l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 7l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 7l-.235.726zm-12 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L3 11l-.235.726zM6.383 12.9L7 12.452l.618.448-.236-.725.618-.449h-.764L7 11l-.235.726h-.764l.618.449zm3.618-1.174l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 11l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 11l-.235.726zm-12 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L3 15l-.235.726zM6.383 16.9L7 16.452l.618.448-.236-.725.618-.449h-.764L7 15l-.235.726h-.764l.618.449zm3.618-1.174l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 15l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 15l-.235.726z"/></svg>                                    <span class="block pl-2 truncate dark:text-gray-300">
                                        USD
                                    </span>
                                </span>

                                <span class="absolute inset-y-0 right-0 flex items-center pl-2 pointer-events-none">
                                    <i class="pl-1 fa-sharp fa-solid fa-caret-down text-lg dark:text-white" aria-hidden="true"></i>
                                </span>
                            </button>

                            <ul
                            x-show="dropdownDisplay"
                            @mouseenter="dropdownDisplay = true" @mouseleave="dropdownDisplay = false"
                            :class=" !dropdownDisplay ? 'hidden' : 'absolute'"
                            class="z-10 w-40 overflow-auto text-base bg-white rounded-md shadow-lg -right-20 max-h-80 dark:bg-gray-900 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" tabindex="-1"
                            style="display: none;">
                                <!--[if BLOCK]><![endif]-->                                    <li
                                    x-on:click=" Livewire.dispatch('changeCurrency', {newCurrency: 'AUD'}); "
                                    role="option"
                                    class="flex py-1 pl-3 text-gray-900 cursor-pointer hover:bg-gray-100" >
                                        <div class="flex items-center">
                                            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 5 36 26"><path fill="#00247D" d="M32 5H4c-.205 0-.407.015-.604.045l-.004 1.754-2.73-.004C.244 7.427 0 8.185 0 9v18c0 2.209 1.791 4 4 4h28c2.209 0 4-1.791 4-4V9c0-2.209-1.791-4-4-4z"/><path d="M9 26.023l-1.222 1.129.121-1.66-1.645-.251 1.373-.94-.829-1.443 1.591.488L9 21.797l.612 1.549 1.591-.488-.83 1.443 1.374.94-1.645.251.121 1.66zM27.95 9.562l-.799.738.079-1.086-1.077-.164.899-.615-.542-.944 1.04.319.4-1.013.401 1.013 1.041-.319-.543.944.898.615-1.076.164.079 1.086zm-4 6l-.799.739.079-1.086-1.077-.164.899-.616-.542-.944 1.04.319.4-1.013.401 1.013 1.041-.319-.543.944.898.616-1.076.164.079 1.086zm9-2l-.799.739.079-1.086-1.077-.164.899-.616-.542-.944 1.04.319.4-1.013.401 1.013 1.041-.319-.543.944.898.616-1.076.164.079 1.086zm-5 14l-.799.739.079-1.086-1.077-.164.899-.616-.542-.944 1.04.319.4-1.013.401 1.013 1.041-.319-.543.944.898.616-1.076.164.079 1.086zM31 16l.294.596.657.095-.475.463.112.655L31 17.5l-.588.309.112-.655-.475-.463.657-.095z" fill="#FFF"/><path fill="#00247D" d="M19 18V5H4c-.32 0-.604.045-.604.045l-.004 1.754-2.73-.004S.62 6.854.535 7C.195 7.589 0 8.272 0 9v9h19z"/><path fill="#EEE" d="M19 5h-2.331L12 8.269V5H7v2.569L3.396 5.045c-.614.094-1.19.325-1.672.665L6.426 9H4.69L.967 6.391c-.11.129-.211.262-.305.404L3.813 9H0v5h3.885L0 16.766V18h3.332L7 15.432V18h5v-3.269L16.668 18H19v-2.029L16.185 14H19V9h-2.814L19 7.029V5z"/><path fill="#CF1B2B" d="M11 5H8v5H0v3h8v5h3v-5h8v-3h-8z"/><path fill="#CF1B2B" d="M19 5h-1.461L12 8.879V9h1.571L19 5.198zm-17.276.71c-.281.195-.534.423-.757.681L4.69 9h1.735L1.724 5.71zM6.437 14L.734 18h1.727L7 14.822V14zM19 17.802v-1.22L15.313 14H13.57z"/></svg>                                            <span class="block ml-3 font-normal truncate dark:text-gray-300">
                                                AUD
                                            </span>
                                        </div>

                                        <div class="flex justify-end w-full">
                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </div>
                                    </li>
                                                                    <li
                                    x-on:click=" Livewire.dispatch('changeCurrency', {newCurrency: 'USD'}); "
                                    role="option"
                                    class="flex py-1 pl-3 text-gray-900 cursor-pointer hover:bg-gray-100" >
                                        <div class="flex items-center">
                                            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 5 36 26"><path fill="#B22334" d="M35.445 7C34.752 5.809 33.477 5 32 5H18v2h17.445zM0 25h36v2H0zm18-8h18v2H18zm0-4h18v2H18zM0 21h36v2H0zm4 10h28c1.477 0 2.752-.809 3.445-2H.555c.693 1.191 1.968 2 3.445 2zM18 9h18v2H18z"/><path fill="#EEE" d="M.068 27.679c.017.093.036.186.059.277.026.101.058.198.092.296.089.259.197.509.333.743L.555 29h34.89l.002-.004c.135-.233.243-.483.332-.741.034-.099.067-.198.093-.301.023-.09.042-.182.059-.275.041-.22.069-.446.069-.679H0c0 .233.028.458.068.679zM0 23h36v2H0zm0-4v2h36v-2H18zm18-4h18v2H18zm0-4h18v2H18zM0 9c0-.233.03-.457.068-.679C.028 8.542 0 8.767 0 9zm.555-2l-.003.005L.555 7zM.128 8.044c.025-.102.06-.199.092-.297-.034.098-.066.196-.092.297zM18 9h18c0-.233-.028-.459-.069-.68-.017-.092-.035-.184-.059-.274-.027-.103-.059-.203-.094-.302-.089-.258-.197-.507-.332-.74.001-.001 0-.003-.001-.004H18v2z"/><path fill="#3C3B6E" d="M18 5H4C1.791 5 0 6.791 0 9v10h18V5z"/><path fill="#FFF" d="M2.001 7.726l.618.449-.236.725L3 8.452l.618.448-.236-.725L4 7.726h-.764L3 7l-.235.726zm2 2l.618.449-.236.725.617-.448.618.448-.236-.725L6 9.726h-.764L5 9l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L9 9l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L13 9l-.235.726zm-8 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L5 13l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L9 13l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L13 13l-.235.726zm-6-6l.618.449-.236.725L7 8.452l.618.448-.236-.725L8 7.726h-.764L7 7l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 7l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 7l-.235.726zm-12 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L3 11l-.235.726zM6.383 12.9L7 12.452l.618.448-.236-.725.618-.449h-.764L7 11l-.235.726h-.764l.618.449zm3.618-1.174l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 11l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 11l-.235.726zm-12 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L3 15l-.235.726zM6.383 16.9L7 16.452l.618.448-.236-.725.618-.449h-.764L7 15l-.235.726h-.764l.618.449zm3.618-1.174l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 15l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 15l-.235.726z"/></svg>                                            <span class="block ml-3 font-normal truncate dark:text-gray-300">
                                                USD
                                            </span>
                                        </div>

                                        <div class="flex justify-end w-full">
                                            <!--[if BLOCK]><![endif]-->                                                <span class="flex items-center pr-3 text-indigo-600">
                                                    <i class="fa-solid fa-check"></i>
                                                </span>
                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
                                    </li>
                                                                    <li
                                    x-on:click=" Livewire.dispatch('changeCurrency', {newCurrency: 'EUR'}); "
                                    role="option"
                                    class="flex py-1 pl-3 text-gray-900 cursor-pointer hover:bg-gray-100" >
                                        <div class="flex items-center">
                                            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 5 36 26"><path fill="#039" d="M32 5H4C1.791 5 0 6.791 0 9v18c0 2.209 1.791 4 4 4h28c2.209 0 4-1.791 4-4V9c0-2.209-1.791-4-4-4z"/><path d="M18.539 9.705l.849-.617h-1.049l-.325-.998-.324.998h-1.049l.849.617-.325.998.849-.617.849.617zm0 17.333l.849-.617h-1.049l-.325-.998-.324.998h-1.049l.849.617-.325.998.849-.617.849.617zm-8.666-8.667l.849-.617h-1.05l-.324-.998-.325.998H7.974l.849.617-.324.998.849-.617.849.617zm1.107-4.285l.849-.617h-1.05l-.324-.998-.324.998h-1.05l.849.617-.324.998.849-.617.849.617zm0 8.619l.849-.617h-1.05l-.324-.998-.324.998h-1.05l.849.617-.324.998.849-.617.849.617zm3.226-11.839l.849-.617h-1.05l-.324-.998-.324.998h-1.05l.849.617-.324.998.849-.617.849.617zm0 15.067l.849-.617h-1.05l-.324-.998-.324.998h-1.05l.849.617-.324.998.849-.616.849.616zm11.921-7.562l-.849-.617h1.05l.324-.998.325.998h1.049l-.849.617.324.998-.849-.617-.849.617zm-1.107-4.285l-.849-.617h1.05l.324-.998.324.998h1.05l-.849.617.324.998-.849-.617-.849.617zm0 8.619l-.849-.617h1.05l.324-.998.324.998h1.05l-.849.617.324.998-.849-.617-.849.617zm-3.226-11.839l-.849-.617h1.05l.324-.998.324.998h1.05l-.849.617.324.998-.849-.617-.849.617zm0 15.067l-.849-.617h1.05l.324-.998.324.998h1.05l-.849.617.324.998-.849-.616-.849.616z" fill="#FC0"/></svg>                                            <span class="block ml-3 font-normal truncate dark:text-gray-300">
                                                EUR
                                            </span>
                                        </div>

                                        <div class="flex justify-end w-full">
                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </div>
                                    </li>
                                <!--[if ENDBLOCK]><![endif]-->                            </ul>

                        </div>
                    <!--[if ENDBLOCK]><![endif]-->
                    <a href="/cart" class="relative text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">
                        <i class="text-2xl fa-regular fa-cart-shopping"></i>

                        <div
                        x-show="cartCount > 0"
                        class="absolute inline-flex items-center justify-center w-6 h-6 text-xs font-bold text-white bg-red-500 border-2 border-white rounded-full -top-4 -end-2 dark:border-gray-900"
                        style="display: none;">
                            <div x-text="cartCount"></div>
                        </div>
                    </a>
                </div>

                <button
                @click="mobileNavbar = !mobileNavbar; $dispatch('sidebar-status', mobileNavbar);"
                type="button"
                class="flex items-center px-3 py-2 text-gray-600 border border-gray-700 rounded tailwind-burger">
                    <i class="fa-light fa-bars dark:text-gray-400"></i>
                </button>
            </div>

            <div class="flex flex-shrink-0 mr-10">
                <a class="flex-shrink-0 w-32 lg:w-40 dark:hidden" href="/">
                    <img src="/images/help-com-logo.svg" class="">
                </a>
                <a class="flex-shrink-0 hidden w-32 lg:w-40 dark:block" href="/">
                    <img src="/images/help-com-logo-white.svg" class="">
                </a>
            </div>

            <div
            x-data="{ accountHover: false }"
            :class="{ 'hidden ' : !mobileNavbar }"
            class="flex-grow w-full mt-4 lg:mt-0 lg:flex lg:flex-row lg:items-center lg:w-auto">
                <div x-data="{ aboutusHover: false, webdesignHover:false }" class="lg:flex xl:mr-auto lg:pl-2">                    
                    <a
                    id="hostingMenu"
                    class="block p-4 mr-4 border-b lg:border-0 lg:inline-block lg:text-lg md:text-md hover:text-gray-400"
                    href="/web-hosting">
                        Hosting
                    </a>
                    <a
                    id="domainsMenu"
                    class="block p-4 mr-4 border-b lg:border-0 lg:inline-block lg:text-lg md:text-md hover:text-gray-400"
                    href="/domains">
                        Domains
                    </a>    
                    <a
                    id="domainsMenu"
                    class="block p-4 mr-4 border-b lg:border-0 lg:inline-block lg:text-lg md:text-md hover:text-gray-400 whitespace-nowrap"
                    href="/website-builder">
                        AI Website Builder
                    </a>           
                    <div x-on:click="aboutusHover = !aboutusHover" x-on:mouseleave="aboutusHover = false">
                        <a
                        id="aboutusDropdown"
                        class="flex items-center p-4 mr-6 border-b cursor-pointer whitespace-nowrap lg:border-0 lg:inline-block lg:text-lg md:text-md hover:text-gray-400"
                        role="button">About <i class="pl-1 fa-sharp fa-solid fa-caret-down dark:text-white"></i>
                        </a>
                        <div
                        @mouseenter="aboutusHover = true" @mouseleave="aboutusHover = false"
                        x-show="aboutusHover"
                        style="display: none;"
                        class="static w-full origin-top-right bg-white dark:bg-gray-900 dark:border dark:border-gray-700 lg:absolute lg:top-20 lg:rounded lg:shadow-md lg:w-52">
                            <ul>
                                <li>
                                    <a
                                    id="serviceSEO"
                                    class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                                    href="/about-us">
                                        About Us
                                    </a>
                                </li>
                                <li>
                                    <a
                                    id="serviceReviews"
                                    class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                                    href="/our-team">
                                        Our Team
                                    </a>
                                </li>
                                <li>
                                    <a
                                    id="serviceBrokerage"
                                    class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                                    href="/contact-us">
                                        Contact Us
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div x-data="{ aboutusHover: false, accountHover:false }" class="lg:flex">
                    <!--[if BLOCK]><![endif]-->                        <div
                        x-data="{ dropdownDisplay: false }"
                        class="w-20 py-4 me-2 hidden lg:block">
                            <button type="button"
                            x-on:click=" dropdownDisplay = !dropdownDisplay "
                            class="relative flex w-20 cursor-default rounded-md py-1.5 text-left text-gray-900 focus:outline-none focus:ring-indigo-500 sm:text-sm sm:leading-6 cursor-pointer">
                                <span class="flex items-center">
                                    <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 5 36 26"><path fill="#B22334" d="M35.445 7C34.752 5.809 33.477 5 32 5H18v2h17.445zM0 25h36v2H0zm18-8h18v2H18zm0-4h18v2H18zM0 21h36v2H0zm4 10h28c1.477 0 2.752-.809 3.445-2H.555c.693 1.191 1.968 2 3.445 2zM18 9h18v2H18z"/><path fill="#EEE" d="M.068 27.679c.017.093.036.186.059.277.026.101.058.198.092.296.089.259.197.509.333.743L.555 29h34.89l.002-.004c.135-.233.243-.483.332-.741.034-.099.067-.198.093-.301.023-.09.042-.182.059-.275.041-.22.069-.446.069-.679H0c0 .233.028.458.068.679zM0 23h36v2H0zm0-4v2h36v-2H18zm18-4h18v2H18zm0-4h18v2H18zM0 9c0-.233.03-.457.068-.679C.028 8.542 0 8.767 0 9zm.555-2l-.003.005L.555 7zM.128 8.044c.025-.102.06-.199.092-.297-.034.098-.066.196-.092.297zM18 9h18c0-.233-.028-.459-.069-.68-.017-.092-.035-.184-.059-.274-.027-.103-.059-.203-.094-.302-.089-.258-.197-.507-.332-.74.001-.001 0-.003-.001-.004H18v2z"/><path fill="#3C3B6E" d="M18 5H4C1.791 5 0 6.791 0 9v10h18V5z"/><path fill="#FFF" d="M2.001 7.726l.618.449-.236.725L3 8.452l.618.448-.236-.725L4 7.726h-.764L3 7l-.235.726zm2 2l.618.449-.236.725.617-.448.618.448-.236-.725L6 9.726h-.764L5 9l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L9 9l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L13 9l-.235.726zm-8 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L5 13l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L9 13l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L13 13l-.235.726zm-6-6l.618.449-.236.725L7 8.452l.618.448-.236-.725L8 7.726h-.764L7 7l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 7l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 7l-.235.726zm-12 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L3 11l-.235.726zM6.383 12.9L7 12.452l.618.448-.236-.725.618-.449h-.764L7 11l-.235.726h-.764l.618.449zm3.618-1.174l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 11l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 11l-.235.726zm-12 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L3 15l-.235.726zM6.383 16.9L7 16.452l.618.448-.236-.725.618-.449h-.764L7 15l-.235.726h-.764l.618.449zm3.618-1.174l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 15l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 15l-.235.726z"/></svg>                                    <span class="block pl-2 truncate dark:text-gray-300">
                                        USD
                                    </span>
                                </span>

                                <span class="absolute inset-y-0 right-0 flex items-center pl-2 pointer-events-none">
                                    <i class="pl-1 fa-sharp fa-solid fa-caret-down text-lg dark:text-white" aria-hidden="true"></i>
                                </span>
                            </button>

                            <ul
                            x-show="dropdownDisplay"
                            @mouseenter="dropdownDisplay = true" @mouseleave="dropdownDisplay = false"
                            :class=" !dropdownDisplay ? 'hidden' : 'absolute'"
                            class="z-10 w-40 overflow-auto text-base bg-white rounded-md shadow-lg max-h-80 dark:bg-gray-900 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" tabindex="-1"
                            style="display: none;">
                                <!--[if BLOCK]><![endif]-->                                    <li
                                    x-on:click=" Livewire.dispatch('changeCurrency', {newCurrency: 'AUD'}); "
                                    role="option"
                                    class="flex py-1 pl-3 text-gray-900 cursor-pointer hover:bg-gray-100" >
                                        <div class="flex items-center">
                                            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 5 36 26"><path fill="#00247D" d="M32 5H4c-.205 0-.407.015-.604.045l-.004 1.754-2.73-.004C.244 7.427 0 8.185 0 9v18c0 2.209 1.791 4 4 4h28c2.209 0 4-1.791 4-4V9c0-2.209-1.791-4-4-4z"/><path d="M9 26.023l-1.222 1.129.121-1.66-1.645-.251 1.373-.94-.829-1.443 1.591.488L9 21.797l.612 1.549 1.591-.488-.83 1.443 1.374.94-1.645.251.121 1.66zM27.95 9.562l-.799.738.079-1.086-1.077-.164.899-.615-.542-.944 1.04.319.4-1.013.401 1.013 1.041-.319-.543.944.898.615-1.076.164.079 1.086zm-4 6l-.799.739.079-1.086-1.077-.164.899-.616-.542-.944 1.04.319.4-1.013.401 1.013 1.041-.319-.543.944.898.616-1.076.164.079 1.086zm9-2l-.799.739.079-1.086-1.077-.164.899-.616-.542-.944 1.04.319.4-1.013.401 1.013 1.041-.319-.543.944.898.616-1.076.164.079 1.086zm-5 14l-.799.739.079-1.086-1.077-.164.899-.616-.542-.944 1.04.319.4-1.013.401 1.013 1.041-.319-.543.944.898.616-1.076.164.079 1.086zM31 16l.294.596.657.095-.475.463.112.655L31 17.5l-.588.309.112-.655-.475-.463.657-.095z" fill="#FFF"/><path fill="#00247D" d="M19 18V5H4c-.32 0-.604.045-.604.045l-.004 1.754-2.73-.004S.62 6.854.535 7C.195 7.589 0 8.272 0 9v9h19z"/><path fill="#EEE" d="M19 5h-2.331L12 8.269V5H7v2.569L3.396 5.045c-.614.094-1.19.325-1.672.665L6.426 9H4.69L.967 6.391c-.11.129-.211.262-.305.404L3.813 9H0v5h3.885L0 16.766V18h3.332L7 15.432V18h5v-3.269L16.668 18H19v-2.029L16.185 14H19V9h-2.814L19 7.029V5z"/><path fill="#CF1B2B" d="M11 5H8v5H0v3h8v5h3v-5h8v-3h-8z"/><path fill="#CF1B2B" d="M19 5h-1.461L12 8.879V9h1.571L19 5.198zm-17.276.71c-.281.195-.534.423-.757.681L4.69 9h1.735L1.724 5.71zM6.437 14L.734 18h1.727L7 14.822V14zM19 17.802v-1.22L15.313 14H13.57z"/></svg>                                            <span class="block ml-3 font-normal truncate dark:text-gray-300">
                                                AUD
                                            </span>
                                        </div>

                                        <div class="flex justify-end w-full">
                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </div>
                                    </li>
                                                                    <li
                                    x-on:click=" Livewire.dispatch('changeCurrency', {newCurrency: 'USD'}); "
                                    role="option"
                                    class="flex py-1 pl-3 text-gray-900 cursor-pointer hover:bg-gray-100" >
                                        <div class="flex items-center">
                                            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 5 36 26"><path fill="#B22334" d="M35.445 7C34.752 5.809 33.477 5 32 5H18v2h17.445zM0 25h36v2H0zm18-8h18v2H18zm0-4h18v2H18zM0 21h36v2H0zm4 10h28c1.477 0 2.752-.809 3.445-2H.555c.693 1.191 1.968 2 3.445 2zM18 9h18v2H18z"/><path fill="#EEE" d="M.068 27.679c.017.093.036.186.059.277.026.101.058.198.092.296.089.259.197.509.333.743L.555 29h34.89l.002-.004c.135-.233.243-.483.332-.741.034-.099.067-.198.093-.301.023-.09.042-.182.059-.275.041-.22.069-.446.069-.679H0c0 .233.028.458.068.679zM0 23h36v2H0zm0-4v2h36v-2H18zm18-4h18v2H18zm0-4h18v2H18zM0 9c0-.233.03-.457.068-.679C.028 8.542 0 8.767 0 9zm.555-2l-.003.005L.555 7zM.128 8.044c.025-.102.06-.199.092-.297-.034.098-.066.196-.092.297zM18 9h18c0-.233-.028-.459-.069-.68-.017-.092-.035-.184-.059-.274-.027-.103-.059-.203-.094-.302-.089-.258-.197-.507-.332-.74.001-.001 0-.003-.001-.004H18v2z"/><path fill="#3C3B6E" d="M18 5H4C1.791 5 0 6.791 0 9v10h18V5z"/><path fill="#FFF" d="M2.001 7.726l.618.449-.236.725L3 8.452l.618.448-.236-.725L4 7.726h-.764L3 7l-.235.726zm2 2l.618.449-.236.725.617-.448.618.448-.236-.725L6 9.726h-.764L5 9l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L9 9l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L13 9l-.235.726zm-8 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L5 13l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L9 13l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L13 13l-.235.726zm-6-6l.618.449-.236.725L7 8.452l.618.448-.236-.725L8 7.726h-.764L7 7l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 7l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 7l-.235.726zm-12 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L3 11l-.235.726zM6.383 12.9L7 12.452l.618.448-.236-.725.618-.449h-.764L7 11l-.235.726h-.764l.618.449zm3.618-1.174l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 11l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 11l-.235.726zm-12 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L3 15l-.235.726zM6.383 16.9L7 16.452l.618.448-.236-.725.618-.449h-.764L7 15l-.235.726h-.764l.618.449zm3.618-1.174l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 15l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 15l-.235.726z"/></svg>                                            <span class="block ml-3 font-normal truncate dark:text-gray-300">
                                                USD
                                            </span>
                                        </div>

                                        <div class="flex justify-end w-full">
                                            <!--[if BLOCK]><![endif]-->                                                <span class="flex items-center pr-3 text-indigo-600">
                                                    <i class="fa-solid fa-check"></i>
                                                </span>
                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
                                    </li>
                                                                    <li
                                    x-on:click=" Livewire.dispatch('changeCurrency', {newCurrency: 'EUR'}); "
                                    role="option"
                                    class="flex py-1 pl-3 text-gray-900 cursor-pointer hover:bg-gray-100" >
                                        <div class="flex items-center">
                                            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 5 36 26"><path fill="#039" d="M32 5H4C1.791 5 0 6.791 0 9v18c0 2.209 1.791 4 4 4h28c2.209 0 4-1.791 4-4V9c0-2.209-1.791-4-4-4z"/><path d="M18.539 9.705l.849-.617h-1.049l-.325-.998-.324.998h-1.049l.849.617-.325.998.849-.617.849.617zm0 17.333l.849-.617h-1.049l-.325-.998-.324.998h-1.049l.849.617-.325.998.849-.617.849.617zm-8.666-8.667l.849-.617h-1.05l-.324-.998-.325.998H7.974l.849.617-.324.998.849-.617.849.617zm1.107-4.285l.849-.617h-1.05l-.324-.998-.324.998h-1.05l.849.617-.324.998.849-.617.849.617zm0 8.619l.849-.617h-1.05l-.324-.998-.324.998h-1.05l.849.617-.324.998.849-.617.849.617zm3.226-11.839l.849-.617h-1.05l-.324-.998-.324.998h-1.05l.849.617-.324.998.849-.617.849.617zm0 15.067l.849-.617h-1.05l-.324-.998-.324.998h-1.05l.849.617-.324.998.849-.616.849.616zm11.921-7.562l-.849-.617h1.05l.324-.998.325.998h1.049l-.849.617.324.998-.849-.617-.849.617zm-1.107-4.285l-.849-.617h1.05l.324-.998.324.998h1.05l-.849.617.324.998-.849-.617-.849.617zm0 8.619l-.849-.617h1.05l.324-.998.324.998h1.05l-.849.617.324.998-.849-.617-.849.617zm-3.226-11.839l-.849-.617h1.05l.324-.998.324.998h1.05l-.849.617.324.998-.849-.617-.849.617zm0 15.067l-.849-.617h1.05l.324-.998.324.998h1.05l-.849.617.324.998-.849-.616-.849.616z" fill="#FC0"/></svg>                                            <span class="block ml-3 font-normal truncate dark:text-gray-300">
                                                EUR
                                            </span>
                                        </div>

                                        <div class="flex justify-end w-full">
                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </div>
                                    </li>
                                <!--[if ENDBLOCK]><![endif]-->                            </ul>

                        </div>
                    <!--[if ENDBLOCK]><![endif]-->
                    <div
                    x-data="{ cartCount: window.Livewire.find('bUxsPTr1gDjR8OhLdE7z').entangle('cartCount') }"
                    class="hidden py-4 lg:block">
                        <a href="/cart" class="relative text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700 ml-3">
                            <i class="text-2xl fa-regular fa-cart-shopping"></i>

                            <div
                            x-show="cartCount > 0"
                            class="absolute inline-flex items-center justify-center w-6 h-6 text-xs font-bold text-white bg-red-500 border-2 border-white rounded-full -top-4 -end-2 dark:border-gray-900"
                            style="display: none;">
                                <div x-text="cartCount"></div>
                            </div>
                        </a>
                    </div>
                    <!--[if BLOCK]><![endif]-->                        <!--[if BLOCK]><![endif]-->                            <div x-data="{ accountHover: false }"  class="items-center mt-6 mb-2 lg:flex lg:mt-0 lg:mb-0 ml-5">
                                <a id="accountDropdown" class="px-4 py-1 font-bold border-2 rounded-full cursor-pointer border-black dark:border-gray-700 whitespace-nowrap text-sm" @click="accountHover = !accountHover">
                                    Log In / Sign Up
                                </a>

                                <div  x-show="accountHover" x-transition @click.outside="accountHover = false"
                                class="static w-full mt-4 lg:ml-[-140px] p-4 origin-top-right bg-white dark:bg-gray-900 border dark:border-gray-700 lg:mt-0 lg:absolute lg:top-20 lg:rounded lg:shadow-md lg:w-72 max-w-[400px] text-sm" style="display: none;">
                                    <form @submit.prevent="getLoginToken" x-data="{
                                        getLoginToken() {
                                                                                        grecaptcha.ready(() => {
                                                grecaptcha.execute( '6Le8eZoUAAAAACvL0yuXhE6cd7XioIzzzi5a1br8', { action: 'Helpcom_Login' })
                                                .then( token => {
                                                    $wire.form.recaptchaToken = token;
                                                    $wire.submit();
                                                });
                                            });
                                                                                                                                }
                                    }">
                                    <input type="hidden" name="_token" value="kFxGSSmIcQbBZIefLTHmXtjJcu2OlOyUQiXVOYHj" autocomplete="off">                                        <div>Email Address </div>
                                        <div>
                                            <input id="login-component-email" name="email" type="email" wire:model="form.email" placeholder="name@example.com" class="border px-2 py-2 w-full rounded text-xs">
                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </div>
                                        <div class="mt-2">Password</div>
                                        <div>
                                            <input id="login-component-password" type="password" name="password" wire:model="form.password" placeholder="Password" class="border px-2 py-2 w-full rounded text-xs">
                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </div>
                                        <div class="mt-2">
                                            <button type="submit" id="login" class="bg-helpBlue text-white w-full rounded py-1.5 font-bold">Log In</button>
                                        </div>
                                        <div class="text-center mt-1 text-xs">
                                            <a id="accountForgotPassword" href="/forgot/password" class="text-helpBlue">Forgot Password</a>
                                        </div>
                                        <div class="text-center mt-1 text-xs">or</div>
                                        <div class="mt-1">
                                            <a id="accountRegister" href="/register" class="block text-center bg-helpGreen text-white rounded py-1.5 font-bold">Sign Up</a>
                                        </div>
                                        <div class="text-center mt-1 text-[10px] leading-tight">
                                            This site is protected by reCAPTCHA and the Google<br>
                                            <a href="/privacy" class="underline">Privacy Policy</a> and <a href="/terms" class="underline">Terms of Service</a> apply.
                                        </div>
                                    </form>
                                </div>
                            </div>
                        <!--[if ENDBLOCK]><![endif]-->                    <!--[if ENDBLOCK]><![endif]-->

                </div>
            </div>
        </div>
    </nav>
</header>
    <div class="pb-20 pt-[150px] lg:pt-[180px] px-6" id="searchContainer">
        <div class="w-full mx-auto xl:w-10/12 2xl:w-8/12">
            <div>
    
                </div>
            <div>
                <h1 class="text-4xl lg:text-[2.2rem] font-bold pb-4">Domain name registration and website hosting made easy!</h1>
                <div class="text-xl pb-10">Have an exciting website idea but don’t know where to start? Combine Help and AI to find a unique, memorable domain name.</div>
                <div wire:snapshot="{&quot;data&quot;:{&quot;modalDisplay&quot;:false,&quot;modalContent&quot;:&quot;default&quot;,&quot;buttonDisabled&quot;:false,&quot;messages&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;filterState&quot;:0,&quot;searchId&quot;:&quot;&quot;,&quot;specificTld&quot;:&quot;&quot;,&quot;displayOptions&quot;:[{&quot;hideinput&quot;:false,&quot;linkcart&quot;:false,&quot;front&quot;:true,&quot;noCheckout&quot;:false},{&quot;s&quot;:&quot;arr&quot;}],&quot;inputs&quot;:[{&quot;extensions&quot;:[{&quot;1&quot;:true,&quot;2&quot;:false},{&quot;s&quot;:&quot;arr&quot;}],&quot;maxWords&quot;:2,&quot;maxChar&quot;:12,&quot;vocabulary&quot;:1},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;fHO5GGx9sNMIKMd8gHYw&quot;,&quot;name&quot;:&quot;front.ai-suggestion&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;7094823d06384215f18291a200a6df7bdf1c4597f978f74332f5d4b07985d344&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;generateAISuggestion&quot;,&quot;displayMessage&quot;,&quot;enableSearch&quot;,&quot;resetSearch&quot;]}" wire:id="fHO5GGx9sNMIKMd8gHYw" x-data="{ modalDisplay: window.Livewire.find('fHO5GGx9sNMIKMd8gHYw').entangle('modalDisplay'), modalContent: window.Livewire.find('fHO5GGx9sNMIKMd8gHYw').entangle('modalContent'), buttonDisabled: window.Livewire.find('fHO5GGx9sNMIKMd8gHYw').entangle('buttonDisabled') }">
    <form @submit.prevent="getToken" x-data="{
        getToken() {
                            grecaptcha.ready(() => {
                    grecaptcha.execute( '6Le8eZoUAAAAACvL0yuXhE6cd7XioIzzzi5a1br8', { action: 'Helpcom_CHECKOUT' })
                    .then( token => {
                        $wire.inputs.recaptchaToken = token;
                        Livewire.dispatch('generateAISuggestion');
                    });
                });
                                }
    }" wire:redirect="false" x-show="true">
    <input type="hidden" name="_token" value="kFxGSSmIcQbBZIefLTHmXtjJcu2OlOyUQiXVOYHj" autocomplete="off">        <div class="grid text-xl">
            <div class="w-full mb-4 pr-4">
                <div class="flex items-center">
                    <textarea
                    rows="3"
                    id="mainIdea" 
                    name="mainIdea" 
                    wire:model="inputs.mainIdea"
                    class="w-full rounded-md border-2 border-helpBlue py-4 pl-6 pr-12 text-xl text-black dark:bg-gray-900 dark:text-white outline-none placeholder:italic"
                    placeholder="What's your idea in a few words? Or enter the exact domain here."
                    ></textarea>
                    
                    <i x-on:click="Livewire.dispatch('resetSearch');"
                    class="hidden fa-sharp fa-light fa-circle-xmark -ml-10 cursor-pointer"></i>
                </div>
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>

            <div class="w-full max-w-[300px] mb-4">
                <div class="flex">
                    <div class="pr-4">
                        <button 
                            type="submit"
                            id="btnSubmit"
                            x-bind:disabled="buttonDisabled"
                            class="bg-helpGreen hover:bg-helpGreenHover text-white cursor-pointer flex py-4 px-10 h-[64px] whitespace-nowrap font-bold text-xl rounded-full">
                            Start AI Search
                        </button>
                    </div>
                    <div id="toggleButton" wire:click="toggleFilter">
                        <i class="fa-light fa-sliders-up py-4 px-5 text-2xl bg-helpBlue hover:bg-helpBlueHover text-white text-center rounded-full cursor-pointer"></i>
                    </div>
                </div>
            </div>
        </div>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <div class="flex pb-4 w-full  hidden " id="filterContainer">
            <div class="shadow-lg rounded-3xl bg-white dark:bg-gray-900 dark:text-gray-300 w-full p-4 mt-4 md:p-6 border border-gray-300">
                <div class="float-right" wire:click="toggleFilter"><i class="fa-solid fa-xmark text-2xl cursor-pointer"></i></div>
                <div class="md:flex mb-4"> 
                    <div class="text-3xl font-bold mr-4">AI Prompt Controls</div> 
                    <div x-data="{ isBOpen: false }" class="relative cursor-pointer"> 
                        <div @mouseenter="isBOpen = true" @mouseleave="isBOpen = false" class="w-10 h-6 bg-helpBlue text-white text-center rounded-full text-xs pt-1 font-bold mt-2 cursor-pointer">Tip</div>                     
                        <div x-show="isBOpen" style="display: none;" class="absolute z-10 w-[300px] md:w-[600px] p-4 rounded shadow-lg text-md bg-gray-100 dark:bg-gray-800 dark:text-gray-300">
                            <p><strong>TIP:</strong> To search for a specific domain name, type your domain name followed by your desired tld e.g mydomain.com or example.net - Searching for a single keyword e.g "help" would return results for all extensions such as Help.com.au, help.net, Help.com.au.au etc.</p>
                        </div>
                    </div>
                </div>
                <div class="grid grid-cols-1 md:grid-cols-3 md:pb-4 ">
                    <div class="text-left pb-2 md:pr-6">
                        <label class="text-xl font-semibold leading-10">Domain Extensions</label>
                        <div class="flex">
                            <!--[if BLOCK]><![endif]-->                                <div class="form-check-custom rounded-3xl mr-2 flex items-center py-1 px-2 border border-helpBlue bg-[#eef4ff] dark:bg-gray-900">
                                    <input type="checkbox" id="Ext1" 
                                    name="tlds"
                                    wire:model.differ="inputs.extensions.1" value="1">
                                    <label class="form-check-label ps-1" for="Ext1">.com</label>
                                </div>
                                                            <div class="form-check-custom rounded-3xl mr-2 flex items-center py-1 px-2 border border-helpBlue bg-[#eef4ff] dark:bg-gray-900">
                                    <input type="checkbox" id="Ext2" 
                                    name="tlds"
                                    wire:model.differ="inputs.extensions.2" value="2">
                                    <label class="form-check-label ps-1" for="Ext2">.net</label>
                                </div>
                            <!--[if ENDBLOCK]><![endif]-->                            
                        </div>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
                    <div class="text-left pb-2 md:pr-6">
                        <label class="text-xl font-semibold leading-10">Target Location</label>
                        <input type="text" placeholder="Name of a place" 
                        name="targetLocation" id="targetLocation" wire:model="inputs.targetLocation" 
                        class="border border-gray-300 text-gray-900 rounded-full focus:ring-blue-500 focus:border-blue-500 block w-full px-4 py-2 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
                    <div class="text-left pb-2 md:pr-6">
                        <label class="text-xl font-semibold leading-10">Target Industry</label>
                        <input type="text" placeholder="Name of an industry" 
                        name="targetIndustry" id="targetIndustry" wire:model="inputs.targetIndustry" 
                        class="border border-gray-300 text-gray-900  rounded-full focus:ring-blue-500 focus:border-blue-500 block w-full px-4 py-2 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
                </div>

                <div class="grid grid-cols-1 md:grid-cols-3" id="domainSearchFilter">
                    <div class="text-left pb-2 md:pr-6">
                        <label class="text-xl font-semibold">Max Characters</label>
                        <div class="flex items-center pt-2">
                            <input type="number" max="24" min="1" 
                            wire:model="inputs.maxChar"
                            id="maxCharField"
                            class="mr-2 p-1 w-16 border rounded dark:bg-gray-900"></span>
                            <input 
                                type="range" 
                                max="24" 
                                min="1" 
                                id="maxCharSlider"
                                wire:model="inputs.maxChar"
                                class="bg-gray-200 rounded-lg appearance-none cursor-pointer h-1 w-full">
                        </div>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>

                    <div class="text-left pb-2 md:pr-6">
                        <label class="text-xl font-semibold">Words In Domain Name</label>
                        <div class="flex items-center pt-2">
                            <input type="number" max="5" min="1" 
                            wire:model.defer="inputs.maxWords"
                            id="maxWordField"
                            class="mr-2 p-1 w-16 border rounded dark:bg-gray-900"></span>
                            <input 
                                type="range" 
                                max="5" 
                                min="1" 
                                id="maxWordSlider"
                                wire:model.defer="inputs.maxWords"
                                class="bg-gray-200 rounded-lg appearance-none cursor-pointer h-1 w-full" >
                        </div>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>

                    <div class="text-left pb-2 md:pr-6">
                        <label class="text-xl font-semibold">Vocabulary</label>
                        <div class="flex items-center pt-2">
                            <span class="pe-2">Creative</span>
                            <input 
                                type="range" 
                                max="2" 
                                min="1" 
                                id="vocabularySlider"
                                wire:model="inputs.vocabulary"
                                class="bg-gray-200 rounded-lg appearance-none cursor-pointer h-1 w-full">
                            <span class="ps-2">Strict</span>
                        </div>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
                </div>
            </div>
        </div>
    </form>

    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    <div 
    x-show="modalDisplay"
    id="static-modal" 
    data-modal-backdrop="static" 
    tabindex="-1" 
    aria-hidden="true" 
    class="fixed inset-0 top-0 pt-20 lg:pt-0 right-0 left-0 bottom-0 bg-gray-900 bg-opacity-25 overflow-x-hidden overflow-y-auto z-[60] flex items-center justify-center"
    :class="{ 'no-doc-scroll' : modalDisplay, '' : !modalDisplay }" 
    style="display: none;">
        <div class="relative p-4 w-auto max-w-[31.25rem] mx-auto">
            <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
                
                <form wire:submit.prevent="" wire:redirect="false"><input type="hidden" name="_token" value="kFxGSSmIcQbBZIefLTHmXtjJcu2OlOyUQiXVOYHj" autocomplete="off"> 

                    <!--[if BLOCK]><![endif]-->                    <!-- Modal header -->
                    <div class="flex items-center justify-between px-4 py-2 border-b rounded-t dark:border-gray-600">
                        <div class="text-lg font-bold">
                Message
            </div>
                    </div>
                    <!--[if ENDBLOCK]><![endif]-->                    <!-- Modal body -->
                    <div class="p-4 md:px-4 md:py-2">
                        <template x-if=" (modalContent == 'limit') ">
                <div>
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </template>
                    </div>

                    <!--[if BLOCK]><![endif]-->                        <!-- Modal footer -->
                        <div class="flex items-center p-4 md:px-4 md:py-2 border-t border-gray-200 rounded-b dark:border-gray-600">
                            

                            <button type="button" x-on:click="modalDisplay = !modalDisplay" class="bg-helpDark hover:bg-helpDarkHover text-white py-1 px-2 rounded m-1"><i class="fa-light fa-circle-xmark me-1"></i>Close</button>
                        </div>
                    <!--[if ENDBLOCK]><![endif]-->                </form> 

            </div>
        </div>
    </div>
    </div>            </div>
        </div>
    </div>

    <div class="" id="">
        
        <div class="bg-helpAlabaster px-6 pt-12 pb-16 dark:bg-gray-800">
            <div class="w-full mx-auto xl:w-10/12 2xl:w-8/12 text-xl">
                <div class="text-3xl font-bold">Already have a website? Selecting the right web hosting plan is just as easy. </div>
                <div wire:snapshot="{&quot;data&quot;:{&quot;billingCycle&quot;:&quot;monthly&quot;,&quot;modalSize&quot;:false,&quot;editName&quot;:null,&quot;editType&quot;:&quot;&quot;,&quot;currency&quot;:&quot;USD&quot;,&quot;domainName&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;displayOptions&quot;:[{&quot;lockCycle&quot;:false,&quot;noDetails&quot;:false,&quot;noRedirect&quot;:false,&quot;noGuide&quot;:false},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;AurAWXy2lsgGI77QnluA&quot;,&quot;name&quot;:&quot;front.hosting-plans&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;f3d9b3c37cdfd19d3b3ea14b8839d97bf803e8b3cd83aa83d976b41e899ea103&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;editHostingType&quot;,&quot;addHosting&quot;,&quot;bindHosting&quot;]}" wire:id="AurAWXy2lsgGI77QnluA" class="mt-12">
    <div 
    x-data="{ detailContainers: false }"
    class="grid lg:flex text-xl lg:space-x-6">
        <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <div class="w-full lg:w-4/12">
                    <div class="border dark:border-gray-600 shadow-xl rounded-lg mb-6 dark:text-white">                        
                        <div><img src="/images/starter.jpg" width="100%" height="auto" class="rounded-t-lg"></div>
                        <div class="text-center py-10 px-4">
                            <div class="font-bold pb-4 whitespace-nowrap text-[24px]">
                                Starter
                            </div>
                            <div class="pb-6 text-[18px] xl:text-[22px] max-w-[auto] lg:max-w-[300px] m-auto lg:h-[125px]">
                                Ideal for student web hosting or smaller website functionality.
                            </div>
                            
                            <div class="">
                                <span class="text-4xl font-bold ">
                                    USD $5.00                                </span>/mo
                            </div>

                            <div class="relative">
                                <!--[if BLOCK]><![endif]-->                                    <span class="text-2xl">You pay USD $60.00/yr</span>
                                <!--[if ENDBLOCK]><![endif]-->                            </div>

                            <!--[if BLOCK]><![endif]-->                                <div class="py-2">
                                    <!--[if BLOCK]><![endif]-->                                        <div>
                                            <a id="hosting1Annually"
                                                wire:click="switchHostingPlan('annually')"
                                                class="text-helpBlue text-2xl font-bold cursor-pointer">
                                                Change
                                            </a>
                                            <font class="text-helpGreen text-2xl font-bold">
                                                to Annual and
                                            </font>
                                        </div>
                                        <span class="text-2xl font-bold text-helpGreen">
                                            Save USD $10.00/yr
                                        </span>
                                    <!--[if ENDBLOCK]><![endif]-->                                    
                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                </div>
                            <!--[if ENDBLOCK]><![endif]-->   
                            
                            <div class="py-4">
                                <!--[if BLOCK]><![endif]-->                                    <div
									id="getStarted1"
                                    x-on:click="Livewire.dispatch('addHosting',{package: 'Starter', billingCycle: 'monthly'})" 
                                    class="block w-full px-6 py-3 text-xl font-bold text-white rounded-full cursor-pointer bg-helpGreen hover:bg-helpGreenHover">
                                        Get Started
                                    </div>
                                <!--[if ENDBLOCK]><![endif]-->                            </div>

                            <!--[if BLOCK]><![endif]-->                                <div class="text-[16px]">                               
                                    <div class="mb-3 text-helpGreen">
                                        <i class="fa-regular fa-circle-check"></i> No Lock-In Contract
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-light fa-envelopes text-helpBlue mr-2"></i> 2 Email Accounts 
                                    </div>                                
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-cloud text-helpBlue mr-2"></i> 2GB Website Storage 
                                    </div>
                                </div>  
                                <div 
                                    x-show=" !detailContainers "
                                    x-on:click=" detailContainers = true "
                                    class="text-[16px] cursor-pointer text-helpBlue">
                                    <i class="fa-solid fa-plus"></i> More Details
                                </div>
                                
                                <div class="text-[16px]" x-show="detailContainers">
                                    <div class="mb-3 mt-3 flex items-center justify-center">
                                        <i class="fa-regular fa-window text-helpBlue mr-2"></i> 0 Sub Domains 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-file-certificate text-helpBlue mr-2"></i> Free Secure Certificates 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-database text-helpBlue mr-2"></i> Unlimited Database 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-floppy-disk text-helpBlue mr-2"></i> Daily Backups 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-swap text-helpBlue mr-2"></i> Free Website Migration 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-solid fa-headset text-helpBlue mr-2"></i> 24 Hour Email Support 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-message text-helpBlue mr-2"></i> Live Chat Support 
                                    </div>
                                </div>
                            <!--[if ENDBLOCK]><![endif]-->                        </div>
                    </div>
                </div>
                            <div class="w-full lg:w-4/12">
                    <div class="border dark:border-gray-600 shadow-xl rounded-lg mb-6 dark:text-white">                        
                        <div><img src="/images/sole trader.jpg" width="100%" height="auto" class="rounded-t-lg"></div>
                        <div class="text-center py-10 px-4">
                            <div class="font-bold pb-4 whitespace-nowrap text-[24px]">
                                Sole Trader
                            </div>
                            <div class="pb-6 text-[18px] xl:text-[22px] max-w-[auto] lg:max-w-[300px] m-auto lg:h-[125px]">
                                Great for start-ups web hosting or sole traders with up to 10 staff.
                            </div>
                            
                            <div class="">
                                <span class="text-4xl font-bold ">
                                    USD $10.00                                </span>/mo
                            </div>

                            <div class="relative">
                                <!--[if BLOCK]><![endif]-->                                    <span class="text-2xl">You pay USD $120.00/yr</span>
                                <!--[if ENDBLOCK]><![endif]-->                            </div>

                            <!--[if BLOCK]><![endif]-->                                <div class="py-2">
                                    <!--[if BLOCK]><![endif]-->                                        <div>
                                            <a id="hosting2Annually"
                                                wire:click="switchHostingPlan('annually')"
                                                class="text-helpBlue text-2xl font-bold cursor-pointer">
                                                Change
                                            </a>
                                            <font class="text-helpGreen text-2xl font-bold">
                                                to Annual and
                                            </font>
                                        </div>
                                        <span class="text-2xl font-bold text-helpGreen">
                                            Save USD $20.00/yr
                                        </span>
                                    <!--[if ENDBLOCK]><![endif]-->                                    
                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                </div>
                            <!--[if ENDBLOCK]><![endif]-->   
                            
                            <div class="py-4">
                                <!--[if BLOCK]><![endif]-->                                    <div
									id="getStarted2"
                                    x-on:click="Livewire.dispatch('addHosting',{package: 'Sole Trader', billingCycle: 'monthly'})" 
                                    class="block w-full px-6 py-3 text-xl font-bold text-white rounded-full cursor-pointer bg-helpGreen hover:bg-helpGreenHover">
                                        Get Started
                                    </div>
                                <!--[if ENDBLOCK]><![endif]-->                            </div>

                            <!--[if BLOCK]><![endif]-->                                <div class="text-[16px]">                               
                                    <div class="mb-3 text-helpGreen">
                                        <i class="fa-regular fa-circle-check"></i> No Lock-In Contract
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-light fa-envelopes text-helpBlue mr-2"></i> 10 Email Accounts 
                                    </div>                                
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-cloud text-helpBlue mr-2"></i> 4GB Website Storage 
                                    </div>
                                </div>  
                                <div 
                                    x-show=" !detailContainers "
                                    x-on:click=" detailContainers = true "
                                    class="text-[16px] cursor-pointer text-helpBlue">
                                    <i class="fa-solid fa-plus"></i> More Details
                                </div>
                                
                                <div class="text-[16px]" x-show="detailContainers">
                                    <div class="mb-3 mt-3 flex items-center justify-center">
                                        <i class="fa-regular fa-window text-helpBlue mr-2"></i> 5 Sub Domains 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-file-certificate text-helpBlue mr-2"></i> Free Secure Certificates 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-database text-helpBlue mr-2"></i> Unlimited Database 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-floppy-disk text-helpBlue mr-2"></i> Daily Backups 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-swap text-helpBlue mr-2"></i> Free Website Migration 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-solid fa-headset text-helpBlue mr-2"></i> 24 Hour Email Support 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-message text-helpBlue mr-2"></i> Live Chat Support 
                                    </div>
                                </div>
                            <!--[if ENDBLOCK]><![endif]-->                        </div>
                    </div>
                </div>
                            <div class="w-full lg:w-4/12">
                    <div class="border dark:border-gray-600 shadow-xl rounded-lg mb-6 dark:text-white">                        
                        <div><img src="/images/small-medium business.jpg" width="100%" height="auto" class="rounded-t-lg"></div>
                        <div class="text-center py-10 px-4">
                            <div class="font-bold pb-4 whitespace-nowrap text-[24px]">
                                Small-Medium Business
                            </div>
                            <div class="pb-6 text-[18px] xl:text-[22px] max-w-[auto] lg:max-w-[300px] m-auto lg:h-[125px]">
                                Best for businesses with up to 50 staff, e-commerce and multiple domains.
                            </div>
                            
                            <div class="">
                                <span class="text-4xl font-bold ">
                                    USD $20.00                                </span>/mo
                            </div>

                            <div class="relative">
                                <!--[if BLOCK]><![endif]-->                                    <span class="text-2xl">You pay USD $240.00/yr</span>
                                <!--[if ENDBLOCK]><![endif]-->                            </div>

                            <!--[if BLOCK]><![endif]-->                                <div class="py-2">
                                    <!--[if BLOCK]><![endif]-->                                        <div>
                                            <a id="hosting3Annually"
                                                wire:click="switchHostingPlan('annually')"
                                                class="text-helpBlue text-2xl font-bold cursor-pointer">
                                                Change
                                            </a>
                                            <font class="text-helpGreen text-2xl font-bold">
                                                to Annual and
                                            </font>
                                        </div>
                                        <span class="text-2xl font-bold text-helpGreen">
                                            Save USD $40.00/yr
                                        </span>
                                    <!--[if ENDBLOCK]><![endif]-->                                    
                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                </div>
                            <!--[if ENDBLOCK]><![endif]-->   
                            
                            <div class="py-4">
                                <!--[if BLOCK]><![endif]-->                                    <div
									id="getStarted3"
                                    x-on:click="Livewire.dispatch('addHosting',{package: 'Small-Medium Business', billingCycle: 'monthly'})" 
                                    class="block w-full px-6 py-3 text-xl font-bold text-white rounded-full cursor-pointer bg-helpGreen hover:bg-helpGreenHover">
                                        Get Started
                                    </div>
                                <!--[if ENDBLOCK]><![endif]-->                            </div>

                            <!--[if BLOCK]><![endif]-->                                <div class="text-[16px]">                               
                                    <div class="mb-3 text-helpGreen">
                                        <i class="fa-regular fa-circle-check"></i> No Lock-In Contract
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-light fa-envelopes text-helpBlue mr-2"></i> 50 Email Accounts 
                                    </div>                                
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-cloud text-helpBlue mr-2"></i> 6GB Website Storage 
                                    </div>
                                </div>  
                                <div 
                                    x-show=" !detailContainers "
                                    x-on:click=" detailContainers = true "
                                    class="text-[16px] cursor-pointer text-helpBlue">
                                    <i class="fa-solid fa-plus"></i> More Details
                                </div>
                                
                                <div class="text-[16px]" x-show="detailContainers">
                                    <div class="mb-3 mt-3 flex items-center justify-center">
                                        <i class="fa-regular fa-window text-helpBlue mr-2"></i> 10 Sub Domains 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-file-certificate text-helpBlue mr-2"></i> Free Secure Certificates 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-database text-helpBlue mr-2"></i> Unlimited Database 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-floppy-disk text-helpBlue mr-2"></i> Daily Backups 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-swap text-helpBlue mr-2"></i> Free Website Migration 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-solid fa-headset text-helpBlue mr-2"></i> 24 Hour Email Support 
                                    </div>
                                    <div class="mb-3 flex items-center justify-center">
                                        <i class="fa-regular fa-message text-helpBlue mr-2"></i> Live Chat Support 
                                    </div>
                                </div>
                            <!--[if ENDBLOCK]><![endif]-->                        </div>
                    </div>
                </div>
            <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->    </div>

    <!--[if BLOCK]><![endif]-->        <div class="pt-12 text-2xl">
            Use our <a href="/hosting-plan-guide" class="text-helpBlue">Hosting Plan Guide</a> if you are not sure which one is best for you.
        </div>
    <!--[if ENDBLOCK]><![endif]--></div>            </div>
        </div>

        <div class="px-6 py-16">
            <div class="w-full mx-auto xl:w-10/12 2xl:w-8/12 text-xl">
                <h2 class="text-3xl font-bold">Starting a new business can feel challenging; that’s why we’re here to Help.</h2><br><br>
                
                <div class="ml-8">
                    <ul class="list-none p-0">
                      <li class="flex items-center space-x-2 mb-4">
                        <i class="fa-solid fa-arrow-right"></i>
                        <a href="/domains" class="text-helpBlue font-bold">Domain names & registration</a>
                      </li>
                      <li class="flex items-center space-x-2 mb-4">
                        <i class="fa-solid fa-arrow-right"></i>
                        <a href="/web-hosting" class="text-helpBlue font-bold">Website hosting packages</a>
                      </li>
                      <li class="flex items-center space-x-2 mb-4">
                        <i class="fa-solid fa-arrow-right"></i>
                        <a href="/website-builder" class="text-helpBlue font-bold">Free AI Website building services</a>
                      </li>
                       <li class="flex items-center space-x-2 mb-4">
                        <i class="fa-solid fa-arrow-right"></i>
                        <a href="/seo-digital-marketing" class="text-helpBlue font-bold">Digital marketing professionals</a>
                      </li>
                    </ul>
                </div>
            </div>            
        </div>

        <div class="bg-helpAlabaster px-6 py-16 dark:bg-gray-800">
            <div class="w-full mx-auto xl:w-10/12 2xl:w-8/12 text-xl">
                <h2 class="text-3xl font-bold">How it works</h2>

                <div class="mt-10"><strong>Step 1 - Search for and register your ideal domain name</strong></div>
                <div class="mt-3">Create your own <a href="/domains" class="text-helpBlue">domain name</a> or search for an available domain and simply click through to register it swiftly and securely.</div>
                
                <div class="mt-10"><strong>Step 2 - Select the hosting package to suit your needs</strong></div>
                <div class="mt-3">Choose the <a href="/web-hosting" class="text-helpBlue">hosting package</a> to suit your needs with no lock-in contract and the option to upgrade or downgrade anytime.</div>
                
                
                <div class="mt-10"><strong>Step 3 - Build your website for Free with our AI</strong></div>
                <div class="mt-3">Use our AI to build your very own WordPress website for FREE in minutes. Use the Help.com.au <a href="/website-builder" class="text-helpBlue">AI website builder</a> to get you started, without breaking the bank.</div>
                
                <div class="mt-10"><strong>Step 4 - Promote your website</strong></div>
                <div class="mt-3">Implement <a href="/seo-digital-marketing" class="text-helpBlue">strategic digital marketing</a> to optimize your website’s content and keywords, boosting online visibility.</div>
            </div>
        </div>
        

        <div class="px-6 pt-16 pb-20">
            <div class="w-full mx-auto xl:w-10/12 2xl:w-8/12 text-xl">
                <h2 class="text-3xl font-bold">Backed by the experts</h2><br> 
                Help.com.au is part of <a href="https://www.trillion.com/" target="_blank" class="text-helpBlue">Trillion</a>, enabling companies to create and market their online potential since 1997. With offices and staff worldwide, we deliver top-tier web domain names, domain registration, web hosting and digital marketing services.
                <br><br><br>
                <a href="/our-team" class="bg-helpBlue hover:bg-helpBlueHover text-white font-bold text-lg py-3 px-6 rounded-full cursor-pointer">Meet Our Team</a>
            </div>            
        </div>


        <div class="bg-helpAlabaster px-6 py-16 dark:bg-gray-800">
            <div class="w-full mx-auto xl:w-10/12 2xl:w-8/12 text-xl">
                <h2 class="text-3xl font-bold">Want to buy an existing domain?</h2><br>
                Have you found your perfect domain name, but it's already taken? With deep industry networks and experience, our <a href="/domain-brokerage" class="text-helpBlue">brokers</a> will negotiate to buy and sell domains on your behalf, helping secure the best deal.<br><br>

                Enter the domain you would like to buy:
            </div>
            <div wire:snapshot="{&quot;data&quot;:{&quot;inputs&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;modalDisplay&quot;:false,&quot;modalContent&quot;:&quot;form&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;W8RvGpI57U5LwmKspmpR&quot;,&quot;name&quot;:&quot;front.find-domain&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;a96bf0d586655e97eef802c8fc71ea2bceef42d3c8c0183bf5769611f609cb51&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;sendEmail&quot;]}" wire:id="W8RvGpI57U5LwmKspmpR" x-data="{ modalDisplay: window.Livewire.find('W8RvGpI57U5LwmKspmpR').entangle('modalDisplay'), modalContent: window.Livewire.find('W8RvGpI57U5LwmKspmpR').entangle('modalContent')}">
    <div class="w-full mx-auto xl:w-10/12 2xl:w-8/12 text-xl">        
        <div class="flex py-3 w-full mt-4">
            <div class="flex w-full" style="max-width: 900px">
                <input 
                    type="text" 
                    id="findDomain" 
                    name="findDomain" 
                    wire:model="inputs.findDomain"
                    class="w-full rounded border py-4 px-6 text-xl lg:text-2xl text-black rounded-full" 
                    placeholder="Enter Domain Here" onfocus="this.placeholder = '';" onblur="this.placeholder = 'Enter Domain Here';" style="border-color: #ccc;outline: 0">

                <button 
                    type="button"
                    x-on:click="modalContent = 'form'; modalDisplay = !modalDisplay; "
                    class="flex items-center ml-4 py-4 px-8 whitespace-nowrap font-bold bg-helpGreen hover:bg-helpGreenHover rounded-full text-xl text-white cursor-pointer">
                    Next
                </button>
            </div>
        </div>
    </div>

    <div 
    x-show="modalDisplay"
    id="static-modal" 
    data-modal-backdrop="static" 
    tabindex="-1" 
    aria-hidden="true" 
    class="fixed inset-0 top-0 pt-20 lg:pt-0 right-0 left-0 bottom-0 bg-gray-900 bg-opacity-25 overflow-x-hidden overflow-y-auto z-[60] flex items-center justify-center"
    :class="{ 'no-doc-scroll' : modalDisplay, '' : !modalDisplay }" 
    style="display: none;">
        <div class="relative p-4 w-auto max-w-[31.25rem] mx-auto">
            <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
                
                <form wire:submit.prevent="" wire:redirect="false"><input type="hidden" name="_token" value="kFxGSSmIcQbBZIefLTHmXtjJcu2OlOyUQiXVOYHj" autocomplete="off"> 

                    <!--[if BLOCK]><![endif]-->                    <!-- Modal header -->
                    <div class="flex items-center justify-between px-4 py-2 border-b rounded-t dark:border-gray-600">
                        <div class="text-lg font-bold">
                <template x-if="modalContent == 'form'">
                    <div>Need Help Buying An Existing Domain?</div>
                </template>
                <template x-if="modalContent == 'success'">
                    <div>You're all Set</div>
                </template>
            </div>
                    </div>
                    <!--[if ENDBLOCK]><![endif]-->                    <!-- Modal body -->
                    <div class="p-4 md:px-4 md:py-2">
                        <template x-if="modalContent == 'form'">
                <div>
                    <div class="mb-2">We just need a few details first:</div>
                    <div class="mb-2">
                        <label class="">Domain*</label>
                        <label for="findDomain" class="block w-full mb-3">
    <!--[if BLOCK]><![endif]-->        <div class="col-span-2 ">
            
            
        </div>
    <!--[if ENDBLOCK]><![endif]-->    <div class="flex items-stretch w-full" x-data="{ show: true }">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <input
            :type="show ? 'text' :  'text'"
            name="findDomain"
            id="findDomain"
            wire:model="inputs.findDomain" placeholder="Domain"
            class="block border px-3 py-1.5 w-full last:rounded-r-lg bg-gray-50 dark:bg-gray-700 dark:placeholder-gray-400 text-gray-900 dark:text-white border-gray-300 dark:border-gray-600 focus:ring-blue-500 focus:border-blue-500 rounded-l-lg"
        />
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>

    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></label>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>

                    <div class="mb-2">
                        <label class="">Name*</label>
                        <label for="fullname" class="block w-full mb-3">
    <!--[if BLOCK]><![endif]-->        <div class="col-span-2 ">
            
            
        </div>
    <!--[if ENDBLOCK]><![endif]-->    <div class="flex items-stretch w-full" x-data="{ show: true }">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <input
            :type="show ? 'text' :  'text'"
            name="fullname"
            id="fullname"
            wire:model="inputs.fullname" placeholder="Name"
            class="block border px-3 py-1.5 w-full last:rounded-r-lg bg-gray-50 dark:bg-gray-700 dark:placeholder-gray-400 text-gray-900 dark:text-white border-gray-300 dark:border-gray-600 focus:ring-blue-500 focus:border-blue-500 rounded-l-lg"
        />
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>

    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></label>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>

                    <div class="mb-2">
                        <label class="">Email*</label>
                        <label for="email" class="block w-full mb-3">
    <!--[if BLOCK]><![endif]-->        <div class="col-span-2 ">
            
            
        </div>
    <!--[if ENDBLOCK]><![endif]-->    <div class="flex items-stretch w-full" x-data="{ show: true }">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <input
            :type="show ? 'email' :  'text'"
            name="email"
            id="email"
            wire:model="inputs.email" placeholder="Email"
            class="block border px-3 py-1.5 w-full last:rounded-r-lg bg-gray-50 dark:bg-gray-700 dark:placeholder-gray-400 text-gray-900 dark:text-white border-gray-300 dark:border-gray-600 focus:ring-blue-500 focus:border-blue-500 rounded-l-lg"
        />
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>

    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></label>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>

                    <div class="mb-2">
                        <label class="">Phone*</label>
                        <input type="text"
                        id="phone"
                        name="phone"
                        wire:model="inputs.phone"
                        x-on:blur.change="fetchFullPhone()"
                        x-init="()=> { myIntlTelInput(); }"
                        class="bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full px-2.5 py-2 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                        <input type="hidden" id="fullphone" wire:model="inputs.fullPhone">
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>

                    <div class="mb-2">
                        <label class="">Company Name*</label>
                        <label for="companyName" class="block w-full mb-3">
    <!--[if BLOCK]><![endif]-->        <div class="col-span-2 ">
            
            
        </div>
    <!--[if ENDBLOCK]><![endif]-->    <div class="flex items-stretch w-full" x-data="{ show: true }">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <input
            :type="show ? 'text' :  'text'"
            name="companyName"
            id="companyName"
            wire:model="inputs.companyName" placeholder="Company Name"
            class="block border px-3 py-1.5 w-full last:rounded-r-lg bg-gray-50 dark:bg-gray-700 dark:placeholder-gray-400 text-gray-900 dark:text-white border-gray-300 dark:border-gray-600 focus:ring-blue-500 focus:border-blue-500 rounded-l-lg"
        />
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>

    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></label>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>

                    <div class="mb-2">
                        <label class="">Budget*</label>
                        <select
                        autocomplete="off"
                        id="budget"
                        wire:model="inputs.budget"
                        class="bg-gray-50 py-2 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full px-2.5 py-1 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                            <option value="">Please select your budget</option>
                            <option value="Less than $1,000">Less than $1,000</option>
                            <option value="$1,000 - $5,000">$1,000 - $5,000</option>
                            <option value="$5,000 - $10,000">$5,000 - $10,000</option>
                            <option value="$10,000 - $20,000">$10,000 - $20,000</option>
                            <option value="$20,000 - $50,000">$20,000 - $50,000</option>
                            <option value="$50,000 - $100,000">$50,000 - $100,000</option>
                            <option value="$100,000+">$100,000+</option>
                        </select>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
                </div>
            </template>
            <template x-if="modalContent == 'success'">
                <div>Our Domain Experts will review your submission and get back to you ASAP!</div>
            </template>
                    </div>

                    <!--[if BLOCK]><![endif]-->                        <!-- Modal footer -->
                        <div class="flex items-center p-4 md:px-4 md:py-2 border-t border-gray-200 rounded-b dark:border-gray-600">
                            

                            <template x-if="modalContent == 'form'">
                <div class="flex w-full">
                    <button type="button"
                    x-on:click=" Livewire.dispatch('sendEmail'); "
                    class="w-full px-2 font-bold py-2 m-1 text-white rounded-full bg-helpGreen hover:bg-helpGreenHover">
                        Get Help
                    </button>

                    <button type="button" 
                    x-on:click="modalDisplay = !modalDisplay" 
                    class="bg-helpDark flex items-center hover:bg-helpDarkHover text-white py-2 px-2 rounded-full m-1">
                        <i class="fa-light fa-circle-xmark me-1"></i>Close
                    </button>
                </div>
            </template>

            <template x-if="modalContent == 'success'">
                <button type="button" 
                x-on:click="modalDisplay = !modalDisplay" 
                class="bg-helpGreen w-full hover:bg-helpGreenHover text-white py-2 px-2 rounded m-1">
                    <i class="fa-light fa-circle-xmark me-1"></i>Close
                </button>
            </template>
                        </div>
                    <!--[if ENDBLOCK]><![endif]-->                </form> 

            </div>
        </div>
    </div>
    <!--[if BLOCK]><![endif]-->
  <!--[if BLOCK]><![endif]-->    <style>.iti{width:100%}
</style>
  <!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->
  <!--[if BLOCK]><![endif]-->    <script async>
        var laravelTelInputConfig = {"allowDropdown":true,"autoHideDialCode":true,"autoPlaceholder":"polite","customContainer":"","customPlaceholder":null,"dropdownContainer":null,"excludeCountries":[],"formatOnDisplay":true,"geoIpLookup":"ipinfo","initialCountry":"AU","localizedCountries":[],"nationalMode":true,"onlyCountries":[],"placeholderNumberType":"MOBILE","preferredCountries":["AU","US","NZ"],"separateDialCode":true,"utilsScript":"\/vendor\/intl-tel-input\/build\/js\/utils.js"};
        (()=>{var e,t={166:()=>{!function(){"use strict";function e(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,a="".concat(e,"=").concat(t,";");if(n){var r=new Date;r.setTime(r.getTime()+24*n*60*60*1e3),a+="expires=".concat(r.toUTCString(),";")}o&&(a+="path=".concat(o,";")),i&&(a+="domain=".concat(i,";")),document.cookie=a}function t(e){for(var t=e+"=",n=document.cookie.split(";"),o=0;o<n.length;o++){for(var i=n[o];" "==i.charAt(0);)i=i.substring(1);if(0==i.indexOf(t))return i.substring(t.length,i.length)}return""}function n(n){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i="IntlTelInputSelectedCountry_".concat(n.dataset.phoneInputId);window.intlTelInputGlobals.autoCountry=t(i)||window.intlTelInputGlobals.autoCountry;var a=n.closest("form");if(a&&a.setAttribute("autocomplete","off"),null==o.geoIpLookup)delete o.geoIpLookup;else if("ipinfo"===o.geoIpLookup)o.geoIpLookup=function(n,o){var a=t(i);a?n(a):fetch("https://ipinfo.io/json").then((function(e){return e.json()})).then((function(e){return e})).then((function(t){var o,a=null===(o=t.country)||void 0===o?void 0:o.toUpperCase();n(a),e(i,a)})).catch((function(e){return n("US")}))};else if("function"==typeof window[o.geoIpLookup])o.geoIpLookup=window[o.geoIpLookup];else{if("function"!=typeof o.geoIpLookup)throw new TypeError("Laravel-Tel-Input: Undefined function '".concat(o.geoIpLookup,"' specified in tel-input.options.geoIpLookup."));delete o.geoIpLookup}if(null==o.customPlaceholder)delete o.customPlaceholder;else if("function"==typeof window[o.customPlaceholder])o.customPlaceholder=window[o.customPlaceholder];else{if("function"!=typeof o.customPlaceholder)throw new TypeError("Laravel-Tel-Input: Undefined function '".concat(o.customPlaceholder,"' specified in tel-input.options.customPlaceholder."));delete o.customPlaceholder}o.utilsScript&&(o.utilsScript="/"==o.utilsScript.charAt(0)?o.utilsScript:"/"+o.utilsScript);var r=window.intlTelInput(n,o),u=function(){var t=r.getSelectedCountryData();if(t.iso2){var o;if(e(i,null===(o=t.iso2)||void 0===o?void 0:o.toUpperCase()),this.dataset.phoneCountryInput&&t.iso2){var a=document.querySelector(this.dataset.phoneCountryInput);if(a){var u,l,c=null===(u=a.value)||void 0===u?void 0:u.trim();a.value=null===(l=t.iso2)||void 0===l?void 0:l.toUpperCase(),a.value===c&&""==a.value||a.dispatchEvent(new KeyboardEvent("change"))}}if(this.dataset.phoneDialCodeInput&&t.dialCode){var d=document.querySelector(this.dataset.phoneDialCodeInput);if(d){var v=d.value;d.value=t.dialCode,d.value===v&&""==d.value||d.dispatchEvent(new KeyboardEvent("change"))}}n.dispatchEvent(new KeyboardEvent("change"))}},l=function(){if(this.dataset.phoneInput){var e=document.querySelector(this.dataset.phoneInput);if(e){var t,n,o,i,a=null===(t=e.value)||void 0===t?void 0:t.trim();if(""!=a&&"+"!=a.charAt(0)&&"0"!=a.charAt(0)&&null===r.isValidNumber()&&(a="+".concat(a),e.value=a),""!=(null===(n=r.getNumber())||void 0===n?void 0:n.trim())?r.isValidNumber()?e.value=r.getNumber():e.value="":""!=a&&null===r.isValidNumber()&&(r.setNumber(a),e.value=r.getNumber()),e.value===a||""==e.value||!0!==r.isValidNumber()&&null!==r.isValidNumber()){if(!1===r.isValidNumber())e.dispatchEvent(new KeyboardEvent("change")),e.dispatchEvent(new KeyboardEvent("input")),e.dispatchEvent(new CustomEvent("telchange",{detail:{valid:!1,validNumber:e.value,number:r.getNumber(),country:null===(o=r.getSelectedCountryData().iso2)||void 0===o?void 0:o.toUpperCase(),countryName:r.getSelectedCountryData().name,dialCode:r.getSelectedCountryData().dialCode}}))}else e.dispatchEvent(new KeyboardEvent("change")),e.dispatchEvent(new KeyboardEvent("input")),e.dispatchEvent(new CustomEvent("telchange",{detail:{valid:!0,validNumber:e.value,number:r.getNumber(),country:null===(i=r.getSelectedCountryData().iso2)||void 0===i?void 0:i.toUpperCase(),countryName:r.getSelectedCountryData().name,dialCode:r.getSelectedCountryData().dialCode}}))}}};if(n.removeEventListener("countrychange",u),n.addEventListener("countrychange",u),n.removeEventListener("change",l),n.addEventListener("change",l),n.dataset.phoneInput){var c=document.querySelector(n.dataset.phoneInput);if(c){var d,v=null===(d=c.value)||void 0===d?void 0:d.trim();""!=v&&"+"!=v.charAt(0)&&"0"!=v.charAt(0)&&(v="+".concat(v));var s=function(){var e,t=null===(e=this.value)||void 0===e?void 0:e.trim();t!=v&&""!=t&&r.setNumber(t)};c.removeEventListener("change",s),c.addEventListener("change",s)}}if(n.dataset.phoneCountryInput){var p=document.querySelector(n.dataset.phoneCountryInput);if(p){var h=function(){var e;r.setCountry(null===(e=this.value)||void 0===e?void 0:e.trim())};p.removeEventListener("change",h),p.addEventListener("change",h)}}n.dispatchEvent(new KeyboardEvent("countrychange")),document.addEventListener("turbolinks:load",(function(){n&&n.dispatchEvent(new KeyboardEvent("countrychange"))})),document.addEventListener("turbo:load",(function(){n&&n.dispatchEvent(new KeyboardEvent("countrychange"))}))}function o(){if("function"!=typeof window.intlTelInput)throw new TypeError("Laravel-Tel-Input: requires International Telephone Input (https://github.com/jackocnr/intl-tel-input). Please install with NPM or include the CDN.");var e=laravelTelInputConfig,t=document.querySelectorAll(".iti--laravel-tel-input");if(t.length>0)for(var o=0;o<t.length;o++)n(t[o],e)}document.addEventListener("DOMContentLoaded",(function(){setTimeout((function(){o()}),5),document.addEventListener("telDOMChanged",(function(){setTimeout((function(){o()}),5)})),window.Livewire&&window.Livewire.hook("component.initialized",(function(e){setTimeout((function(){o()}),5)}))}))}()},76:()=>{}},n={};function o(e){var i=n[e];if(void 0!==i)return i.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.m=t,e=[],o.O=(t,n,i,a)=>{if(!n){var r=1/0;for(d=0;d<e.length;d++){for(var[n,i,a]=e[d],u=!0,l=0;l<n.length;l++)(!1&a||r>=a)&&Object.keys(o.O).every((e=>o.O[e](n[l])))?n.splice(l--,1):(u=!1,a<r&&(r=a));if(u){e.splice(d--,1);var c=i();void 0!==c&&(t=c)}}return t}a=a||0;for(var d=e.length;d>0&&e[d-1][2]>a;d--)e[d]=e[d-1];e[d]=[n,i,a]},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={237:0,960:0};o.O.j=t=>0===e[t];var t=(t,n)=>{var i,a,[r,u,l]=n,c=0;for(i in u)o.o(u,i)&&(o.m[i]=u[i]);if(l)var d=l(o);for(t&&t(n);c<r.length;c++)a=r[c],o.o(e,a)&&e[a]&&e[a][0](),e[r[c]]=0;return o.O(d)},n=self.webpackChunk=self.webpackChunk||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),o.O(void 0,[960],(()=>o(166)));var i=o.O(void 0,[960],(()=>o(76)));i=o.O(i)})();
    </script>
  <!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@19.5.7/build/css/intlTelInput.css">
    <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@19.5.7/build/js/intlTelInput.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/19.5.7/js/utils.js"></script>
    
    </div>        </div>
    </div>
    
    <div wire:snapshot="{&quot;data&quot;:{&quot;cartCount&quot;:0},&quot;memo&quot;:{&quot;id&quot;:&quot;qtA9zT7Ly9WL4XxSyKPr&quot;,&quot;name&quot;:&quot;front.sticky-cart&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;d0b0a1fae09ef8f58ecc929441c016266a92cff4522065e038e8bce6f0ed89f5&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;updateCartNumber&quot;,&quot;changeCurrency&quot;]}" wire:id="qtA9zT7Ly9WL4XxSyKPr" 
class="hidden z-50 fixed bottom-0 w-full p-4 shadow bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-300 border-b dark:border-gray-700 drop-shadow-[0_-5px_5px_rgba(0,0,0,0.1)]">
    <div class="w-full mx-auto xl:w-10/12 2xl:w-8/12 grid grid-cols-2">
        <div class="flex items-center">
            <i class="fa-regular fa-cart-shopping text-xl px-4"></i>
            <div class="">
                <div>
                    0
                    Item
                </div>
                <div class="flex items-center -mt-1.5">
                    <font class="text-xl font-bold">
                        $
                        0.00
                    </font>
                    <font class="text-sm px-1">
                        USD
                    </font>
                </div>
            </div>
        </div>
        <div class="text-right px-4">
            <a href="/cart">
                <button type="button" class="rounded px-6 py-2 transition-colors ease-in-out text-white bg-helpGreen">
                    <i class="fa-solid fa-cart-circle-check me-1"></i>
                    <font class="font-bold">Checkout</font>
                </button>
            </a>
        </div>
    </div>
</div>    <footer wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;NIexB7S1tWiq4QxhkKRL&quot;,&quot;name&quot;:&quot;front.footer&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;484d870e28b9c5a756dde323821ce8ce6935a3906d3ef9ecb5e6a0285d259c62&quot;}" wire:effects="[]" wire:id="NIexB7S1tWiq4QxhkKRL">
    <div class="text-white bg-gray-900 px-6 white py-20 dark:border-t dark:border-gray-700">
        <div class="w-full mx-auto xl:w-10/12 2xl:w-8/12">
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 text-xl">
                <div class="mb-4">
                    <div class="text-2xl pb-4"><i class="fa-solid fa-browser text-2xl text-helpBlue"></i> Websites</div>
                    <div class="pb-4"><a href="/hosting-terms" class="text-white hover:text-helpBlue">Hosting Terms</a></div>
                    <div class="pb-4"><a href="https://support.Help.com.au/hosting-faqs" class="text-white hover:text-helpBlue">FAQ and Guides</a></div>
                    <div class="pb-4"><a href="/guide/" class="text-white hover:text-helpBlue">Guide</a></div>
                </div>

                <div class="mb-4">
                    <div class="text-2xl pb-4"><i class="fa-sharp fa-regular fa-globe-pointer text-2xl text-helpBlue"></i> Domains</div>
                    <div class="pb-4"><a href="/domains" class="text-white hover:text-helpBlue">Register Domains</a></div>
                    <div class="pb-4"><a href="/domains/pricing" class="text-white hover:text-helpBlue">Registrar Pricing</a></div>
                    <div class="pb-4"><a href="https://support.Help.com.au/domain-faqs" class="text-white hover:text-helpBlue">FAQ and Guides</a></div>
                    <div class="pb-4"><a href="/domains/dispute-policy" class="text-white hover:text-helpBlue">Dispute Policy</a></div>
                </div>

                <div class="mb-4">
                    <div class="text-2xl pb-4"><i class="fa-solid fa-buildings text-2xl text-helpBlue"></i> Company</div>
                    <div class="pb-4"><a href="/about-us" class="text-white hover:text-helpBlue">About Us</a></div>
                    <div class="pb-4"><a href="/our-team" class="text-white hover:text-helpBlue">Our Team</a></div>
                    <div class="pb-4"><a href="/contact-us" class="text-white hover:text-helpBlue">Contact</a></div>
                    <div class="pb-4"><a href="/sitemap" class="text-white hover:text-helpBlue">Sitemap</a></div>
                </div>

                <div class="mb-4">
                    <div class="text-2xl pb-4"><i class="fa-solid fa-handshake text-3xl" style="color:#007bff"></i> Support</div>
                    <div class="pb-4"><a href="https://support.Help.com.au/getting-started" class="text-white hover:text-helpBlue">Getting Started</a></div>
                    <div class="pb-4"><a href="https://support.Help.com.au/general-faqs" class="text-white hover:text-helpBlue">General FAQs</a></div>
                    <div class="pb-4"><a href="https://support.Help.com.au/domain-faqs" class="text-white hover:text-helpBlue">Domain FAQs</a></div>
                    <div class="pb-4"><a href="https://support.Help.com.au/hosting-faqs" class="text-white hover:text-helpBlue">Hosting FAQs</a></div>
                </div>
            </div>

            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 text-xl mt-4 mb-10">
                <div class="mb-4">
                    <div class="text-2xl pb-4"><i class="fa-solid fa-gavel text-2xl text-helpBlue mr-1"></i></i>Legal</div>
                    <div class="pb-4"><a href="#" class="text-white hover:text-helpBlue">Registrar Terms</a></div>
                    <div class="pb-4"><a href="/privacy" class="text-white hover:text-helpBlue">Privacy Policy</a></div>
                    <div class="pb-4"><a href="/terms" class="text-white hover:text-helpBlue">Terms of Use</a></div>
                </div>
                <div class="mb-4">
                    <div class="text-2xl pb-2">Socials</div>
                    <a href="https://www.facebook.com/helpwebhosting" class="flex items-center mb-2 text-white hover:text-helpBlue w-[160px]" target="_blank">
                        <i class="fab fa-facebook-square border rounded-full py-3 pl-[.85rem] pr-[.85rem] text-[#007bff] border-[#007bff]"></i>
                        <p class="ml-2">Facebook</p>
                    </a>
                    <a href="https://www.linkedin.com/company/helpwebhosting" class="flex items-center mb-2 text-white hover:text-helpBlue w-[160px]" target="_blank">
                        <i class="fab fa-linkedin border rounded-full py-3 pl-[.85rem] pr-[.85rem] text-[#007bff] border-[#007bff]"></i>
                        <p class="ml-2">Linkedin</p>
                    </a>
                    <a href="https://www.instagram.com/helpwebhosting/" class="flex items-center text-white hover:text-helpBlue w-[160px]" target="_blank">
                        <i class="fab fa-instagram-square border rounded-full py-3 pl-[.85rem] pr-[.85rem] text-[#007bff] border-[#007bff]"></i>
                        <p class="ml-2">Instagram</p>
                    </a>
                </div>
                
                <div class="text-center flex">
                    <div class="pr-4">
                        <img src="/images/icann-accredited-trans-56.png" class="pb-6">
                        <img src="/images/auda-logo-white.svg" class="w-16">
                    </div>
                    <img src="/images/ISM_ISO27001_white.svg" class="max-h-32">
                </div>
            </div>
            
            <div class="text-center py-6">
                Copyright © 2021 - 2026 Help.com.au Pty Ltd - A <a href="https://www.trillion.com/">Trillion.com</a> Company Est 1997. All rights reserved.
            </div>
        </div>
    </div>
</footer>

        <script src="/livewire/livewire.min.js?id=0f6341c0"   data-csrf="kFxGSSmIcQbBZIefLTHmXtjJcu2OlOyUQiXVOYHj" data-update-uri="/livewire/update" data-navigate-once="true"></script>
                <style>
            .iti--laravel-tel-input{
                padding-top: .5rem;
                padding-bottom: .5rem;
            }
        </style>
                    <script>
            let counter = 0;
            const messages = [
                "What's your idea in a few words? Or enter the exact domain here.",
                'A plumber with an environmental theme',
                'Help.com.au',
                'Help',
            ];

            setInterval(() => {
                if(document.querySelector("#mainIdea").value == ''){
                    counter++;
                    let i = counter%4;
                    counter = i;
                    document.querySelector("#mainIdea").placeholder = (messages[i] !== "undefined") ? messages[i] : 'A plumber with an environmental theme';
                }else{
                    document.querySelector("#mainIdea").placeholder = 
                        (messages[counter] !== "undefined") ? 
                        messages[counter] : 'A plumber with an environmental theme';
                }// en dif
            }, 3000);
        
            let carouselId;
            document.addEventListener('domainResultRemount', function (data) {
                let element = document.querySelector("#domainResultBody");
                if(element){
                    element.remove();
                }// endif 
            });

            document.addEventListener('createEvent', function (data) {
                if(data.detail[0][0] == false){                    
                    document.querySelector("#loaderContainer").classList.remove('hidden');
                    setTimeout(() => {}, 2000);
                    aloopId = setInterval(function(){
                        Livewire.dispatch('domainResultRefresh');

                        if(document.getElementById('domainResultTable').getAttribute("data-id") == 'complete'){
                            document.querySelector("#loaderContainer").classList.add('hidden');
                            stopRefresh(aloopId);
                            stopRefresh(carouselId);
                            Livewire.dispatch("enableSearch");
                            return;
                        }// endif
                    }, 2000);

                    textCarousel();
                }// endif
            });

            function textCarousel(){
                let counter = 0;
                let element = document.querySelector("#loaderMessage");
                element.innerHTML = 'Hang tight! We are creating domain name ideas for you.';

                setTimeout(() => {}, 5000);
                carouselId = setInterval(function(){
                    if(counter % 6 == 0){
                        element.innerHTML = 'We are cooking up some awesome domain ideas for you!';
                    }else if(counter % 6 == 1){
                        element.innerHTML = 'Still working on it! Great names take a moment!';
                    }else if(counter % 6 == 2){
                        element.innerHTML = 'We are mixing up fresh domain ideas for you.';
                    }else if(counter % 6 == 3){
                        element.innerHTML = 'Your new domain inspiration is on the way!';
                    }else if(counter % 6 == 4){
                        element.innerHTML = 'Almost there! Your perfect domain is just around the corner!';
                    }else if(counter % 6 == 5){
                        element.innerHTML = 'Hang tight! We are creating domain name ideas for you.';
                    }// endif
                    counter += 1;
                },5000);
            }

            function stopRefresh(targetloopId){
                clearInterval(targetloopId);
            }
        </script>
            <script>
            var iti;
            window.myIntlTelInput = function(){
                setTimeout(function(){
                    const input = document.querySelector("#phone");
                    iti =  intlTelInput(input, {
                        autoPlaceholder: "off",
                        initialCountry: "US",
                        preferredCountries: ['au', 'us', 'nz'],
                        separateDialCode: true,
                        formatAsYouType: true,
                        formatOnDisplay: true,
                        showSelectedDialCode: true,
                        containerClass: 'w-full'
                    });
                }, 200);
            }

            function fetchFullPhone(){
                const country = iti.getSelectedCountryData();
                const countryCode = '+'+country.dialCode;
                let inputPhone = iti.getNumber(intlTelInputUtils.numberFormat.E164);
                inputPhone = inputPhone.replace(countryCode, '');
                inputPhone = countryCode+'.'+inputPhone;
                document.querySelector('#fullphone').value = inputPhone;
                document.querySelector("#fullphone").dispatchEvent(new Event('input'));
            }// end functiron
        </script>
            <script>
            window.addEventListener('createEvent', function(e){
                var element = document.querySelector('#elementShouldHide');
                if(element){
                    element.classList.add('hidden');
                }// endif
            });

            window.addEventListener('displayFilter', function(e){
                document.querySelector('#searchContainer').classList.replace(
                    e.detail[0].state == 1 ? 'lg:pt-[30vh]' : 'lg:pt-[20vh]',
                    e.detail[0].state == 1 ? 'lg:pt-[20vh]' : 'lg:pt-[30vh]'
                );
                document.querySelector('#searchContainer').classList.replace(
                    e.detail[0].state == 1 ? 'lg:pb-[20vh]' : 'lg:pb-[10vh]',
                    e.detail[0].state == 1 ? 'lg:pb-[10vh]' : 'lg:pb-[20vh]'
                );
            });

            window.addEventListener('resetSearch', function(e){
                setTimeout(() => {
                    var element = document.querySelector('#elementShouldHide');
                    if(element){
                        element.classList.add('hidden');
                    }// endif
                }, 500);
            });
        </script>
        </body>
</html>
