From 2b2fbe68bce9031c4ae08762d2b07c56dead04a4 Mon Sep 17 00:00:00 2001
From: depapp <depa.article@gmail.com>
Date: Fri, 23 Aug 2024 12:48:01 +0700
Subject: [PATCH] support us

---
 src/components/ButtonSupport.js | 15 +++++++++++++++
 src/components/HomeMessage.js   |  8 ++++++--
 2 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 src/components/ButtonSupport.js

diff --git a/src/components/ButtonSupport.js b/src/components/ButtonSupport.js
new file mode 100644
index 0000000..5abfe5f
--- /dev/null
+++ b/src/components/ButtonSupport.js
@@ -0,0 +1,15 @@
+import styled from "@emotion/styled";
+
+const ButtonSupport = styled.button`
+  cursor: pointer;
+  padding: 10px 20px;
+  background-color: #67ba24;
+  color: white;
+  border-radius: 5px;
+  font-size: 16px;
+  border: none;
+  display: inline-block;
+  width: auto;
+`;
+
+export default ButtonSupport;
diff --git a/src/components/HomeMessage.js b/src/components/HomeMessage.js
index d9a0048..06acb79 100644
--- a/src/components/HomeMessage.js
+++ b/src/components/HomeMessage.js
@@ -1,4 +1,5 @@
 import Link from "next/link";
+import ButtonSupport from "./ButtonSupport";
 
 const HomeMessage = () => {
   return (
@@ -16,13 +17,16 @@ const HomeMessage = () => {
           cuitan ini
         </Link>
       </p>
-      <p>
+      {/* <p>
         Nemu bug? Boleh bisikin{" "}
         <Link href="https://twitter.com/depapp" target="_blank">
           disini
         </Link>{" "}
         ya 🙇🏻‍♂️
-      </p>
+      </p> */}
+      <div style={{ display: 'flex', justifyContent: 'left' }}>
+        <ButtonSupport>Dukung proyek ini</ButtonSupport>
+      </div>
     </div>
   );
 };