{{-- Contact us --}}
<div class="py-[60px] mx-auto  max-w-7xl px-6 lg:px-8">
     <h2
         class="text-[18px] italic font-bold leading-26 tracking-wider text-center text-center text-[#666666] uppercase">
         Need Help?</h2>
     <p class="text-[36px]  leading-59 tracking-normal text-center text-primary font-bold uppercase">
         get in touch</p>
     <p class="text-center font-medium text-[#666666]">Reach out to us for advance heath care treatment
         for you, your friends and family!
     </p>
     <form action="#" method="POST" class="mx-auto mt-[20px] max-w-xl sm:mt-20">
         <div class="grid grid-cols-1 gap-x-8 gap-y-3 sm:grid-cols-2">
             <div>
                 <label for="first-name" class="block text-sm font-medium text-[#666666] leading-6 text-gray-900">Full
                     Name</label>
                 <div class="pt-[2px]">
                     <input type="text" name="first-name" id="first-name" autocomplete="given-name"
                         class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
                 </div>
             </div>
             <div>
                 <label for="first-name" class="block text-sm font-medium text-[#666666] leading-6">Address</label>
                 <div class="pt-[2px]">
                     <input type="text" name="first-name" id="first-name" autocomplete="given-name"
                         class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
                 </div>
             </div>
             <div>
                 <label for="first-name" class="block text-sm font-medium text-[#666666] leading-6">Email ID</label>
                 <div class="pt-[2px]">
                     <input type="text" name="first-name" id="first-name" autocomplete="given-name"
                         class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
                 </div>
             </div>
             <div>
                 <label for="first-name" class="block text-sm font-medium text-[#666666] leading-6">Phone
                     Number</label>
                 <div class="pt-[2px]">
                     <input type="text" name="first-name" id="first-name" autocomplete="given-name"
                         class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
                 </div>
             </div>
 
             <div class="sm:col-span-2">
                 <label for="message" class="block text-sm font-medium text-[#666666] leading-6">Enter
                     Message</label>
                 <div class="pt-[2px]">
                     <textarea name="message" id="message" rows="4"
                         class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"></textarea>
                 </div>
             </div>
 
         </div>
         <div class="mt-10 flex justify-center">
             {{-- <button type="submit"
                 class="block rounded-md bg-gradient px-[50px] py-[15px] text-white font-bold text-lg">Send
                 Info</button> --}}
 
             {{-- Read More --}}
             <a href="{{ route('about_us') }}"
                 class="read-more inline-block uppercase bg-secondary text-white text-sm font-bold pe-[60px] relative overflow-hidden">
                 <span class="btn-text inline-block">Send Info</span>
                 <strong class="icon flex items-center">
                     <span class="read-more-icon">
                         <img src="{{ asset('frontend/images/icons/arrow-right-line.svg') }}" alt=""
                             srcset="">
                     </span>
                 </strong>
             </a>
 
         </div>
     </form>
 </div>
 
 <div class="overflow-hidden relative bg-cover bg-top bg-no-repeat h-full w-full bg-[#001b29]">
     <div class="mx-auto  max-w-7xl relative px-6 lg:px-8">
         <div class="flex flex-col justify-center">
             <div class="footer-head">
                 <h2 class="font-bold text-800 text-[26px] text-white uppercase">
                     PRESENT & FUTURE OF QUALITY MEDICAL SERVICES
                 </h2>
             </div>
             <div class=" grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-4 pt-[60px] pb-[46px]">
                 <div>
                     <h2 class="mb-[10px] text-white uppercase dark:text-white font-bold text-[20px]">Company Policy</h2>
                     <ul class="text-white dark:text-gray-400">
                         <li class="mb-1">
                             <a href="{{ route('privacyPolicy') }}"
                                 class="text-white cursor-pointer hover:text-[#8CC63F]"> Privacy Policy</a>
                         </li>
                         <li class="mb-1">
                             <a href="{{ route('termsOfService') }}"
                                 class="text-white cursor-pointer hover:text-[#8CC63F]"> Terms of Service</a>
                         </li>
                         <li class="mb-1">
                             <a href="#" class="text-white cursor-pointer hover:text-[#8CC63F]"> Customer Privacy
                                 Act</a>
                         </li>
                         <li class="mb-1">
                             <a href="#" class="text-white cursor-pointer hover:text-[#8CC63F]"> Resource</a>
                         </li>
                     </ul>
                 </div>
                 <div>
                     <h2 class="mb-[10px] text-white uppercase dark:text-white font-bold text-[20px]">Quick Links</h2>
                     <ul class="text-white dark:text-gray-400">
                         <li class="mb-1">
                             <a href="{{ route('about_us') }}" class="text-white cursor-pointer hover:text-[#8CC63F]">
                                 About Us</a>
                         </li>
                         <li class="mb-1">
                             <a href="{{ route('hair_transplant') }}"
                                 class="text-white cursor-pointer hover:text-[#8CC63F]">
                                 Hair Transplant</a>
                         </li>
                         <li class="mb-1">
                             <a href="{{ route('blogs') }}" class="text-white cursor-pointer hover:text-[#8CC63F]">
                                 Blogs</a>
                         </li>
                         <li class="mb-1">
                             <a href="{{ route('doctor_provider') }}"
                                 class="text-white cursor-pointer hover:text-[#8CC63F]"> Doctors & providers</a>
                         </li>
                     </ul>
                 </div>
                 <div>
                     <h2 class="mb-[10px] text-white uppercase dark:text-white font-bold text-[20px]">Contact Us</h2>
                     <ul class=" text-white dark:text-gray-400">
                         <li class="mb-1 font-semibold">
                             Arogin Health Care & Research Centre
                         </li>
                         <li class="mb-1">
                             Bishalnagar, Kathmandu, Nepal
                         </li>
                         <li class="mb-1">
                             (977) 1 4423423 (Hunting Line)
                         </li>
                         <li class="mb-1">
                             info@aroginhealthcare.com
                         </li>
                     </ul>
                 </div>
                 <div>
                     <h2 class="mb-[10px] text-white uppercase dark:text-white font-bold text-[20px]">Get In Touch</h2>
 
                     <ul class=" text-white dark:text-gray-400">
                         <li class="mb-4">
                             Stay updated with our latest discount offers on all our services.
                         </li>
                     </ul>
 
                     <div class="flex items-end mb-3">
                         <form action="{{ route('subscription.store') }}" method="post">
                             <div class="flex items-center w-full max-w-md mb-3 formkit-fields">
                                 @csrf
                                 <div class="relative w-full mr-3 formkit-field">
                                     <label for="member_email"
                                         class="hidden block mb-2 text-sm font-medium text-gray-900">Email
                                         address</label>
                                     <div class="absolute inset-y-0 left-0 flex items-center pl-3.5">
                                         <svg class="w-3.5 h-3.5 text-gray-500" aria-hidden="true" fill="currentColor"
                                             viewBox="0 0 20 16">
                                             <path
                                                 d="m10.036 8.278 9.258-7.79A1.979 1.979 0 0 0 18 0H2A1.987 1.987 0 0 0 .641.541l9.395 7.737Z">
                                             </path>
                                             <path
                                                 d="M11.241 9.817c-.36.275-.801.425-1.255.427-.428 0-.845-.138-1.187-.395L0 2.6V14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2.5l-8.759 7.317Z">
                                             </path>
                                         </svg>
                                     </div>
                                     <input id="member_email"
                                         class="formkit-input bg-gray-50 text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5"
                                         name="email" aria-label="Email Address"
                                         placeholder="Your email address..." required="" type="email">
                                 </div>
                                 <button type="submit" class="formkit-submit">
                                     <span
                                         class="px-5 py-3 text-sm font-medium text-center text-white bg-[#22ad4b] cursor-pointer hover:bg-blue-800 focus:ring-4 focus:ring-blue-300">Subscribe</span>
                                 </button>
                             </div>
                         </form>
                     </div>
 
                 </div>
             </div>
         </div>
     </div>
 </div>
 
 <div class="text-white py-[18px] text-center bg-[#353535] font-semibold text-sm">© 2022 Arogin Healthcare &
     Research Centre (P) Ltd
 </div>