navbar.jsx

<Navbar bg="dark" variant="dark" className="mb-5" sticky="top" expand="lg">
  <Container>
    <Link to="/" className="navbar-brand">
      Genius Car Mechanics
    </Link>
    <Navbar.Toggle aria-controls="basic-navbar-nav" />
    <Navbar.Collapse id="basic-navbar-nav">
      <Nav className="ms-auto">
        <Link to="/home" className="nav-link">
          Home
        </Link>
        <Link to="/booking" className="nav-link">
          Booking
        </Link>
        <Link to="/login" className="nav-link">
          Login
        </Link>
        <Navbar.Text>
          Signed in as: <Link to="/profile">Mark Otto</Link>
        </Navbar.Text>
      </Nav>
    </Navbar.Collapse>
  </Container>
</Navbar>