<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Alburjalthaki Furniture</title>
<!-- Stylesheets -->
<link href="<?php echo url('');?>/public/assets/css/bootstrap.css" rel="stylesheet">
<link href="<?php echo url('');?>/public/assets/css/style.css" rel="stylesheet">
<link href="<?php echo url('');?>/public/assets/css/responsive.css" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&amp;display=swap" rel="stylesheet">

<link rel="shortcut icon" href="<?php echo url('');?>/public/assets/images/favicon.png" type="image/x-icon">
<link rel="icon" href="<?php echo url('');?>/public/assets/images/favicon.png" type="image/x-icon">

<meta name="google-site-verification" content="google-site-verification=7kMpoMwBarQ-gMuCikvU0u5ZtS5d4kDwjl0pPWPz3Gw" />

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5ZVRQH3X');</script>
<!-- End Google Tag Manager -->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LRKTEP317Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-LRKTEP317Y');
</script>

</head>

<body>
    
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5ZVRQH3X"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<div class="page-wrapper">
 	
    <!-- Preloader -->
	{{-- <div class="loader-wrap">
		<div class="preloader">
			<div class="preloader-close">x</div>
			<div id="handle-preloader" class="handle-preloader">
				<div class="animation-preloader">
					<div class="spinner"></div>
					<div class="txt-loading">
						<span data-text-preloader="B" class="letters-loading">
							B
						</span>
						<span data-text-preloader="L" class="letters-loading">
							L
						</span>
						<span data-text-preloader="O" class="letters-loading">
							O
						</span>
						<span data-text-preloader="X" class="letters-loading">
							X
						</span>
						<span data-text-preloader="I" class="letters-loading">
							I
						</span>
						<span data-text-preloader="C" class="letters-loading">
							C
						</span>
					</div>
				</div>  
			</div>
		</div>
	</div> --}}
	<!-- Preloader End -->
 	<?php
 	    $category = \App\Models\Category::where('front_display', 'on')->where('status', 'Active')->get();
 	?>
 	<!-- Main Header -->
    <header class="main-header">
    	
        <!-- Header Lower -->
        <div class="header-lower">
            
			<div class="auto-container">
				<div class="inner-container d-flex justify-content-between align-items-center">
					
					<div class="logo-box d-flex align-items-center">
						
						<!--<div class="nav-toggle-btn a-nav-toggle navSidebar-button">-->
						<!--	<span class="hamburger">-->
						<!--	  <span class="top-bun"></span>-->
						<!--	  <span class="meat"></span>-->
						<!--	  <span class="bottom-bun"></span>-->
						<!--	</span>-->
						<!-- </div>-->
						
						<!-- Logo -->
						<div class="logo"><a href="{{ route('user.home') }}"><img src="<?php echo url('');?>/public/assets/images/alburjalthakifurniture-logo.svg" alt="Alburjalthaki Furniture Logo" title=""></a></div>
					</div>
					<div class="nav-outer clearfix">
						
						<!-- Main Menu -->
						<nav class="main-menu show navbar-expand-md">
							<div class="navbar-header">
								<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>
							
							<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
								<ul class="navigation clearfix">
									<li><a href="{{ route('user.home') }}">Home</a></li>
									<li><a href="{{ route('user.about') }}">About</a></li>
									@if($category)
									@foreach($category as $key => $value)
									<li class="dropdown"><a href="{{ route('user.category', $value->image) }}">{{ $value->name }}</a>
									<?php
									    $sub_category = \App\Models\SubCategory::where('cat_id', $value->id)->get();
									?>
									    @if($sub_category)
										<ul>
										    @foreach($sub_category as $key1 => $value1)
											<li><a href="{{ route('user.sub.category', [$value->image, $value1->slug]) }}">{{ $value1->name }}</a></li>
											@endforeach
										</ul>
										@endif
									</li>
									@endforeach
									@endif
									<li><a href="{{ route('user.shop') }}">Product</a></li>
									<li><a href="{{ route('user.contact') }}">Contact us</a></li>
								</ul>
							</div>
							
						</nav>
						<!-- Main Menu End-->
						
					</div>
					
					<!-- Outer Box -->
					<div class="outer-box d-flex align-items-center">
						
						<!-- Options Box -->
						<div class="options-box d-flex align-items-center">
						
							<div class="search-box-outer">
								<div class="search-box-btn"><span class="flaticon-search-1"></span></div>
							</div>
							
						</div>
						
						<!-- Cart Box -->
						<div class="cart-box">
							<div class="box-inner">
								<a href="{{ route('user.shop') }}" class="icon-box">
									<span class="icon flaticon-bag"></span>
									<i class="total-cart">0</i>
								</a>
								Phone<br>
								<a class="phone" href="tel:+971 56 740 6953">+971 56 740 6953</a>
							</div>
						</div>
						<!-- End Cart Box -->
						
						<!-- Mobile Navigation Toggler -->
						<div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
						
					</div>
					<!-- End Outer Box -->
					
				</div>
				
			</div>
        </div>
        <!-- End Header Lower -->
        
		<!-- Sticky Header  -->
        <div class="sticky-header">
            <div class="auto-container">
				<div class="d-flex justify-content-between align-items-center">
					<!-- Logo -->
					<div class="logo">
						<a href="{{ route('user.home') }}" title=""><img src="<?php echo url('');?>/public/assets/images/alburjalthakifurniture-logo.svg" alt="" title=""></a>
					</div>
					
					<!-- Right Col -->
					<div class="right-box">
						<!-- Main Menu -->
						<nav class="main-menu">
							<!--Keep This Empty / Menu will come through Javascript-->
						</nav>
						<!-- Main Menu End-->
						
						<!-- Mobile Navigation Toggler -->
						<div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
					</div>
					
				</div>
            </div>
        </div>
		<!-- End Sticky Menu -->
    
		<!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><span class="icon flaticon-multiply"></span></div>
            <nav class="menu-box">
                <div class="nav-logo"><a href="{{ route('user.home') }}"><img src="<?php echo url('');?>/public/assets/images/alburjalthakifurniture-logo.svg" alt="" title=""></a></div>
				<!-- Search -->
				<div class="search-box">
					<form method="post" action="{{ route('user.search.product') }}">
					    @csrf
						<div class="form-group">
							<input type="search" name="search_field" value="" placeholder="SEARCH HERE" required>
							<button type="submit"><span class="icon flaticon-search-1"></span></button>
						</div>
					</form>
				</div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
            </nav>
        </div>
		<!-- End Mobile Menu -->
	
    </header>
    <!-- End Main Header -->
	
	@include('layouts.flash-message')
    
    @yield('content')
    
    <!-- Main Footer -->
    <footer class="main-footer">
		<div class="pattern-layer-one" style="background-image: url(public/assets/images/icons/pattern-3.png)"></div>
		<div class="pattern-layer-two" style="background-image: url(public/assets/images/icons/vector-2.png)"></div>
		<div class="auto-container">
			
			<!-- Widgets Section -->
            <div class="widgets-section">
				<div class="row clearfix">
					<!-- Column -->
                    <div class="big-column col-lg-4 col-md-12 col-sm-12">
						<div class="row clearfix">
							
							<!-- Footer Column -->
                            <div class="footer-column col-lg-7 col-md-6 col-sm-12">
                                <div class="footer-widget links-widget">
									<!-- Logo -->
									<div class="logo"><a href="{{ route('user.home') }}"><img src="<?php echo url('');?>/public/assets/images/alburjalthakifurniture-logo.svg" alt="" title=""></a></div>
									<div class="text">Shop 2, Building no 615, New Muwaillah, Sharjah.</div>
									<ul class="contact-list">
										<li><span class="icon flaticon-email"></span><a href="mailto:abatfurniture@gmail.com">abatfurniture@gmail.com</a></li>
										<li><span class="icon flaticon-call"></span><a href="tel:+971 56 740 6953">+971 56 740 6953</a></li>
									</ul>
								</div>
							</div>
							
							<!-- Footer Column -->
                            <!--<div class="footer-column col-lg-5 col-md-6 col-sm-12">
                                <div class="footer-widget links-widget">
									<h5>Find It Fast</h5>
									<ul class="page-list">
										<li><a href="#">Laptops & Computers</a></li>
										<li><a href="#">Cameras & Photography</a></li>
										<li><a href="#">Smart Phones & Tablets</a></li>
										<li><a href="#">Video Games & Consoles</a></li>
										<li><a href="#">TV & Audio</a></li>
									</ul>
								</div>
							</div>-->
							
						</div>
					</div>
					
					<!-- Column -->
                    <div class="big-column col-lg-8 col-md-12 col-sm-12">
						<div class="row clearfix">
							
							<!-- Footer Column -->
                            <div class="footer-column col-lg-4 col-md-4 col-sm-12">
                                <div class="footer-widget links-widget">
									<h5>Quick Links</h5>
									<ul class="page-list">
										<li><a href="{{ route('user.home') }}">Home</a></li>
										<li><a href="{{ route('user.about') }}">About Us</a></li>
										<li><a href="{{ route('user.shop') }}">Products</a></li>
										<li><a href="{{ route('user.contact') }}">Contact</a></li>
										
									</ul>
								</div>
							</div>
							
							<!-- Footer Column -->
                            <div class="footer-column col-lg-8 col-md-8 col-sm-12">
                                <div class="footer-widget instagram-widget">
									<h5>About US</h5>
									<div class="content">
								<p>Al Burj Al Thaki Furniture was founded and operating in UAE with a passion to provide unique, high quality, well designed home furnishings. Our philosophy was to design our own products and bring the furniture direct to our customers. While we are proud of our growth and achievements, we feel it is what we fondly call the four things i.e. QUALITY, STYLE, SELECTION, SERVICE as our cornerstones to our business model.</p>
								</div>
									<div class="group-lg group-middle">
                                        <ul class="list-inline list-inline-xs footer-social-list-2">
                                          <li style="display:inline-block">
                							<a class="icon fa fa-facebook" style="font-size:25px;padding:12px" href="https://www.facebook.com/profile.php?id=61552361529580&mibextid=ViGcVu" target="_blank"></a> </li>
                                          <li style="display:inline-block"><a style="font-size:25px;padding:12px" class="icon fa fa-twitter" href="#" target="_blank"></a></li>
                                          <li style="display:inline-block"><a style="font-size:25px;padding:12px" class="icon fa fa-youtube" href="#" target="_blank"></a></li>
                                          <li style="display:inline-block"><a style="font-size:25px;padding:12px" class="icon fa fa-instagram" href="https://instagram.com/al_burj_al_thaki_furniture?utm_source=qr&igshid=OGU0MmVlOWVjOQ==" target="_blank"></a></li>
                                        </ul>
                                     
                                    </div>
								</div>
							</div>
							
						</div>
					</div>
					
				</div>
			</div>
			<a  class="whats-app" href="https://wa.me/message/JQV6L3N63RXJD1" target="_blank">
			    <i class="fa fa-whatsapp my-float"></i>
			</a>
			<!-- Footer Bottom -->
			<div class="footer-bottom">
				<div class="d-flex justify-content-between align-items-center flex-wrap">
					<div class="copyright"><span>&copy; <script>document.write(new Date().getFullYear());</script></span> All Rights Reserved.</div>
					<!--<div class="email-box">
						<a href="mailto:DumTheme@gmail.com"><span class="icon flaticon-mail"></span>DumTheme@gmail.com</a>
					</div>-->
					
				</div>
			</div>

		</div>
	</footer>
    
	<!-- End Main Footer -->
	
