Merge pull request #13 from danreale/12-add-footer

added footer with coffee and email links
danreale · Sep 21, 2024 · 3319583 · 3319583
2 parents 4d59bd5 + f7c64ce
commit 3319583
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
@@ -0,0 +1,28 @@
+function Footer() {
+  return (
+    <footer className="">
+      <div className="mx-auto max-w-screen-xl px-4 py-8 sm:px-6 lg:px-8">
+        <div className="grid items-center justify-center">
+          <div className="flex justify-center text-teal-600 px-4">
+            <a href="https://www.buymeacoffee.com/cap10chunks" target="_blank">
+              <img
+                src="https://cdn.buymeacoffee.com/buttons/v2/default-red.png"
+                alt="Buy Me A Coffee"
+                className="h-16"
+              />
+            </a>
+          </div>
+
+          <a
+            className="mt-4 text-center text-sm underline text-blue-600"
+            href="mailto:[email protected]?subject=Pediatric Heart Transplant Site"
+          >
+            Email Me
+          </a>
+        </div>
+      </div>
+    </footer>
+  );
+}
+
+export default Footer;
diff --git a/app/root.tsx b/app/root.tsx
@@ -8,6 +8,7 @@ import {
 import type { LinksFunction } from "@remix-run/node";
 
 import stylesheet from "~/tailwind.css?url";
+import Footer from "./components/Footer";
 
 export const links: LinksFunction = () => [
   { rel: "stylesheet", href: stylesheet },
@@ -42,6 +43,7 @@ export default function App() {
       </head>
       <body className="px-5">
         <Outlet />
+        <Footer />
         <ScrollRestoration />
         <Scripts />
       </body>