diff --git a/packages/website/app/modules/app/app-footer.tsx b/packages/website/app/modules/app/app-footer.tsx
new file mode 100644
index 0000000..747acde
--- /dev/null
+++ b/packages/website/app/modules/app/app-footer.tsx
@@ -0,0 +1,27 @@
+import { HeartIcon } from "@heroicons/react/solid"
+import clsx from "clsx"
+import { ExternalLink } from "~/modules/dom/external-link"
+import { linkClass, maxWidthContainer } from "~/modules/ui/components"
+
+export function AppFooter() {
+  return (
+    <footer className={clsx(maxWidthContainer, "text-xs opacity-75")}>
+      <address className="not-italic">
+        &copy; {new Date().getFullYear()} itsMapleLeaf
+      </address>
+      <p>
+        Coded with <HeartIcon className="inline w-4 align-sub" /> using{" "}
+        <ExternalLink className={linkClass} href="https://remix.run">
+          Remix
+        </ExternalLink>
+      </p>
+      <p>
+        Uses{" "}
+        <ExternalLink className={linkClass} href="https://umami.is/">
+          umami
+        </ExternalLink>{" "}
+        for simple, non-identifying analytics.
+      </p>
+    </footer>
+  )
+}
diff --git a/packages/website/app/modules/dom/external-link.tsx b/packages/website/app/modules/dom/external-link.tsx
new file mode 100644
index 0000000..a589fac
--- /dev/null
+++ b/packages/website/app/modules/dom/external-link.tsx
@@ -0,0 +1,12 @@
+import type { ComponentPropsWithoutRef } from "react"
+
+export function ExternalLink({
+  children,
+  ...props
+}: ComponentPropsWithoutRef<"a">) {
+  return (
+    <a target="_blank" rel="noopener noreferrer" {...props}>
+      {children}
+    </a>
+  )
+}
diff --git a/packages/website/app/modules/navigation/app-link.tsx b/packages/website/app/modules/navigation/app-link.tsx
index 74a4258..78cad04 100644
--- a/packages/website/app/modules/navigation/app-link.tsx
+++ b/packages/website/app/modules/navigation/app-link.tsx
@@ -1,5 +1,6 @@
 import type { ComponentPropsWithoutRef } from "react"
 import { Link } from "remix"
+import { ExternalLink } from "~/modules/dom/external-link"
 
 export type AppLinkProps = ComponentPropsWithoutRef<"a"> & {
   type: "internal" | "external" | "router"
@@ -17,9 +18,9 @@ export function AppLink({ type, to, children, ...props }: AppLinkProps) {
 
   if (type === "external") {
     return (
-      <a href={to} target="_blank" rel="noopener noreferrer" {...props}>
+      <ExternalLink href={to} {...props}>
         {children}
-      </a>
+      </ExternalLink>
     )
   }
 
diff --git a/packages/website/app/root.tsx b/packages/website/app/root.tsx
index 1ac4c83..b769940 100644
--- a/packages/website/app/root.tsx
+++ b/packages/website/app/root.tsx
@@ -56,6 +56,14 @@ export default function App() {
         <Meta />
         <Links />
         <script defer src="https://unpkg.com/alpinejs@3.7.1/dist/cdn.min.js" />
+        {process.env.NODE_ENV === "production" && (
+          <script
+            async
+            defer
+            data-website-id="49c69ade-5593-4853-9686-c9ca9d519a18"
+            src="https://maple-umami.fly.dev/umami.js"
+          />
+        )}
       </head>
       <body>
         <GuideLinksProvider value={data.guideLinks}>
diff --git a/packages/website/app/routes/index.tsx b/packages/website/app/routes/index.tsx
index 35f7c4e..74962cf 100644
--- a/packages/website/app/routes/index.tsx
+++ b/packages/website/app/routes/index.tsx
@@ -1,11 +1,12 @@
 import packageJson from "reacord/package.json"
+import { AppFooter } from "~/modules/app/app-footer"
 import LandingExample from "~/modules/landing/landing-example.mdx"
 import { MainNavigation } from "~/modules/navigation/main-navigation"
 import { maxWidthContainer } from "~/modules/ui/components"
 
 export default function Landing() {
   return (
-    <div className="flex flex-col min-w-0 min-h-screen text-center">
+    <div className="flex flex-col min-w-0 min-h-screen text-center pb-4">
       <header className={maxWidthContainer}>
         <MainNavigation />
       </header>
@@ -24,6 +25,7 @@ export default function Landing() {
           </a>
         </main>
       </div>
+      <AppFooter />
     </div>
   )
 }
