193 lines
11 KiB
PHP
193 lines
11 KiB
PHP
{{-- 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>
|
|
|