Feat - Add header

components/navigation/Header.js

@@ -0,0 +1,7 @@
+import navStyles from './navigation.module.css';
+
+const Header = ({ children }) => {
+  return <header className={navStyles.site__header}>{children}</header>;
+};
+
+export default Header;

components/navigation/NavBar.js

@@ -0,0 +1,17 @@
+import navStyles from './navigation.module.css';
+
+const NavBar = () => {
+  return (
+    <>
+      <nav className={navStyles.site__navbar}>
+        <p>__init__</p>
+        <ul>
+          <li>blog</li>
+          <li>about</li>
+        </ul>
+      </nav>
+    </>
+  );
+};
+
+export default NavBar;

components/navigation/navigation.module.css

@@ -0,0 +1,17 @@
+.site__header {
+  padding: 20px 0;
+}
+
+.site__navbar {
+  display: flex;
+  justify-content: space-between;
+}
+
+.site__navbar ul {
+  display: flex;
+  list-style: none;
+}
+
+.site__navbar li:not(:last-child) {
+  padding-right: 10px;
+}