diff --git a/src/theme/Footer/index.js b/src/theme/Footer/index.js
new file mode 100644
index 00000000..9aa820e8
--- /dev/null
+++ b/src/theme/Footer/index.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import OriginalFooter from '@theme-original/Footer';
+import styles from './styles.module.css';
+
+export default function Footer(props) {
+  return (
+    <>
+      <div className={styles.ctaBanner}>
+        <p className={styles.ctaText}>
+          Haven't tried Plausible yet?{' '}
+          <a href="https://plausible.io/register" className={styles.ctaLink}>Start a free trial</a>
+          {' '}or{' '}
+          <a href="https://plausible.io/plausible.io" className={styles.ctaLink}>view the live demo</a>.
+        </p>
+      </div>
+      <OriginalFooter {...props} />
+    </>
+  );
+}
diff --git a/src/theme/Footer/styles.module.css b/src/theme/Footer/styles.module.css
new file mode 100644
index 00000000..c8b54435
--- /dev/null
+++ b/src/theme/Footer/styles.module.css
@@ -0,0 +1,35 @@
+.ctaBanner {
+  background-color: var(--zinc-100);
+  padding: 1.25rem 2rem;
+  text-align: center;
+  border-top: 1px solid var(--zinc-200);
+}
+
+[data-theme='dark'] .ctaBanner {
+  background-color: var(--zinc-800);
+  border-top: 1px solid var(--zinc-700);
+}
+
+.ctaText {
+  margin: 0;
+  font-size: 0.95rem;
+  color: var(--zinc-700);
+}
+
+[data-theme='dark'] .ctaText {
+  color: var(--zinc-300);
+}
+
+.ctaLink {
+  color: var(--ifm-color-primary);
+  font-weight: 600;
+  text-decoration: none;
+}
+
+.ctaLink:hover {
+  text-decoration: underline;
+}
+
+[data-theme='dark'] .ctaLink {
+  color: var(--ifm-color-primary-light);
+}