diff --git a/public/layout/blog-icon.svg b/public/layout/blog-icon.svg
new file mode 100644
index 0000000..71c1378
--- /dev/null
+++ b/public/layout/blog-icon.svg
@@ -0,0 +1,28 @@
+
diff --git a/public/layout/blog.svg b/public/layout/blog-word.svg
similarity index 81%
rename from public/layout/blog.svg
rename to public/layout/blog-word.svg
index a39ce04..f48ed0c 100644
--- a/public/layout/blog.svg
+++ b/public/layout/blog-word.svg
@@ -1,6 +1,4 @@
-
diff --git a/public/layout/demo-icon.svg b/public/layout/demo-icon.svg
new file mode 100644
index 0000000..3a6610d
--- /dev/null
+++ b/public/layout/demo-icon.svg
@@ -0,0 +1,28 @@
+
+
+
+
diff --git a/public/layout/demo.svg b/public/layout/demo-word.svg
similarity index 86%
rename from public/layout/demo.svg
rename to public/layout/demo-word.svg
index a763037..4b9b7cd 100644
--- a/public/layout/demo.svg
+++ b/public/layout/demo-word.svg
@@ -1,6 +1,4 @@
-
-
+
-
-
-
\ No newline at end of file
+
diff --git a/public/layout/discord-icon.svg b/public/layout/discord-icon.svg
new file mode 100644
index 0000000..df2ce33
--- /dev/null
+++ b/public/layout/discord-icon.svg
@@ -0,0 +1,66 @@
+
+
+
+
+
diff --git a/public/layout/discord.svg b/public/layout/discord-word.svg
similarity index 63%
rename from public/layout/discord.svg
rename to public/layout/discord-word.svg
index c85cccf..e977b76 100644
--- a/public/layout/discord.svg
+++ b/public/layout/discord-word.svg
@@ -1,51 +1,4 @@
-
-
+
-
-
diff --git a/public/layout/docs-icon.svg b/public/layout/docs-icon.svg
new file mode 100644
index 0000000..1b9688d
--- /dev/null
+++ b/public/layout/docs-icon.svg
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
diff --git a/public/layout/docs.svg b/public/layout/docs-word.svg
similarity index 60%
rename from public/layout/docs.svg
rename to public/layout/docs-word.svg
index 3bfc092..e636625 100644
--- a/public/layout/docs.svg
+++ b/public/layout/docs-word.svg
@@ -1,6 +1,4 @@
-
-
+
-
-
-
-
-
-
\ No newline at end of file
+
diff --git a/public/layout/github-icon.svg b/public/layout/github-icon.svg
new file mode 100644
index 0000000..1ddcb5c
--- /dev/null
+++ b/public/layout/github-icon.svg
@@ -0,0 +1,50 @@
+
+
+
diff --git a/public/layout/github.svg b/public/layout/github-word.svg
similarity index 68%
rename from public/layout/github.svg
rename to public/layout/github-word.svg
index 55d4a04..3687ed0 100644
--- a/public/layout/github.svg
+++ b/public/layout/github-word.svg
@@ -1,54 +1,4 @@
-
-
-
+
-
\ No newline at end of file
+
diff --git a/public/layout/pro.svg b/public/layout/pro.svg
new file mode 100644
index 0000000..1ff3724
--- /dev/null
+++ b/public/layout/pro.svg
@@ -0,0 +1,88 @@
+
+
+
+
+
diff --git a/public/layout/rocket.svg b/public/layout/rocket.svg
new file mode 100644
index 0000000..d9f6534
--- /dev/null
+++ b/public/layout/rocket.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/layouts/global.astro b/src/layouts/global.astro
index 84164fb..855a519 100644
--- a/src/layouts/global.astro
+++ b/src/layouts/global.astro
@@ -29,6 +29,9 @@ const fullDescription = description
? `Media over QUIC: ${description}`
: "Media over QUIC is a new live media protocol designed for simplicity and scale. It uses new browser technologies like WebTransport and WebCodecs to deliver media with latency that rivals WebRTC.";
const ogImage = new URL(frontmatter?.cover ?? "/layout/icon.png", siteUrl).toString();
+
+// pro.moq.wtf for staging builds, pro.moq.dev for live (and local dev).
+const proUrl = import.meta.env.MODE === "staging" ? "https://pro.moq.wtf" : "https://pro.moq.dev";
---
@@ -70,20 +73,41 @@ const ogImage = new URL(frontmatter?.cover ?? "/layout/icon.png", siteUrl).toStr