feat: donations

3 files changed, 23 insertions, 1 deletions

diff --git a/app/components/donate.module.css b/app/components/donate.module.css
new file mode 100644
index 0000000..2c62925
--- /dev/null
+++ b/app/components/donate.module.css
@@ -0,0 +1,3 @@
+.href {
+  border-bottom: solid 1px #ddd;
+}
diff --git a/app/components/donate.tsx b/app/components/donate.tsx
new file mode 100644
index 0000000..639d4c3
--- /dev/null
+++ b/app/components/donate.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import styles from "./donate.module.css";
+
+export const Donate = () => {
+  return (
+    <div>
+      <a
+        className={styles.href}
+        target="_blank"
+        href="https://nodeless.io/donate/satscalc"
+      >
+        Donate
+      </a>
+    </div>
+  );
+};
diff --git a/app/page.tsx b/app/page.tsx
index d0ac564..0310af0 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,10 +1,12 @@
 import { BitcoinPrice } from "./components/bitcoin-price";
 import { Calculator } from "./components/calculator";
+import { Donate } from "./components/donate";
 
 export default function Home() {
   return (
     <main className="h-screen" style={{ margin: "15px" }}>
-      <div className="flex justify-end">
+      <div className="flex justify-end space-x-4 ">
+        <Donate />
         <BitcoinPrice />
       </div>
       <div className="flex justify-center items-center h-screen">