Menu - Copy this React, Tailwind Component to your project

<header className="header bottom py 3"> <div className="container xxl"> <div className="row"> <div className="col 12"> <div className="menu bottom d flex align items center gap 30"> <div> <div className="dropdown"> <button className="btn btn secondary dropdown toggle bg transparent border 0 gap 15 d flex align items center" type="button" id="dropdownMenuButton1" data bs toggle="dropdown" aria expanded="false" > <img src="images/menu.svg" alt="" /> <span className="me 5 d inline block">Shop categories</span> </button> <ul className="dropdown menu" aria labelledby="dropdownMenuButton1"> {categories.map((category) => ( <li key={category._id}> <Link className="dropdown item text white" to={`/category/${category._id}`}> {category.title} </Link> </li> ))} </ul> </div> </div> <nav className="nav menu"> <ul className="d flex align items center gap 15"> <li> <NavLink className="text white" to="/"> Trang chủ </NavLink> </li> <li> <NavLink className="text white" to="/product"> Cửa hàng </NavLink> </li> <li> <NavLink className="text white" to="/blog"> Blog </NavLink> </li> <li> <NavLink className="text white" to="/contact"> Liên hệ </NavLink> </li> </ul> </nav> </div> </div> </div> </div> </header> tùy sửa menu này đẹp hơn