Restructuring of components, extracting to reusable components, styling

src/components/Service.js

@@ -0,0 +1,19 @@
+import React from 'react'
+import InfoBox from './InfoBox'
+
+const Service = ({ ...props }) => (
+  <div className="lg:flex items-center justify-center m-auto">
+    <img
+      src={props.img}
+      className={`w-full lg:max-w-sm p-4 z-10 ${props.imgClasses}`}
+      alt={`${props.title} agency`}
+    />
+    <InfoBox
+      classes="bg-white p-8 shadow lg:m-0 opacity-75 lg:max-w-sm"
+      headline={props.title}
+      text={props.text}
+    />
+  </div>
+)
+
+export default Service