diff --git a/frontend/src/components/Header.js b/frontend/src/components/Header.js
new file mode 100644
index 0000000..fc358da
--- /dev/null
+++ b/frontend/src/components/Header.js
@@ -0,0 +1,36 @@
+import React from 'react';
+
+
+function Header(openMenu,userInfo) {
+
+  <header className="header">
+    <div className="brand">
+      <button onClick={openMenu}>&#9776;</button>
+      <Link to="/">amazona</Link>
+    </div>
+    <div className="header-links">
+      <a href="cart.html">Cart</a>
+      {userInfo ? (
+        <Link to="/profile">{userInfo.name}</Link>
+      ) : (
+        <Link to="/signin">Sign In</Link>
+      )}
+      {userInfo && userInfo.isAdmin && (
+        <div className="dropdown">
+          <a href="#">Admin</a>
+          <ul className="dropdown-content">
+            <li>
+              <Link to="/orders">Orders</Link>
+              <Link to="/products">Products</Link>
+            </li>
+          </ul>
+        </div>
+      )}
+    </div>
+  </header>
+
+}
+
+export default App;
+
+