diff --git a/src/assets/images/CDN77_Horizontal_logo-negative.png b/src/assets/images/CDN77_Horizontal_logo-negative.png
deleted file mode 100644
index 9c429d8..0000000
Binary files a/src/assets/images/CDN77_Horizontal_logo-negative.png and /dev/null differ
diff --git a/src/assets/images/CF_logo_stacked_whitetype.png b/src/assets/images/CF_logo_stacked_whitetype.png
deleted file mode 100644
index 15c2dd4..0000000
Binary files a/src/assets/images/CF_logo_stacked_whitetype.png and /dev/null differ
diff --git a/src/assets/images/cdn77_logo.svg b/src/assets/images/cdn77_logo.svg
new file mode 100644
index 0000000..01e1180
--- /dev/null
+++ b/src/assets/images/cdn77_logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 93 27"><path fill="#fff" d="M36.176 7.113c3.293 0 4.949 1.92 5.702 3.651l-3.275 1.524c-.32-.978-1.298-1.825-2.427-1.825-1.826 0-3.05 1.392-3.05 3.143s1.224 3.143 3.05 3.143c1.129 0 2.107-.847 2.427-1.826l3.275 1.506c-.734 1.674-2.409 3.67-5.702 3.67-3.934 0-6.907-2.635-6.907-6.493 0-3.877 2.973-6.493 6.907-6.493m12.495.207c3.952 0 6.887 2.258 6.887 6.267 0 4.008-2.935 6.286-6.869 6.286h-5.626V7.32zm12.156 0 4.366 5.947V7.32h3.801v12.552h-3.65l-4.63-6.36v6.36h-3.801V7.32zm19.778 0v2.635l-4.178 9.917h-4.159l3.971-9.24h-5.89V7.32zm10.866 0v2.635l-4.178 9.917h-4.159l3.971-9.24h-5.89V7.32zM48.69 10.632h-1.825v5.928h1.807c1.9 0 3.03-1.392 3.03-2.973 0-1.694-.98-2.955-3.012-2.955"/><g fill="#ffe326"><path d="M0 11.638C0 5.274 5.158.116 11.522.116s11.522 5.158 11.522 11.522S11.522 27 11.522 27 0 18.001 0 11.638M11.522 4.23a7.023 7.023 0 1 0 0 14.048 7.023 7.023 0 0 0 0-14.048"/><path d="M11.521 8.085a3.169 3.169 0 1 0 .001 6.337 3.169 3.169 0 0 0 0-6.337"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/cdn77_logo_dark.svg b/src/assets/images/cdn77_logo_dark.svg
new file mode 100644
index 0000000..8ee9f16
--- /dev/null
+++ b/src/assets/images/cdn77_logo_dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="218" height="64" viewBox="0 0 218 64"><g fill="none"><path fill="#04151f" d="M70.032 32.25c0-9.189 7.048-15.39 16.371-15.39 7.807 0 11.732 4.55 13.517 8.655l-7.762 3.613c-.759-2.32-3.078-4.327-5.755-4.327-4.327 0-7.226 3.3-7.226 7.45 0 4.148 2.9 7.45 7.226 7.45 2.677 0 4.996-2.008 5.755-4.328l7.762 3.569c-1.74 3.97-5.71 8.698-13.517 8.698-9.323 0-16.37-6.245-16.37-15.39zm53.171-.044c0-4.015-2.32-7.004-7.137-7.004h-4.327v14.052h4.282c4.506 0 7.182-3.301 7.182-7.048m-20.475 14.9V17.35h13.293c9.368 0 16.327 5.353 16.327 14.855 0 9.501-6.959 14.9-16.282 14.9h-13.338zm52.814 0-10.972-15.08v15.078h-9.011V17.351h9.278l10.35 14.097V17.35h9.01v29.754h-8.654zm16.414 0 9.413-21.904h-13.962v-7.85h24.31v6.245l-9.902 23.508zm25.757 0 9.413-21.904h-13.962v-7.85h24.31v6.245l-9.902 23.508zM27.145 0C12.153 0 0 12.228 0 27.31c0 15.084 27.145 36.415 27.145 36.415s27.146-21.33 27.146-36.414C54.29 12.228 42.137 0 27.145 0"/><path fill="#ffe115" d="M27.145 9.753c-9.139 0-16.547 7.453-16.547 16.648S18.006 43.05 27.145 43.05c9.14 0 16.548-7.454 16.548-16.649S36.284 9.753 27.145 9.753"/><path fill="#04151f" d="M27.144 18.89c-4.122 0-7.464 3.364-7.464 7.511s3.342 7.51 7.464 7.51c4.123 0 7.466-3.362 7.466-7.51s-3.343-7.51-7.466-7.51"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/cf_logo.svg b/src/assets/images/cf_logo.svg
new file mode 100644
index 0000000..d2d08d4
--- /dev/null
+++ b/src/assets/images/cf_logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1594" height="527" viewBox="0 0 1594 527"><title>Cloudflare-logo-vector-svg</title><path d="M1488.3 339.2 981 337.7V142.9l403.7-3.1 15.7 6.3 87.9 20.4z" style="fill:#fff"/><path d="M1318.7 337.7c0 3.1-3.1 4.7-6.3 4.7H808.3q-.9-.1-1.8-.4-.8-.4-1.5-1.1-.6-.6-1-1.5-.4-.8-.4-1.7-.5-2.1-.9-4.3-.3-2.1-.5-4.3t-.2-4.4q-.1-2.1 0-4.3c0-14.8 2.9-29.5 8.4-43.2 5.6-13.7 13.8-26.2 24.1-36.8s22.6-19.1 36.1-25c13.6-6 28.1-9.2 42.9-9.7q-.8-3.4-1.3-6.9-.5-3.6-.6-7.1-.2-3.6-.1-7.1 0-3.6.4-7.1c1.1-9.2 3.6-18.1 7.6-26.4s9.4-15.9 15.9-22.4 14.1-11.9 22.4-15.9 17.2-6.5 26.4-7.6q7.5-.6 14.9.2 7.5.7 14.7 2.7 7.3 2 14 5.2 6.8 3.3 12.9 7.6c12.7-36.8 37-68.6 69.3-90.4 32.4-21.7 70.9-32.4 109.8-30.2 39 2.1 76.1 16.9 105.9 42.1 29.7 25.1 50.4 59.3 59 97.4 1.6 1.6 0 3.1 0 4.7l-15.7 40.8c-3.4 8.1-7.9 15.6-13.3 22.5s-11.7 13-18.7 18.2c-7 5.3-14.6 9.5-22.8 12.7-8.1 3.2-16.6 5.3-25.3 6.3l-274.9 3.2c-3.1 0-4.7 1.5-6.3 4.7q-.5.4-.8 1t-.3 1.3.3 1.3q.3.7.8 1.1c1.6 0 3.2 1.5 4.8 1.5l273.2 3.2q4.8.4 9.4 1.8 4.6 1.3 8.9 3.5 4.2 2.3 7.9 5.3 3.8 3 6.8 6.7c2 2.9 3.6 6.1 4.9 9.5 1.2 3.3 2 6.8 2.4 10.3s.4 7.1 0 10.7c-.4 3.5-1.3 7-2.6 10.3z" style="fill:#f48120"/><path d="M1466.8 156.1c18 7.5 34.4 18.5 48.2 32.4 13.9 13.8 24.9 30.2 32.4 48.2 7.6 18.1 11.5 37.4 11.6 57q-.1 5.2-.6 10.3-.5 5.2-1.3 10.3t-1.9 10.2q-1.1 5-2.5 10 .2 1-.1 1.9-.3 1-1 1.7t-1.7 1q-.9.3-1.9.1h-207.3c-3.1 0-4.7-3.1-3.1-4.7l3.1-14.1c3.4-8 7.9-15.6 13.3-22.5s11.7-13 18.7-18.2 14.6-9.5 22.8-12.7c8.1-3.2 16.6-5.3 25.3-6.3l59.7-3.1c3.1 0 4.7-1.6 6.3-4.7q.5-.5.8-1.1.4-.6.4-1.3t-.4-1.3q-.3-.6-.8-1c-1.6 0-3.2-1.6-4.7-1.6l-58.1-3.2q-4.8-.4-9.4-1.7-4.6-1.4-8.9-3.6-4.2-2.2-7.9-5.2-3.8-3.1-6.8-6.7c-2-3-3.6-6.2-4.9-9.5-1.2-3.4-2-6.8-2.4-10.4-.4-3.5-.4-7.1 0-10.6.4-3.6 1.3-7 2.6-10.4l11-37.7c1.5-1.5 3.1-3.1 4.7-3.1h7.8c19.6.1 38.9 4.1 57 11.6" style="fill:#faad3f"/><path fill-rule="evenodd" d="M1579.4 427.2c-5.7 0-10.8-3.4-13-8.7s-1-11.4 3-15.4c4.1-4.1 10.2-5.3 15.5-3.1 5.2 2.2 8.7 7.3 8.7 13.1 0 1.8-.4 3.7-1.1 5.4s-1.7 3.3-3 4.6c-1.4 1.3-2.9 2.3-4.6 3-1.8.7-3.6 1.1-5.5 1.1m0-25.1c-4.4 0-8.4 2.6-10.1 6.8-1.7 4.1-.8 8.8 2.4 11.9 3.1 3.2 7.8 4.1 11.9 2.4 4.2-1.7 6.8-5.7 6.8-10.1.1-1.5-.2-2.9-.7-4.3-.6-1.3-1.4-2.6-2.4-3.6s-2.3-1.8-3.6-2.4c-1.4-.5-2.8-.8-4.3-.7m6.3 18.8h-3.1l-3.2-4.7h-3.1v4.7h-3.1v-14.1h7.8q1-.2 1.9.2.9.3 1.6 1t1.1 1.6q.3.9.1 1.9c0 1.6-1.5 3.1-3.1 4.7zm-4.7-7.8c1.5 0 1.5 0 1.5-1.6q0-.3-.1-.6t-.3-.5q-.2-.3-.5-.4t-.6-.1h-4.7v4.7h4.7zM172.2 399h34.5v94.2h59.7v29.9h-94.2zm130.3 61.2c0-8.7 1.8-17.3 5.2-25.4 3.5-8 8.5-15.2 14.8-21.2 6.3-6.1 13.8-10.7 22-13.8 8.1-3 16.8-4.4 25.5-4 8.7-.4 17.3 1 25.4 4.1s15.4 7.8 21.6 13.8c6.2 6.1 11.1 13.3 14.3 21.3 3.3 8 4.9 16.6 4.7 25.2 0 8.7-1.8 17.4-5.2 25.4s-8.5 15.3-14.8 21.3-13.8 10.7-21.9 13.7c-8.2 3.1-16.9 4.4-25.6 4-8.6.3-17.2-1.2-25.2-4.3-8-3.2-15.3-7.9-21.5-13.9-6.1-6-11-13.2-14.3-21.1-3.4-8-5-16.5-5-25.1m99 0c.3-4.3-.3-8.7-1.7-12.8-1.5-4.2-3.7-7.9-6.7-11.2-2.9-3.2-6.5-5.8-10.4-7.6-4-1.8-8.3-2.8-12.7-2.9-8.4.4-16.4 4-22.3 10.2-5.8 6.1-9.1 14.3-9.1 22.7 0 8.5 3.3 16.7 9.1 22.8 5.9 6.2 13.9 9.8 22.3 10.2 18.9 3.2 31.5-12.5 31.5-31.4m76.9 7.9V399H513v69.1c0 17.2 9.4 26.7 23.5 26.7 3.3.2 6.7-.2 9.7-1.4 3.1-1.2 5.9-3.1 8.2-5.5 2.2-2.4 3.9-5.3 4.9-8.5 1-3.1 1.3-6.5.8-9.8V399h34.5v69.1c0 40.8-23.5 58.1-58.1 58.1-36.1-1.6-58.1-18.9-58.1-58.1M695.2 399c43.9 0 70.6 25.1 70.6 61.2S739.1 523 695.2 523H648V399zm0 92.6c8.9.9 17.7-2.1 24.3-8 6.5-6 10.3-14.5 10.3-23.4s-3.8-17.4-10.3-23.3c-6.6-6-15.4-8.9-24.3-8.1h-14.1v62.8zM814.6 399h98.9v29.8h-64.4v20.4h58.1v28.3h-58.1V523h-34.5zm147.6 0h34.6v94.3h59.6v29.8h-94.2zm183.8-1.6h34.5l53.4 125.7h-37.7l-9.4-22h-48.7l-9.4 22h-36.1zm31.4 77-14.2-34.6-14.1 34.6zm100.5-75.4h58.1q5.6-.5 11.1.2 5.6.7 10.8 2.5 5.3 1.9 10.1 4.7 4.8 2.9 8.9 6.7c4.5 4.9 7.7 10.7 9.5 17.1 1.7 6.4 1.9 13.1.6 19.6-1.4 6.4-4.4 12.5-8.6 17.6s-9.6 9.1-15.7 11.7l29.9 43.9h-39.3l-25.1-37.7h-15.7V523h-34.6zm56.6 59.7c11 0 18.8-6.3 18.8-14.1 0-9.4-7.8-14.1-18.8-14.1h-22v29.8h22zm102.1-59.7h100.5v28.3h-66v18.8h59.7v28.3h-59.7v18.8h67.5v29.9h-102zM133 475.9c-2 7.2-5.1 14.1-9.2 20.3-4.2 6.2-9.3 11.6-15.2 16.1-6 4.6-12.6 8.1-19.7 10.4-7 2.4-14.4 3.6-21.9 3.5-8.6.3-17.2-1.2-25.2-4.3-8-3.2-15.3-7.9-21.5-13.9-6.1-6-11-13.2-14.3-21.1-3.3-8-5-16.5-5-25.1.2-8.7 2-17.2 5.5-25.2s8.5-15.2 14.8-21.1c6.3-6 13.7-10.7 21.8-13.8s16.8-4.6 25.5-4.3c7.6-.3 15.2.8 22.4 3.2 7.3 2.3 14.1 5.9 20 10.7 6 4.7 11.2 10.4 15.2 16.9 4 6.4 6.8 13.6 8.3 21H98.4c-1.2-2.9-2.8-5.7-4.9-8.2-2-2.4-4.3-4.6-7-6.4-2.6-1.8-5.5-3.2-8.5-4.2-3.1-1-6.2-1.5-9.4-1.6-8.5.4-16.5 4.1-22.3 10.2-5.9 6.2-9.1 14.3-9.1 22.8s3.2 16.6 9.1 22.8c5.8 6.1 13.8 9.8 22.3 10.2 3 0 6-.5 8.8-1.4 2.9-.9 5.6-2.2 8.1-3.8 2.5-1.7 4.8-3.7 6.7-6s3.5-4.9 4.6-7.7z" style="fill:#fff"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/cf_logo_dark.svg b/src/assets/images/cf_logo_dark.svg
new file mode 100644
index 0000000..19f702f
--- /dev/null
+++ b/src/assets/images/cf_logo_dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101.4 33.5"><title>Cloudflare logo</title><path d="m94.7 10.6-5.6-1.3-1-.4-25.7.2v12.4l32.3.1Z" style="fill:#fff"/><path d="M84.2 20.4a2.86 2.86 0 0 0-.3-2.6 3.1 3.1 0 0 0-2.1-1.1l-17.4-.2c-.1 0-.2-.1-.3-.1a.188.188 0 0 1 0-.3c.1-.2.2-.3.4-.3l17.5-.2a6.29 6.29 0 0 0 5.1-3.8l1-2.6c0-.1.1-.2 0-.3a11.396 11.396 0 0 0-21.9-1.2 5.46 5.46 0 0 0-3.6-1 5.21 5.21 0 0 0-4.6 4.6 5.5 5.5 0 0 0 .1 1.8 7.3 7.3 0 0 0-7.1 7.3 4 4 0 0 0 .1 1.1.32.32 0 0 0 .3.3h32.1c.2 0 .4-.1.4-.3Z" style="fill:#f48120"/><path d="M89.7 9.2h-.5c-.1 0-.2.1-.3.2l-.7 2.4a2.86 2.86 0 0 0 .3 2.6 3.1 3.1 0 0 0 2.1 1.1l3.7.2c.1 0 .2.1.3.1a.188.188 0 0 1 0 .3c-.1.2-.2.3-.4.3l-3.8.2a6.29 6.29 0 0 0-5.1 3.8l-.2.9c-.1.1 0 .3.2.3h13.2a.265.265 0 0 0 .3-.3 11 11 0 0 0 .4-2.6 9.56 9.56 0 0 0-9.5-9.5" style="fill:#faad3f"/><path d="M100.5 27.2a.9.9 0 1 1 .9-.9.896.896 0 0 1-.9.9m0-1.6a.7.7 0 1 0 .7.7.684.684 0 0 0-.7-.7m.4 1.2h-.2l-.2-.3h-.2v.3h-.2v-.9h.5a.265.265 0 0 1 .3.3c0 .1-.1.2-.2.3zm-.3-.5c.1 0 .1 0 .1-.1a.1.1 0 0 0-.1-.1h-.3v.3h.3Zm-89.7-.9h2.2v6h3.8v1.9h-6Zm8.3 3.9a4.105 4.105 0 0 1 4.3-4.1 4.02 4.02 0 0 1 4.2 4.1 4.105 4.105 0 0 1-4.3 4.1 4.08 4.08 0 0 1-4.2-4.1m6.3 0a2.056 2.056 0 0 0-2-2.2 2.103 2.103 0 0 0 0 4.2c1.2.2 2-.8 2-2m4.9.5v-4.4h2.2v4.4c0 1.1.6 1.7 1.5 1.7a1.4 1.4 0 0 0 1.5-1.6v-4.5h2.2v4.4c0 2.6-1.5 3.7-3.7 3.7-2.3-.1-3.7-1.2-3.7-3.7m10.7-4.4h3.1c2.8 0 4.5 1.6 4.5 3.9s-1.7 4-4.5 4h-3v-7.9Zm3.1 5.9a2.01 2.01 0 1 0 0-4h-.9v4Zm7.6-5.9h6.3v1.9H54v1.3h3.7v1.8H54v2.9h-2.2Zm9.4 0h2.2v6h3.8v1.9h-6Zm11.7-.1h2.2l3.4 8h-2.4l-.6-1.4h-3.1l-.6 1.4h-2.3Zm2 4.9L74 28l-.9 2.2Zm6.4-4.8H85a3.42 3.42 0 0 1 2.6.9 2.624 2.624 0 0 1-.9 4.2l1.9 2.8h-2.5l-1.6-2.4h-1v2.4h-2.2Zm3.6 3.8c.7 0 1.2-.4 1.2-.9 0-.6-.5-.9-1.2-.9h-1.4v1.9h1.4Zm6.5-3.8h6.4v1.8h-4.2v1.2h3.8v1.8h-3.8v1.2h4.3v1.9h-6.5ZM6.1 30.3a1.98 1.98 0 0 1-1.8 1.2 2.103 2.103 0 0 1 0-4.2 2.1 2.1 0 0 1 1.9 1.3h2.3a4.135 4.135 0 0 0-4.2-3.3A4.165 4.165 0 0 0 0 29.4a4.08 4.08 0 0 0 4.2 4.1 4.32 4.32 0 0 0 4.2-3.2Z" style="fill:#404041"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/framework_logo.svg b/src/assets/images/framework_logo.svg
index 1f92ed3..3ceed22 100644
--- a/src/assets/images/framework_logo.svg
+++ b/src/assets/images/framework_logo.svg
@@ -1,12 +1 @@
-<svg width="227" height="30" viewBox="0 0 227 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.9832 8.29741C45.9832 6.54902 46.7857 5.58598 48.6572 5.58598H54.6347V2.08563H47.353C43.5133 2.08563 41.7076 4.07568 41.7076 7.44098V9.97829H37.0654V13.6847H41.7076V27.3414H45.9832V13.6847H52.0299V9.97829H45.9832V8.29741Z" fill="white"/>
-<path d="M58.7788 12.8958V9.97824H54.5378V27.3414H58.7788V18.212C58.7788 15.4686 60.083 14.232 63.6875 14.232H68.1983V9.87518H64.2582C60.5188 9.87518 59.2147 11.9008 58.7788 12.8958Z" fill="white"/>
-<path d="M83.0831 12.5867C82.7164 11.8653 81.0111 9.60159 77.4377 9.60159C73.0618 9.60159 69.4539 13.0344 69.4539 18.6598C69.4539 24.3563 73.0618 27.7181 77.4031 27.7181C81.1114 27.7181 82.7822 25.3158 83.1143 24.5944V27.3414H87.3552V9.97828H83.0797V12.5867H83.0831ZM78.5412 23.8766C75.6701 23.8766 73.7986 21.6129 73.7986 18.6598C73.7986 15.7103 75.6701 13.4431 78.5412 13.4431C81.312 13.4431 83.1523 15.7068 83.1523 18.6598C83.1489 21.6094 81.312 23.8766 78.5412 23.8766Z" fill="white"/>
-<path d="M113.856 9.60159C110.283 9.60159 108.412 11.9008 107.644 13.4786C106.575 11.1119 104.371 9.60159 101.497 9.60159C98.4559 9.60159 96.5879 11.6272 95.9514 12.8958V9.97828H91.7104V27.3414H95.9514V18.077C95.9514 15.4011 97.5876 13.5142 100.127 13.5142C102.6 13.5142 104.136 15.3336 104.136 18.077V27.3414H108.412V18.077C108.412 15.4011 110.048 13.5142 112.587 13.5142C115.06 13.5142 116.596 15.3336 116.596 18.077V27.3414H120.872V17.2171C120.872 12.7928 118.132 9.60159 113.856 9.60159Z" fill="white"/>
-<path d="M132.692 9.53055C127.513 9.53055 123.84 13.2725 123.84 18.6599C123.84 23.8766 127.513 27.7856 133.024 27.7856C138.769 27.7856 141.073 24.0472 141.34 22.2597H137.13C136.829 22.7395 135.725 24.1467 133.02 24.1467C130.215 24.1467 128.309 22.0891 128.108 19.3777H141.537V18.898C141.544 13.205 137.901 9.53055 132.692 9.53055ZM128.25 16.3607C128.783 14.232 130.388 12.9314 132.692 12.9314C134.864 12.9314 136.466 14.1645 137.068 16.3607H128.25Z" fill="white"/>
-<path d="M162.911 21.5419L158.771 9.83972H154.993L150.818 21.6449L146.912 9.97831H142.267L148.58 27.48H152.323L156.598 15.4012L160.908 27.48H164.748L170.926 9.97831H166.786L162.911 21.5419Z" fill="white"/>
-<path d="M180.771 9.53409C175.562 9.53409 171.653 13.3756 171.653 18.6634C171.653 23.9477 175.562 27.7892 180.771 27.7892C185.915 27.7892 189.859 23.9477 189.859 18.6634C189.859 13.3756 185.915 9.53409 180.771 9.53409ZM180.771 23.8766C177.9 23.8766 175.963 21.5774 175.963 18.6599C175.963 15.7423 177.9 13.4431 180.771 13.4431C183.611 13.4431 185.548 15.7068 185.548 18.6599C185.548 21.6094 183.611 23.8766 180.771 23.8766Z" fill="white"/>
-<path d="M197.068 12.8958V9.97824H192.827V27.3414H197.068V18.212C197.068 15.4686 198.372 14.232 201.976 14.232H206.487V9.87518H202.547C198.804 9.87518 197.503 11.9008 197.068 12.8958Z" fill="white"/>
-<path d="M217.546 18.0771L226.533 9.97829H220.953L213.205 17.0465V2.08563H208.995V27.3414H213.205V19.4488L221.289 27.3414H227L217.546 18.0771Z" fill="white"/>
-<path d="M29.8357 11.1639L27.5526 9.80995C26.4837 9.17385 25.823 8.00115 25.823 6.73249V4.02461C25.823 3.47024 25.5774 2.94786 25.1588 2.5996C23.9135 1.56549 22.5125 0.726826 20.9974 0.126259C20.4923 -0.0727449 19.9285 -0.0336548 19.4615 0.24353L17.175 1.60102C16.1061 2.23713 14.7881 2.23713 13.7158 1.60102L11.4292 0.24353C10.9622 -0.0336548 10.3949 -0.0762986 9.89333 0.126259C8.37474 0.726826 6.97722 1.56549 5.73536 2.59605C5.3168 2.9443 5.0712 3.46669 5.0712 4.02106V6.72894C5.0712 7.99759 4.41395 9.1703 3.34159 9.8064L1.05852 11.1603C0.591524 11.4375 0.273277 11.9173 0.190256 12.4645C0.0622657 13.2712 0 14.0957 0 14.9343C0 15.773 0.0622657 16.5974 0.186797 17.4005C0.269818 17.9478 0.588065 18.4311 1.05506 18.7083L3.33813 20.0622C4.40703 20.6983 5.06774 21.871 5.06774 23.1397V25.8476C5.06774 26.4019 5.31334 26.9243 5.7319 27.2726C6.97376 28.3031 8.37474 29.1418 9.88987 29.7424C10.3949 29.9414 10.9588 29.9023 11.4258 29.6251L13.7123 28.2676C14.7812 27.6315 16.0991 27.6315 17.1715 28.2676L19.458 29.6251C19.925 29.9023 20.4923 29.9414 20.9939 29.7424C22.5091 29.1418 23.91 28.3031 25.1519 27.2726C25.5705 26.9243 25.8161 26.4019 25.8161 25.8476V23.1397C25.8161 21.871 26.4768 20.6983 27.5457 20.0622L29.8287 18.7083C30.2957 18.4311 30.614 17.9514 30.697 17.4005C30.8181 16.5974 30.8838 15.773 30.8838 14.9343C30.8838 14.0957 30.8215 13.2712 30.697 12.4681C30.6174 11.9208 30.3026 11.4411 29.8357 11.1639ZM15.4454 24.4688C10.3223 24.4688 6.16776 20.2008 6.16776 14.9379C6.16776 9.67491 10.3223 5.40698 15.4454 5.40698C20.5684 5.40698 24.7229 9.67491 24.7229 14.9379C24.7229 20.2008 20.5684 24.4688 15.4454 24.4688Z" fill="white"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="227" height="30" fill="none" viewBox="0 0 227 30"><path fill="#fff" d="M45.983 8.297c0-1.748.803-2.711 2.674-2.711h5.978v-3.5h-7.282c-3.84 0-5.645 1.99-5.645 5.355v2.537h-4.643v3.707h4.643V27.34h4.275V13.685h6.047V9.978h-6.047zM58.779 12.896V9.978h-4.241v17.363h4.24v-9.129c0-2.743 1.305-3.98 4.91-3.98h4.51V9.875h-3.94c-3.74 0-5.043 2.026-5.48 3.02M83.083 12.587c-.367-.722-2.072-2.985-5.645-2.985-4.376 0-7.984 3.432-7.984 9.058 0 5.696 3.608 9.058 7.95 9.058 3.707 0 5.378-2.402 5.71-3.124v2.747h4.241V9.978H83.08v2.609zm-4.542 11.29c-2.87 0-4.742-2.264-4.742-5.217 0-2.95 1.871-5.217 4.742-5.217 2.771 0 4.611 2.264 4.611 5.217-.003 2.95-1.84 5.217-4.61 5.217M113.856 9.602c-3.573 0-5.444 2.299-6.212 3.877-1.069-2.367-3.273-3.877-6.147-3.877-3.041 0-4.91 2.025-5.546 3.294V9.978h-4.24v17.363h4.24v-9.264c0-2.676 1.637-4.563 4.176-4.563 2.473 0 4.009 1.82 4.009 4.563v9.264h4.276v-9.264c0-2.676 1.636-4.563 4.175-4.563 2.473 0 4.009 1.82 4.009 4.563v9.264h4.276V17.217c0-4.424-2.74-7.615-7.016-7.615M132.692 9.53c-5.179 0-8.852 3.743-8.852 9.13 0 5.217 3.673 9.126 9.184 9.126 5.745 0 8.049-3.739 8.316-5.526h-4.21c-.301.48-1.405 1.887-4.11 1.887-2.805 0-4.711-2.058-4.912-4.77h13.429v-.479c.007-5.693-3.636-9.367-8.845-9.367m-4.442 6.83c.533-2.128 2.138-3.429 4.442-3.429 2.172 0 3.774 1.234 4.376 3.43zM162.911 21.542l-4.14-11.702h-3.778l-4.175 11.805-3.906-11.667h-4.645l6.313 17.502h3.743l4.275-12.079 4.31 12.079h3.84l6.178-17.502h-4.14zM180.771 9.534c-5.209 0-9.118 3.842-9.118 9.13 0 5.284 3.909 9.125 9.118 9.125 5.144 0 9.088-3.841 9.088-9.126 0-5.287-3.944-9.129-9.088-9.129m0 14.343c-2.871 0-4.808-2.3-4.808-5.217 0-2.918 1.937-5.217 4.808-5.217 2.84 0 4.777 2.264 4.777 5.217 0 2.95-1.937 5.217-4.777 5.217M197.068 12.896V9.978h-4.241v17.363h4.241v-9.129c0-2.743 1.304-3.98 4.908-3.98h4.511V9.875h-3.94c-3.743 0-5.044 2.026-5.479 3.02M217.546 18.077l8.987-8.099h-5.58l-7.748 7.069V2.086h-4.21V27.34h4.21V19.45l8.084 7.892H227zM29.836 11.164 27.553 9.81a3.58 3.58 0 0 1-1.73-3.078V4.025c0-.555-.246-1.077-.664-1.425A15.4 15.4 0 0 0 20.997.126a1.75 1.75 0 0 0-1.535.118L17.175 1.6a3.37 3.37 0 0 1-3.46 0L11.43.244A1.73 1.73 0 0 0 9.893.126c-1.518.6-2.916 1.44-4.158 2.47-.418.348-.664.87-.664 1.425V6.73a3.57 3.57 0 0 1-1.73 3.077L1.06 11.16a1.83 1.83 0 0 0-.869 1.304 16 16 0 0 0-.19 2.47q0 1.26.187 2.467c.083.547.401 1.03.868 1.307l2.283 1.354a3.58 3.58 0 0 1 1.73 3.078v2.708c0 .554.245 1.076.664 1.425a15.4 15.4 0 0 0 4.158 2.47c.505.198 1.069.16 1.536-.118l2.286-1.357a3.37 3.37 0 0 1 3.46 0l2.286 1.357a1.75 1.75 0 0 0 1.536.117c1.515-.6 2.916-1.439 4.158-2.47.418-.348.664-.87.664-1.424V23.14c0-1.269.66-2.442 1.73-3.078l2.283-1.354c.467-.277.785-.757.868-1.307a16.5 16.5 0 0 0 .187-2.467 16 16 0 0 0-.187-2.466 1.81 1.81 0 0 0-.861-1.304m-14.39 13.305c-5.124 0-9.278-4.268-9.278-9.531s4.154-9.531 9.277-9.531 9.278 4.268 9.278 9.53c0 5.264-4.155 9.532-9.278 9.532"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/framework_logo_dark.svg b/src/assets/images/framework_logo_dark.svg
new file mode 100644
index 0000000..7978885
--- /dev/null
+++ b/src/assets/images/framework_logo_dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="942.425" height="123.999" viewBox="0 0 249.35 32.808"><g fill="#1f1f1f"><path d="m238.979 19.858 9.872-8.897h-6.13l-8.51 7.764V2.291h-4.626v27.744h4.625v-8.67l8.88 8.67h6.274zm-22.495-5.692V10.96h-4.66v19.073h4.66V20.006c0-3.014 1.432-4.372 5.391-4.372h4.955v-4.786h-4.328c-4.111 0-5.54 2.225-6.018 3.318zm-17.903-3.693c-5.722 0-10.016 4.22-10.016 10.029 0 5.804 4.294 10.024 10.016 10.024 5.651 0 9.984-4.22 9.984-10.024 0-5.809-4.333-10.029-9.984-10.029m0 15.756c-3.153 0-5.281-2.526-5.281-5.73 0-3.206 2.128-5.731 5.281-5.731 3.12 0 5.248 2.486 5.248 5.73 0 3.24-2.128 5.73-5.248 5.73m-19.619-2.565-4.548-12.854h-4.15l-4.586 12.967-4.29-12.816h-5.103l6.935 19.226h4.111l4.696-13.269 4.735 13.27h4.218l6.787-19.227h-4.548zM145.767 10.47c-5.69 0-9.724 4.11-9.724 10.029 0 5.73 4.034 10.024 10.088 10.024 6.311 0 8.842-4.106 9.135-6.07h-4.624c-.33.527-1.544 2.073-4.515 2.073-3.081 0-5.175-2.26-5.396-5.239h14.752v-.527c.007-6.253-3.994-10.29-9.716-10.29zm-4.88 7.503c.586-2.338 2.349-3.767 4.88-3.767 2.385 0 4.145 1.355 4.807 3.767zm-15.812-7.425c-3.925 0-5.98 2.526-6.824 4.26-1.174-2.6-3.595-4.26-6.752-4.26-3.34 0-5.393 2.225-6.092 3.619v-3.205h-4.659v19.073h4.659V19.858c0-2.94 1.797-5.012 4.587-5.012 2.716 0 4.404 1.999 4.404 5.012v10.177h4.697V19.858c0-2.94 1.797-5.012 4.586-5.012 2.717 0 4.404 1.999 4.404 5.012v10.177h4.697v-11.12c0-4.861-3.01-8.367-7.707-8.367zm-33.804 3.28c-.403-.793-2.276-3.28-6.201-3.28-4.807 0-8.77 3.771-8.77 9.95 0 6.258 3.963 9.951 8.732 9.951 4.073 0 5.909-2.639 6.273-3.431v3.017h4.659V10.962h-4.697v2.865zm-4.99 12.401c-3.153 0-5.209-2.486-5.209-5.73 0-3.24 2.056-5.73 5.21-5.73 3.044 0 5.065 2.486 5.065 5.73-.004 3.24-2.021 5.73-5.065 5.73M64.574 14.167v-3.205h-4.659v19.073h4.66V20.006c0-3.013 1.432-4.372 5.391-4.372h4.956v-4.786h-4.329c-4.107 0-5.54 2.226-6.019 3.319zM50.517 9.115c0-1.92.881-2.978 2.937-2.978h6.567V2.292h-8c-4.217 0-6.2 2.186-6.2 5.883v2.787h-5.1v4.071h5.1v15.003h4.696V15.033h6.642v-4.071h-6.642zM32.775 12.264l-2.508-1.488a3.93 3.93 0 0 1-1.9-3.38V4.42c0-.609-.27-1.183-.73-1.565A16.9 16.9 0 0 0 23.066.139a1.92 1.92 0 0 0-1.687.129l-2.512 1.49a3.7 3.7 0 0 1-3.8 0L12.555.269a1.9 1.9 0 0 0-1.687-.13 16.9 16.9 0 0 0-4.567 2.714c-.46.382-.73.956-.73 1.565v2.975a3.92 3.92 0 0 1-1.9 3.38L1.163 12.26a2.01 2.01 0 0 0-.954 1.432Q0 15.023 0 16.405q0 1.384.205 2.71a2.02 2.02 0 0 0 .954 1.436l2.508 1.487a3.93 3.93 0 0 1 1.9 3.381v2.975c0 .609.27 1.182.73 1.565a17 17 0 0 0 4.567 2.713 1.92 1.92 0 0 0 1.688-.129l2.511-1.49a3.7 3.7 0 0 1 3.8 0l2.512 1.49a1.92 1.92 0 0 0 1.687.13 17 17 0 0 0 4.568-2.714c.46-.383.73-.956.73-1.565v-2.975a3.93 3.93 0 0 1 1.9-3.38l2.507-1.488c.513-.304.863-.831.954-1.436a18 18 0 0 0 .205-2.71c0-.92-.068-1.826-.205-2.709a2 2 0 0 0-.946-1.432M16.967 26.879c-5.627 0-10.191-4.688-10.191-10.47 0-5.78 4.564-10.47 10.191-10.47S27.16 10.63 27.16 16.41c0 5.782-4.564 10.47-10.192 10.47"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/logo.svg b/src/assets/images/logo.svg
index 9cf242d..00dad51 100644
--- a/src/assets/images/logo.svg
+++ b/src/assets/images/logo.svg
@@ -1 +1 @@
-<svg id="SVGRoot" width="67.733" height="67.733" version="1.1" viewBox="0 0 17.921 17.921" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient939" x1="237.19" x2="237.07" y1="296.2" y2="304.08" gradientTransform="matrix(.04476 0 0 .044679 -8.5923 -4.6302)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient937"/><linearGradient id="linearGradient937"><stop stop-color="#001313" offset="0"/><stop stop-color="#001313" stop-opacity="0" offset="1"/></linearGradient><linearGradient id="linearGradient5185" x1="994.81" x2="982.34" y1="1533.3" y2="1556.8" gradientTransform="matrix(.084141 0 0 .083989 -76.331 -126.67)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4353"/><linearGradient id="linearGradient4353"><stop stop-color="#020202" offset="0"/><stop stop-color="#020202" stop-opacity="0" offset="1"/></linearGradient><linearGradient id="linearGradient9102" x1="1022.5" x2="1018.6" y1="1582.4" y2="1575.6" gradientTransform="matrix(.086381 0 0 .081808 -79.192 -124.97)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4353"/><linearGradient id="linearGradient11890" x1="940.43" x2="930.59" y1="1612.5" y2="1594.5" gradientTransform="matrix(.084141 0 0 .083989 -76.331 -126.67)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4353"/><linearGradient id="linearGradient11670" x1="965.6" x2="951.66" y1="1571.4" y2="1571.3" gradientTransform="matrix(.084141 0 0 .083989 -76.331 -126.67)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4353"/><linearGradient id="linearGradient13770" x1="946.23" x2="961.37" y1="1655.9" y2="1655.8" gradientTransform="matrix(.084141 0 0 .083989 -76.331 -126.67)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4353"/><linearGradient id="linearGradient2816" x1="366.15" x2="350.92" y1="427.32" y2="419.64" gradientTransform="matrix(.04476 0 0 .044679 -10.921 -4.4349)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient937"/><linearGradient id="linearGradient12421" x1="936.34" x2="933.38" y1="1628.8" y2="1623" gradientTransform="matrix(.084141 0 0 .083989 -76.331 -126.67)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4353"/><linearGradient id="linearGradient13391" x1="950.33" x2="941.97" y1="1618.6" y2="1645.8" gradientTransform="matrix(.084141 0 0 .083989 -76.331 -126.67)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4353"/><linearGradient id="linearGradient13599" x1="1008.2" x2="1015.7" y1="1681.3" y2="1668.4" gradientTransform="matrix(.084141 0 0 .083989 -76.331 -126.67)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4353"/><linearGradient id="linearGradient18175" x1="1148.3" x2="1145.4" y1="1585.5" y2="1630" gradientTransform="matrix(.34992 0 0 .34992 -282.87 -491.67)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient18299"/><linearGradient id="linearGradient18299"><stop stop-color="#008066" stop-opacity="0" offset="0"/><stop stop-color="#0fc" offset="1"/></linearGradient><linearGradient id="linearGradient18632" x1="1148.3" x2="1145.4" y1="1585.5" y2="1630" gradientTransform="matrix(.26565 0 0 .26565 -211.15 -375.49)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient18299"/><linearGradient id="linearGradient18659" x1="1148.3" x2="1145.4" y1="1585.5" y2="1630" gradientTransform="matrix(.13679 0 0 .13679 -53.624 -195.03)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient18299"/><linearGradient id="linearGradient3254" x1="348.05" x2="361.21" y1="194.78" y2="187.24" gradientTransform="matrix(.04476 0 0 .044679 -10.921 -4.4349)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient937"/></defs><circle cx="64.51" cy="62.02" r="87.45" opacity="0" stroke-width=".27971"/><path d="m4.3286 1.9244h8.3458l-2.1127 3.6528h-4.526l-1.8859 3.2605 1.9121 3.306h8.8286l-2.1664 3.7456h-8.5747l-4.1369-7.1525 3.9605-6.8475z" fill="#fff"/><path d="m3.973 1.8893 6.5887 3.6879 2.1127-3.6528z" fill="#0a8"/><path d="m6.0619 12.144-1.9125 3.7456h8.5747l2.1664-3.7456z" fill="#0a8"/><path d="m3.973 1.8893 6.5887 3.6879h-4.526l-1.8859 3.2605 1.9121 3.306-1.9125 3.7456-4.1369-7.1525 3.9605-6.8475" fill="#0cf"/><path d="m0.0125 8.7368 4.1373 0.10091 0.11568 0.19788-4.123-0.082887z" fill="url(#linearGradient939)"/><path d="m10.562 5.5772-6.5887-3.6879-0.50106 0.9021 4.9947 2.7648z" fill="url(#linearGradient5185)"/><path d="m6.0029 5.5427 6.7111-3.7832-2.169 3.5579z" fill="url(#linearGradient9102)"/><path d="m6.0356 5.5772 6.6388-3.6528-2.1127 3.6528z" fill="#0a8"/><path d="m0.0125 8.7368 6.0231-3.1596-1.8859 3.2605z" fill="#0a8"/><path d="m0.0125 8.7368 6.0231-3.1596-0.4069-0.6354-5.1908 3.0036z" fill="url(#linearGradient11890)"/><path d="m6.0356 5.5772-2.0626-3.6879 0.17673 6.9484z" fill="#0a8"/><path d="m6.0619 12.144 6.6622 3.7456 2.1664-3.7456z" fill="#0cf"/><path d="m3.973 1.8893-0.50106 0.9021 0.048066 6.0168 0.62973 0.029556z" fill="url(#linearGradient11670)"/><path d="m4.1498 8.8377-3.1586 1.5811 3.1583 5.4705z" fill="#0a8"/><path d="m4.1498 8.8377v7.0516l0.77392-1.5077 0.059767-4.1337z" fill="url(#linearGradient13770)"/><path d="m4.1494 15.889-0.29801-0.53544 1.9191-3.6995 0.29137 0.48935z" fill="url(#linearGradient2816)"/><path d="m0.99115 10.419 3.1586-1.5811-0.62972-0.029556-2.7405 1.307z" fill="url(#linearGradient12421)"/><path d="m0.99115 10.419 5.0708 1.7248-1.9121-3.306z" fill="#0a8"/><path d="m6.0619 12.144-5.0708-1.7248 0.55061 0.94903 4.1672 1.5109z" fill="url(#linearGradient13391)"/><path d="m6.0619 12.144 6.6622 3.7456 0.79849-1.4187-4.2878-2.3635z" fill="url(#linearGradient13599)"/><g transform="matrix(.14699 0 0 .14672 -.84757 -.42617)"><circle cx="117.95" cy="75.441" r="9.6894" fill="#0cf"/><circle cx="118.08" cy="75.341" r="9.6894" fill="url(#linearGradient18175)"/></g><g transform="matrix(.14699 0 0 .14672 -.20056 -.74963)"><circle cx="93.138" cy="55.045" r="7.3559" fill="#0cf"/><circle cx="93.239" cy="54.969" r="7.3559" fill="url(#linearGradient18632)"/></g><g transform="matrix(.14699 0 0 .14672 -.17051 -.32616)"><circle cx="103.06" cy="26.657" r="3.7877" fill="#0cf"/><circle cx="103.11" cy="26.618" r="3.7877" fill="url(#linearGradient18659)"/></g><path d="m6.0356 5.5772-2.0626-3.6879 0.52544-0.0074221 1.9387 3.4465z" fill="url(#linearGradient3254)"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="67.733" height="67.733" viewBox="0 0 17.921 17.921"><defs><linearGradient xlink:href="#a" id="d" x1="237.19" x2="237.07" y1="296.2" y2="304.08" gradientTransform="matrix(.04476 0 0 .04468 -8.592 -4.63)" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" stop-color="#001313"/><stop offset="1" stop-color="#001313" stop-opacity="0"/></linearGradient><linearGradient xlink:href="#b" id="e" x1="994.81" x2="982.34" y1="1533.3" y2="1556.8" gradientTransform="matrix(.08414 0 0 .08399 -76.331 -126.67)" gradientUnits="userSpaceOnUse"/><linearGradient id="b"><stop offset="0" stop-color="#020202"/><stop offset="1" stop-color="#020202" stop-opacity="0"/></linearGradient><linearGradient xlink:href="#b" id="f" x1="1022.5" x2="1018.6" y1="1582.4" y2="1575.6" gradientTransform="matrix(.08638 0 0 .0818 -79.192 -124.97)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#b" id="g" x1="940.43" x2="930.59" y1="1612.5" y2="1594.5" gradientTransform="matrix(.08414 0 0 .08399 -76.331 -126.67)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#b" id="h" x1="965.6" x2="951.66" y1="1571.4" y2="1571.3" gradientTransform="matrix(.08414 0 0 .08399 -76.331 -126.67)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#b" id="i" x1="946.23" x2="961.37" y1="1655.9" y2="1655.8" gradientTransform="matrix(.08414 0 0 .08399 -76.331 -126.67)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#a" id="j" x1="366.15" x2="350.92" y1="427.32" y2="419.64" gradientTransform="matrix(.04476 0 0 .04468 -10.921 -4.435)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#b" id="k" x1="936.34" x2="933.38" y1="1628.8" y2="1623" gradientTransform="matrix(.08414 0 0 .08399 -76.331 -126.67)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#b" id="l" x1="950.33" x2="941.97" y1="1618.6" y2="1645.8" gradientTransform="matrix(.08414 0 0 .08399 -76.331 -126.67)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#b" id="m" x1="1008.2" x2="1015.7" y1="1681.3" y2="1668.4" gradientTransform="matrix(.08414 0 0 .08399 -76.331 -126.67)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#c" id="n" x1="1148.3" x2="1145.4" y1="1585.5" y2="1630" gradientTransform="translate(-282.87 -491.67)scale(.34992)" gradientUnits="userSpaceOnUse"/><linearGradient id="c"><stop offset="0" stop-color="#008066" stop-opacity="0"/><stop offset="1" stop-color="#0fc"/></linearGradient><linearGradient xlink:href="#c" id="o" x1="1148.3" x2="1145.4" y1="1585.5" y2="1630" gradientTransform="translate(-211.15 -375.49)scale(.26565)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#c" id="p" x1="1148.3" x2="1145.4" y1="1585.5" y2="1630" gradientTransform="translate(-53.624 -195.03)scale(.13679)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#a" id="q" x1="348.05" x2="361.21" y1="194.78" y2="187.24" gradientTransform="matrix(.04476 0 0 .04468 -10.921 -4.435)" gradientUnits="userSpaceOnUse"/></defs><path fill="#fff" d="M4.329 1.924h8.345l-2.112 3.653H6.036L4.15 8.837l1.912 3.307h8.829l-2.167 3.745H4.15L.013 8.737l3.96-6.848z"/><path fill="#0a8" d="m3.973 1.89 6.589 3.687 2.112-3.653zM6.062 12.144 4.149 15.89h8.575l2.166-3.746z"/><path fill="#0cf" d="m3.973 1.89 6.589 3.687H6.036L4.15 8.837l1.912 3.307-1.913 3.745L.013 8.737z"/><path fill="url(#d)" d="m.013 8.737 4.137.1.115.199-4.123-.083z"/><path fill="url(#e)" d="M10.562 5.577 3.973 1.89l-.5.902 4.994 2.765z"/><path fill="url(#f)" d="m6.003 5.543 6.711-3.783-2.169 3.557z"/><path fill="#0a8" d="m6.036 5.577 6.638-3.653-2.112 3.653zM.013 8.737l6.023-3.16-1.886 3.26z"/><path fill="url(#g)" d="m.013 8.737 6.023-3.16-.407-.635L.438 7.945z"/><path fill="#0a8" d="M6.036 5.577 3.973 1.89l.177 6.949z"/><path fill="#0cf" d="m6.062 12.144 6.662 3.746 2.166-3.746z"/><path fill="url(#h)" d="m3.973 1.89-.501.901.048 6.017.63.03z"/><path fill="#0a8" d="M4.15 8.838.99 10.418 4.15 15.89z"/><path fill="url(#i)" d="M4.15 8.838v7.051l.774-1.507.06-4.134z"/><path fill="url(#j)" d="m4.15 15.889-.299-.535 1.92-3.7.29.49z"/><path fill="url(#k)" d="M.991 10.419 4.15 8.838l-.63-.03-2.74 1.307z"/><path fill="#0a8" d="m.991 10.419 5.07 1.725L4.15 8.838z"/><path fill="url(#l)" d="m6.062 12.144-5.07-1.725.55.95 4.167 1.51z"/><path fill="url(#m)" d="m6.062 12.144 6.662 3.746.799-1.42-4.288-2.363z"/><g transform="matrix(.14699 0 0 .14672 -.848 -.426)"><circle cx="117.95" cy="75.441" r="9.689" fill="#0cf"/><circle cx="118.08" cy="75.341" r="9.689" fill="url(#n)"/></g><g transform="matrix(.14699 0 0 .14672 -.2 -.75)"><circle cx="93.138" cy="55.045" r="7.356" fill="#0cf"/><circle cx="93.239" cy="54.969" r="7.356" fill="url(#o)"/></g><g transform="matrix(.14699 0 0 .14672 -.17 -.326)"><circle cx="103.06" cy="26.657" r="3.788" fill="#0cf"/><circle cx="103.11" cy="26.618" r="3.788" fill="url(#p)"/></g><path fill="url(#q)" d="M6.036 5.577 3.973 1.89l.525-.007 1.94 3.446z"/></svg>
\ No newline at end of file
diff --git a/src/components/widgets/Sponsors.astro b/src/components/widgets/Sponsors.astro
index 42af033..7bbeb22 100644
--- a/src/components/widgets/Sponsors.astro
+++ b/src/components/widgets/Sponsors.astro
@@ -1,8 +1,36 @@
 ---
 import { Image } from 'astro:assets';
