Add work page, stylistic changes and dynamic classes to buttons

src/pages/how-we-work.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const HowWeWork = () => (
+  <div>
+    <h1>How We Work Page</h1>
+  </div>
+)
+
+export default HowWeWork

src/pages/index.js

@@ -10,7 +10,7 @@ const IndexPage = () => (
     <section className="lg:flex items-center p-3">
       <div>
         <IntroDefault intro="Welcome To Saburly" classes="lg:max-w-xs" 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." />
-        <Button text="Let's Get In Touch" url="/proposal" classes="rounded-full" />
+        <Button filled text="Let's Get In Touch" url="/proposal" classes="rounded-full" />
       </div>
       <img src={ImgBuildSite} className="overflow-hidden" />
     </section>
@@ -25,8 +25,8 @@ const IndexPage = () => (
 
     <InfoBox headline="Mobile Development" text="We develop for both iOS and Android. For iOS we use Swift and Objective-C. Android applications are built in Java and Kotlin. We also enjoy working with React Native technology because it allows writing native apps for both platform at once." />
 
-    <Button text="More ABout What We Do" url="/services" classes="rounded-full" />
-    <Button text="How We Work" url="/work" classes="rounded-full" />
+    <Button standard text="More ABout What We Do" url="/services" classes="rounded-full" />
+    <Button standard text="How We Work" url="/work" classes="rounded-full" />
 
     <section className="text-center p-3">
       <IntroDefault intro="Showcase" headline="We don’t descriminate, all screens & devices are welcome" />