working version of navbar

package.json

@@ -9,8 +9,10 @@
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.4",
     "@testing-library/user-event": "^13.5.0",
+    "bootstrap": "^5.1.3",
     "monday-ui-react-core": "^1.21.5",
     "react": "^17.0.2",
+    "react-bootstrap": "^2.4.0",
     "react-dom": "^17.0.2",
     "react-router-dom": "^6.2.2",
     "react-scripts": "5.0.0",

src/global-components/NavbarGlobal.js

@@ -0,0 +1,41 @@
+import React, { Component } from 'react';
+import './NavbarGlobal.scss';
+import { Navbar, Container, NavDropdown, Nav } from 'react-bootstrap';
+
+class NavbarGlobal extends Component {
+    render() {
+        return <div>
+            <Navbar className="navbar" bg="light" expand="xl">
+            <Container>
+                <Navbar.Toggle aria-controls="basic-navbar-nav" />
+                <Navbar.Collapse id="basic-navbar-nav">
+                <Nav className="me-auto">
+                        <Navbar.Brand className='left-logo' href="/">Scambi</Navbar.Brand>
+                            <NavDropdown title="About Us" id="basic-nav-dropdown">
+                                <NavDropdown.Item href="/about">About Scambi</NavDropdown.Item>
+                                <NavDropdown.Item href="/about">Our Story</NavDropdown.Item>
+                                <NavDropdown.Item href="/about">Our Team</NavDropdown.Item>
+                            </NavDropdown>
+                            <NavDropdown title="Festival" id="basic-nav-dropdown">
+                                <NavDropdown.Item href="/labs">Labs</NavDropdown.Item>
+                                <NavDropdown.Item href="/pinolis">Pinolis</NavDropdown.Item>
+                                <NavDropdown.Item href="/filmcontest">Film Contest</NavDropdown.Item>
+                                <NavDropdown.Item href="/minivents">Minivents</NavDropdown.Item>
+                            </NavDropdown>
+                            <Nav.Link href="/blog" id="navbar-link">Blog</Nav.Link>
+                            <Nav.Link href="/faq" id="navbar-link">FAQ</Nav.Link>
+                            <Nav.Link href="/rsvp" className='rsvp-button' id="navbar-link">RSVP</Nav.Link>
+                        <NavDropdown title="Language" id="basic-nav-dropdown" className="justify-content-end">
+                                <NavDropdown.Item href="">English</NavDropdown.Item>
+                                <NavDropdown.Item href="">Italian</NavDropdown.Item>
+                        </NavDropdown>
+                </Nav>
+
+                </Navbar.Collapse>
+            </Container>
+            </Navbar>
+        </div>
+    }
+}
+
+export default NavbarGlobal;