-import cdn77LogoSrc from '~/assets/images/CDN77_Horizontal_logo-negative.png';
-import cloudflareLogoSrc from '~/assets/images/CF_logo_stacked_whitetype.png';
-import frameworkLogoSrc from '~/assets/images/framework_logo.svg';
+import cdn77Logo from '~/assets/images/cdn77_logo.svg';
+import cdn77LogoDark from '~/assets/images/cdn77_logo_dark.svg';
+import cloudflareLogo from '~/assets/images/cf_logo.svg';
+import cloudflareLogoDark from '~/assets/images/cf_logo_dark.svg';
+import frameworkLogo from '~/assets/images/framework_logo.svg';
+import frameworkLogoDark from '~/assets/images/framework_logo_dark.svg';
+
+const sponsors = [
+  {
+    name: 'frame.work',
+    href: 'https://frame.work/',
+    src: frameworkLogoDark,
+    srcDark: frameworkLogo,
+    alt: 'frame.work logo',
+  },
+  {
+    name: 'cdn77',
+    href: 'https://www.cdn77.com/',
+    src: cdn77LogoDark,
+    srcDark: cdn77Logo,
+    alt: 'cdn77 logo',
+  },
+  {
+    name: 'cloudflare',
+    href: 'https://www.cloudflare.com/',
+    src: cloudflareLogoDark,
+    srcDark: cloudflareLogo,
+    alt: 'cloudflare logo',
+    imageClassName: 'mb-5',
+  },
+];
 ---
 
 <section class="py-20">
