diff --git a/.all-contributorsrc b/.all-contributorsrc
index cb96ee5..bd9561c 100644
--- a/.all-contributorsrc
+++ b/.all-contributorsrc
@@ -44,6 +44,15 @@
       "contributions": [
         "docs"
       ]
+    },
+    {
+      "login": "roygrv21",
+      "name": "Gaurav Roy",
+      "avatar_url": "https://avatars1.githubusercontent.com/u/36206378?v=4",
+      "profile": "https://github.com/roygrv21",
+      "contributions": [
+        "code"
+      ]
     }
   ]
 }
diff --git a/components/CheckoutButton/CheckoutButton.js b/components/CheckoutButton/CheckoutButton.js
new file mode 100644
index 0000000..369ee5e
--- /dev/null
+++ b/components/CheckoutButton/CheckoutButton.js
@@ -0,0 +1,27 @@
+import React from 'react';
+
+const CheckoutButton = () => (
+  <React.Fragment>
+    <style jsx>{`
+      a {
+        background: #3498db;
+        background-image: linear-gradient(to bottom, #3498db, #2980b9); 
+        border-radius: 28px;
+        font-family: Arial;
+        color: #ffffff;
+        font-size: 20px;
+        padding: 10px 20px 10px 20px;
+        border: solid #1f628d 0px;
+        text-decoration: none;
+      }
+      a:hover {
+        background: #3cb0fd;
+        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
+        text-decoration: none;
+      }
+    `}</style>
+    <a href="#">Payment Link</a>
+  </React.Fragment>
+);
+
+export default CheckoutButton;
diff --git a/components/CheckoutButton/index.js b/components/CheckoutButton/index.js
new file mode 100644
index 0000000..e54abf2
--- /dev/null
+++ b/components/CheckoutButton/index.js
@@ -0,0 +1 @@
+export { default } from './CheckoutButton';
diff --git a/pages/index.js b/pages/index.js
index 39f8dae..6076398 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import Item from '../components/Item';
+import CheckoutButton from '../components/CheckoutButton';
 
 /**
  * Home page
@@ -39,6 +40,8 @@ export default class IndexPage extends React.PureComponent {
               <Item key={id} name={name} />
             ))}
           </ul>
+
+          <CheckoutButton />
         </main>
       </React.Fragment>
     );