<header class="main-header-three">
    <div class="main-menu-three__top">
        <div class="container">
            <div class="main-menu-three__top-inner">
                <ul class="list-unstyled main-menu-three__contact-list">
                    <li>
                        <div class="icon">
                            <i class="icon-email"></i>
                        </div>
                        <div class="text">
                            <p><a href="mailto:example@gamil.com">example@gamil.com</a>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="icon">
                            <i class="icon-pin"></i>
                        </div>
                        <div class="text">
                            <p>12 Green Road, 05 New York</p>
                        </div>
                    </li>
                </ul>
                <div class="main-menu-three__top-right">
                    <div class="main-menu-three__social">
                        <a href="#"><i class="fab fa-twitter"></i></a>
                        <a href="#"><i class="fab fa-facebook"></i></a>
                        <a href="#"><i class="fab fa-pinterest-p"></i></a>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <nav class="main-menu main-menu-three">
        <div class="main-menu-three__wrapper">
            <div class="container">
                <div class="main-menu-three__wrapper-inner">
                    <div class="main-menu-three__left">
                        <div class="main-menu-three__logo">
                            <a href="{{ route('index') }}"><img src="{{ asset('assets/images/resources/logo-1.png') }}"
                                    alt=""></a>
                        </div>
                    </div>
                    <div class="main-menu-two__main-menu-box">
                        <a href="#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a>
                        <x-menu_list />
                    </div>
                    <div class="main-menu-three__right">
                        <div class="main-menu-three__btn-box">
                            <a href="{{ route('about') }}" class="thm-btn">
                                <span class="thm-btn-text">Get A Quote</span>
                                <span class="thm-btn-icon-box"><i class="fas fa-arrow-right"></i></span>
                            </a>
                        </div>
                        <div class="main-menu-three__search-box">
                            <span class="main-menu-three__search searcher-toggler-box icon-search"></span>
                        </div>
                        <div class="main-menu-three__cart">
                            <a href="{{ route('cart') }}">
                                <span class="icon-shopping-cart"></span>
                                <span class="main-menu-three__cart-count">02</span>
                            </a>
                        </div>
                        <div class="main-menu-three__nav-sidebar-icon">
                            <a class="navSidebar-button" href="#">
                                <span class="icon-dots-menu-three-one"></span>
                                <span class="icon-dots-menu-three-two"></span>
                                <span class="icon-dots-menu-three-three"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</header>
