Extracting to reusable components

src/components/IntroDefault.js

@@ -0,0 +1,17 @@
+import React from 'react'
+import Link from 'gatsby-link'
+
+import Button from './Button'
+
+const IntroDefault = ({ intro, headline, text }) => (
+  <section className="lg:flex items-center p-3">
+    <div className="max-w-xs">
+      <h3>{intro}</h3>
+      <h1>{headline}</h1>
+      <p>{text}</p>
+      <Button text="Let's Get In Touch" url="/proposal" classes="rounded-full" />
+    </div>
+  </section >
+)
+
+export default IntroDefault