</div>
<!-- End PageWrapper -->
<a  class="whats-app" href="https://wa.me/message/JQV6L3N63RXJD1" target="_blank">
    <i class="fa fa-whatsapp my-float"></i>
</a>
<!-- Search Popup -->
<div class="search-popup">
	<div class="color-layer"></div>
	<!--<button class="close-search"><span class="fa fa-arrow-up"></span></button>-->
	<form method="post" action="{{ route('user.search.product') }}">
	    @csrf
		<div class="form-group">
			<input type="search" name="search_field" value="" placeholder="Search Here" required="">
			<button type="submit"><i class="fa fa-search"></i></button>
		</div>
	</form>
</div>
<!-- End Search Popup -->
<style type="text/css">
	.whats-app {
	    position: fixed;
	    width: 60px;
	    height: 60px;
	    bottom: 70px;
	    right: 15px;
	    background-color: #25d366;
	    color: #FFF;
	    border-radius: 50px;
	    text-align: center;
	    font-size: 30px;
	    box-shadow: 2px 2px 3px #999;
	    z-index: 100;
	    animation: zoom-in-zoom-out 1s ease infinite;
	}

	.zoom-in-out {
	  animation: zoom-in-zoom-out 1s ease infinite;
	}

	@keyframes zoom-in-zoom-out {
	  0% {
	    transform: scale(0.5, 0.5);
	  }
	  50% {
	    transform: scale(0.8, 0.8);
	  }
	  100% {
	    transform: scale(0.5, 0.5);
	  }
	}

	.my-float {
	    margin-top: 16px;
	}
