Feat - add main section

pages/index.js

@@ -1,7 +1,9 @@
 import Head from 'next/head';
 import Image from 'next/image';
 import Header from '../components/navigation/Header';
+import Main from '../components/main/Main';
 import NavBar from '../components/navigation/NavBar';
+
 export default function Home() {
   return (
     <div className="container">
@@ -12,16 +14,19 @@ export default function Home() {
       <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}
-        />
-        <p>I'm a software engineer from Lagos, Nigeria</p>
-      </main>
+      <Main>
+        <aside>
+          <h2 style={{ fontWeight: 300 }}>Hi I'm Jesse</h2>
+          <p>I'm a software engineer from Lagos, Nigeria</p>
+        </aside>
+        <aside>
+          <Image
+            src="https://res.cloudinary.com/dqfjoblug/image/upload/v1619192037/site__hero_rg5gzv.jpg"
+            width={468}
+            height={468}
+          />
+        </aside>
+      </Main>
     </div>
   );
 }