{{-- <div class="preloader">
	<div class="layer"></div>
	<div class="layer"></div>
	<div class="layer"></div>
	<div class="layer"></div>
	<div class="inner" data-tilt data-tilt-perspective="2000">
    <figure class="fadeInUp animated"> <img src="{{ asset('assets/frontend/images/preloader.gif') }}" alt="Image"> </figure>
    <span class="typewriter" id="typewriter"></span> </div>
  <!-- end inner --> 
</div>
<!-- end preloader --> --}}

{{-- <div class="transition-overlay">
	<div class="layer"></div>
	<div class="layer"></div>
	<div class="layer"></div>
	<div class="layer"></div>
</div> --}}
<!-- end transition-overlay --> 

{{--<div class="loader-wrapper bg-primary" id="loader-wrapper">
	<div class="loader"></div>
</div> --}}

<div class="navigation-menu">
	<div class="bg-layers"> <span></span> <span></span> <span></span> <span></span> </div>
	<!-- end bg-layers -->
	<div class="inner" data-tilt data-tilt-perspective="2000">
	<div class="menu">
		<ul>
			{{-- <li><a href="#">START</a>
				<ul>
					<li><a href="/">Slider</a></li>
					<li><a href="index-video.html">Video</a></li>
					<li><a href="index-particles.html">Particles</a></li>
					<li><a href="index-perspective.html">Perspective</a></li>
				</ul>
			</li> --}}
			<li><a href="{{ route('products.index') }}">{{ __('global.products') }}</a></li>
			<li><a href="{{ route('about.index') }}">{{ __('global.about_us') }}</a></li>
			<li><a href="{{ route('contact.index') }}">{{ __('global.contact_us') }}</a></li>
		</ul>
		</div>
		<!-- end menu -->
		{{-- <blockquote>{{ __('global.what_you_waiting_for') }}</blockquote> --}}

		<ul class="language d-flex d-md-none justify-content-center pl-0 mb-5" style="list-style-type: none;">
			@if(Auth::check())
				<li><a href="{{ route('dashboard.index') }}" class="text-white mx-2">{{ __('global.profile') }}</a></li>
			@else
				<li><a href="{{ route('login') }}" class="text-white mx-2">{{ __('global.log_in') }}</a></li>
			@endif
		</ul>

		<ul class="language d-flex d-md-none justify-content-center pl-0" style="list-style-type: none;">
			<li>
				<a href="{{ route('lang.switch', ['locale' => 'ge']) }}" class="{{ app()->getLocale() == 'ge' ? 'active' : '' }} text-white mx-2">GE</a>
			</li>
			<li>
				<a href="{{ route('lang.switch', ['locale' => 'en']) }}" class="{{ app()->getLocale() == 'en' ? 'active' : '' }} text-white mx-2">EN</a>
			</li>
		</ul>
	</div>
  <!-- end inner --> 
</div>
<!-- end navigation-menu -->
<nav class="navbar">
	{{-- <div class="left"> <a href="{{ route('about.index') }}">SPRENTY</a> </div> --}}
	<!-- end left -->
	<div class="left logo m-0"> <a href="/"><img src="{{ asset('assets/frontend/images/logo.png') }}" alt="Image"></a> </div>
	<!-- end logo -->

	<div class="right justify-content-end">
		<div class="dropdown d-none d-lg-flex">
			<a href="javascript:void(0);" class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				@if(app()->getLocale() == 'en')
					EN
				@elseif(app()->getLocale() == 'ge')
					GE
				@endif
			</a>

			<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
				<a class="dropdown-item @if(app()->getLocale() == 'en') active @endif" href="{{ route('lang.switch', ['locale' => 'en']) }}">EN</a>
				<a class="dropdown-item @if(app()->getLocale() == 'ge') active @endif" href="{{ route('lang.switch', ['locale' => 'ge']) }}">GE</a>
			</div>
		</div>
		

		<ul class="language ml-0">
			@if(Auth::check())
				<li><a href="{{ route('dashboard.index') }}" class="ml-lg-4">{{ __('global.profile') }}</a></li>
			@else
				<li><a href="{{ route('login') }}" class="ml-lg-4">{{ __('global.log_in') }}</a></li>
			@endif
		</ul>

		<div class="hamburger-menu"><b>MENU</b>
			<div class="hamburger" id="hamburger-menu"> <span></span> <span></span> <span></span> </div>
		</div>
  	</div>
  	<!-- end right --> 
</nav>
<!-- end navbar -->