@include('partials.navbarPengunjung')
<div class="bg-white h-auto w-full">

    <div class="container m-auto">
        <div class="m-auto w-96 pt-36 pb-32 text-[#333D29] text-6xl">
            <p class="text-start font-extrabold xl:text-4xl">HUBUNGI KAMI</p>
            <p class="pacifico-regular text-start">Kabupaten</p>
            <p class="pacifico-regular text-end mt-[-8px]">Jember</p>
        </div>
        <div class="grid xl:grid-cols-2 grid-cols-1 pb-24">
            <div class="space-y-4">
                <p class="text-black text-3xl font-bold pb-10">Formulir Kritik/Saran</p>
                <div class="">
                    <p class="text-xl text-black font-bold">Nama Anda</p>
                    <input type="text" placeholder="Nama Anda"
                        class="input input-bordered placeholder-shown:border-black focus-within:border-black placeholder:text-black text-black bg-white border-black w-full max-w-2xl     " />
                </div>
                <div class="">
                    <p class="text-xl text-black font-bold">Email</p>
                    <input type="email" placeholder="Email"
                        class="input input-bordered placeholder-shown:border-black focus-within:border-black placeholder:text-black text-black bg-white border-black w-full max-w-2xl     " />
                </div>
                <div class="">
                    <p class="text-xl text-black font-bold">Kritik Atau Saran</p>
                    <textarea
                        class="textarea textarea-bordered max-w-2xl w-full h-40 placeholder:text-base focus-within:border-black placeholder-shown:border-black placeholder:text-black text-black bg-white"
                        placeholder="Kritik Atau Saran"></textarea>
                </div>
                <button class="btn bg-[#414833] text-white w-full max-w-2xl ">Kirim</button>
            </div>
            <div class="xl:text-end text-start xl:pt-0 pt-10">
                <p class="text-4xl font-bold text-black pacifico-regular mb-10">Explore Jember</p>

                <div class="flex items-center xl:justify-end justify-start xl:text-end text-start">
                    <p class="flex mr-2 text-black text-lg font-semibold">085259990293</p>
                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="24" height="24" x="0" y="0" viewBox="0 0 682 682.667"
                        style="enable-background:new 0 0 512 512" xml:space="preserve">
                        <g>
                            <path fill-rule="evenodd"
                                d="M544.387 93.008C484.512 33.063 404.883.035 320.05 0 145.246 0 2.98 142.262 2.91 317.113c-.024 55.895 14.577 110.457 42.331 158.551L.25 640l168.121-44.102c46.324 25.27 98.477 38.586 151.55 38.602h.134c174.785 0 317.066-142.273 317.132-317.133.036-84.742-32.921-164.418-92.8-224.36zM320.05 580.94h-.11c-47.296-.02-93.683-12.73-134.16-36.742l-9.62-5.715-99.766 26.172 26.628-97.27-6.27-9.972c-26.386-41.969-40.32-90.476-40.296-140.281.055-145.332 118.305-263.57 263.7-263.57 70.406.023 136.59 27.476 186.355 77.3s77.156 116.051 77.133 186.485C583.582 462.69 465.34 580.94 320.05 580.94zm144.586-197.418c-7.922-3.968-46.883-23.132-54.149-25.78-7.258-2.645-12.547-3.962-17.824 3.968-5.285 7.93-20.469 25.781-25.094 31.066-4.625 5.29-9.242 5.953-17.168 1.985-7.925-3.965-33.457-12.336-63.726-39.332-23.555-21.012-39.457-46.961-44.082-54.89-4.617-7.938-.04-11.813 3.476-16.173 8.578-10.652 17.168-21.82 19.809-27.105 2.644-5.29 1.32-9.918-.664-13.883-1.977-3.965-17.824-42.969-24.426-58.84-6.437-15.445-12.965-13.36-17.832-13.601-4.617-.231-9.902-.278-15.187-.278-5.282 0-13.868 1.98-21.133 9.918-7.262 7.934-27.73 27.102-27.73 66.106s28.394 76.683 32.355 81.972c3.96 5.29 55.879 85.328 135.367 119.649 18.906 8.172 33.664 13.043 45.176 16.695 18.984 6.031 36.254 5.18 49.91 3.14 15.226-2.277 46.879-19.171 53.488-37.68 6.602-18.51 6.602-34.374 4.617-37.683-1.976-3.304-7.261-5.285-15.183-9.254zm0 0"
                                fill="#000000" opacity="1" data-original="#000000"></path>
                        </g>
                    </svg>
                </div>
                <div class="flex items-center xl:justify-end justify-start xl:text-end text-start">
                    <p class="flex mr-2 text-black text-lg font-semibold">cs.visit@gmail.com</p>
                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="24" height="24" x="0" y="0" viewBox="0 0 512 512"
                        style="enable-background:new 0 0 512 512" xml:space="preserve">
                        <g>
                            <path
                                d="M467 76H45C20.137 76 0 96.262 0 121v270c0 24.885 20.285 45 45 45h422c24.655 0 45-20.03 45-45V121c0-24.694-20.057-45-45-45zm-6.302 30L287.82 277.967c-8.5 8.5-19.8 13.18-31.82 13.18s-23.32-4.681-31.848-13.208L51.302 106h409.396zM30 384.894V127.125L159.638 256.08 30 384.894zM51.321 406l129.587-128.763 22.059 21.943c14.166 14.166 33 21.967 53.033 21.967s38.867-7.801 53.005-21.939l22.087-21.971L460.679 406H51.321zM482 384.894 352.362 256.08 482 127.125v257.769z"
                                fill="#000000" opacity="1" data-original="#000000"></path>
                        </g>
                    </svg>
                </div>


            </div>

        </div>

    </div>

</div>
@include('partials.footerPengunjung')