<div className="navigation">
                <ul className="menu">
                    {
                        nav_links.map( item => (
                            <li className="nav_item"><a onClick={handleClick} href={item.path}>{item.display}</a></li>
                        ))
                    }
                </ul>
            </div>
            {/**nav right */}
            <div className="nav_right">
            <button className="register_btn">Login</button>
                <button className="register_btn">Register</button>
                <span className="mobile_menu"><i class="ri-menu-line"></i></span>
            </div>
        </div>
    </div>
</header>
);