text: import React from "react";
  import { Navbar } from "react-bootstrap";
  import { Container } from "react-bootstrap";
  import { NavDropdown } from "react-bootstrap";
  import { Nav } from "react-bootstrap";
  import LM from "../src/img/6.png";
  
  const NavBar = () => {
    return (
      <div>
        <Navbar className="navbar-nav " bg=" light" expand="lg" sticky="top">
          <Container>
            <Navbar.Brand href="/">
              <div>
                <img
                  src={LM}
                  style={{ width: 110 }}
                  className="d-inline-block align-top"
                  alt="React "
                />
              </div>
            </Navbar.Brand>
            <Navbar.Toggle aria-controls="basic-navbar-nav" />
            <Navbar.Collapse id="basic-navbar-nav">
              <Nav className="me-auto">
                <Nav.Link href="/home">Home</Nav.Link>
                <Nav.Link href="#about">About</Nav.Link>
                {/* <NavDropdown title="Dropdown" id="basic-nav-dropdown"> */}
                {/* <NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item> */}
                {/* <NavDropdown.Item href="#action/3.2"> */}
                {/* Another action */}
                {/* </NavDropdown.Item> */}
                {/* <NavDropdown.Item href="#action/3.3">
                    Something
                  </NavDropdown.Item> */}
                {/* <NavDropdown.Divider />
                  <NavDropdown.Item href="#action/3.4">
                    Separated link
                  </NavDropdown.Item>
                </NavDropdown> */}
                <Nav.Link href="#contact">Contact us</Nav.Link>
              </Nav>
            </Navbar.Collapse>
          </Container>
        </Navbar>
      </div>
    );
  };
  
  export default NavBar;
  