diff --git a/web/pages/donate.tsx b/web/pages/donate.tsx
new file mode 100644
index 0000000..2f5d776
--- /dev/null
+++ b/web/pages/donate.tsx
@@ -0,0 +1,20 @@
+import {PageBase} from 'web/components/page-base'
+import {SEO} from 'web/components/SEO'
+import {Col} from 'web/components/layout/col'
+
+export default function DonatePage() {
+  return (
+    <PageBase trackPageView={'donate'} className={'relative p-2 sm:pt-0'}>
+      <SEO
+        title={`Security`}
+        description={'Donate to support Compass'}
+        url={`/donate`}
+      />
+      <Col className="max-w-3xl w-full mx-auto gap-6 custom-link">
+        <h1 className="text-3xl font-semibold">Donate</h1>
+        <iframe src="https://opencollective.com/embed/compass-connection/donate?hideFAQ=true"
+                style={{width: '100%', minHeight: '100vh'}}></iframe>
+      </Col>
+    </PageBase>
+  )
+}