<header class="cbx-header">

    <div class="cbx-container">

        <nav class="cbx-navbar">

            <!-- LOGO -->
            <a href="index.php" class="cbx-logo">

                <img
                    src="public-site/assets/images/logo.png"
                    alt="Complete Bliss Solutions"
                >

                <div class="cbx-logo-text">

                    <strong>Complete Bliss</strong>

                    <span>Solutions</span>

                </div>

            </a>


            <!-- DESKTOP MENU -->
            <div class="cbx-nav-menu" id="cbxNavMenu">

                <a href="index.php#home" class="cbx-nav-link active">
                    Home
                </a>

                <a href="schemes.php" class="cbx-nav-link">
                    Schemes
                </a>

                <a href="index.php#how-it-works" class="cbx-nav-link">
                    How It Works
                </a>

                <a href="index.php#about" class="cbx-nav-link">
                    About
                </a>

                <a href="index.php#faq" class="cbx-nav-link">
                    FAQ
                </a>

                <a href="index.php#contact" class="cbx-nav-link">
                    Contact
                </a>


                <!-- MOBILE BUTTONS -->
                <div class="cbx-mobile-actions">

                    <a href="login.php" class="cbx-mobile-login">
                        Login
                    </a>

                    <a href="register.php" class="cbx-mobile-register">
                        Become a Member
                    </a>

                </div>

            </div>


            <!-- DESKTOP BUTTONS -->
            <div class="cbx-nav-actions">

                <a href="login.php" class="cbx-login-btn">
                    Login
                </a>

                <a href="register.php" class="cbx-register-btn">

                    Become a Member

                    <i class="fa-solid fa-arrow-right"></i>

                </a>

            </div>


            <!-- MOBILE TOGGLE -->
            <button
                class="cbx-menu-toggle"
                id="cbxMenuToggle"
                type="button"
                aria-label="Open navigation menu"
                aria-expanded="false"
            >

                <span></span>
                <span></span>
                <span></span>

            </button>

        </nav>

    </div>

</header>