</style>
<!-- Scroll To Top -->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-up"></span></div>

<script src="<?php echo url('');?>/public/assets/js/jquery.js"></script>
<script src="<?php echo url('');?>/public/assets/js/popper.min.js"></script>
<script src="<?php echo url('');?>/public/assets/js/bootstrap.min.js"></script>
<script src="<?php echo url('');?>/public/assets/js/magnific-popup.min.js"></script>
<script src="<?php echo url('');?>/public/assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="<?php echo url('');?>/public/assets/js/appear.js"></script>
<script src="<?php echo url('');?>/public/assets/js/parallax.min.js"></script>
<script src="<?php echo url('');?>/public/assets/js/tilt.jquery.min.js"></script>
<script src="<?php echo url('');?>/public/assets/js/jquery.paroller.min.js"></script>
<script src="<?php echo url('');?>/public/assets/js/owl.js"></script>
<script src="<?php echo url('');?>/public/assets/js/wow.js"></script>
<script src="<?php echo url('');?>/public/assets/js/swiper.min.js"></script>
<script src="<?php echo url('');?>/public/assets/js/touchspin.js"></script>
<script src="<?php echo url('');?>/public/assets/js/odometer.js"></script>
<script src="<?php echo url('');?>/public/assets/js/mixitup.js"></script>
<script src="<?php echo url('');?>/public/assets/js/backToTop.js"></script>
<script src="<?php echo url('');?>/public/assets/js/jquery.marquee.min.js"></script>
<script src="<?php echo url('');?>/public/assets/js/nav-tool.js"></script>
<script src="<?php echo url('');?>/public/assets/js/jquery-ui.js"></script>
<script src="<?php echo url('');?>/public/assets/js/script.js"></script>

</body>
</html>