From 49ef94300c4466107ac34ca0f0cb14991775dd1d Mon Sep 17 00:00:00 2001
From: Edin Dazdarevic <edin.dazdarevic@gmail.com>
Date: Wed, 10 Apr 2019 17:35:31 +0200
Subject: [PATCH] Make buttons not round

---
 src/components/Footer.js    | 4 ++--
 src/components/Header.js    | 4 ++--
 src/components/PageIntro.js | 8 --------
 src/components/SideMenu.js  | 2 +-
 src/pages/index.js          | 4 ++--
 src/pages/services.js       | 2 +-
 6 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/src/components/Footer.js b/src/components/Footer.js
index a7ddeaf..bc66b12 100644
--- a/src/components/Footer.js
+++ b/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">
diff --git a/src/components/Header.js b/src/components/Header.js
index 82f9a29..a6e3124 100644
--- a/src/components/Header.js
+++ b/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">
diff --git a/src/components/PageIntro.js b/src/components/PageIntro.js
index 5ee7c8a..c17e9c4 100644
--- a/src/components/PageIntro.js
+++ b/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' : ''
diff --git a/src/components/SideMenu.js b/src/components/SideMenu.js
index 0a9c337..359fc32 100644
--- a/src/components/SideMenu.js
+++ b/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>
 
diff --git a/src/pages/index.js b/src/pages/index.js
index 556290a..3d492b7 100644
--- a/src/pages/index.js
+++ b/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>
diff --git a/src/pages/services.js b/src/pages/services.js
index 77216e5..ebdb606 100644
--- a/src/pages/services.js
+++ b/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}