Section intro structure and styling

src/components/PageIntro.js

@@ -9,23 +9,26 @@ const PageIntro = ({ ...props }) => (
       <div className="text-center lg:text-left lg:mt-4">
         <SectionIntro
           light
-          intro="Welcome To Saburly"
+          intro={props.intro}
           classes="lg:text-left lg:max-w-xs content-center"
-          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."
+          headline={props.headline}
+          text={props.text}
         />
+        { props.button && 
         <Button
-          filled
-          text="Let's Build Together"
-          url="/proposal"
-          classes="shadow-md hover:shadow-lg rounded-full mt-4 font-light btn-saburly-green mb-20"
+          text={props.buttonText}
+          url={props.url}
+          classes={props.buttonClasses}
         />
+        }
       </div>
-      <img
-        src={props.image}
-        className="lg:-mt-4 md:max-w-md xl:max-w-full z-10"
-        alt="Software Development Agency"
-      />
+      {props.image && (
+        <img
+          src={props.image}
+          className="lg:-mt-4 md:max-w-md xl:max-w-full z-10"
+          alt="Software Development Agency"
+        />
+      )}
     </div>
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400.8 96.4">
       <title>bg-saburly-white</title>