Added Card component for blog posts

src/components/Card.js

@@ -0,0 +1,22 @@
+import React from 'react'
+import Link from 'gatsby-link'
+
+import ImgSprint from '../images/wow-we-did-design-sprint-remotely.png'
+
+const Card = ({ ...props }) => (
+  <div className="m-3 max-w-sm rounded overflow-hidden shadow-lg">
+    <img className="w-full" src={ImgSprint} alt="Sprint Work" />
+    <div className="px-6 py-4">
+      <div className="font-bold text-xl mb-2">How we do remote design sprints
+      </div>
+      <p className="text-grey-darker text-base">
+        It’s amazing how design can impact business and people making the world a better and a friendlier place. Knowing the how important design today is, here’s a complete rundown of our design process in it’s fully glory.
+      </p>
+    </div>
+    <div className="px-6 py-4">
+      <span className="inline-block bg-grey-lighter rounded-full px-3 py-1 text-sm font-semibold text-grey-darker">#workstyle</span>
+    </div>
+  </div>
+)
+
+export default Card

src/pages/index.js

@@ -3,6 +3,7 @@ import React from 'react'
 import SectionIntro from '../components/SectionIntro'
 import InfoBox from '../components/InfoBox'
 import Button from '../components/Button'
+import Card from '../components/Card'
 
 import ImgIntro from '../images/programming-company.svg'
 import ImgDesign from '../images/ux-ui-design.svg'
@@ -51,10 +52,18 @@ const IndexPage = () => (
         <img src={LogoKinnarps} alt="Kinnarps Logo" />
         <img src={LogoCoor} alt="Coor Logo" />
       </div>
+
+      <Button filled text="Let's Build Together" url="/proposal" classes="rounded-full" />
     </section>
 
     <section className="text-center p-3">
       <SectionIntro intro="Blog & Social Media" headline="But occasionally we find the time to have fun and publish stuff" />
+      <div className="lg:flex">
+        <Card />
+        <Card />
+        <Card />
+      </div>
+      <Button filled text="More Posts" url="/blog" classes="rounded-full" />
     </section>
   </div>
 )