<header class="main-header">
    <div class="main-menu__top">
        <div class="main-menu__top-inner">
            <ul class="list-unstyled main-menu__contact-list">
                <li>
                    <div class="icon">
                        <i class="icon-call"></i>
                    </div>
                    <div class="text">
                        <p><a href="tel:15502505260">+1 (550) 250 5260</a></p>
                    </div>
                </li>
                <li>
                    <div class="icon">
                        <i class="icon-email"></i>
                    </div>
                    <div class="text">
                        <p><a href="mailto:info@klinikpkpjawa3.com">info@klinikpkpjawa3.com</a>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="icon">
                        <i class="icon-pin"></i>
                    </div>
                    <div class="text">
                        <p>4124 Cimmaron Road, CA 92806</p>
                    </div>
                </li>
            </ul>
            <p class="main-menu__top-welcome-text">Selamat datang di KLINIK PKP JAWA 3</p>
            <div class="main-menu__top-right">
                <div class="main-menu__top-time">
                    <div class="main-menu__top-time-icon">
                        <span class="icon-clock"></span>
                    </div>
                    <p class="main-menu__top-text">Mon - Fri: 09:00 - 05:00</p>
                </div>
                <div class="main-menu__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>
    <nav class="main-menu">
        <div class="main-menu__wrapper">
            <div class="main-menu__wrapper-inner">
                <div class="main-menu__left">
                    <div class="main-menu__logo">
                        <a href="{{ route('index') }}"><img src="{{ asset('assets/images/resources/logo-1.png') }}"
                                alt=""></a>
                    </div>
                </div>
                <div class="main-menu__main-menu-box">
                    <a href="#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a>
                    <ul class="main-menu__list one-page-scroll-menu">
                        <li class="dropdown megamenu scrollToLink">
                            <a href="#home">Home </a>
                            <ul>
                                <li>
                                    <section class="home-showcase">
                                        <div class="container">
                                            <div class="home-showcase__inner">
                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <div class="home-showcase__item">
                                                            <div class="home-showcase__image">
                                                                <img src="{{ asset('assets/images/home-showcase/home-showcase-1-1.jpg') }}"
                                                                    alt="">
                                                                <div class="home-showcase__buttons">
                                                                    <a href="{{ route('index') }}"
                                                                        class="thm-btn home-showcase__buttons__item">
                                                                        <span class="thm-btn-text">Multi
                                                                            Page</span>
                                                                        <span class="thm-btn-icon-box">
                                                                            <i class="fas fa-arrow-right"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a href="{{ route('index-one-page') }}"
                                                                        class="thm-btn home-showcase__buttons__item">
                                                                        <span class="thm-btn-text">One
                                                                            Page</span>
                                                                        <span class="thm-btn-icon-box">
                                                                            <i class="fas fa-arrow-right"></i>
                                                                        </span>
                                                                    </a>
                                                                </div>
                                                                <!-- /.home-showcase__buttons -->
                                                            </div><!-- /.home-showcase__image -->
                                                            <h3 class="home-showcase__title">Home
                                                                Page
                                                                01</h3>
                                                            <!-- /.home-showcase__title -->
                                                        </div><!-- /.home-showcase__item -->
                                                    </div><!-- /.col-lg-3 -->
                                                    <div class="col-lg-3">
                                                        <div class="home-showcase__item">
                                                            <div class="home-showcase__image">
                                                                <img src="{{ asset('assets/images/home-showcase/home-showcase-1-2.jpg') }}"
                                                                    alt="">
                                                                <div class="home-showcase__buttons">
                                                                    <a href="{{ route('index2') }}"
                                                                        class="thm-btn home-showcase__buttons__item">
                                                                        <span class="thm-btn-text">Multi
                                                                            Page</span>
                                                                        <span class="thm-btn-icon-box">
                                                                            <i class="fas fa-arrow-right"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a href="{{ route('index2-one-page') }}"
                                                                        class="thm-btn home-showcase__buttons__item">
                                                                        <span class="thm-btn-text">One
                                                                            Page</span>
                                                                        <span class="thm-btn-icon-box">
                                                                            <i class="fas fa-arrow-right"></i>
                                                                        </span>
                                                                    </a>
                                                                </div>
                                                                <!-- /.home-showcase__buttons -->
                                                            </div><!-- /.home-showcase__image -->
                                                            <h3 class="home-showcase__title">Home
                                                                Page
                                                                02
                                                            </h3><!-- /.home-showcase__title -->
                                                        </div><!-- /.home-showcase__item -->
                                                    </div><!-- /.col-lg-3 -->
                                                    <div class="col-lg-3">
                                                        <div class="home-showcase__item">
                                                            <div class="home-showcase__image">
                                                                <img src="{{ asset('assets/images/home-showcase/home-showcase-1-3.jpg') }}"
                                                                    alt="">
                                                                <div class="home-showcase__buttons">
                                                                    <a href="{{ route('index3') }}"
                                                                        class="thm-btn home-showcase__buttons__item">
                                                                        <span class="thm-btn-text">Multi
                                                                            Page</span>
                                                                        <span class="thm-btn-icon-box">
                                                                            <i class="fas fa-arrow-right"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a href="{{ route('index3-one-page') }}"
                                                                        class="thm-btn home-showcase__buttons__item">
                                                                        <span class="thm-btn-text">One
                                                                            Page</span>
                                                                        <span class="thm-btn-icon-box">
                                                                            <i class="fas fa-arrow-right"></i>
                                                                        </span>
                                                                    </a>
                                                                </div>
                                                                <!-- /.home-showcase__buttons -->
                                                            </div><!-- /.home-showcase__image -->
                                                            <h3 class="home-showcase__title">Home
                                                                Page
                                                                03
                                                            </h3><!-- /.home-showcase__title -->
                                                        </div><!-- /.home-showcase__item -->
                                                    </div><!-- /.col-lg-3 -->
                                                    <div class="col-lg-3">
                                                        <div class="home-showcase__item">
                                                            <div class="home-showcase__image">
                                                                <img src="{{ asset('assets/images/home-showcase/home-showcase-1-4.jpg') }}"
                                                                    alt="">
                                                                <div class="home-showcase__buttons">
                                                                    <a href="{{ route('index-dark') }}"
                                                                        class="thm-btn home-showcase__buttons__item">
                                                                        <span class="thm-btn-text">View
                                                                            Page</span>
                                                                        <span class="thm-btn-icon-box">
                                                                            <i class="fas fa-arrow-right"></i>
                                                                        </span>
                                                                    </a>
                                                                </div>
                                                                <!-- /.home-showcase__buttons -->
                                                            </div><!-- /.home-showcase__image -->
                                                            <h3 class="home-showcase__title">Dark Page
                                                            </h3><!-- /.home-showcase__title -->
                                                        </div><!-- /.home-showcase__item -->
                                                    </div><!-- /.col-lg-3 -->
                                                </div><!-- /.row -->
                                            </div><!-- /.home-showcase__inner -->

                                        </div><!-- /.container -->
                                    </section>
                                </li>
                            </ul>
                        </li>
                        <li class="scrollToLink ">
                            <a href="#about">About</a>
                        </li>
                        <li class="scrollToLink">
                            <a href="#services">Services</a>
                        </li>
                        <li class="scrollToLink">
                            <a href="#case">Case</a>
                        </li>
                        <li class="scrollToLink">
                            <a href="#lawyer">Lawyer</a>
                        </li>
                        <li class="scrollToLink">
                            <a href="#contact">Contact</a>
                        </li>
                        <li class="scrollToLink">
                            <a href="#blog">Blog</a>
                        </li>
                    </ul>
                </div>
                <div class="main-menu__right">
                    <div class="main-menu__call">
                        <div class="main-menu__call-icon">
                            <i class="icon-call"></i>
                        </div>
                        <div class="main-menu__call-content">
                            <p class="main-menu__call-sub-title">Call Anytime</p>
                            <h5 class="main-menu__call-number"><a href="tel:9288006780">+92 ( 8800 ) -
                                    6780</a></h5>
                        </div>
                    </div>
                    <div class="main-menu__search-cart-box">
                        <div class="main-menu__search-cart-box">
                            <div class="main-menu__search-box">
                                <a href="#" class="main-menu__search searcher-toggler-box icon-search"></a>
                            </div>
                            <div class="main-menu__cart-box">
                                <a href="{{ route('cart') }}" class="main-menu__cart">
                                    <span class="icon-shopping-cart"></span>
                                    <span class="main-menu__cart-count">02</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="main-menu__nav-sidebar-icon">
                        <a class="navSidebar-button" href="#">
                            <span class="icon-dots-menu-one"></span>
                            <span class="icon-dots-menu-two"></span>
                            <span class="icon-dots-menu-three"></span>
                        </a>
                    </div>
                    <div class="main-menu__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>
            </div>
        </div>
    </nav>
</header>
