diff --git a/packages/docusaurus-playground/docs/powered-by-waku.mdx b/packages/docusaurus-playground/docs/powered-by-waku.mdx
new file mode 100644
index 0000000..cea98e8
--- /dev/null
+++ b/packages/docusaurus-playground/docs/powered-by-waku.mdx
@@ -0,0 +1,46 @@
+---
+title: Powered by Waku
+---
+
+Leap into the future with Waku! Revolutionise communication, collaboration, and connectivity. Join us and create something extraordinary!
+
+import { AppCard, Grid } from '@site/src/components/mdx'
+
+<Grid xs={{ cols: 1, wrap: true, gap: '0 1rem' }} lg={{ cols: 2 }}>
+  <Grid.Item xs={1}>
+    <AppCard
+      name="Status"
+      description="Waku powers many of the Status super app's features, including its private messaging."
+      logoSrc="/img/status-mark-black.svg"
+      logoSrcDark="/img/status-mark-white.svg"
+      link="https://status.im"
+    />
+  </Grid.Item>
+  <Grid.Item xs={1}>
+    <AppCard
+      name="RAILGUN"
+      description="The privacy-focused DeFi protocol Railgun anonymises Ethereum transactions with Waku."
+      logoSrc="/img/railgun-mark-black.svg"
+      logoSrcDark="/img/railgun-mark-white.svg"
+      link="https://railgun.org"
+    />
+  </Grid.Item>
+  <Grid.Item xs={1}>
+    <AppCard
+      name="The Graph"
+      description="Waku powers the Graphcast SDK, enabling the development of gossip-powered applications within The Graph ecosystem."
+      logoSrc="/img/the-graph-mark-black.svg"
+      logoSrcDark="/img/the-graph-mark-white.svg"
+      link="https://thegraph.com/"
+    />
+  </Grid.Item>
+  <Grid.Item xs={1}>
+    <AppCard
+      name="XMTP"
+      description="Inter-blockchain account messaging protocol XMTP uses Waku to facilitate communication between nodes in its currently permissioned network."
+      logoSrc="/img/xmtp-mark-black.svg"
+      logoSrcDark="/img/xmtp-mark-white.svg"
+      link="https://xmtp.org"
+    />
+  </Grid.Item>
+</Grid>
diff --git a/packages/docusaurus-playground/static/img/logo_white.svg b/packages/docusaurus-playground/static/img/logo_white.svg
new file mode 100644
index 0000000..826be49
--- /dev/null
+++ b/packages/docusaurus-playground/static/img/logo_white.svg
@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M63.7485 34.8013C63.6766 34.6936 63.5688 34.6218 63.461 34.5859C63.3532 34.5499 63.2094 34.514 63.1016 34.514C58.5738 34.5499 54.082 34.9809 49.6261 35.6992C48.1887 34.514 46.8231 33.3288 45.4576 32.0718C46.8231 30.7789 48.2246 29.5578 49.662 28.3726C54.082 29.1268 58.5738 29.5219 63.0657 29.5937C63.2454 29.5578 63.3532 29.5219 63.425 29.486C63.6406 29.3782 63.8563 29.1268 63.9281 28.8754C63.9641 28.7677 64 28.624 64 28.4804C64 28.3367 63.9641 28.229 63.9281 28.0853C63.8922 27.9776 63.8203 27.8698 63.7125 27.7621C63.6406 27.6543 63.5328 27.5825 63.3891 27.5466C63.2813 27.5107 63.1376 27.4747 63.0298 27.4747C59.2566 27.4388 55.4834 27.1156 51.7462 26.5769C54.6929 24.2783 57.7833 22.1235 61.0174 20.1841C61.233 20.0404 61.3768 19.8608 61.4127 19.6094C61.4846 19.358 61.4127 19.1425 61.3049 18.927C61.1611 18.7116 60.9815 18.5679 60.7299 18.4961C60.4784 18.4242 60.2268 18.4602 60.0112 18.5679C56.2381 20.8664 52.6086 23.3805 49.1948 26.1459C47.3981 25.8227 45.6373 25.4635 43.8765 25.0325C44.3436 23.3086 44.8108 21.6207 45.3498 19.9327C49.4823 18.4242 53.507 16.6285 57.388 14.5455C57.5677 14.4018 57.7114 14.2222 57.7473 13.9708C57.7833 13.7553 57.7473 13.5039 57.6395 13.3244C57.5317 13.1089 57.352 12.9652 57.1364 12.8934C56.9208 12.8216 56.6693 12.8216 56.4896 12.8934C53.1117 14.6891 49.662 16.2334 46.1044 17.5982C47.434 13.7194 49.0152 9.94837 50.8119 6.24916C50.8838 6.03367 50.8838 5.78227 50.8119 5.53086C50.74 5.31538 50.5604 5.1358 50.3807 4.99214C50.1651 4.8844 49.9495 4.84848 49.7339 4.92031C49.5182 4.99214 49.3026 5.09989 49.1948 5.31538C47.1106 9.5174 45.3498 13.899 43.9124 18.3883C42.2235 18.963 40.5345 19.5376 38.8456 20.0045C38.4503 18.2806 38.091 16.5208 37.7675 14.7609C40.5705 11.349 43.1218 7.72166 45.4217 3.9147C45.5295 3.69921 45.5654 3.4119 45.5295 3.19641C45.4576 2.94501 45.3139 2.72952 45.0983 2.62177C44.9905 2.54994 44.8826 2.51403 44.7389 2.47811C44.6311 2.4422 44.4874 2.47811 44.3796 2.47811C44.2718 2.51403 44.1639 2.54994 44.0561 2.65769C43.9483 2.72952 43.8765 2.83726 43.8046 2.94501C41.8641 6.17733 39.708 9.30191 37.3723 12.2828C36.7973 8.51179 36.438 4.74074 36.3301 0.933782C36.3301 0.826038 36.2942 0.682379 36.2583 0.574635C36.2223 0.466891 36.1505 0.359147 36.0427 0.287318C35.9708 0.215488 35.863 0.143659 35.7552 0.0718294C35.6474 0.0359147 35.5036 0 35.3958 0C35.1443 0 34.9287 0.107744 34.749 0.287318C34.5693 0.466891 34.4975 0.718294 34.4975 0.969697C34.6053 5.42312 35.0365 9.87654 35.7911 14.2581C34.5693 15.7306 33.3116 17.1672 31.982 18.5679C30.9399 17.4186 29.8978 16.2694 28.8916 15.0842C29.8978 10.4512 30.5087 5.74635 30.7602 0.969697C30.7602 0.718294 30.6524 0.466891 30.5087 0.287318C30.365 0.179574 30.1134 0.0718294 29.8619 0.0718294C29.6103 0.0718294 29.3588 0.143659 29.1791 0.323232C28.9994 0.502806 28.8916 0.718294 28.8557 0.969697C28.6401 5.09989 28.137 9.19416 27.3464 13.2166C24.7591 9.98429 22.3874 6.57239 20.2673 2.98092C20.1954 2.87318 20.1235 2.76543 20.0157 2.6936C19.9079 2.65769 19.8001 2.58586 19.6564 2.54994C19.5486 2.51403 19.4048 2.51403 19.297 2.54994C19.1892 2.58586 19.0455 2.62177 18.9377 2.6936C18.8299 2.76543 18.7221 2.83726 18.6502 2.94501C18.5783 3.05275 18.5065 3.16049 18.5065 3.26824C18.4705 3.37598 18.4705 3.51964 18.5065 3.62738C18.5424 3.73513 18.5783 3.87879 18.6502 3.98653C21.0938 8.08081 23.8607 11.9596 26.8793 15.6229C26.5559 17.1313 26.1606 18.6397 25.7653 20.1122C23.8248 19.5017 21.9203 18.8552 20.0517 18.1369C18.6502 13.8272 16.9253 9.58923 14.9489 5.53086C14.877 5.42312 14.8052 5.31538 14.7333 5.24355C14.6255 5.17172 14.5177 5.09989 14.4099 5.06397C14.3021 5.02806 14.1583 5.02806 14.0505 5.02806C13.9427 5.02806 13.799 5.06397 13.6912 5.1358C13.4756 5.24355 13.2959 5.45903 13.224 5.71044C13.1522 5.96184 13.1881 6.21324 13.2959 6.46465C14.9848 9.94837 16.4582 13.5758 17.7518 17.2391C14.3021 15.8384 10.9601 14.2222 7.726 12.4265C7.61819 12.3547 7.51039 12.3187 7.36665 12.3187C7.22291 12.3187 7.1151 12.3187 6.97136 12.3547C6.86356 12.3906 6.71982 12.4265 6.61202 12.5342C6.50421 12.6061 6.43234 12.7138 6.36047 12.8215C6.21673 13.037 6.21673 13.2884 6.25267 13.5398C6.32454 13.7912 6.46828 14.0067 6.68389 14.1145C10.457 16.1616 14.4099 17.9933 18.4705 19.5735C19.0814 21.477 19.6204 23.3805 20.1235 25.3199C18.4346 25.7149 16.7097 26.0382 14.9848 26.3614C11.4992 23.5241 7.8338 20.9383 3.98877 18.6038C3.77316 18.4961 3.52162 18.4602 3.27007 18.532C3.01853 18.6038 2.83885 18.7475 2.69511 18.963C2.55138 19.1785 2.51544 19.4299 2.58731 19.6453C2.65918 19.8608 2.80292 20.0763 2.98259 20.22C6.25267 22.1953 9.41494 24.3861 12.3975 26.7205C8.58843 27.2593 4.77934 27.5466 0.934306 27.5825C0.682762 27.5825 0.467153 27.6902 0.287479 27.8698C0.143739 28.0853 0.0359349 28.3367 0.0359349 28.5881C0.0359349 28.7318 0.0718697 28.8395 0.107805 28.9832C0.143739 29.0909 0.215609 29.1987 0.323414 29.3064C0.395284 29.4141 0.503088 29.486 0.610893 29.5219C0.718697 29.5578 0.862437 29.5937 0.970241 29.5937C5.49803 29.5578 9.98989 29.1268 14.4458 28.4085C15.8832 29.5937 17.2847 30.8148 18.6143 32.1077C17.2847 33.3648 15.8832 34.5499 14.4818 35.6992C10.0258 34.945 5.49803 34.5499 0.970241 34.514C0.718697 34.514 0.467153 34.6218 0.287479 34.8013C0.107805 34.9809 0 35.2323 0 35.5196C0 35.6633 0.0359349 35.771 0.0718697 35.8788C0.107805 35.9865 0.179674 36.0943 0.287479 36.202C0.359349 36.3098 0.467153 36.3816 0.610893 36.4175C0.718697 36.4534 0.862437 36.4893 0.970241 36.4893C4.77934 36.5253 8.58843 36.8485 12.3616 37.3872C9.379 39.7217 6.21673 41.8765 2.94666 43.8519C2.83885 43.9237 2.73105 43.9955 2.65918 44.1033C2.58731 44.211 2.51544 44.3187 2.47951 44.4265C2.44357 44.5342 2.44357 44.6779 2.47951 44.7856C2.51544 44.8934 2.55138 45.037 2.62325 45.1448C2.69511 45.2884 2.83885 45.3962 2.98259 45.468C3.12633 45.5398 3.30601 45.5758 3.44975 45.5758C3.62942 45.5758 3.8091 45.5398 3.95284 45.4321C7.79787 43.1336 11.4632 40.5836 14.913 37.7823C16.6378 38.0696 18.3627 38.4287 20.0876 38.8238C19.6204 40.6195 19.1173 42.4153 18.5424 44.1751C14.4458 45.6835 10.457 47.4792 6.61202 49.5982C6.50421 49.67 6.39641 49.7419 6.32454 49.8496C6.25267 49.9574 6.1808 50.0651 6.14486 50.1728C6.10893 50.2806 6.10893 50.4242 6.10893 50.532C6.10893 50.6397 6.14486 50.7834 6.21673 50.8911C6.2886 50.9989 6.36047 51.1066 6.43234 51.1785C6.50421 51.2503 6.64795 51.3221 6.75575 51.358C6.86356 51.3939 7.0073 51.3939 7.1151 51.3939C7.22291 51.3939 7.36665 51.358 7.47445 51.2862C10.7805 49.4905 14.2302 47.9102 17.7518 46.5455C16.4582 50.3524 14.913 54.0875 13.1522 57.7149C13.0803 57.8227 13.0444 57.9663 13.0444 58.0741C13.0444 58.2177 13.0444 58.3255 13.0803 58.4691C13.1162 58.5769 13.1881 58.7205 13.26 58.7924C13.3318 58.9001 13.4396 58.9719 13.5474 59.0438C13.6912 59.1156 13.8349 59.1515 13.9787 59.1515C14.1583 59.1515 14.3021 59.1156 14.4818 59.0079C14.6255 58.9001 14.7333 58.7924 14.8411 58.6128C16.8894 54.4467 18.6143 50.101 20.0517 45.6835C21.7406 45.073 23.4295 44.5342 25.1185 44.0314C25.5497 45.7553 25.909 47.4792 26.1965 49.2031C23.3936 52.651 20.8422 56.3143 18.5783 60.1212C18.5065 60.229 18.4705 60.3367 18.4705 60.4804C18.4705 60.624 18.4705 60.7318 18.4705 60.8395C18.5065 60.9473 18.5424 61.0909 18.6143 61.1627C18.6861 61.2705 18.7939 61.3423 18.9017 61.4141C19.0455 61.5219 19.2252 61.5578 19.3689 61.5578C19.5486 61.5578 19.6923 61.5219 19.836 61.4141C19.9798 61.3423 20.0876 61.1987 20.1954 61.055C22.1359 57.7868 24.292 54.6622 26.6277 51.6813C27.2027 55.4523 27.562 59.2593 27.6698 63.0662C27.6698 63.174 27.7058 63.3176 27.7417 63.4254C27.7777 63.5331 27.8495 63.6409 27.9573 63.7127C28.0292 63.7845 28.137 63.8563 28.2448 63.9282C28.3526 63.9641 28.4604 64 28.6042 64C28.712 64 28.8557 63.9641 28.9635 63.9282C29.0713 63.8923 29.1791 63.8204 29.251 63.7127C29.3229 63.6409 29.3947 63.5331 29.4307 63.3895C29.4666 63.2817 29.5025 63.1381 29.5025 63.0303C29.3588 58.5769 28.9276 54.1235 28.1729 49.7419C29.3947 48.2694 30.6524 46.8328 31.9461 45.3962C33.0241 46.5095 34.0303 47.6947 35.0365 48.8799C34.0663 53.5129 33.4194 58.2536 33.2038 62.9944C33.2038 63.1021 33.2038 63.2458 33.2397 63.3535C33.2757 63.4613 33.3476 63.569 33.4194 63.6768C33.4913 63.7845 33.5991 63.8563 33.7069 63.8923C33.8147 63.9282 33.9584 63.9641 34.0662 63.9641C34.3178 63.9641 34.5334 63.8563 34.7131 63.6768C34.8928 63.4972 35.0006 63.2817 35.0006 63.0303C35.2162 58.9001 35.7552 54.8058 36.5458 50.7475C39.169 53.9798 41.5407 57.3917 43.6968 60.9832C43.7687 61.0909 43.8405 61.1987 43.9483 61.2705C44.0561 61.3423 44.1639 61.4141 44.2718 61.4501C44.3796 61.486 44.5233 61.486 44.6311 61.4501C44.7389 61.4141 44.8826 61.3782 44.9905 61.3064C45.2061 61.1627 45.3498 60.9473 45.4217 60.7318C45.4935 60.4804 45.4576 60.229 45.3139 60.0135C42.8344 55.9192 40.0674 52.0404 37.0129 48.3771C37.3363 46.9046 37.6957 45.3962 38.1269 43.9237C40.1033 44.5342 42.0438 45.1807 43.9483 45.899C45.3498 50.2088 47.0747 54.4467 49.087 58.5051C49.1589 58.6487 49.2667 58.7924 49.4104 58.9001C49.5542 59.0079 49.7339 59.0438 49.8776 59.0438C50.0573 59.0438 50.201 59.0079 50.3447 58.936C50.4885 58.8642 50.5963 58.7205 50.7041 58.5769C50.776 58.4332 50.8478 58.2537 50.8478 58.11C50.8478 57.9304 50.8119 57.7868 50.74 57.6072C49.0511 54.1235 47.5418 50.4961 46.2482 46.8328C49.662 48.2334 53.0039 49.8137 56.274 51.6094C56.4896 51.7172 56.7412 51.7531 56.9927 51.7172C57.2442 51.6453 57.4599 51.5017 57.5677 51.2862C57.6395 51.1785 57.6755 51.0707 57.7114 50.9271C57.7473 50.8193 57.7114 50.6756 57.7114 50.5679C57.6755 50.4602 57.6395 50.3165 57.5677 50.2447C57.4958 50.1369 57.388 50.0651 57.2802 49.9933C53.4711 47.9102 49.5542 46.0786 45.4935 44.5342C44.8826 42.6667 44.3436 40.7632 43.8405 38.8597C45.5654 38.4646 47.2903 38.1055 49.0152 37.8182C52.4649 40.6195 56.1303 43.1695 59.9753 45.468C60.119 45.5758 60.2987 45.6117 60.4784 45.6117C60.6581 45.6117 60.8018 45.5758 60.9455 45.5039C61.0893 45.4321 61.1971 45.2884 61.3049 45.1807C61.3768 45.073 61.4127 44.9652 61.4486 44.8215C61.4846 44.7138 61.4486 44.5701 61.4486 44.4624C61.4127 44.3547 61.3768 44.2469 61.2689 44.1392C61.1971 44.0314 61.0893 43.9596 60.9815 43.8878C57.7114 41.9125 54.5851 39.7576 51.6025 37.459C55.3756 36.9203 59.1488 36.633 62.9579 36.5612C63.2094 36.5612 63.461 36.4534 63.6047 36.2738C63.7844 36.0943 63.8922 35.8429 63.8922 35.5915C63.8922 35.4478 63.8563 35.3401 63.8203 35.1964C63.8922 34.9809 63.8203 34.8732 63.7485 34.8013ZM42.5469 37.1358C42.4391 37.1717 42.3313 37.2076 42.2235 37.2795C42.1157 37.3513 42.0438 37.459 41.9719 37.5668C41.9001 37.6745 41.8641 37.7823 41.8641 37.9259C41.8282 38.0696 41.8641 38.1773 41.8641 38.321C42.2953 40.1167 42.7984 41.9125 43.3015 43.6723C41.4688 43.0258 39.6362 42.4153 37.8035 41.8765C37.6957 41.8406 37.5519 41.8406 37.4441 41.8406C37.3363 41.8406 37.1926 41.8765 37.0848 41.9484C36.977 42.0202 36.8692 42.092 36.7973 42.1998C36.7254 42.3075 36.6536 42.4153 36.6176 42.523C36.2223 43.8878 35.863 45.2166 35.5396 46.5814C34.5693 45.468 33.5991 44.3906 32.5929 43.349C32.4132 43.1695 32.1976 43.0617 31.9461 43.0617C31.6946 43.0617 31.4789 43.1695 31.2993 43.349C30.0775 44.642 28.8916 45.9349 27.7417 47.2997C27.4183 45.7194 27.059 44.1033 26.6637 42.5589C26.5918 42.3075 26.4481 42.1279 26.2325 41.9843C26.0168 41.8765 25.7653 41.8406 25.5497 41.8765C23.9326 42.3075 22.3515 42.8103 20.7704 43.349C21.2734 41.6611 21.7406 39.9731 22.1359 38.2851C22.1718 38.1773 22.1718 38.0337 22.1359 37.89C22.0999 37.7464 22.064 37.6386 22.0281 37.5309C21.9562 37.4231 21.8843 37.3154 21.7765 37.2435C21.6687 37.1717 21.5609 37.0999 21.4531 37.0999C19.9438 36.7048 18.4346 36.3816 16.8894 36.0584C18.183 34.945 19.4408 33.8316 20.6625 32.6465C20.8422 32.4669 20.95 32.2514 20.95 32C20.95 31.7486 20.8422 31.5331 20.6625 31.3535C19.4408 30.1684 18.1471 29.0191 16.8535 27.9057C18.3987 27.6184 19.9438 27.2593 21.4531 26.9001C21.5609 26.8642 21.6687 26.8283 21.7765 26.7565C21.8843 26.6846 21.9562 26.5769 22.0281 26.4691C22.0999 26.3614 22.1359 26.2536 22.1359 26.11C22.1718 25.9663 22.1359 25.8586 22.1359 25.7149C21.7047 23.9192 21.2375 22.1594 20.6985 20.3996C22.4952 21.046 24.292 21.6207 26.0887 22.1594H26.3403C26.5559 22.1594 26.7355 22.0875 26.9152 21.9798C27.0949 21.8721 27.2027 21.6925 27.2746 21.5129C27.6698 20.1481 28.0292 18.7834 28.3526 17.4186C29.3229 18.532 30.2931 19.6094 31.2993 20.6869C31.4789 20.8664 31.7305 20.9742 31.9461 20.9742C32.1976 20.9742 32.4132 20.8664 32.5929 20.6869C33.8147 19.3939 35.0365 18.101 36.1864 16.7363C36.5098 18.3165 36.8692 19.9327 37.2645 21.5129C37.3004 21.7284 37.4441 21.8721 37.5879 22.0157C37.7316 22.1594 37.9472 22.1953 38.1628 22.1953H38.3784C39.9955 21.7643 41.5766 21.2615 43.1937 20.7228C42.6906 22.3389 42.2594 23.991 41.8641 25.6431C41.8282 25.7508 41.8282 25.8945 41.8641 26.0382C41.8641 26.1818 41.936 26.2896 41.9719 26.3973C42.0438 26.5051 42.1157 26.6128 42.2235 26.6846C42.3313 26.7565 42.4391 26.8283 42.5469 26.8642C44.0921 27.2593 45.6373 27.6184 47.1825 27.9057C45.8529 29.055 44.5952 30.2043 43.3374 31.3895C43.1578 31.569 43.05 31.7845 43.05 32.0359C43.05 32.2873 43.1578 32.5028 43.3374 32.6824C44.5592 33.8676 45.817 35.0168 47.1106 36.0943C45.6013 36.4175 44.0921 36.7767 42.5469 37.1358Z" fill="white"/>
+</svg>
diff --git a/packages/docusaurus-playground/static/img/nwaku-compose-dashboard.png b/packages/docusaurus-playground/static/img/nwaku-compose-dashboard.png
new file mode 100644
index 0000000..ce852d5
Binary files /dev/null and b/packages/docusaurus-playground/static/img/nwaku-compose-dashboard.png differ
diff --git a/packages/docusaurus-playground/static/img/railgun-mark-black.svg b/packages/docusaurus-playground/static/img/railgun-mark-black.svg
new file mode 100644
index 0000000..40a9ac6
--- /dev/null
+++ b/packages/docusaurus-playground/static/img/railgun-mark-black.svg
@@ -0,0 +1,3 @@
+<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M50.3024 18.6316C50.3024 14.5789 48.4406 10.7719 45.3377 8.19298C42.7313 5.98246 39.5043 5 35.2843 5H15.9222V11.0175H5V18.8772H35.5326V11.6316C37.3943 11.5088 39.1319 12.1228 40.6213 13.1053C42.3589 14.4561 43.2278 16.5439 43.1036 18.6316C43.1036 22.807 40.3731 26.3684 34.6638 26.3684H15.9222V54H23.3692V33.1228H32.9261L43.1036 54H52.04L40.6213 32.1404C46.5789 30.2982 50.4265 24.7719 50.3024 18.6316Z" fill="black"/>
+</svg>
diff --git a/packages/docusaurus-playground/static/img/railgun-mark-white.svg b/packages/docusaurus-playground/static/img/railgun-mark-white.svg
new file mode 100644
index 0000000..096cd4f
--- /dev/null
+++ b/packages/docusaurus-playground/static/img/railgun-mark-white.svg
@@ -0,0 +1,3 @@
+<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M50.3024 18.6316C50.3024 14.5789 48.4406 10.7719 45.3377 8.19298C42.7313 5.98246 39.5043 5 35.2843 5H15.9222V11.0175H5V18.8772H35.5326V11.6316C37.3943 11.5088 39.1319 12.1228 40.6213 13.1053C42.3589 14.4561 43.2278 16.5439 43.1036 18.6316C43.1036 22.807 40.3731 26.3684 34.6638 26.3684H15.9222V54H23.3692V33.1228H32.9261L43.1036 54H52.04L40.6213 32.1404C46.5789 30.2982 50.4265 24.7719 50.3024 18.6316Z" fill="white"/>
+</svg>
diff --git a/packages/docusaurus-playground/static/img/status-mark-black.svg b/packages/docusaurus-playground/static/img/status-mark-black.svg
new file mode 100644
index 0000000..2c90d94
--- /dev/null
+++ b/packages/docusaurus-playground/static/img/status-mark-black.svg
@@ -0,0 +1,3 @@
+<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33.6479 28.7454C30.3452 28.9357 28.2754 28.1664 24.9723 28.3571C24.1531 28.4031 23.3396 28.5219 22.5412 28.7119C23.0288 22.6035 27.3519 17.26 33.2306 16.9204C36.8381 16.7122 40.4439 18.9396 40.6394 22.5554C40.8319 26.1093 38.1221 28.4868 33.6483 28.7449L33.6479 28.7454ZM24.779 41.2399C21.323 41.4351 17.8692 39.3499 17.6817 35.9663C17.4972 32.6402 20.0937 30.4151 24.3794 30.1735C27.543 29.9952 29.5261 30.7155 32.6897 30.5368C33.4741 30.4938 34.2533 30.3827 35.0186 30.2047C34.5523 35.9213 30.411 40.9225 24.779 41.2399ZM28.9999 1.44478C13.7812 1.44434 1.44434 13.781 1.44434 28.9999C1.44434 44.2187 13.7812 56.5554 28.9999 56.5554C44.2186 56.5554 56.5554 44.2183 56.5554 28.9999C56.5554 13.7815 44.2186 1.44434 28.9999 1.44434" fill="black"/>
+</svg>
diff --git a/packages/docusaurus-playground/static/img/status-mark-white.svg b/packages/docusaurus-playground/static/img/status-mark-white.svg
new file mode 100644
index 0000000..62eade2
--- /dev/null
+++ b/packages/docusaurus-playground/static/img/status-mark-white.svg
@@ -0,0 +1,3 @@
+<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33.6479 28.7454C30.3452 28.9357 28.2754 28.1664 24.9723 28.3571C24.1531 28.4031 23.3396 28.5219 22.5412 28.7119C23.0288 22.6035 27.3519 17.26 33.2306 16.9204C36.8381 16.7122 40.4439 18.9396 40.6394 22.5554C40.8319 26.1093 38.1221 28.4868 33.6483 28.7449L33.6479 28.7454ZM24.779 41.2399C21.323 41.4351 17.8692 39.3499 17.6817 35.9663C17.4972 32.6402 20.0937 30.4151 24.3794 30.1735C27.543 29.9952 29.5261 30.7155 32.6897 30.5368C33.4741 30.4938 34.2533 30.3827 35.0186 30.2047C34.5523 35.9213 30.411 40.9225 24.779 41.2399ZM28.9999 1.44478C13.7812 1.44434 1.44434 13.781 1.44434 28.9999C1.44434 44.2187 13.7812 56.5554 28.9999 56.5554C44.2186 56.5554 56.5554 44.2183 56.5554 28.9999C56.5554 13.7815 44.2186 1.44434 28.9999 1.44434" fill="white"/>
+</svg>
diff --git a/packages/docusaurus-playground/static/img/the-graph-mark-black.svg b/packages/docusaurus-playground/static/img/the-graph-mark-black.svg
new file mode 100644
index 0000000..018a500
--- /dev/null
+++ b/packages/docusaurus-playground/static/img/the-graph-mark-black.svg
@@ -0,0 +1,3 @@
+<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.6666 33.111C19.7939 33.111 14.2222 27.5397 14.2222 20.6666C14.2222 13.7935 19.7939 8.2222 26.6666 8.2222C33.5397 8.2222 39.111 13.7935 39.111 20.6666C39.111 27.5397 33.5397 33.111 26.6666 33.111ZM26.6666 2C36.9759 2 45.3332 10.3574 45.3332 20.6666C45.3332 30.9758 36.9759 39.3332 26.6666 39.3332C16.3574 39.3332 8 30.9758 8 20.6666C8 10.3574 16.3574 2 26.6666 2ZM44.4221 40.2443C45.6371 41.4593 45.6371 43.4289 44.4221 44.644L31.9773 57.0887C30.7623 58.3038 28.7927 58.3038 27.5777 57.0887C26.3627 55.8737 26.3627 53.9041 27.5777 52.6891L40.0225 40.2443C41.2375 39.0293 43.2071 39.0293 44.4221 40.2443ZM51.5554 5.1111C51.5554 6.82956 50.1628 8.2222 48.4447 8.2222C46.7262 8.2222 45.3336 6.82956 45.3336 5.1111C45.3336 3.39264 46.7262 2 48.4447 2C50.1628 2 51.5554 3.39264 51.5554 5.1111Z" fill="black"/>
+</svg>
diff --git a/packages/docusaurus-playground/static/img/the-graph-mark-white.svg b/packages/docusaurus-playground/static/img/the-graph-mark-white.svg
new file mode 100644
index 0000000..b742361
--- /dev/null
+++ b/packages/docusaurus-playground/static/img/the-graph-mark-white.svg
@@ -0,0 +1,3 @@
+<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.6666 33.111C19.7939 33.111 14.2222 27.5397 14.2222 20.6666C14.2222 13.7935 19.7939 8.2222 26.6666 8.2222C33.5397 8.2222 39.111 13.7935 39.111 20.6666C39.111 27.5397 33.5397 33.111 26.6666 33.111ZM26.6666 2C36.9759 2 45.3332 10.3574 45.3332 20.6666C45.3332 30.9758 36.9759 39.3332 26.6666 39.3332C16.3574 39.3332 8 30.9758 8 20.6666C8 10.3574 16.3574 2 26.6666 2ZM44.4221 40.2443C45.6371 41.4593 45.6371 43.4289 44.4221 44.644L31.9773 57.0887C30.7623 58.3038 28.7927 58.3038 27.5777 57.0887C26.3627 55.8737 26.3627 53.9041 27.5777 52.6891L40.0225 40.2443C41.2375 39.0293 43.2071 39.0293 44.4221 40.2443ZM51.5554 5.1111C51.5554 6.82956 50.1628 8.2222 48.4447 8.2222C46.7262 8.2222 45.3336 6.82956 45.3336 5.1111C45.3336 3.39264 46.7262 2 48.4447 2C50.1628 2 51.5554 3.39264 51.5554 5.1111Z" fill="white"/>
+</svg>
diff --git a/packages/docusaurus-playground/static/img/waku-create-app-demo.gif b/packages/docusaurus-playground/static/img/waku-create-app-demo.gif
new file mode 100644
index 0000000..340a6dd
Binary files /dev/null and b/packages/docusaurus-playground/static/img/waku-create-app-demo.gif differ
diff --git a/packages/docusaurus-playground/static/img/xmtp-mark-black.svg b/packages/docusaurus-playground/static/img/xmtp-mark-black.svg
new file mode 100644
index 0000000..0c0ce0c
--- /dev/null
+++ b/packages/docusaurus-playground/static/img/xmtp-mark-black.svg
@@ -0,0 +1,10 @@
+<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_949_40203)">
+<path d="M2 29.5C2 14.3122 14.1486 2 29.1346 2C44.1109 2 55.6819 14.0833 56.0342 29.3809C56.0342 34.2619 54.3897 38.369 50.2785 42.238C46.8043 45.5077 40.8811 45.988 36.5353 43.5476C33.4334 41.7342 31.0428 37.8722 29.0171 35.0357L25.2582 40.869H17.1531L24.7884 29.3805L17.388 18.0714H25.7281L29.076 23.9048L32.3648 18.0714H40.7638L33.1285 29.3809C33.1285 29.3809 36.7699 35.0357 38.7668 37.2381C40.7638 39.4406 44.4052 39.5 46.7544 37.1191C49.3375 34.5012 49.9157 32.4168 49.9262 29.3809C49.9664 17.6303 40.7568 8.19047 29.1346 8.19047C17.5221 8.19047 8.10822 17.7311 8.10822 29.5C8.10822 41.2689 17.5221 50.8096 29.1346 50.8096C30.7409 50.8096 32.2803 50.6728 33.7745 50.3332L35.0667 56.3453C32.9406 56.8283 31.2229 57 29.1346 57C14.1486 57 2 44.6878 2 29.5Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_949_40203">
+<rect width="58" height="58" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/docusaurus-playground/static/img/xmtp-mark-white.svg b/packages/docusaurus-playground/static/img/xmtp-mark-white.svg
new file mode 100644
index 0000000..be6f26b
--- /dev/null
+++ b/packages/docusaurus-playground/static/img/xmtp-mark-white.svg
@@ -0,0 +1,10 @@
+<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1029_16174)">
+<path d="M2 29.5C2 14.3122 14.1486 2 29.1346 2C44.1109 2 55.6819 14.0833 56.0342 29.3809C56.0342 34.2619 54.3897 38.369 50.2785 42.238C46.8043 45.5077 40.8811 45.988 36.5353 43.5476C33.4334 41.7342 31.0428 37.8722 29.0171 35.0357L25.2582 40.869H17.1531L24.7884 29.3805L17.388 18.0714H25.7281L29.076 23.9048L32.3648 18.0714H40.7638L33.1285 29.3809C33.1285 29.3809 36.7699 35.0357 38.7668 37.2381C40.7638 39.4406 44.4052 39.5 46.7544 37.1191C49.3375 34.5012 49.9157 32.4168 49.9262 29.3809C49.9664 17.6303 40.7568 8.19047 29.1346 8.19047C17.5221 8.19047 8.10822 17.7311 8.10822 29.5C8.10822 41.2689 17.5221 50.8096 29.1346 50.8096C30.7409 50.8096 32.2803 50.6728 33.7745 50.3332L35.0667 56.3453C32.9406 56.8283 31.2229 57 29.1346 57C14.1486 57 2 44.6878 2 29.5Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_1029_16174">
+<rect width="58" height="58" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/AppCard/AppCard.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/AppCard/AppCard.scss
new file mode 100644
index 0000000..0f35c98
--- /dev/null
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/AppCard/AppCard.scss
@@ -0,0 +1,41 @@
+@use '../../../css/utils';
+@use '../../../css/lsd';
+
+.mdx-app-card {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 1.5rem 0;
+}
+
+.mdx-app-card__logo {
+  height: 40px;
+  width: auto;
+}
+
+.mdx-app-card__name {
+  margin-top: 1rem;
+}
+
+.mdx-app-card__description {
+  margin-top: 1.5rem;
+}
+
+.mdx-app-card__link {
+  margin-top: 1.5rem;
+  width: 100%;
+
+  button {
+    width: 100%;
+    padding: 10px 16px;
+
+    & > span {
+      display: block;
+      width: 100%;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+    }
+  }
+}
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/AppCard/AppCard.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/AppCard/AppCard.tsx
new file mode 100644
index 0000000..922931e
--- /dev/null
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/AppCard/AppCard.tsx
@@ -0,0 +1,57 @@
+import { Button, PickIcon, Typography } from '@acid-info/lsd-react'
+import ThemedImage from '@theme/ThemedImage'
+import clsx from 'clsx'
+import React from 'react'
+import './AppCard.scss'
+
+export type AppCardProps = React.HTMLProps<HTMLDivElement> & {
+  logoSrc?: string
+  logoSrcDark?: string
+  name?: React.ReactNode
+  description?: React.ReactNode
+  link?: string
+  linkLabel?: string
+}
+
+export const AppCard: React.FC<AppCardProps> = ({
+  logoSrc,
+  logoSrcDark,
+  name,
+  description,
+  link,
+  linkLabel,
+  ...props
+}) => {
+  return (
+    <div {...props} className={clsx(props.className, 'mdx-app-card')}>
+      {(logoSrc || logoSrcDark) && (
+        <ThemedImage
+          sources={{
+            dark: logoSrcDark ?? logoSrc ?? '',
+            light: logoSrc ?? logoSrcDark ?? '',
+          }}
+          alt={typeof name === 'string' ? name : ''}
+          className="mdx-app-card__logo"
+        />
+      )}
+      <Typography component="span" variant="h5" className="mdx-app-card__name">
+        {name}
+      </Typography>
+      <Typography variant="subtitle1" className="mdx-app-card__description">
+        {description}
+      </Typography>
+      {link && (
+        <a href={link} target="_blank" className="mdx-app-card__link">
+          <Button size="large" variant="outlined">
+            <Typography variant="label1" component="span">
+              {linkLabel ?? <>Visit {name}</>}
+            </Typography>
+            <span>
+              <PickIcon color="primary" />
+            </span>
+          </Button>
+        </a>
+      )}
+    </div>
+  )
+}
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/AppCard/index.ts b/packages/logos-docusaurus-theme/src/client/components/mdx/AppCard/index.ts
new file mode 100644
index 0000000..0810965
--- /dev/null
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/AppCard/index.ts
@@ -0,0 +1 @@
+export * from './AppCard'
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/PoweredBy/PoweredBy.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/PoweredBy/PoweredBy.scss
index 6a49772..f90ba6d 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/PoweredBy/PoweredBy.scss
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/PoweredBy/PoweredBy.scss
@@ -2,52 +2,4 @@
 @use '../../../css/lsd';
 
 .mdx-powered-by {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 0 1rem;
-}
-
-.mdx-powered-by__card {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  padding: 1.5rem 0;
-}
-
-.mdx-powered-by__logo {
-  height: 40px;
-  width: auto;
-}
-
-.mdx-powered-by__name {
-  margin-top: 1rem;
-}
-
-.mdx-powered-by__description {
-  margin-top: 1.5rem;
-}
-
-.mdx-powered-by__link {
-  margin-top: 1.5rem;
-  width: 100%;
-
-  button {
-    width: 100%;
-    padding: 10px 16px;
-
-    & > span {
-      display: block;
-      width: 100%;
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      align-items: center;
-    }
-  }
-}
-
-@include utils.responsive('lg', 'down') {
-  .mdx-powered-by {
-    grid-template-columns: 1fr;
-  }
 }
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/PoweredBy/PoweredBy.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/PoweredBy/PoweredBy.tsx
index 5a67595..ebe91ff 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/PoweredBy/PoweredBy.tsx
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/PoweredBy/PoweredBy.tsx
@@ -1,76 +1,29 @@
-import { Button, PickIcon, Typography } from '@acid-info/lsd-react'
-import { useColorMode } from '@docusaurus/theme-common'
+import clsx from 'clsx'
 import React from 'react'
