Feat - Add header

pages/index.js

@@ -1,21 +1,24 @@
 import Head from 'next/head';
-import styles from '../styles/Home.module.css';
 import Image from 'next/image';
-
+import Header from '../components/navigation/Header';
+import NavBar from '../components/navigation/NavBar';
 export default function Home() {
   return (
-    <div className={styles.container}>
+    <div className="container">
       <Head>
         <title>Jesse Egbosionu</title>
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      <main className={styles.main}>
-        <h1>Hi I'm Jesse</h1>
+      <Header>
+        <NavBar />
+      </Header>
+      <main>
+        <h2>Hi I'm Jesse</h2>
         <Image
           src="https://res.cloudinary.com/dqfjoblug/image/upload/v1619192037/site__hero_rg5gzv.jpg"
           width={468}
           height={468}
-          className={styles.hero__img}
+          // className={styles.hero__img}
         />
         <p>I'm a software engineer from Lagos, Nigeria</p>
       </main>