<!-- Top Bar Start -->
<div class="top-bar">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="tb-contact">
                    <p><i class="fa fa-envelope"></i><a href="mailto:{{ $siteSettings->email }}">{{ $siteSettings->email }}</a></p>
                    <p><i class="fa fa-phone"></i>{{ $siteSettings->phone }}</p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="tb-menu">
                    <a href="{{ route('about') }}">About</a>
                    <a href="{{ route('contact') }}">Privacy</a>
                    <a href="{{ route('contact') }}">Terms</a>
                    <a href="{{ route('contact') }}">Contact</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Top Bar Start -->

<!-- Brand Start -->
<div class="brand">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-3 col-md-4">
                <div class="b-logo">
                    <a href="index-2.html">
                        <img src="img/logo.png" alt="Logo">
                    </a>
                </div>
            </div>
            <div class="col-lg-6 col-md-4">
                {{-- <div class="b-ads">
                    <a href="https://htmlcodex.com/">
                        <img src="img/ads-1.jpg" alt="Ads">
                    </a>
                </div> --}}
            </div>
            <div class="col-lg-3 col-md-4">
                <div class="b-search">
                    <input type="text" placeholder="Search">
                    <button><i class="fa fa-search"></i></button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Brand End -->

<!-- Nav Bar Start -->
<div class="nav-bar">
    <div class="container">
        <nav class="navbar navbar-expand-md bg-dark navbar-dark">
            <a href="#" class="navbar-brand">MENU</a>
            <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
                <div class="navbar-nav mr-auto">
                    <a href="{{ route('home') }}"
                        class="nav-item nav-link {{ request()->routeIs('home') ? 'active' : '' }}">Home</a>
                    @foreach($pages as $page)
                        <li><a href="{{ route('page.show', $page->slug) }}" class="nav-item nav-link">{{ $page->title }}</a></li>
                    @endforeach
                  
                        {{-- <a href="{{ route('about') }}"
                        class="nav-item nav-link {{ request()->routeIs('about') ? 'active' : '' }}">About Us</a>--}}
                    <a href="{{ route('contact') }}" 
                        class="nav-item nav-link {{ request()->routeIs('contact') ? 'active' : '' }}">Contact Us</a>
                </div>

                <div class="social ml-auto">
                    <a href="{{ $siteSettings->twitter }}" target="_blank"><i class="fab fa-twitter"></i></a>
                    <a href="{{ $siteSettings->facebook }}" target="_blank"><i class="fab fa-facebook-f"></i></a>
                    <a href="{{ $siteSettings->linkedin }}" target="_blank"><i class="fab fa-linkedin-in"></i></a>
                    <a href="{{ $siteSettings->instagram }}" target="_blank"><i class="fab fa-instagram"></i></a>
                    <a href="{{ $siteSettings->youtube }}" target="_blank"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
        </nav>
    </div>
</div>
<!-- Nav Bar End -->
