149 lines
10 KiB
PHP
149 lines
10 KiB
PHP
<div x-data="{ scrolled: false }" @scroll.window="scrolled = window.scrollY > 0">
|
|
<header class="relative z-[70]">
|
|
|
|
<div class="top-bar bg-secondary">
|
|
<div class=" flex flex-wrap items-center justify-end mx-auto py-[10px] mx-auto max-w-7xl px-6 lg:px-8">
|
|
<ul class="flex items-center">
|
|
<li>
|
|
<a href="{{ route('home') . '#patients-visitors' }}"
|
|
class="text-white rounded-lg text-center text-sm mx-2">
|
|
PATIENTS & VISITORS
|
|
</a>
|
|
<span class="separator text-white">|</span>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('contact_us') }}" class="text-white rounded-lg text-center text-sm mx-2">
|
|
CONTACT US
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<nav id="main-nav"
|
|
class="border-b-2 border-gray-200 bg-white dark:bg-gray-900 w-full z-20 start-0 dark:border-gray-600"
|
|
:class="{ 'fixed top-0': scrolled }">
|
|
<div class=" flex flex-wrap items-center justify-between mx-auto py-[10px] mx-auto max-w-7xl px-6 lg:px-8">
|
|
<a href="{{ route('home') }}" class="flex items-center space-x-3 rtl:space-x-reverse">
|
|
@if (isset($generalSetting['primary_image']))
|
|
<img src="{{ isset($generalSetting['primary_image']) ? asset('storage/uploads/' . $generalSetting['primary_image']) : asset('frontend/images/brand-logo.png') }}" alt="Brand Logo">
|
|
@endif
|
|
</a>
|
|
<div class="flex space-x-3 md:space-x-0 rtl:space-x-reverse">
|
|
<button data-collapse-toggle="navbar-sticky" type="button"
|
|
class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
|
|
aria-controls="navbar-sticky" aria-expanded="false">
|
|
<span class="sr-only">Open main menu</span>
|
|
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
|
viewBox="0 0 17 14">
|
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M1 1h15M1 7h15M1 13h15" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="nav-sticky items-center justify-between hidden w-full md:flex md:w-auto md:order-1"
|
|
id="navbar-sticky">
|
|
<ul
|
|
class="nav-list flex flex-col p-4 md:p-0 mt-4 font-medium border border-gray-100 rounded-lg md:space-x-5 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
|
|
<li class="{{ request()->url() == route('home') ? 'active' : '' }}">
|
|
<a href="{{ route('home') }}"
|
|
class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
|
|
aria-current="page">Home</a>
|
|
</li>
|
|
<li class="{{ request()->url() == route('about_us') ? 'active' : '' }}">
|
|
<a href="{{ route('about_us') }}"
|
|
class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
|
|
aria-current="page">About Us</a>
|
|
</li>
|
|
<li class="{{ request()->url() == route('hair_transplant') ? 'active' : '' }}">
|
|
<a href="{{ route('hair_transplant') }}"
|
|
class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
|
|
aria-current="page">Hair Transplant</a>
|
|
</li>
|
|
<li class="{{ request()->segment(1) == 'services' ? 'active' : '' }}">
|
|
<div class="group inline-block sub-menu">
|
|
<a href="javascript:;"
|
|
class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
|
|
aria-current="page">Services</a>
|
|
<ul
|
|
class="bg-white border rounded-sm transform scale-0 group-hover:scale-100 absolute transition duration-150 ease-in-out origin-top min-w-32 mt-[10px]">
|
|
<a href="#" target="_blank">
|
|
<li
|
|
class="rounded-sm px-6 py-2 text-lightGray font-sm uppercase border-b-[1px] border-gray-200">
|
|
Skin
|
|
</li>
|
|
</a>
|
|
<a href="#" target="_blank">
|
|
<li
|
|
class="rounded-sm px-6 py-2 text-lightGray font-sm uppercase border-b-[1px] border-gray-200">
|
|
Dental
|
|
</li>
|
|
</a>
|
|
<a href="https://www.aroginhealthcare.com/care-home/public" target="_blank">
|
|
<li
|
|
class="rounded-sm px-6 py-2 text-lightGray font-sm uppercase border-b-[1px] border-gray-200">
|
|
Care Home
|
|
</li>
|
|
</a>
|
|
@if (count($services) > 0)
|
|
@foreach ($services as $service)
|
|
<a href="{{ route('service', $service->slug) }}">
|
|
<li
|
|
class="px-6 py-2 text-lightGray font-sm uppercase border-b-[1px] border-gray-200">
|
|
{{ $service->title }}
|
|
</li>
|
|
</a>
|
|
@endforeach
|
|
@endif
|
|
{{-- <li
|
|
class="rounded-sm relative px-3 py-2 hover:bg-secondaryColor hover:text-white text-lightGray font-sm uppercase border-b-2 border-gray-200">
|
|
<button class="w-full text-left flex items-center outline-none focus:outline-none">
|
|
<span class="pr-1 flex-1 font-sm uppercase">
|
|
<a href="{{route('service')}}"> Services 3</a>
|
|
</span>
|
|
<span class="mr-auto">
|
|
<svg class="fill-current h-4 w-4
|
|
transition duration-150 ease-in-out"
|
|
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
|
<path
|
|
d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<ul
|
|
class="bg-white border rounded-sm absolute top-0 right-0
|
|
transition duration-150 ease-in-out origin-top-left
|
|
min-w-32
|
|
">
|
|
<li class="px-3 py-2 hover:bg-secondaryColor hover:text-white text-lightGray font-sm uppercase border-b-2 border-gray-200">
|
|
<a href="{{route('service')}}">Services 3.1</a>
|
|
</li>
|
|
<li class="px-3 py-2 hover:bg-secondaryColor hover:text-white text-lightGray font-sm uppercase border-b-2 border-gray-200">
|
|
<a href="{{route('service')}}">Services 3.2</a>
|
|
</li>
|
|
<li class="px-3 py-2 hover:bg-secondaryColor hover:text-white text-lightGray font-sm uppercase border-b-2 border-gray-200">
|
|
<a href="{{route('service')}}">Services 3.3</a>
|
|
</li>
|
|
</ul>
|
|
</li> --}}
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="{{ request()->url() == route('doctor_provider') ? 'active' : '' }}">
|
|
<a href="{{ route('doctor_provider') }}"
|
|
class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
|
|
aria-current="page">Doctor & Providers</a>
|
|
</li>
|
|
<li class="{{ request()->segment(1) == 'blogs' ? 'active' : '' }}">
|
|
<a href="{{ route('blogs') }}"
|
|
class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
|
|
aria-current="page">Blogs</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
</header>
|
|
</div>
|
|
|