diff --git a/docs/guides/frontdoor.mdx b/docs/guides/frontdoor.mdx
index db96b0b2..3451eb12 100644
--- a/docs/guides/frontdoor.mdx
+++ b/docs/guides/frontdoor.mdx
@@ -18,8 +18,8 @@ import ReservedDocker from './_frontdoor-docker.mdx';
zrok frontends are the parts of zrok that proxy incoming public web traffic to zrok backend shares via OpenZiti. When you use zrok with a `zrok.io` frontend, you're using **zrok frontdoor**. `zrok.io` is zrok-as-a-service by NetFoundry, the team behind OpenZiti. You need a free account to use **zrok frontdoor**.
-![dark mode diagram](/img/zrok-frontdoor.excalidraw.png#gh-dark-mode-only)
-{/* ![light mode diagram](/img/zrok-frontdoor.excalidraw.png#gh-light-mode-only) */}
+![dark mode diagram](/img/zrok-frontdoor-dark-mode.svg#gh-dark-mode-only)
+![light mode diagram](/img/zrok-frontdoor-light-mode.svg#gh-light-mode-only)
## Choose your OS
diff --git a/website/static/img/zrok-frontdoor-dark-mode.svg b/website/static/img/zrok-frontdoor-dark-mode.svg
new file mode 100644
index 00000000..55a212ee
--- /dev/null
+++ b/website/static/img/zrok-frontdoor-dark-mode.svg
@@ -0,0 +1,904 @@
+
+
+
diff --git a/website/static/img/zrok-frontdoor-light-mode.svg b/website/static/img/zrok-frontdoor-light-mode.svg
new file mode 100644
index 00000000..0e0f4ae2
--- /dev/null
+++ b/website/static/img/zrok-frontdoor-light-mode.svg
@@ -0,0 +1,913 @@
+
+
+
diff --git a/website/static/img/zrok-frontdoor.excalidraw.png b/website/static/img/zrok-frontdoor.excalidraw.png
deleted file mode 100644
index 5e7b68b1..00000000
Binary files a/website/static/img/zrok-frontdoor.excalidraw.png and /dev/null differ