Restructuring and styling of components

src/pages/index.js

@@ -55,7 +55,7 @@ const IndexPage = () => (
         classes="max-w-lg m-auto"
         intro="Services"
         headline="Because beautiful code makes our heart pound"
-        text="We have a passion for great software and design with the help of modern technologies. Custom end-to-end solutions is our speciality and our skilled team can even help you with initial analysis, architecture design, testing and deployments"
+        text="We have a passion for great software and design with the help of modern technologies. Our speciality is custom end-to-end solutions and our skilled team can even help you with initial analysis, architecture design, testing and deployments"
       />
     </section>
 
@@ -130,7 +130,7 @@ const IndexPage = () => (
       />
     </section>
 
-    <section className="text-center p-3">
+    <section className="container mx-auto text-center p-3">
       <SectionIntro
         intro="Blog & Social Media"
         headline="But occasionally we find the time to have fun and publish stuff"
@@ -138,9 +138,13 @@ const IndexPage = () => (
       <div className="lg:flex justify-center mt-8">
         <Card />
         <Card />
-        <Card />
       </div>
-      <Button filled text="More Posts" url="/blog" classes="rounded-full" />
+      <Button
+        standard
+        text="More Posts"
+        url="/blog"
+        classes="mt-2 mb-8 rounded-full text-grey-darker hover:shadow"
+      />
     </section>
   </main>
 )