From 80a0c765a54e0df4276f92df95201f1dcaf95664 Mon Sep 17 00:00:00 2001
From: Sean Bobby <sean@fuisonauth.io>
Date: Mon, 30 Oct 2023 15:42:23 -0600
Subject: [PATCH] Docs navigation updates

---
 .../icons/cross-platform-gaming-accounts.svg  | 22 ++++++++++++++++++-
 .../identity-provider-gaming-esports.svg      | 12 +++++++++-
 .../img/icons/oauth-authorization-grant.svg   | 14 +++++++++++-
 .../registration-traffic-game-launches.svg    | 16 +++++++++++++-
 .../icons/securing-gaming-user-accounts.svg   | 13 ++++++++++-
 .../self-hosting-reduce-latency-gaming.svg    | 17 +++++++++++++-
 astro/src/components/nav/ComposableNav.astro  |  6 ++---
 .../src/components/side-nav/DocsSideNav.astro |  4 ++--
 .../components/side-nav/SideNavCategory.astro | 10 ++++-----
 astro/src/layouts/Default.astro               |  4 ++--
 10 files changed, 100 insertions(+), 18 deletions(-)

diff --git a/astro/public/img/icons/cross-platform-gaming-accounts.svg b/astro/public/img/icons/cross-platform-gaming-accounts.svg
index 4f8c4d7be1..cfe49b08a6 100644
--- a/astro/public/img/icons/cross-platform-gaming-accounts.svg
+++ b/astro/public/img/icons/cross-platform-gaming-accounts.svg
@@ -1 +1,21 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70"><linearGradient id="a" x1="3.57%" x2="96.43%" y1="0%" y2="100%"><stop offset="0" stop-color="#a4aebe"/><stop offset="1" stop-color="#2d53f5"/></linearGradient><path fill="url(#a)" d="M44.077 32.331a8.95 8.95 0 0 0-6.66 2.957l-3.7-2.209a12.266 12.266 0 0 0 1.066-5.01c0-3.392-1.378-6.47-3.609-8.72l5.274-6.63a6.76 6.76 0 0 0 2.75.583c3.713 0 6.733-2.984 6.733-6.651C45.93 2.983 42.91 0 39.199 0s-6.732 2.984-6.732 6.65a6.58 6.58 0 0 0 1.416 4.075l-5.273 6.63a12.656 12.656 0 0 0-6.444-1.752c-3.195 0-6.116 1.18-8.341 3.121L10.61 15.95a5.39 5.39 0 0 0 .362-3.371C10.44 10.1 8.21 8.237 5.547 8.237 2.488 8.237 0 10.695 0 13.717c0 3.022 2.488 5.48 5.547 5.48 1.07 0 2.068-.301 2.916-.82l3.213 2.773a12.287 12.287 0 0 0-2.127 6.918c0 3.486 1.456 6.642 3.799 8.906l-3.995 5.25a6.766 6.766 0 0 0-2.62-.525C3.02 41.699 0 44.682 0 48.349 0 52.018 3.02 55 6.732 55s6.732-2.984 6.732-6.65a6.585 6.585 0 0 0-1.505-4.187l3.995-5.249a12.658 12.658 0 0 0 6.212 1.62c3.986 0 7.546-1.837 9.86-4.698l3.7 2.21a8.675 8.675 0 0 0-.405 4.789c.8 4.055 4.421 7.126 8.757 7.126 4.92 0 8.922-3.954 8.922-8.815s-4.003-8.815-8.923-8.815zM39.2 3.224c1.913 0 3.469 1.537 3.469 3.427 0 1.89-1.556 3.427-3.47 3.427S35.73 8.541 35.73 6.651c0-1.89 1.556-3.427 3.469-3.427zM5.547 15.974c-1.26 0-2.284-1.013-2.284-2.257 0-1.245 1.025-2.257 2.284-2.257s2.284 1.013 2.284 2.257c0 1.244-1.024 2.256-2.284 2.256zm1.185 35.802c-1.913 0-3.47-1.537-3.47-3.427 0-1.89 1.557-3.427 3.47-3.427 1.913 0 3.47 1.537 3.47 3.427-.001 1.89-1.557 3.427-3.47 3.427zM22.166 37.31c-5.158 0-9.354-4.146-9.354-9.242 0-5.096 4.196-9.241 9.354-9.241 5.158 0 9.354 4.145 9.354 9.241s-4.196 9.242-9.354 9.242zm21.912 9.427c-3.121 0-5.66-2.508-5.66-5.591s2.539-5.591 5.66-5.591 5.659 2.508 5.659 5.591-2.539 5.591-5.66 5.591z" transform="translate(9 8)"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="54px" height="54px" viewBox="0 0 54 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>cross-platform-gaming-accounts</title>
+    <g id="cross-platform-gaming-accounts" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" fill="#F1F5F9" x="0" y="0" width="54" height="54" rx="5"></rect>
+        <g id="icons8-mind-map" transform="translate(13, 13)" fill-rule="nonzero">
+            <g id="Group-2" transform="translate(5.5815, 6.4279)" fill="#0F172A">
+                <path d="M0.697555043,18.5721191 C0.537089927,18.5721191 0.375229462,18.5156905 0.244066671,18.3999762 C-0.0489565848,18.1435477 -0.0831426313,17.6928334 0.168717834,17.3935477 L4.35476435,12.3935477 C4.60522946,12.0928334 5.04615969,12.059262 5.3377876,12.3164048 C5.63081086,12.5728334 5.6649969,13.0235477 5.41313644,13.3228334 L1.22708993,18.3228334 C1.08964807,18.4878334 0.893601555,18.5721191 0.697555043,18.5721191 Z" id="Path"></path>
+                <path d="M9.45267132,4.70140481 C9.4177876,4.70140481 9.38290388,4.69854767 9.34802016,4.69283339 C8.96639225,4.63426196 8.70476435,4.26997624 8.76267132,3.87997624 L9.24685737,0.607833385 C9.30406667,0.2171191 9.65708993,-0.0521666145 10.0408109,0.00854767119 C10.4224388,0.0671190998 10.6840667,0.431404814 10.6261597,0.821404814 L10.1419736,4.09354767 C10.0896481,4.44854767 9.79174109,4.70140481 9.45267132,4.70140481 Z" id="Path"></path>
+                <path d="M13.2549969,8.37783339 C12.937555,8.37783339 12.6501132,8.15426196 12.575462,7.82426196 C12.4889504,7.43926196 12.723369,7.05640481 13.0987178,6.96783339 L17.5477876,5.91997624 C17.9273225,5.82997624 18.2977876,6.0721191 18.3842992,6.45569053 C18.4708109,6.84069053 18.2363923,7.22354767 17.8610434,7.3121191 L13.4119736,8.35997624 C13.3589504,8.3721191 13.3066248,8.37783339 13.2549969,8.37783339 Z" id="Path"></path>
+                <path d="M14.5310434,17.8578334 C14.3049969,17.8578334 14.0824388,17.7456905 13.9484853,17.5378334 L11.1822062,13.2521191 C10.9694155,12.9228334 11.0580202,12.479262 11.3789504,12.2621191 C11.7005783,12.044262 12.1324388,12.134262 12.3459271,12.4635477 L15.1122062,16.749262 C15.3249969,17.0785477 15.2363923,17.5221191 14.915462,17.739262 C14.7968574,17.819262 14.6636016,17.8578334 14.5310434,17.8578334 Z" id="Path"></path>
+            </g>
+            <path d="M14.3023256,20.7142857 C11.4167442,20.7142857 9.06976744,18.3114286 9.06976744,15.3571429 C9.06976744,12.4028571 11.4167442,10 14.3023256,10 C17.187907,10 19.5348837,12.4028571 19.5348837,15.3571429 C19.5348837,18.3114286 17.187907,20.7142857 14.3023256,20.7142857 Z" id="Path" fill="#6366F1"></path>
+            <path d="M16.0465116,7.14285714 C14.1230233,7.14285714 12.5581395,5.54071429 12.5581395,3.57142857 C12.5581395,1.60214286 14.1230233,0 16.0465116,0 C17.97,0 19.5348837,1.60214286 19.5348837,3.57142857 C19.5348837,5.54071429 17.97,7.14285714 16.0465116,7.14285714 Z" id="Path" fill="#F58320"></path>
+            <path d="M26.5116279,15.7142857 C24.5881395,15.7142857 23.0232558,14.1121429 23.0232558,12.1428571 C23.0232558,10.1735714 24.5881395,8.57142857 26.5116279,8.57142857 C28.4351163,8.57142857 30,10.1735714 30,12.1428571 C30,14.1121429 28.4351163,15.7142857 26.5116279,15.7142857 Z" id="Path" fill="#CBD5E1"></path>
+            <path d="M3.48837209,10 C1.56488372,10 0,8.39785714 0,6.42857143 C0,4.45928571 1.56488372,2.85714286 3.48837209,2.85714286 C5.41186047,2.85714286 6.97674419,4.45928571 6.97674419,6.42857143 C6.97674419,8.39785714 5.41186047,10 3.48837209,10 Z" id="Path" fill="#5D50D8"></path>
+            <path d="M4.18604651,30 C2.26255814,30 0.697674419,28.3978571 0.697674419,26.4285714 C0.697674419,24.4592857 2.26255814,22.8571429 4.18604651,22.8571429 C6.10953488,22.8571429 7.6744186,24.4592857 7.6744186,26.4285714 C7.6744186,28.3978571 6.10953488,30 4.18604651,30 Z" id="Path" fill="#4338CA"></path>
+            <path d="M22.3255814,30 C20.402093,30 18.8372093,28.3978571 18.8372093,26.4285714 C18.8372093,24.4592857 20.402093,22.8571429 22.3255814,22.8571429 C24.2490698,22.8571429 25.8139535,24.4592857 25.8139535,26.4285714 C25.8139535,28.3978571 24.2490698,30 22.3255814,30 Z" id="Path" fill="#A5B4FC"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/astro/public/img/icons/identity-provider-gaming-esports.svg b/astro/public/img/icons/identity-provider-gaming-esports.svg
index 8f090e3a99..0870903068 100644
--- a/astro/public/img/icons/identity-provider-gaming-esports.svg
+++ b/astro/public/img/icons/identity-provider-gaming-esports.svg
@@ -1 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70"><linearGradient id="a" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0" stop-color="#a4aebe"/><stop offset="1" stop-color="#2d53f5"/></linearGradient><g style="stroke-width:3.312;stroke:url(#a);fill:none;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round" transform="translate(9 9)"><path d="M49.701 36.396H36.396v13.305A3.299 3.299 0 0 1 33.098 53H19.902a3.299 3.299 0 0 1-3.298-3.299V36.396H3.299A3.299 3.299 0 0 1 0 33.098V19.902a3.299 3.299 0 0 1 3.299-3.298h13.305V3.299A3.299 3.299 0 0 1 19.902 0h13.196a3.299 3.299 0 0 1 3.298 3.299v13.305h13.305A3.299 3.299 0 0 1 53 19.902v13.196a3.299 3.299 0 0 1-3.299 3.298z"/><path d="m42.994 29.799 3.299-3.299-3.3-3.299M10.007 29.8l-3.3-3.3 3.3-3.299M23.2 42.994l3.299 3.299 3.299-3.3M23.2 10.007l3.3-3.3 3.299 3.3"/></g></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="54px" height="54px" viewBox="0 0 54 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>identity-provider-gaming-esports</title>
+    <g id="identity-provider-gaming-esports" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" fill="#F1F5F9" x="0" y="0" width="54" height="54" rx="5"></rect>
+        <g id="Group" transform="translate(14, 14)" fill-rule="nonzero">
+            <path d="M12.9837703,0 C5.8102372,0 0,5.8102372 0,12.9837703 C0,20.1573034 5.8102372,26 13.0162297,26 C20.1573034,26 26,20.1897628 26,12.9837703 C26,5.8102372 20.1573034,0 12.9837703,0 Z M21.4556804,14.3795256 C21.4556804,15.1585518 20.8389513,15.9700375 20.0599251,15.9700375 L15.937578,15.9700375 L15.937578,20.0599251 C15.937578,20.8389513 15.1910112,21.4881398 14.411985,21.4881398 L11.588015,21.4881398 C10.8089888,21.4881398 10.0948814,20.8714107 10.0948814,20.0599251 L10.0948814,15.9700375 L5.90761548,15.9700375 C5.12858926,15.9700375 4.57677903,15.1585518 4.57677903,14.3795256 L4.57677903,11.5555556 C4.57677903,10.7765293 5.12858926,10.1273408 5.90761548,10.1273408 L10.0948814,10.1273408 L10.0948814,5.94007491 C10.0948814,5.16104869 10.8089888,4.60923845 11.588015,4.60923845 L14.411985,4.60923845 C15.1910112,4.60923845 15.937578,5.12858926 15.937578,5.94007491 L15.937578,10.1273408 L20.0599251,10.1273408 C20.8389513,10.1273408 21.4556804,10.7765293 21.4556804,11.5555556 L21.4556804,14.3795256 Z" id="Shape" fill="#4338CA"></path>
+            <circle id="Oval" fill="#F58320" cx="12.9837703" cy="13.0162297" r="1.46067416"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/astro/public/img/icons/oauth-authorization-grant.svg b/astro/public/img/icons/oauth-authorization-grant.svg
index 93f09cbc48..601e7c4f90 100644
--- a/astro/public/img/icons/oauth-authorization-grant.svg
+++ b/astro/public/img/icons/oauth-authorization-grant.svg
@@ -1 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70"><linearGradient id="a" x1="0%" x2="100%" y1="1.869%" y2="98.131%"><stop offset="0" stop-color="#a4aebe"/><stop offset="1" stop-color="#2d53f5"/></linearGradient><path fill="url(#a)" d="M18.218 0c.914 0 1.656.728 1.656 1.625v6.499l22.083.001c.914 0 1.656.728 1.656 1.625v6.366l8.902 8.733a1.604 1.604 0 0 1 0 2.3l-8.902 8.732v6.369c0 .897-.742 1.625-1.656 1.625h-22.22C18.945 48.48 14.851 52 9.936 52 4.458 52 0 47.625 0 42.25s4.458-9.75 9.937-9.75c4.915 0 9.008 3.52 9.8 8.125H40.3l-.001-4.746-8.898-8.73a1.604 1.604 0 0 1 0-2.3l8.898-8.731v-4.743l-20.426-.001v6.501c0 .897-.742 1.625-1.656 1.625H1.656C.742 19.5 0 18.772 0 17.875V1.625C0 .728.742 0 1.656 0zm-8.28 35.75c-3.653 0-6.626 2.916-6.626 6.5s2.973 6.5 6.625 6.5c3.653 0 6.625-2.916 6.625-6.5s-2.972-6.5-6.625-6.5zm32.019-16.66L34.915 26l7.042 6.91L48.999 26zM16.562 3.25H3.312v13h13.25z" transform="translate(9 9)"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="54px" height="54px" viewBox="0 0 54 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>oauth-authorization-grant</title>
+    <g id="oauth-authorization-grant" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" fill="#F1F5F9" x="0" y="0" width="54" height="54" rx="5"></rect>
+        <g id="Group" transform="translate(14, 13)">
+            <path d="M4.83794651,4.93402778 L18.5741104,4.93402778 C19.4489295,4.93402778 20.1581104,5.64320873 20.1581104,6.51802778 L20.1581104,22.6833611 C20.1581104,23.5581802 19.4489295,24.2673611 18.5741104,24.2673611 L5.64427092,24.2673611 L5.64427092,24.2673611" id="Path-4" stroke="#CBD5E1" stroke-width="1.584"></path>
+            <path d="M16.9087769,9.6659111 L23.4120571,9.66280906 C24.2868753,9.66088137 24.9963945,10.369724 24.9968118,11.2445429 C24.996812,11.2450466 24.996812,11.2455503 24.9953014,11.2460533 L24.9921993,17.7493335 C24.9902705,18.6235617 24.2816721,19.33216 23.407444,19.3340889 L16.9041638,19.3371909 C16.0293455,19.3391186 15.3198264,18.630276 15.3194091,17.7554571 C15.3194089,17.7549534 15.3194089,17.7544497 15.3209195,17.7539467 L15.3240215,11.2506665 C15.3259504,10.3764383 16.0345488,9.66783996 16.9087769,9.6659111 Z" id="Rectangle-Copy" fill="#6366F1" transform="translate(20.1581, 14.5) rotate(-315) translate(-20.1581, -14.5)"></path>
+            <rect id="Rectangle" fill="#0EA5E9" x="0" y="0" width="9.67589301" height="9.66666667" rx="1.584"></rect>
+            <rect id="Rectangle-Copy-2" fill="#F58320" x="0" y="19.3333333" width="9.67589301" height="9.66666667" rx="4.752"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/astro/public/img/icons/registration-traffic-game-launches.svg b/astro/public/img/icons/registration-traffic-game-launches.svg
index ebbd901147..e039eb5d55 100644
--- a/astro/public/img/icons/registration-traffic-game-launches.svg
+++ b/astro/public/img/icons/registration-traffic-game-launches.svg
@@ -1 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70"><linearGradient id="a" x1="0%" x2="100%" y1="1.869%" y2="98.131%"><stop offset="0" stop-color="#a4aebe"/><stop offset="1" stop-color="#2d53f5"/></linearGradient><path fill="url(#a)" d="M26.5 0c8.173 0 14.823 6.526 14.823 14.548 0 .357-.03.707-.055 1.057H47.7c2.923 0 5.3 2.333 5.3 5.202v25.991C53 49.667 50.623 52 47.7 52H5.3C2.377 52 0 49.667 0 46.798V20.807c0-2.869 2.377-5.202 5.3-5.202h6.432c-.026-.35-.055-.7-.055-1.056C11.677 6.526 18.327 0 26.5 0zM12.42 19.073H5.3c-.974 0-1.767.777-1.767 1.734v25.991c0 .957.793 1.734 1.767 1.734h42.4c.974 0 1.767-.777 1.767-1.734V20.807c0-.957-.793-1.734-1.767-1.734h-7.12c-1.945 5.81-7.517 10.022-14.08 10.022s-12.135-4.211-14.08-10.022zM32.463 42.14c.976 0 1.767.776 1.767 1.734s-.79 1.734-1.766 1.734H20.536c-.975 0-1.766-.776-1.766-1.734s.79-1.734 1.766-1.734zm5.94-11.517c2.67 0 4.843 2.131 4.843 4.753 0 2.62-2.173 4.75-4.842 4.75H14.597c-2.67 0-4.842-2.13-4.842-4.75 0-2.622 2.173-4.753 4.842-4.753zm0 3.467H14.598c-.72 0-1.308.576-1.308 1.286 0 .707.587 1.283 1.308 1.283h23.806c.72 0 1.308-.576 1.308-1.283 0-.71-.587-1.286-1.308-1.286zM26.5 20.478c-2.662 0-5.142.986-7.028 2.725 1.93 1.513 4.371 2.424 7.028 2.424s5.098-.91 7.028-2.424a10.311 10.311 0 0 0-7.028-2.725zm0-17.01c-6.225 0-11.29 4.971-11.29 11.08 0 2.255.694 4.351 1.877 6.103 2.533-2.324 5.853-3.64 9.413-3.64s6.88 1.316 9.413 3.64a10.865 10.865 0 0 0 1.876-6.102c0-6.11-5.064-11.081-11.289-11.081zm0 1.918c2.93 0 5.313 2.339 5.313 5.214 0 2.875-2.384 5.215-5.313 5.215s-5.313-2.34-5.313-5.215 2.384-5.214 5.313-5.214zm0 3.468c-.982 0-1.78.784-1.78 1.746 0 .963.798 1.747 1.78 1.747s1.78-.784 1.78-1.747c0-.962-.798-1.746-1.78-1.746z" transform="translate(9 8)"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="54px" height="54px" viewBox="0 0 54 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>registration-traffic-game-launches</title>
+    <g id="registration-traffic-game-launches" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" fill="#F1F5F9" x="0" y="0" width="54" height="54" rx="5"></rect>
+        <g id="Group" transform="translate(11, 17)" fill-rule="nonzero">
+            <path d="M7.27272727,3.63201912 C5.26441909,3.63201912 3.63636364,5.25812946 3.63636364,7.26403823 C3.63636364,9.269947 5.26441909,10.8960573 7.27272727,10.8960573 C9.28103545,10.8960573 10.9090909,9.269947 10.9090909,7.26403823 C10.9090909,5.25812946 9.28103545,3.63201912 7.27272727,3.63201912 L7.27272727,3.63201912 Z" id="Path" fill="#FFA726"></path>
+            <path d="M0,17.2157706 C0,17.2157706 2.03636364,12.6394265 7.27272727,12.6394265 C12.5090909,12.6394265 14.5454545,17.2157706 14.5454545,17.2157706 L14.5454545,19.6129032 L0,19.6129032 L0,17.2157706 Z M32,17.2157706 C32,17.2157706 29.9636364,12.6394265 24.7272727,12.6394265 C19.4909091,12.6394265 17.4545455,17.2157706 17.4545455,17.2157706 L17.4545455,19.6129032 L32,19.6129032 L32,17.2157706 Z" id="Shape" fill="#CBD5E1"></path>
+            <path d="M16,0 C14.4410229,0 13.0004686,0.830710691 12.22098,2.17921145 C11.4414914,3.52771221 11.4414914,5.18913367 12.22098,6.53763443 C13.0004686,7.88613519 14.4410229,8.71684588 16,8.71684588 C17.5589771,8.71684588 18.9995314,7.88613519 19.77902,6.53763443 C20.5585086,5.18913367 20.5585086,3.52771221 19.77902,2.17921145 C18.9995314,0.830710691 17.5589771,0 16,0 Z" id="Path" fill="#F58320"></path>
+            <path d="M24.7272727,16.7799283 C24.7272727,16.7799283 22.3272727,11.3318996 16,11.3318996 C9.67272727,11.3318996 7.27272727,16.7799283 7.27272727,16.7799283 L7.27272727,19.6129032 L24.7272727,19.6129032 L24.7272727,16.7799283 Z" id="Path" fill="#6366F1"></path>
+            <path d="M24.7272727,3.63201912 C22.7189645,3.63201912 21.0909091,5.25812946 21.0909091,7.26403823 C21.0909091,9.269947 22.7189645,10.8960573 24.7272727,10.8960573 C26.7355809,10.8960573 28.3636364,9.269947 28.3636364,7.26403823 C28.3636364,5.25812946 26.7355809,3.63201912 24.7272727,3.63201912 Z" id="Path" fill="#FFA726"></path>
+            <path d="M7.27272727,3.63201912 C5.26441909,3.63201912 3.63636364,5.25812946 3.63636364,7.26403823 C3.63636364,9.269947 5.26441909,10.8960573 7.27272727,10.8960573 C9.28103545,10.8960573 10.9090909,9.269947 10.9090909,7.26403823 C10.9090909,5.25812946 9.28103545,3.63201912 7.27272727,3.63201912 L7.27272727,3.63201912 Z M24.7272727,3.63201912 C22.7189645,3.63201912 21.0909091,5.25812946 21.0909091,7.26403823 C21.0909091,9.269947 22.7189645,10.8960573 24.7272727,10.8960573 C26.7355809,10.8960573 28.3636364,9.269947 28.3636364,7.26403823 C28.3636364,5.25812946 26.7355809,3.63201912 24.7272727,3.63201912 Z" id="Shape" fill="#6366F1"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/astro/public/img/icons/securing-gaming-user-accounts.svg b/astro/public/img/icons/securing-gaming-user-accounts.svg
index b67e80716b..9df05bd07c 100644
--- a/astro/public/img/icons/securing-gaming-user-accounts.svg
+++ b/astro/public/img/icons/securing-gaming-user-accounts.svg
@@ -1 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70"><linearGradient id="a" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0" stop-color="#a4aebe"/><stop offset="1" stop-color="#2d53f5"/></linearGradient><path fill="url(#a)" d="M23.188 0c12.785 0 23.187 10.402 23.187 23.188 0 1.346-.118 2.69-.351 4.012a6.63 6.63 0 0 1 3.663 5.925v1.656A3.316 3.316 0 0 1 53 38.094v11.593A3.316 3.316 0 0 1 49.687 53h-13.25a3.316 3.316 0 0 1-3.312-3.313V44.14a23.07 23.07 0 0 1-9.937 2.236 23.102 23.102 0 0 1-15.767-6.2.677.677 0 0 1-.047-.04l-.063-.063C2.813 35.84 0 29.836 0 23.187 0 10.402 10.402 0 23.188 0zm14 38.094h-.75v11.593h13.251l-.002-11.593-12.448.001h-.052zm-14-9.938a13.203 13.203 0 0 0-12.881 10.155 19.784 19.784 0 0 0 12.88 4.752c3.516 0 6.933-.92 9.938-2.667v-2.302c0-1.262.71-2.361 1.75-2.92a13.251 13.251 0 0 0-11.687-7.018zm0-24.843c-10.96 0-19.875 8.916-19.875 19.875a19.78 19.78 0 0 0 4.362 12.41 16.495 16.495 0 0 1 9.36-9.58 9.924 9.924 0 0 1-3.785-7.8c0-5.48 4.458-9.937 9.938-9.937s9.937 4.458 9.937 9.938a9.925 9.925 0 0 1-3.796 7.808 16.598 16.598 0 0 1 7.267 5.662 6.634 6.634 0 0 1 6.183-5.183 19.5 19.5 0 0 0 .283-3.319c0-10.958-8.915-19.875-19.874-19.875zm19.875 26.5a3.316 3.316 0 0 0-3.313 3.312v1.656h6.625v-1.656a3.318 3.318 0 0 0-2.53-3.22 1.134 1.134 0 0 1-.134-.025l-.033-.01a3.317 3.317 0 0 0-.615-.058zm-19.876-18.22c-3.653 0-6.625 2.973-6.625 6.626s2.972 6.625 6.625 6.625 6.625-2.972 6.625-6.625-2.971-6.625-6.625-6.625z" transform="translate(9 8)"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="54px" height="54px" viewBox="0 0 54 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>securing-gaming-user-accounts</title>
+    <g id="securing-gaming-user-accounts" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" fill="#F1F5F9" x="0" y="0" width="54" height="54" rx="5"></rect>
+        <path d="M40.3066552,14.9240996 L27.2797639,11.0407988 C27.0973628,10.9864004 26.9029616,10.9864004 26.7204956,11.0407988 L13.6933448,14.9240996 C13.2818396,15.0467539 13,15.4231602 13,15.8500977 L13,30.0888242 C13,31.9408203 13.7545776,33.8366445 15.2426517,35.7236387 C16.379156,37.1648105 17.9515549,38.6119766 19.9159995,40.0249824 C23.2161496,42.3986621 26.4658345,43.8547871 26.6025705,43.9155664 C26.7289929,43.971834 26.8645613,44 27.0001297,44 C27.1356981,44 27.2712665,43.9718984 27.3976889,43.9155664 C27.5343601,43.8547871 30.7839801,42.3986621 34.0841302,40.0249824 C36.0485748,38.6119766 37.6209089,37.1648105 38.757478,35.7236387 C40.2455521,33.836709 41,31.9408848 41,30.0888242 L41,15.8500977 C41,15.4231602 40.7182902,15.0467539 40.3066552,14.9240996 Z" id="Path" fill="#CBD5E1" fill-rule="nonzero"></path>
+        <g id="Group" transform="translate(20, 20)" fill="#4338CA" fill-rule="nonzero">
+            <path d="M7,0 C3.1339,0 0,3.1339 0,7 C0,10.8661 3.1339,14 7,14 C10.8661,14 14,10.8661 14,7 C14,3.1339 10.8661,0 7,0 Z M7,1.925 C8.2565,1.925 9.275,2.9435 9.275,4.2 C9.275,5.4565 8.2565,6.475 7,6.475 C5.7435,6.475 4.725,5.4565 4.725,4.2 C4.725,2.9435 5.7435,1.925 7,1.925 Z M7,12.6 C5.061,12.6 3.353,11.6144 2.3478,10.1171 C3.1325,8.9761 5.6322,8.4 7,8.4 C8.3678,8.4 10.8675,8.9761 11.6522,10.1171 C10.647,11.6144 8.939,12.6 7,12.6 Z" id="Shape"></path>
+        </g>
+        <path d="M40.3066552,14.9240996 L27.2797639,11.0407988 C27.0973628,10.9864004 27.182466,10.9864004 27,11.0407988 C27,33.0135996 27,44 27,44 C27.0002595,44 27.2712665,43.9718984 27.3976889,43.9155664 C27.5343601,43.8547871 30.7839801,42.3986621 34.0841302,40.0249824 C36.0485748,38.6119766 37.6209089,37.1648105 38.757478,35.7236387 C40.2455521,33.836709 41,31.9408848 41,30.0888242 L41,15.8500977 C41,15.4231602 40.7182902,15.0467539 40.3066552,14.9240996 Z" id="Path" fill="#4338CA" fill-rule="nonzero" opacity="0.113887969"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/astro/public/img/icons/self-hosting-reduce-latency-gaming.svg b/astro/public/img/icons/self-hosting-reduce-latency-gaming.svg
index 23d666ceeb..ed6632d1b5 100644
--- a/astro/public/img/icons/self-hosting-reduce-latency-gaming.svg
+++ b/astro/public/img/icons/self-hosting-reduce-latency-gaming.svg
@@ -1 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70"><linearGradient id="a" x1="0%" x2="100%" y1="9.153%" y2="90.847%"><stop offset="0" stop-color="#a4aebe"/><stop offset="1" stop-color="#2d53f5"/></linearGradient><path fill="url(#a)" d="M44.293 45.113a6.463 6.463 0 0 1-8.827.282l-2.223-1.95a2.218 2.218 0 0 1-.712-2.078c.145-.772.685-1.406 1.417-1.664s1.543-.101 2.13.413l2.225 1.952c.85.755 2.129.72 2.938-.079 6.234-6.264 8.13-15.722 4.803-23.958-3.326-8.237-11.22-13.625-19.992-13.65-8.773-.025-16.695 5.32-20.067 13.537-3.371 8.218-1.526 17.687 4.673 23.985a2.18 2.18 0 0 0 3.023.167l2.225-1.954a2.146 2.146 0 0 1 3.058.226c.783.92.683 2.308-.223 3.103l-2.224 1.952a6.519 6.519 0 0 1-8.928-.385C-.217 37.067-2.219 24.982 2.6 14.886 7.42 4.789 18.005-1.112 28.99.175c9.929 1.163 18.321 8 21.585 17.585 3.264 9.585.822 20.22-6.281 27.353zm-18.301-23.12c-.38 0-.757.05-1.123.149l-8.18-8.3a2.145 2.145 0 0 0-3.038.027 2.222 2.222 0 0 0-.027 3.082l8.181 8.3c-.48 1.82.234 3.747 1.778 4.794s3.573.98 5.046-.166a4.435 4.435 0 0 0 1.467-4.902c-.597-1.784-2.247-2.985-4.104-2.985z" transform="translate(9 12)"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="54px" height="54px" viewBox="0 0 54 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>self-hosting-reduce-latency-gaming</title>
+    <g id="self-hosting-reduce-latency-gaming" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" fill="#F1F5F9" x="0" y="0" width="54" height="54" rx="5"></rect>
+        <g id="icons8-speed" transform="translate(13, 13)" fill-rule="nonzero">
+            <path d="M14,28 C6.3,28 0,21.7 0,14 C0,6.3 6.3,0 14,0 C21.7,0 28,6.3 28,14 C28,21.7 21.7,28 14,28 Z" id="Path" fill="#0EA5E9"></path>
+            <path d="M14,25.2 C7.84,25.2 2.8,20.16 2.8,14 C2.8,7.84 7.84,2.8 14,2.8 C20.16,2.8 25.2,7.84 25.2,14 C25.2,20.16 20.16,25.2 14,25.2 Z" id="Path" fill="#E2E8F0"></path>
+            <path d="M22.47,14 L20.37,14 C20.37,10.5 17.5,7.63 14,7.63 C10.5,7.63 7.63,10.5 7.63,14 L5.53,14 C5.53,9.31 9.31,5.53 14,5.53 C18.69,5.53 22.47,9.31 22.47,14 Z" id="Path" fill="#6366F1"></path>
+            <path d="M14,16.1 C12.81,16.1 11.9,15.19 11.9,14 C11.9,12.81 12.81,11.9 14,11.9 C15.19,11.9 16.1,12.81 16.1,14 C16.1,15.19 15.19,16.1 14,16.1 Z" id="Path" fill="#C2410C" transform="translate(14, 14) scale(-1, 1) translate(-14, -14)"></path>
+            <polygon id="Rectangle" fill="#F58320" transform="translate(12.4458, 12.7985) scale(-1, 1) rotate(-45.001) translate(-12.4458, -12.7985)" points="5.7607541 11.7485036 19.1307541 11.7485036 19.1307541 13.8485036 5.7607541 13.8485036"></polygon>
+            <path d="M14.56,11.97 L11.97,14.56 C12.18,15.26 12.74,15.82 13.44,16.03 L16.03,13.44 C15.82,12.74 15.26,12.18 14.56,11.97 Z" id="Path" fill="#F58320" transform="translate(14, 14) scale(-1, 1) translate(-14, -14)"></path>
+            <path d="M8.68,7.35 L7.21,8.82 C7.77,9.24 8.26,9.73 8.68,10.29 L10.15,8.82 C9.73,8.26 9.24,7.77 8.68,7.35 Z" id="Path" fill="#F58320" transform="translate(8.68, 8.82) scale(-1, 1) translate(-8.68, -8.82)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/astro/src/components/nav/ComposableNav.astro b/astro/src/components/nav/ComposableNav.astro
index 3d6a38d9b1..16ad9ac8c1 100644
--- a/astro/src/components/nav/ComposableNav.astro
+++ b/astro/src/components/nav/ComposableNav.astro
@@ -20,7 +20,7 @@ interface NavProps {
 
 const {sectionTitle, sectionTitleHref, categoryItems, moreItems, categoryLabel, buttons, colorThemeOverride}: NavProps = Astro.props;
 ---
-<div class="bg-slate-900 block border-slate-700 border-b border-solid h-auto text-left lg:sticky top-0 z-50 xl:shadow-lg">
+<div class="bg-slate-900 block border-slate-600 border-b border-solid h-auto text-left lg:sticky top-0 z-50 xl:shadow-lg">
   <div class="flex justify-between max-w-8xl mx-auto px-4 py-2 lg:container">
 
     <div class="flex place-items-center">
@@ -36,7 +36,7 @@ const {sectionTitle, sectionTitleHref, categoryItems, moreItems, categoryLabel,
     </div>
 
     <nav id="header-nav"
-         class="absolute hidden left-0 right-0 top-16 p-0 bg-slate-900 lg:bg-transparent lg:flex lg:h-auto lg:items-center lg:ml-auto lg:p-0 lg:static lg:dark:bg-transparent">
+         class="absolute hidden left-0 right-0 top-16 p-0 bg-slate-900 border-slate-700 border-b border-solid lg:border-none shadow-md lg:bg-transparent lg:flex lg:h-auto lg:items-center lg:ml-auto lg:p-0 lg:static lg:dark:bg-transparent">
 
       <div class="menu-group-container group lg:float-left lg:inline-block lg:relative lg:mx-3 lg:z-50">
         <div class="menu-button-container hidden lg:block">
@@ -106,7 +106,7 @@ const {sectionTitle, sectionTitleHref, categoryItems, moreItems, categoryLabel,
 
       </div>
 
-      <hr class="border-slate-700 border-t-2 h-px lg:hidden"/>
+      <hr class="border-slate-700 border-t-1 h-px  lg:hidden"/>
 
       <div class="lg:hidden">
         <a href="/contact"
diff --git a/astro/src/components/side-nav/DocsSideNav.astro b/astro/src/components/side-nav/DocsSideNav.astro
index 7d349fa2aa..919b648c0b 100644
--- a/astro/src/components/side-nav/DocsSideNav.astro
+++ b/astro/src/components/side-nav/DocsSideNav.astro
@@ -7,7 +7,7 @@ let { items, context, frontmatter }: { items: any[], context: DocNavContext} = A
 items = items || [];
 ---
 <div>
-<a href="/docs" class="text-xs text-indigo-500 my-6 font-medium"><- Docs Home Page</a>
+<a href="/docs" class="text-xs font-semibold text-slate-600 dark:text-slate-50 my-6 hover:text-indigo-500 dark:hover:text-indigo-500"><- Docs Home Page</a>
 <p class="text-2xl font-extrabold capitalize my-2">{ specialCaps(context.category.name) }</p>
-<div class="border-t-indigo-200 border-t-2  my-6"></div>
+<div class="border-t-slate-600 border-t-2  my-5"></div>
 <SideNavCategory category={context.category} level={0} {frontmatter} />
\ No newline at end of file
diff --git a/astro/src/components/side-nav/SideNavCategory.astro b/astro/src/components/side-nav/SideNavCategory.astro
index 788c8eff3d..72c21b3d9a 100644
--- a/astro/src/components/side-nav/SideNavCategory.astro
+++ b/astro/src/components/side-nav/SideNavCategory.astro
@@ -30,9 +30,9 @@ let sectionName = {
   3: frontmatter.quatercategory,
 }[level] || '';
 
-const itemClass = "block border-l border-slate-200 pl-4 text-slate-700 hover:text-slate-400 text-sm -ml-px dark:text-slate-400 dark:hover:text-slate-200 dark:border-slate-700 dark:hover:border-slate-200 dark:group-[.active]:border-indigo-400 dark:group-[.active]:text-indigo-400 group-[.active]:border-indigo-600 group-[.active]:font-semibold group-[.active]:text-indigo-600 hover:border-slate-900/50"
+const itemClass = "block border-l border-slate-200 pl-4 text-slate-700 leading-loose hover:text-slate-400 text-sm -ml-px dark:text-slate-400 dark:hover:text-slate-200 dark:border-slate-700 dark:hover:border-slate-200 dark:group-[.active]:border-indigo-500 dark:group-[.active]:text-indigo-500 group-[.active]:border-indigo-600 group-[.active]:font-medium group-[.active]:text-indigo-500 hover:border-slate-900/50"
 ---
-<ul>
+<ul class="pb-3">
   {!category.entries.find(entry => entry.href === category.href) &&
     <li class:list={["group", Astro.url.pathname === category.href ? "active " : ""]}>
       <a href={category.href} class={itemClass}> Overview </a>
@@ -47,9 +47,9 @@ const itemClass = "block border-l border-slate-200 pl-4 text-slate-700 hover:tex
 {category.subcategories.map(sub =>
   <details open={sub.name === categoryName }>
     <!--FIXME check safari-->
-    <summary class="list-none my-2">
-      <div class="flex flex-row justify-between w-full" >
-        <p class:list={[titleSize, titleWeight, "capitalize", sub.name === categoryName ? 'text-indigo-600 dar:text-indigo-400' : '']}>{ specialCaps(sub.name) }</p>
+    <summary class="list-none my-1">
+      <div class="flex flex-row justify-between w-full pb-1" >
+        <p class:list={[titleSize, titleWeight, "capitalize", sub.name === categoryName ? 'text-indigo-500 dark:text-indigo-500' : '']}>{ specialCaps(sub.name) }</p>
         <span class:list={["open-icon", sub.name !== categoryName ? "" : "hidden"]}><Icon name="chevron-right" size={titleSize}/></span>
         <span class:list={["close-icon", sub.name === categoryName ? "" : "hidden"]}><Icon name="chevron-down" size={titleSize}/></span>
       </div>
diff --git a/astro/src/layouts/Default.astro b/astro/src/layouts/Default.astro
index 34267ed343..c8fec8d008 100644
--- a/astro/src/layouts/Default.astro
+++ b/astro/src/layouts/Default.astro
@@ -94,9 +94,9 @@ cta = frontmatter.cta ? frontmatter.cta : cta;
     <article class:list={["max-w-none pb-24 prose prose-slate dark:prose-a:text-indigo-400 dark:prose-code:bg-slate-800 dark:prose-code:border-blue-800 dark:prose-invert dark:prose-headings:text-slate-200 hover:prose-a:border-b-2 hover:prose-a:border-b-indigo-500 prose-a:border-b prose-a:border-b-indigo-500 prose-a:no-underline prose-a:text-indigo-700 prose-headings:scroll-mt-24 prose-code:bg-slate-100 prose-code:border prose-code:border-blue-300 prose-code:border-dashed prose-code:p-0.5 prose-code:rounded-sm prose-headings:text-slate-700", disableTOC ? "lg:pl-[19rem]" : "lg:px-[19rem]"]}>
       <div class="flex items-start">
         <div class="flex-grow">
-          {breadcrumbs.length > 0 && <div class="flex flex-row not-prose">
+          {breadcrumbs.length > 0 && <div class="flex flex-row not-prose items-center pb-6">
             { breadcrumbs.map((crumb, i) => <>
-            <a href={crumb.href} class="font-semibold mb-4 mt-0 text-lg hover:text-indigo-700 dark:text-slate-400 dark:hover:text-indigo-400 hover:underline capitalize">{crumb.title}</a>
+            <a href={crumb.href} class="font-medium text-sm hover:text-indigo-700 dark:text-slate-400 dark:hover:text-indigo-400 hover:underline capitalize">{crumb.title}</a>
             { i !== breadcrumbs.length - 1 && <span class="mx-2">/</span> }
           </>) }
           </div> }