@@ -10,68 +38,31 @@ import frameworkLogoSrc from '~/assets/images/framework_logo.svg';
     <div class="max-w-xl mx-auto mb-20 text-center">
       <h2 class="mt-8 text-5xl lg:text-6xl font-bold font-heading">Our Sponsors</h2>
     </div>
-    <div class="flex flex-wrap justify-center -m-4">
-      <div class="flex w-full md:w-1/2 lg:w-1/5 p-4">
-        <div
-          class="flex w-full h-32 items-center justify-center bg-gray-800 dark:bg-gray-800/80 rounded-lg"
-        >
-          <div class="p-4 max-w-max overflow-hidden">
-            <a href="https://frame.work/">
-              <Image
-                src={frameworkLogoSrc}
-                class="transform hover:scale-105 transition ease-in-out duration-1000"
-                quality={90}
-                alt="frame.work"
-                width={1277}
-                height={432}
-                loading="lazy"
-                decoding="async"
-              />
-            </a>
-          </div>
-        </div>
-      </div>
-
-      <div class="flex w-full md:w-1/2 lg:w-1/5 p-4">
-        <div
-          class="flex w-full h-32 items-center justify-center bg-gray-800 dark:bg-gray-800/80 rounded-lg"
-        >
-          <div class="p-4 max-w-max overflow-hidden">
-            <a href="https://www.cdn77.com/">
+    <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3 grid-flow-row auto-rows-fr">
+      {
+        sponsors.map(({ href, src, srcDark, alt, imageClassName }) => (
+          <div class="px-4 py-2 md:py-6 bg-white/50 shadow dark:shadow-none dark:bg-gray-800/80 rounded-lg grid place-items-center">
+            <a href={href}>
               <Image
-                src={cdn77LogoSrc}
-                class="transform hover:scale-105 transition ease-in-out duration-1000"
-                quality={90}
-                alt="www.cdn77.com"
-                width={1277}
-                height={432}
+                src={src}
+                class={`block dark:hidden transform hover:scale-105 transition ease-in-out duration-1000 lg:w-60 ${imageClassName ?? ''}`}
+                alt={alt}
+                width={300}
                 loading="lazy"
                 decoding="async"
               />
-            </a>
-          </div>
-        </div>
-      </div>
-      <div class="flex w-full md:w-1/2 lg:w-1/5 p-4">
-        <div
-          class="flex w-full h-32 items-center justify-center bg-gray-800 dark:bg-gray-800/80 rounded-lg"
-        >
-          <div class="mb-6 p-4 max-w-max overflow-hidden">
-            <a href="https://www.cloudflare.com/">
               <Image
-                src={cloudflareLogoSrc}
-                class="transform hover:scale-105 transition ease-in-out duration-1000"
-                quality={90}
-                alt="www.cloudflare.com"
-                width={1277}
-                height={432}
+                src={srcDark}
+                class={`hidden dark:block transform hover:scale-105 transition ease-in-out duration-1000 lg:w-60 ${imageClassName ?? ''}`}
+                alt={alt}
+                width={300}
                 loading="lazy"
                 decoding="async"
               />
             </a>
           </div>
-        </div>
-      </div>
+        ))
+      }
     </div>
   </div>
 </section>