add: boilerplate w/ navbar, tailwindcss

2026-06-04 10:20:41 +00:00 · 2024-05-17 21:58:07 -04:00
parent 2fd5a4583c
commit efce89bd16
13 changed files with 1224 additions and 141 deletions
--- a/frontend/src/components/navbar.jsx
+++ b/frontend/src/components/navbar.jsx
@@ -0,0 +1,18 @@
+import { Link } from "react-router-dom"
+
+function NavBar() {
+  
+    return (
+      <>
+        <div className='flex items-center w-full h-20 justify-center bg-gray-800 border-b border-2 border-black'>
+            <ul className='flex gap-16 items-center justify-center'>
+                <li><Link to='/'><p className='text-2xl text-white hover:text-red-900'>Main</p></Link></li>
+                <li><Link to='scenario/'><p className='text-2xl text-white hover:text-red-900'>Scenario</p></Link></li>
+                <li><Link to='about/'><p className='text-2xl text-white hover:text-red-900'>About</p></Link></li>
+            </ul>
+        </div>
+      </>
+    )
+  }
+  
+  export default NavBar