    <a href="#home" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
        <h1 class="m-0 text-primary">
            <img src="{{ asset('logo/baru/HC.png') }}" alt="Hospital Icon" class="me-2" style="width:60px; height:auto;">
            HeartChoice
        </h1>
    </a>

    <button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarCollapse">
        <div class="navbar-nav ms-auto p-4 p-lg-0">
            <a href="#home" class="nav-item nav-link">Home</a>
            <a href="#about" class="nav-item nav-link">About</a>
            <a href="#features" class="nav-item nav-link">Features</a>
            <!-- Sign In untuk layar kecil -->
            <a href="{{ route('login') }}" class="nav-item nav-link d-lg-none text-primary">
                Sign In <i class="fa fa-arrow-right ms-2"></i>
            </a>
        </div>

        <!-- Tombol untuk layar besar -->
        <a href="{{ route('login') }}" class="btn btn-primary rounded-0 py-4 px-lg-5 d-none d-lg-block">
            Sign In <i class="fa fa-arrow-right ms-3"></i>
        </a>
    </div>
