<header id="header" class="fix-header py-3">
    <nav class="navbar navbar-expand-lg mbmenos2 cl-effect-1">
        <div class="container align-items-center">
            <a href={{route("home")}}><ion-icon class="back-arrow p-2" name="chevron-back"></ion-icon></a>
            <a class="navbar-brand mr-md-auto" href="#header">
                <img src="/img/logo.png" class="img-fluid cl-cancel logo1 me-lg-5" alt="Logo {{ config('app.name') }}">
            </a>
            <button class="navbar-toggler navbar-light" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse menu1" id="navbarSupportedContent">
                <ul class="navbar-nav pr-lg-4 me-0 mx-auto align-items-center text-center">
                    <li class="nav-item"><a class="nav-link px-3" href="#inicio">Como funciona?</a></li>
                    <li class="nav-item"><a class="nav-link px-3" href="#trabalhamos">Como trabalhamos</a></li>
                    <li class="nav-item"><a class="nav-link px-3" href="#sobre">Dra. Jéssica Carvalho</a></li>
                   {{-- <!--<li class="nav-item"><a class="nav-link px-3" href={{route("blogEstetica")}}>Blog</a></li>--> --}}
                </ul>
                <a class="contato" href="#banner">Contato</a>
                <!-- <a href="intranet" style="color:grey; opacity:0.1"><i class='bx bxs-lock-alt'></i></a> -->
            </div>
        </div>
    </nav>

    <nav class="navbar navbar-expand-md mbmenos2 fix-men cl-effect-1">
        <div class="container align-items-center">
            <a href={{route("home")}}><ion-icon class="back-arrow p-2 me-5" name="chevron-back"></ion-icon></a>
            <a class="navbar-brand mr-md-auto " href="#header">
                <img src="/img/logo-branco.png" class="img-fluid cl-cancel logo2 me-5 me-md-0 ms-md-5" alt="Logo {{ config('app.name') }}" style="max-width: 80px;">
            </a>
            <button class="navbar-toggler navbar-dark" type="button" data-bs-toggle="collapse" data-bs-target="#navbarmob" aria-controls="navbarmob" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse mt-lg-5 mt-xl-1" id="navbarmob">
                <ul class="navbar-nav mx-auto align-items-center text-center">
                    <li class="nav-item"><a class="nav-link px-3 text-white" href="#inicio">Como funciona?</a></li>
                    <li class="nav-item"><a class="nav-link px-3 text-white" href="#trabalhamos">Como trabalhamos</a></li>
                    <li class="nav-item"><a class="nav-link px-3 text-white" href="#sobre">Dra. Jéssica Carvalho</a></li>
                    {{-- <li class="nav-item"><a class="nav-link px-3 text-white" href={{route("blogEstetica")}}>Blog</a></li> --}}
                    <li class="nav-item"><a class="nav-link px-3 text-white" href="#banner">Contato</a></li>
                </ul>

                <!-- <a href="intranet" style="color:white; opacity:0.2"><i class='bx bxs-lock-alt'></i></a> -->
            </div>
        </div>
    </nav>
</header>

<a class="zapweb d-none d-md-block" onClick="gtag_report_conversion('https://web.whatsapp.com/send?phone=5519993698413')" target="_Blank" style="cursor: pointer">
    <img src="/img/whatsapp.png" class="whatsapp" alt="Whatsapp">
</a>

<a class="zapcelular d-block d-md-none" onClick="gtag_report_conversion('https://api.whatsapp.com/send?phone=5519993698413&text=Entre%20em%20contato%20conosco!')" target="_Blank"  style="cursor: pointer">
    <img src="/img/whatsapp.png" class="whatsapp" alt="Whatsapp">
</a>
