diff --git a/projects/ContractSphere/frontend/contract-sphere-frontend/components/Header.js b/projects/ContractSphere/frontend/contract-sphere-frontend/components/Header.js
new file mode 100644
index 000000000..454484852
--- /dev/null
+++ b/projects/ContractSphere/frontend/contract-sphere-frontend/components/Header.js
@@ -0,0 +1,24 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+const Header = () => {
+  return (
+    <header>
+      <nav>
+        <ul>
+          <li>
+            <Link to="/">Home</Link>
+          </li>
+          <li>
+            <Link to="/contracts">Contracts</Link>
+          </li>
+          <li>
+            <Link to="/create-contract">Create Contract</Link>
+          </li>
+        </ul>
+      </nav>
+    </header>
+  );
+};
+
+export default Header;