+import { AppCard, AppCardProps, Grid, GridProps } from '..'
 import './PoweredBy.scss'
 
-export type PoweredByItem = {
-  logoSrc?: string
-  logoSrcDark?: string
-  name?: React.ReactNode
-  description?: React.ReactNode
-  link?: string
-  linkLabel?: string
-}
-
-export type PoweredByProps = React.HTMLProps<HTMLDivElement> & {
-  items?: PoweredByItem[]
+export type PoweredByProps = GridProps & {
+  items?: AppCardProps[]
 }
 
 export const PoweredBy: React.FC<PoweredByProps> = ({
   items = [],
+  className,
   ...props
 }) => {
-  const { colorMode } = useColorMode()
-
   return (
-    <div className="mdx-powered-by">
-      {items.map((item, index) => {
-        const logoSrc = item.logoSrc ?? item.logoSrcDark
-
-        return (
-          <div key={index} className="mdx-powered-by__card">
-            {logoSrc && (
-              <img
-                alt={typeof item.name === 'string' ? item.name : ''}
-                className="mdx-powered-by__logo"
-                src={
-                  (colorMode === 'dark' ? item.logoSrcDark : item.logoSrc) ??
-                  logoSrc
-                }
-              />
-            )}
-            <Typography
-              component="span"
-              variant="h5"
-              className="mdx-powered-by__name"
-            >
-              {item.name}
-            </Typography>
-            <Typography
-              variant="subtitle1"
-              className="mdx-powered-by__description"
-            >
-              {item.description}
-            </Typography>
-            {item.link && (
-              <a
-                href={item.link}
-                target="_blank"
-                className="mdx-powered-by__link"
-              >
-                <Button size="large" variant="outlined">
-                  <Typography variant="label1" component="span">
-                    {item.linkLabel ?? <>Visit {item.name}</>}
-                  </Typography>
-                  <span>
-                    <PickIcon color="primary" />
-                  </span>
-                </Button>
-              </a>
-            )}
-          </div>
-        )
-      })}
-    </div>
+    <Grid
+      className={clsx(className, 'mdx-powered-by')}
+      xs={{ cols: 1, wrap: true, gap: '0 1rem' }}
+      lg={{ cols: 2 }}
+      {...props}
+    >
+      {items.map((item, index) => (
+        <Grid.Item key={index} xs={1}>
+          <AppCard {...item} />
+        </Grid.Item>
+      ))}
+    </Grid>
   )
 }
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/index.ts b/packages/logos-docusaurus-theme/src/client/components/mdx/index.ts
index 2fbe625..0e8796e 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/index.ts
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/index.ts
@@ -1,3 +1,4 @@
+export * from './AppCard'
 export * from './Box'
 export * from './CallToActionButton'
 export * from './CallToActionSection'