<div class="top-header">
    <div class="container p-md-0">
        <div class="row m-0">
            <div class="col-md-12 text-right">
                <div class="footer_social_widget">
                    <p><a href="mailto:info@luxrealty.ae"><i class="fa fa-envelope"></i> info@luxrealty.ae</a></p>
                    <ul>
                        <li class="list-inline-item"><a target="_blank"
                                href="https://www.facebook.com/profile.php?id=61559644725657"><i
                                    class="fa fa-facebook"></i></a></li>
                        <li class="list-inline-item"><a target="_blank"
                                href="https://www.linkedin.com/company/luxrealtyltd/"><i
                                    class="fa fa-linkedin-square"></i></a></li>
                        <li class="list-inline-item"><a target="_blank"
                                href="https://www.instagram.com/luxrealty.uae/"><i class="fa fa-instagram"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="mid-header">
    <div class="container p-md-0">
        <div class="row m-0">
            <div class="col-md-6 text-md-left text-center">
                <a href="/">
                    <img class="nav_logo_img img-fluid" src="{{ asset('images/logo.png') }}" alt="Buy and Rent Property in Dubai | Lux Realty LLC">
                </a>
            </div>
            <div class="col-md-6 text-right hide-mobile">
                <div
                    class="header-contact-wrap navbar-expand-lg d-flex align-items-center justify-content-between pull-right">
                    <div class="header-contact header-contact-1 d-flex align-items-center flex-fill">
                        <div class="header-contact-left">
                            <i class="fa fa-phone"></i>
                        </div><!-- header-contact-left -->
                        <div class="header-contact-right">
                            <div><img src="{{ asset('images/uae.png') }}" height="" width="20" alt="Call us to Buy and Rent Property in Dubai | Lux Realty LLC"><a
                                    href="tel:+971503879245"> +971 50 387 9245</a></div>
                            <div><img src="{{ asset('images/uk.png') }}" height="" width="20" alt="Call us to Buy and Rent Property in Dubai | Lux Realty LLC"><a
                                    href="tel:+442038685800"> +44 203 868 5800</a></div>
                        </div>
                    </div>
                    <div class="header-contact header-contact-4 d-flex align-items-center">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<header class="header-nav menu_style_home_one style2 home10 navbar-scrolltofixed main-menu">
    <div class="container p0">
        <!-- Ace Responsive Menu -->
        <nav>
            <!-- Menu Toggle btn-->
            <div class="menu-toggle">
                <img class="nav_logo_img img-fluid" src="{{ asset('images/logo.png') }}" alt="Buy and Rent Property in Dubai | Lux Realty LLC">
                <button type="button" id="menu-btn">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <ul id="respMenu" class="ace-responsive-menu text-left" data-menu-style="horizontal">
                @foreach (App\Models\Page::whereNull('parent_id')->where('status', 1)->orderBy('sort_order')->get() as $page)
                    <li>
                        <a {{ count($page->sub_pages) > 0 ? '' : 'href=/' . $page->slug . '' }}><span
                                class="title">{{ $page->title }}</span></a>
                        @if (count($page->sub_pages) > 0)
                            <ul>
                                @foreach ($page->sub_pages as $spage)
                                    <li><a href="/{{ $spage->slug }}">{{ $spage->title }}</a></li>
                                @endforeach
                            </ul>
                        @endif

                    </li>
                @endforeach
            </ul>
        </nav>
    </div>
</header>

<div id="page" class="stylehome1 h0 header-responisve">
    <div class="mobile-menu">
        <div class="header stylehome1 container">
            <div class="d-flex justify-content-between">
                <a class="mobile-menu-trigger" href="#menu">
                    <i class="fa fa-bars"></i>
                </a>
                <!-- <a class="nav_logo_img" href="/"><img class="img-fluid"
                        src="{{ asset('images/logo.png') }}"
                        alt="Logo"></a> -->
                <!-- <a class="mobile-menu-reg-link" href="page-register.html"><span class="flaticon-user"></span></a> -->
            </div>
        </div>
    </div><!-- /.mobile-menu -->
    <nav id="menu" class="stylehome1">
        <ul>
            @foreach (App\Models\Page::whereNull('parent_id')->where('status', 1)->orderBy('sort_order')->get() as $page)
                <li>
                    <a {{ count($page->sub_pages) > 0 ? '' : 'href=/' . $page->slug . '' }}><span
                            class="title">{{ $page->title }}</span></a>
                    @if (count($page->sub_pages) > 0)
                        <ul>
                            @foreach ($page->sub_pages as $spage)
                                <li><a href="/{{ $spage->slug }}">{{ $spage->title }}</a></li>
                            @endforeach
                        </ul>
                    @endif

                </li>
            @endforeach
        </ul>
    </nav>
</div>
