Stylistic fixes and using reusable components

src/pages/contact.js

@@ -1,9 +1,9 @@
 import React from 'react'
 
-const BlogPage = () => (
+const ContactPage = () => (
   <div>
-    <h1>Blog page</h1>
+    <h1>Contact page</h1>
   </div>
 )
 
-export default BlogPage
+export default ContactPage

src/pages/index.js

@@ -5,10 +5,10 @@ import IntroDefault from '../components/IntroDefault'
 import ImgBuildSite from '../images/programming-company.svg'
 
 const IndexPage = () => (
-  <div>
+  <section className="lg:flex items-center p-3">
     <IntroDefault intro="Welcome To Saburly" headline="We build the right software for your needs" text="We are a team of creative, open minded, skilled and passionate engineers that ship success every day." />
-      <img src={ImgBuildSite} className="overflow-hidden" />
-  </div>
+    <img src={ImgBuildSite} className="overflow-hidden" />
+  </section>
 )
 
 export default IndexPage