1 files changed, 24 insertions, 0 deletions
diff --git a/frontend/src/components/navigation/HomeNavbar.js b/frontend/src/components/navigation/HomeNavbar.js
new file mode 100644
index 00000000..5d08bf3c
--- /dev/null
+++ b/frontend/src/components/navigation/HomeNavbar.js
@@ -0,0 +1,24 @@
+import React from "react";
+import Navbar from "./Navbar";
+import "./Navbar.css";
+
+const ScrollNavItem = ({ id, name }) => (
+  <li className="nav-item">
+    <a className="nav-link" href={id}>
+      {name}
+    </a>
+  </li>
+);
+
+const HomeNavbar = () => (
+  <Navbar fullWidth={false}>
+    <ScrollNavItem id="#stakeholders" name="Stakeholders" />
+    <ScrollNavItem id="#modeling" name="Modeling" />
+    <ScrollNavItem id="#simulation" name="Simulation" />
+    <ScrollNavItem id="#technologies" name="Technologies" />
+    <ScrollNavItem id="#team" name="Team" />
+    <ScrollNavItem id="#contact" name="Contact" />
+  </Navbar>
+);
+
+export default HomeNavbar;