Make buttons not round

src/components/Footer.js

@@ -17,10 +17,10 @@ const Footer = () => (
     <div className="text-center py-4 lg:px-4 saburly-overlay-shadow">
       <Link className="no-underline text-white" to="/contact">
         <div
-          className="p-2 items-center text-white leading-none lg:rounded-full flex lg:inline-flex"
+          className="p-2 items-center text-white leading-none flex lg:inline-flex"
           role="alert"
         >
-          <span className="flex bg-teal hover:bg-teal-dark saburly-transition rounded-full uppercase px-3 py-2 text-xs mr-3">
+          <span className="flex bg-teal hover:bg-teal-dark saburly-transition uppercase px-3 py-2 text-xs mr-3">
             Let's Connect
           </span>
           <span className="mr-2 hover:opacity-80 saburly-transition text-left flex-auto">

src/components/Header.js

@@ -44,9 +44,9 @@ class Header extends Component {
                   <li className={menuClasses}>About Us</li>
                 </Link>
                 <Button
-                  text="Contact"
+                  text="Request a quote"
                   standard
-                  classes="rounded-full text-white hover:shadow"
+                  classes="text-white hover:shadow"
                   url="/contact"
                 />
                 <a href="tel:7206432025">

src/components/PageIntro.js

@@ -62,14 +62,6 @@ class PageIntro extends Component {
               height: "100%"
             }}
         />
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400.8 96.4">
-          <title>bg-saburly-white</title>
-          <path
-            d="M417.7,96.4C655.2,93.3,743.6,0,983.1,0h417.7V96.4H417.7Z"
-            transform="translate(0 0)"
-            style={{ fill: '#fff' }}
-          />
-        </svg>
         <div
           className={`relative container mx-auto items-center flex xl:flex-row justify-between flex-col ${
             this.props.reversed ? 'flex-col-reverse' : ''

src/components/SideMenu.js

@@ -75,7 +75,7 @@ class SideMenu extends Component {
           </Link>
           <Link to="/contact" className="side-close menu-contact no-underline">
             <li className="hover:bg-white hover:text-black text-right no-underline text-2xl uppercase p-4 text-white">
-              Contact
+              Request a quote
             </li>
           </Link>
 

src/pages/index.js

@@ -161,13 +161,13 @@ const IndexPage = ({ ...props }) => (
               standard
               text="More About What We Do"
               url="/services"
-              classes="rounded-full m-2 hover:shadow-md text-grey-darker hover:shadow"
+              classes="m-2 hover:shadow-md text-grey-darker hover:shadow"
             />
             <Button
               filled
               text="Let's Get In Touch"
               url="/contact"
-              classes="text-white shadow hover:shadow-md rounded-full m-2 font-light bg-teal hover:bg-teal-dark"
+              classes="text-white shadow hover:shadow-md m-2 font-light bg-teal hover:bg-teal-dark"
             />
           </div>
         </div>

src/pages/services.js

@@ -28,7 +28,7 @@ const ServicesPage = () => (
     <PageIntro
       tiltImage
       straight
-      buttonClasses="text-white font-normal shadow hover:shadow-md rounded-full mt-4 font-light bg-teal hover:bg-teal-dark mb-20"
+      buttonClasses="text-white font-normal shadow hover:shadow-md mt-4 font-light bg-teal hover:bg-teal-dark mb-20"
       headline="Agile practitioners"
       text="At Saburly we embrace Agile’s methodologies for every project and business environment, no matter the size, scale, or complexity. Our flexible processes ensure high productivity and we know how to balance between cost, time and quality."
       image={IntroImage}