Add hero section and prepare header

components/header/index.js

@@ -1,14 +1,19 @@
-import Link from 'next/link';
+import './style.scss';
 
 const Header = () => (
-  <div>
-    <Link href="/">
-      <a title="Homepage">Home</a>
-    </Link>
-    &nbsp; |&nbsp;
-    <Link href="/about">
-      <a title="About Page">About Page</a>
-    </Link>
+  <div className='page-header'>
+    <div className="d-flex">
+      <div className="flex-grow-1 brand">
+        <a href="#">roadmap.sh</a>
+      </div>
+      <div className="nav-links">
+        <a href="#">Roadmaps</a>
+        <a href="#">Articles</a>
+        <a href="#">Journeys</a>
+        <a href="#">FAQs</a>
+        <a href="#" className='signup'>Sign Up</a>
+      </div>
+    </div>
   </div>
 );