Markup structure, add InfoBox components

src/components/InfoBox.js

@@ -0,0 +1,11 @@
+import React from 'react'
+import Link from 'gatsby-link'
+
+const InfoBox = ({ headline, text, classes }) => (
+  <div className={`${classes}`}>
+    <h3>{headline}</h3>
+    <p>{text}</p>
+  </div>
+)
+
+export default InfoBox

src/components/IntroDefault.js

@@ -1,14 +1,11 @@
 import React from 'react'
 import Link from 'gatsby-link'
 
-import Button from './Button'
-
-const IntroDefault = ({ intro, headline, text }) => (
-  <div className="max-w-xs">
+const IntroDefault = ({ intro, headline, text, classes }) => (
+  <div className={`${classes}`}>
     <h3>{intro}</h3>
     <h1>{headline}</h1>
     <p>{text}</p>
-    <Button text="Let's Get In Touch" url="/proposal" classes="rounded-full" />
   </div>
 )