diff --git a/package-lock.json b/package-lock.json
index dd918f0..194db1c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,10 +12,10 @@
         "@types/three": "^0.156.0",
         "chart.js": "^4.4.0",
         "clipboard-copy": "^4.0.1",
-        "d3": "^7.8.5",
         "marked": "^9.0.3",
         "qrcode-svg": "^1.1.0",
         "sanitize-html": "^2.11.0",
+        "svelvet": "^8.1.0",
         "three": "^0.156.1",
         "three-globe": "^2.29.3",
         "three-trackballcontrols": "^0.9.0",
@@ -2291,14 +2291,6 @@
         "simple-swizzle": "^0.2.2"
       }
     },
-    "node_modules/commander": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
-      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
     "node_modules/common-path-prefix": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz",
@@ -2407,46 +2399,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/d3": {
-      "version": "7.8.5",
-      "resolved": "https://registry.npmjs.org/d3/-/d3-7.8.5.tgz",
-      "integrity": "sha512-JgoahDG51ncUfJu6wX/1vWQEqOflgXyl4MaHqlcSruTez7yhaRKR9i8VjjcQGeS2en/jnFivXuaIMnseMMt0XA==",
-      "dependencies": {
-        "d3-array": "3",
-        "d3-axis": "3",
-        "d3-brush": "3",
-        "d3-chord": "3",
-        "d3-color": "3",
-        "d3-contour": "4",
-        "d3-delaunay": "6",
-        "d3-dispatch": "3",
-        "d3-drag": "3",
-        "d3-dsv": "3",
-        "d3-ease": "3",
-        "d3-fetch": "3",
-        "d3-force": "3",
-        "d3-format": "3",
-        "d3-geo": "3",
-        "d3-hierarchy": "3",
-        "d3-interpolate": "3",
-        "d3-path": "3",
-        "d3-polygon": "3",
-        "d3-quadtree": "3",
-        "d3-random": "3",
-        "d3-scale": "4",
-        "d3-scale-chromatic": "3",
-        "d3-selection": "3",
-        "d3-shape": "3",
-        "d3-time": "3",
-        "d3-time-format": "4",
-        "d3-timer": "3",
-        "d3-transition": "3",
-        "d3-zoom": "3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/d3-array": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
@@ -2458,40 +2410,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/d3-axis": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
-      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-brush": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
-      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
-      "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-drag": "2 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-selection": "3",
-        "d3-transition": "3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-chord": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
-      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
-      "dependencies": {
-        "d3-path": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/d3-color": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
@@ -2500,17 +2418,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/d3-contour": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
-      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
-      "dependencies": {
-        "d3-array": "^3.2.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/d3-delaunay": {
       "version": "6.0.4",
       "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
@@ -2522,82 +2429,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/d3-dispatch": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
-      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-drag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
-      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
-      "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-selection": "3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-dsv": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
-      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
-      "dependencies": {
-        "commander": "7",
-        "iconv-lite": "0.6",
-        "rw": "1"
-      },
-      "bin": {
-        "csv2json": "bin/dsv2json.js",
-        "csv2tsv": "bin/dsv2dsv.js",
-        "dsv2dsv": "bin/dsv2dsv.js",
-        "dsv2json": "bin/dsv2json.js",
-        "json2csv": "bin/json2dsv.js",
-        "json2dsv": "bin/json2dsv.js",
-        "json2tsv": "bin/json2dsv.js",
-        "tsv2csv": "bin/dsv2dsv.js",
-        "tsv2json": "bin/dsv2json.js"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-ease": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
-      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-fetch": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
-      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
-      "dependencies": {
-        "d3-dsv": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-force": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
-      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
-      "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-quadtree": "1 - 3",
-        "d3-timer": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/d3-format": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
@@ -2631,14 +2462,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/d3-hierarchy": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
-      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/d3-interpolate": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
@@ -2650,38 +2473,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/d3-path": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
-      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-polygon": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
-      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-quadtree": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
-      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-random": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
-      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/d3-scale": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
@@ -2709,25 +2500,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/d3-selection": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
-      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-shape": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
-      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
-      "dependencies": {
-        "d3-path": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/d3-time": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
@@ -2750,32 +2522,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/d3-timer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
-      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-transition": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
-      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
-      "dependencies": {
-        "d3-color": "1 - 3",
-        "d3-dispatch": "1 - 3",
-        "d3-ease": "1 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-timer": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "peerDependencies": {
-        "d3-selection": "2 - 3"
-      }
-    },
     "node_modules/d3-tricontour": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/d3-tricontour/-/d3-tricontour-1.0.2.tgz",
@@ -2788,21 +2534,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/d3-zoom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
-      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
-      "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-drag": "2 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-selection": "2 - 3",
-        "d3-transition": "2 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/daisyui": {
       "version": "2.46.1",
       "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-2.46.1.tgz",
@@ -4048,17 +3779,6 @@
         "entities": "^4.4.0"
       }
     },
-    "node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/ieee754": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
@@ -5601,9 +5321,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.29",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.29.tgz",
-      "integrity": "sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw==",
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -6081,11 +5801,6 @@
         "queue-microtask": "^1.2.2"
       }
     },
-    "node_modules/rw": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
-      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="
-    },
     "node_modules/sade": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
@@ -6098,11 +5813,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
-    },
     "node_modules/sander": {
       "version": "0.5.1",
       "resolved": "https://registry.npmjs.org/sander/-/sander-0.5.1.tgz",
@@ -6496,7 +6206,6 @@
       "version": "3.59.2",
       "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.59.2.tgz",
       "integrity": "sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA==",
-      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -6632,6 +6341,14 @@
         "schema-dts": "^1.1.2"
       }
     },
+    "node_modules/svelvet": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/svelvet/-/svelvet-8.1.0.tgz",
+      "integrity": "sha512-rH67tgb7e2aTBQZBCW+V5hSvulLwvzBiOml9Dzdz2ATkgQr58mHi2WtlQFOOb+eZt6zH/J10a2MataC29Qdpuw==",
+      "peerDependencies": {
+        "svelte": ">=3.59.2 || ^4.0.0"
+      }
+    },
     "node_modules/table": {
       "version": "6.8.1",
       "resolved": "https://registry.npmjs.org/table/-/table-6.8.1.tgz",
@@ -9062,11 +8779,6 @@
         "simple-swizzle": "^0.2.2"
       }
     },
-    "commander": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
-      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw=="
-    },
     "common-path-prefix": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz",
@@ -9154,43 +8866,6 @@
         "array-find-index": "^1.0.1"
       }
     },
-    "d3": {
-      "version": "7.8.5",
-      "resolved": "https://registry.npmjs.org/d3/-/d3-7.8.5.tgz",
-      "integrity": "sha512-JgoahDG51ncUfJu6wX/1vWQEqOflgXyl4MaHqlcSruTez7yhaRKR9i8VjjcQGeS2en/jnFivXuaIMnseMMt0XA==",
-      "requires": {
-        "d3-array": "3",
-        "d3-axis": "3",
-        "d3-brush": "3",
-        "d3-chord": "3",
-        "d3-color": "3",
-        "d3-contour": "4",
-        "d3-delaunay": "6",
-        "d3-dispatch": "3",
-        "d3-drag": "3",
-        "d3-dsv": "3",
-        "d3-ease": "3",
-        "d3-fetch": "3",
-        "d3-force": "3",
-        "d3-format": "3",
-        "d3-geo": "3",
-        "d3-hierarchy": "3",
-        "d3-interpolate": "3",
-        "d3-path": "3",
-        "d3-polygon": "3",
-        "d3-quadtree": "3",
-        "d3-random": "3",
-        "d3-scale": "4",
-        "d3-scale-chromatic": "3",
-        "d3-selection": "3",
-        "d3-shape": "3",
-        "d3-time": "3",
-        "d3-time-format": "4",
-        "d3-timer": "3",
-        "d3-transition": "3",
-        "d3-zoom": "3"
-      }
-    },
     "d3-array": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
@@ -9199,44 +8874,11 @@
         "internmap": "1 - 2"
       }
     },
-    "d3-axis": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
-      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw=="
-    },
-    "d3-brush": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
-      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
-      "requires": {
-        "d3-dispatch": "1 - 3",
-        "d3-drag": "2 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-selection": "3",
-        "d3-transition": "3"
-      }
-    },
-    "d3-chord": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
-      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
-      "requires": {
-        "d3-path": "1 - 3"
-      }
-    },
     "d3-color": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
       "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA=="
     },
-    "d3-contour": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
-      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
-      "requires": {
-        "d3-array": "^3.2.0"
-      }
-    },
     "d3-delaunay": {
       "version": "6.0.4",
       "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
@@ -9245,53 +8887,6 @@
         "delaunator": "5"
       }
     },
-    "d3-dispatch": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
-      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg=="
-    },
-    "d3-drag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
-      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
-      "requires": {
-        "d3-dispatch": "1 - 3",
-        "d3-selection": "3"
-      }
-    },
-    "d3-dsv": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
-      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
-      "requires": {
-        "commander": "7",
-        "iconv-lite": "0.6",
-        "rw": "1"
-      }
-    },
-    "d3-ease": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
-      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w=="
-    },
-    "d3-fetch": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
-      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
-      "requires": {
-        "d3-dsv": "1 - 3"
-      }
-    },
-    "d3-force": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
-      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
-      "requires": {
-        "d3-dispatch": "1 - 3",
-        "d3-quadtree": "1 - 3",
-        "d3-timer": "1 - 3"
-      }
-    },
     "d3-format": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
@@ -9316,11 +8911,6 @@
         "d3-tricontour": "1"
       }
     },
-    "d3-hierarchy": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
-      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA=="
-    },
     "d3-interpolate": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
@@ -9329,26 +8919,6 @@
         "d3-color": "1 - 3"
       }
     },
-    "d3-path": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
-      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ=="
-    },
-    "d3-polygon": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
-      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg=="
-    },
-    "d3-quadtree": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
-      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw=="
-    },
-    "d3-random": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
-      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ=="
-    },
     "d3-scale": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
@@ -9370,19 +8940,6 @@
         "d3-interpolate": "1 - 3"
       }
     },
-    "d3-selection": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
-      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ=="
-    },
-    "d3-shape": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
-      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
-      "requires": {
-        "d3-path": "^3.1.0"
-      }
-    },
     "d3-time": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
@@ -9399,23 +8956,6 @@
         "d3-time": "1 - 3"
       }
     },
-    "d3-timer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
-      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA=="
-    },
-    "d3-transition": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
-      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
-      "requires": {
-        "d3-color": "1 - 3",
-        "d3-dispatch": "1 - 3",
-        "d3-ease": "1 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-timer": "1 - 3"
-      }
-    },
     "d3-tricontour": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/d3-tricontour/-/d3-tricontour-1.0.2.tgz",
@@ -9425,18 +8965,6 @@
         "d3-scale": "4"
       }
     },
-    "d3-zoom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
-      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
-      "requires": {
-        "d3-dispatch": "1 - 3",
-        "d3-drag": "2 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-selection": "2 - 3",
-        "d3-transition": "2 - 3"
-      }
-    },
     "daisyui": {
       "version": "2.46.1",
       "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-2.46.1.tgz",
@@ -10353,14 +9881,6 @@
         "entities": "^4.4.0"
       }
     },
-    "iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "requires": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      }
-    },
     "ieee754": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
@@ -11443,9 +10963,9 @@
       }
     },
     "postcss": {
-      "version": "8.4.29",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.29.tgz",
-      "integrity": "sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw==",
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
       "requires": {
         "nanoid": "^3.3.6",
         "picocolors": "^1.0.0",
@@ -11731,11 +11251,6 @@
         "queue-microtask": "^1.2.2"
       }
     },
-    "rw": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
-      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="
-    },
     "sade": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
@@ -11745,11 +11260,6 @@
         "mri": "^1.1.0"
       }
     },
-    "safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
-    },
     "sander": {
       "version": "0.5.1",
       "resolved": "https://registry.npmjs.org/sander/-/sander-0.5.1.tgz",
@@ -12039,8 +11549,7 @@
     "svelte": {
       "version": "3.59.2",
       "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.59.2.tgz",
-      "integrity": "sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA==",
-      "dev": true
+      "integrity": "sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA=="
     },
     "svelte-check": {
       "version": "2.10.3",
@@ -12107,6 +11616,12 @@
         "schema-dts": "^1.1.2"
       }
     },
+    "svelvet": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/svelvet/-/svelvet-8.1.0.tgz",
+      "integrity": "sha512-rH67tgb7e2aTBQZBCW+V5hSvulLwvzBiOml9Dzdz2ATkgQr58mHi2WtlQFOOb+eZt6zH/J10a2MataC29Qdpuw==",
+      "requires": {}
+    },
     "table": {
       "version": "6.8.1",
       "resolved": "https://registry.npmjs.org/table/-/table-6.8.1.tgz",
diff --git a/package.json b/package.json
index c1b14e6..a6f52a2 100644
--- a/package.json
+++ b/package.json
@@ -63,6 +63,7 @@
     "marked": "^9.0.3",
     "qrcode-svg": "^1.1.0",
     "sanitize-html": "^2.11.0",
+    "svelvet": "^8.1.0",
     "three": "^0.156.1",
     "three-globe": "^2.29.3",
     "three-trackballcontrols": "^0.9.0",
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
new file mode 100644
index 0000000..9f05621
--- /dev/null
+++ b/src/components/Footer.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+  import FooterBrand from '$components/icons/FooterBrand.svelte'
+</script>
+
+<div
+  class="flex flex-row items-center justify-center gap-[5px] h-[50px] mt-auto bg-odd-gray-500"
+>
+  <FooterBrand />
+</div>
diff --git a/src/components/icons/Activity.svelte b/src/components/icons/Activity.svelte
new file mode 100644
index 0000000..f1cb223
--- /dev/null
+++ b/src/components/icons/Activity.svelte
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="38" height="36" fill="none">
+  <path
+    fill="#F1EDFD"
+    fill-rule="evenodd"
+    d="m1.25 10.949 3.81 1.987-1.173 2.223-3.81-1.987L1.25 10.95ZM5.06 5.13l3.135 2.93-1.73 1.83-3.134-2.93L5.06 5.13ZM10.889 1.313l1.941 3.818-2.253 1.133-1.941-3.817 2.253-1.134ZM35.977 10.949l-3.81 1.987 1.173 2.223 3.81-1.987-1.173-2.223ZM32.167 5.13l-3.135 2.93 1.73 1.83 3.134-2.93-1.729-1.83ZM26.339 1.313l-1.942 3.818 2.253 1.133 1.942-3.817-2.253-1.134ZM20.056.06v4.278h-2.524V.061h2.524Z"
+    clip-rule="evenodd"
+  />
+  <path
+    fill="#F1EDFD"
+    d="M20.056 19.053c0 .99-.807 1.793-1.803 1.793a1.798 1.798 0 0 1-1.803-1.793c0-.99.807-1.794 1.803-1.794.996 0 1.803.803 1.803 1.794Z"
+  />
+  <path
+    fill="#F1EDFD"
+    fill-rule="evenodd"
+    d="M18.253 35.038c8.879 0 16.077-7.157 16.077-15.985 0-8.83-7.198-15.986-16.077-15.986-8.879 0-16.077 7.157-16.077 15.986 0 8.828 7.198 15.985 16.077 15.985Zm0-9.781c3.446 0 6.24-2.778 6.24-6.204 0-3.427-2.794-6.205-6.24-6.205s-6.24 2.778-6.24 6.205c0 3.426 2.794 6.204 6.24 6.204Zm-.407 4.334c-4.814-.079-9.492-2.972-15.366-8.359l.244-.264c5.869 5.382 10.459 8.188 15.128 8.265 4.667.077 9.47-2.572 15.765-8.265l.243.265c-6.305 5.703-11.2 8.438-16.014 8.358ZM2.48 17.088c5.874-5.387 10.552-8.28 15.366-8.359 4.815-.08 9.709 2.656 16.014 8.359l-.243.265C27.323 11.66 22.52 9.01 17.852 9.088c-4.669.077-9.26 2.882-15.128 8.264l-.244-.264Z"
+    clip-rule="evenodd"
+  />
+</svg>
diff --git a/src/components/icons/FissionFooterLogo.svelte b/src/components/icons/FissionFooterLogo.svelte
new file mode 100644
index 0000000..923b31c
--- /dev/null
+++ b/src/components/icons/FissionFooterLogo.svelte
@@ -0,0 +1,196 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="55" height="12" fill="none">
+  <path
+    fill="#E1E2EA"
+    fill-rule="evenodd"
+    d="M19.05 2.929c0-1.124.547-1.68 1.674-1.68h1.445V2.66h-.937c-.618 0-.618.239-.618.587v.746h1.545v1.412h-1.545v5.091h-1.575V5.405h-1.166V3.993h1.166l.01-1.064Zm5.91 1.074H23.384v6.493h1.574V4.003Zm14.14.01h-.557v6.493h1.574V4.013h-1.016Zm12.328-.14c-1.026 0-1.474.408-1.634.657l-.18.268v-.775H48.04v6.493h1.575V6.548c0-1.064.777-1.451 1.435-1.451s1.435.387 1.435 1.451v3.968h1.575V6.469c-.03-1.9-1.386-2.596-2.632-2.596Zm-4.345 2.904v.895c0 1.86-1.066 2.904-3.01 2.904-1.943 0-3.009-1.025-3.009-2.904v-.895c0-1.86 1.066-2.904 3.01-2.904 1.953 0 3.01 1.045 3.01 2.904Zm-1.674-.229c0-.815-.468-1.432-1.325-1.432s-1.336.617-1.336 1.432v1.353c0 .815.469 1.491 1.336 1.491.857 0 1.325-.676 1.325-1.491V6.548Zm-16.354 0c-.13-.03-.259-.05-.379-.08-.617-.118-1.086-.208-1.086-.715 0-.428.459-.666 1.017-.666.677 0 .976.228 1.026.686h1.485c-.1-1.134-.847-1.86-2.561-1.86-1.136 0-2.512.458-2.512 1.86 0 1.501 1.286 1.88 2.621 2.177.907.21 1.157.339 1.157.776 0 .438-.579.676-1.137.676-.608 0-1.335-.129-1.335-.944h-1.545c.06 1.501 1.206 2.187 2.78 2.187 1.745 0 2.781-.686 2.781-1.979.02-1.471-1.245-1.889-2.312-2.118Zm5.9-.08c.12.02.25.05.379.08 1.066.239 2.332.647 2.332 2.128 0 1.293-1.037 1.98-2.78 1.98-1.585 0-2.732-.677-2.781-2.188h1.544c0 .815.718.944 1.336.944.558 0 1.136-.238 1.136-.676 0-.437-.25-.577-1.156-.776-1.346-.298-2.621-.686-2.621-2.177 0-1.402 1.375-1.86 2.511-1.86 1.714 0 2.462.726 2.562 1.86h-1.485c-.05-.458-.35-.686-1.027-.686-.548 0-1.016.238-1.016.666-.02.497.448.587 1.066.706Zm-9.876-4.186a.892.892 0 0 1-.897.895.892.892 0 0 1-.897-.895c0-.497.398-.894.897-.894.498 0 .897.397.897.894Zm14.26.905a.892.892 0 0 0 .898-.895.892.892 0 0 0-.897-.895.892.892 0 0 0-.897.895.892.892 0 0 0 .897.895Z"
+    clip-rule="evenodd"
+  />
+  <path
+    fill="url(#a)"
+    d="M11.196 9.68c-1.624-.616-6.218-2.207-7.883-2.207-.627 0-1.056.199-1.295.607-.2.338-.207.643-.21.725l-1.295-.01c0-.069.01-.695.349-1.302.329-.597 1.026-1.313 2.451-1.313 2.243 0 8.093 2.198 8.342 2.288l-.459 1.213Z"
+  />
+  <path
+    fill="url(#b)"
+    d="m7.43 6.886-.11-.05-.608 1.492.067.03c.023-.048.038-.086.064-.14.786.232 1.593.492 2.32.737l.479-1.174-.399-.159c-.578-.189-1.216-.398-1.873-.596.02-.05.04-.1.06-.14Z"
+  />
+  <path
+    fill="url(#c)"
+    d="m5.406 8.577.997-2.178-.14-.069c-.05.11-.095.229-.143.339-.421-.101-.84-.206-1.219-.286L4.347 7.59c.369.07.796.166 1.235.278-.11.22-.214.429-.324.628l.148.08Z"
+  />
+  <path
+    fill="url(#d)"
+    d="M10.01 7.88a73.789 73.789 0 0 0-2.59-.844l-.4 1.233c.914.276 1.833.575 2.612.85l.378-1.238Z"
+  />
+  <path
+    fill="url(#e)"
+    d="M3.313 11.57c-2.053 0-2.8-1.67-2.8-2.794l1.296.02c-.009.284.09 1.481 1.504 1.481 1.316 0 2.283-2.326 3.21-4.574C7.608 3.058 8.744.333 10.926.333c1.116 0 1.993.488 2.462 1.373.329.636.339 1.188.339 1.322h-1.296c0-.18-.01-.388-.21-.755-.238-.438-.667-.647-1.295-.647-1.315 0-2.282 2.327-3.209 4.574-1.086 2.636-2.222 5.37-4.405 5.37Z"
+  />
+  <path
+    fill="url(#f)"
+    d="m8.123 5.23.493.125.02-.08-2.322-.586-.009.016c.188.06.368.113.557.17-.12.29-.22.561-.34.83-.129.328-.271.646-.401.964-.1-.03-.196-.05-.296-.07l-.12.476 1.505.337c.174-.406.307-.718.501-1.197.14-.328.267-.646.412-.985Z"
+  />
+  <path
+    fill="url(#g)"
+    d="m9.263 4.231.008-.046a17.337 17.337 0 0 1-.609-.15c.17-.358.346-.683.527-.984L7.882 2.72c-.17.308-.314.6-.493.966-.14-.04-.289-.09-.428-.13l-.02.09 2.322.586Z"
+  />
+  <path
+    fill="url(#h)"
+    d="M10.927 5.723c-2.242 0-8.092-2.197-8.341-2.287l.458-1.213c1.625.616 6.219 2.207 7.883 2.207.628 0 1.047-.208 1.296-.646.2-.368.21-.631.21-.766h1.295c0 1.084-.748 2.705-2.8 2.705Z"
+  />
+  <path
+    fill="url(#i)"
+    d="m4.599 2.78-.384 1.24c.757.26 1.69.567 2.647.855l1.006.281.374-1.23A54.656 54.656 0 0 1 4.599 2.78Z"
+  />
+  <path
+    fill="url(#j)"
+    d="M11.426 11.222a2.15 2.15 0 0 0 2.152-2.148 2.15 2.15 0 0 0-2.152-2.147 2.15 2.15 0 0 0-2.153 2.147 2.15 2.15 0 0 0 2.153 2.148Z"
+  />
+  <path
+    fill="url(#k)"
+    d="M2.815 4.977A2.15 2.15 0 0 0 4.968 2.83 2.15 2.15 0 0 0 2.815.682 2.15 2.15 0 0 0 .662 2.83a2.15 2.15 0 0 0 2.153 2.147Z"
+  />
+  <defs>
+    <linearGradient
+      id="a"
+      x1="2.087"
+      x2="11.042"
+      y1="7.816"
+      y2="8.015"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#8F59D9" />
+      <stop offset="1" stop-color="#714EF0" />
+    </linearGradient>
+    <linearGradient
+      id="b"
+      x1="9.839"
+      x2="6.959"
+      y1="8.492"
+      y2="7.564"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#5E40B8" stop-opacity="0" />
+      <stop offset=".859" stop-color="#5E40B8" stop-opacity=".859" />
+      <stop offset="1" stop-color="#5E40B8" />
+    </linearGradient>
+    <linearGradient
+      id="c"
+      x1="3.739"
+      x2="5.915"
+      y1="6.521"
+      y2="7.495"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop offset=".453" stop-color="#5E40B8" stop-opacity="0" />
+      <stop offset=".906" stop-color="#5E40B8" stop-opacity=".859" />
+      <stop offset="1" stop-color="#5E40B8" />
+    </linearGradient>
+    <linearGradient
+      id="d"
+      x1="7.223"
+      x2="9.809"
+      y1="7.593"
+      y2="8.554"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#6446FA" stop-opacity="0" />
+      <stop offset=".462" stop-color="#6346F8" stop-opacity=".462" />
+      <stop offset=".628" stop-color="#6144F1" stop-opacity=".628" />
+      <stop offset=".746" stop-color="#5E41E6" stop-opacity=".746" />
+      <stop offset=".842" stop-color="#593DD5" stop-opacity=".842" />
+      <stop offset=".923" stop-color="#5338BF" stop-opacity=".923" />
+      <stop offset=".994" stop-color="#4B32A4" stop-opacity=".994" />
+      <stop offset="1" stop-color="#4A31A2" />
+    </linearGradient>
+    <linearGradient
+      id="e"
+      x1="3.959"
+      x2="11.791"
+      y1="9.364"
+      y2=".749"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#8F59D9" />
+      <stop offset=".921" stop-color="#D55E9E" />
+    </linearGradient>
+    <linearGradient
+      id="f"
+      x1="6.866"
+      x2="7.469"
+      y1="7.369"
+      y2="4.981"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#8E4693" stop-opacity="0" />
+      <stop offset=".859" stop-color="#8E4693" stop-opacity=".859" />
+      <stop offset="1" stop-color="#8E4693" />
+    </linearGradient>
+    <linearGradient
+      id="g"
+      x1="8.378"
+      x2="8.102"
+      y1="2.845"
+      y2="3.936"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#B057A3" stop-opacity="0" />
+      <stop offset=".859" stop-color="#B057A3" stop-opacity=".859" />
+      <stop offset="1" stop-color="#B057A3" />
+    </linearGradient>
+    <linearGradient
+      id="h"
+      x1="3.354"
+      x2="12.721"
+      y1="2.462"
+      y2="4.54"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#F15783" />
+      <stop offset="1" stop-color="#D55E9E" />
+    </linearGradient>
+    <linearGradient
+      id="i"
+      x1="8.067"
+      x2="4.41"
+      y1="4.533"
+      y2="3.418"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#FF5274" stop-opacity="0" />
+      <stop offset=".074" stop-color="#F85073" stop-opacity=".074" />
+      <stop offset=".696" stop-color="#C44268" stop-opacity=".696" />
+      <stop offset="1" stop-color="#B03C64" />
+    </linearGradient>
+    <radialGradient
+      id="j"
+      cx="0"
+      cy="0"
+      r="1"
+      gradientTransform="matrix(2.46367 0 0 2.45824 11.103 8.938)"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#6E4CEB" />
+      <stop offset=".509" stop-color="#6D4BE9" />
+      <stop offset=".692" stop-color="#6848E2" />
+      <stop offset=".823" stop-color="#6042D7" />
+      <stop offset=".928" stop-color="#5539C6" />
+      <stop offset="1" stop-color="#4A31B5" />
+    </radialGradient>
+    <radialGradient
+      id="k"
+      cx="0"
+      cy="0"
+      r="1"
+      gradientTransform="matrix(2.54356 0 0 2.53796 2.482 2.635)"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#FD5376" />
+      <stop offset=".473" stop-color="#FB5276" />
+      <stop offset=".643" stop-color="#F45074" />
+      <stop offset=".764" stop-color="#E94D71" />
+      <stop offset=".863" stop-color="#D8486D" />
+      <stop offset=".946" stop-color="#C24268" />
+      <stop offset="1" stop-color="#AF3C64" />
+    </radialGradient>
+  </defs>
+</svg>
diff --git a/src/components/icons/FooterBrand.svelte b/src/components/icons/FooterBrand.svelte
new file mode 100644
index 0000000..b614982
--- /dev/null
+++ b/src/components/icons/FooterBrand.svelte
@@ -0,0 +1,204 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="344" height="34" fill="none">
+  <path
+    fill="#E1E2EA"
+    d="M18.476 13.932h1.59v7.55h-1.59v-7.55Zm-3.012-.879h7.615v1.313h-7.616v-1.313ZM27.48 17.81c0-.49-.092-.815-.277-.976-.177-.168-.422-.253-.735-.253a1.2 1.2 0 0 0-.699.217c-.209.145-.377.366-.506.663-.12.289-.18.654-.18 1.095l-.302-.662c0-.482.093-.923.277-1.325a2.31 2.31 0 0 1 .82-.95c.361-.234.787-.35 1.277-.35.377 0 .703.084.976.253.28.16.502.413.663.758.16.346.24.787.24 1.325v3.877H27.48V17.81Zm-3.952-4.757h1.554v8.43h-1.554v-8.43ZM32.842 21.675a3.199 3.199 0 0 1-1.567-.397 2.974 2.974 0 0 1-1.132-1.12c-.281-.49-.422-1.052-.422-1.686 0-.634.14-1.192.422-1.674a2.95 2.95 0 0 1 1.132-1.132 3.2 3.2 0 0 1 1.567-.397c.554 0 1.068.132 1.542.397a2.95 2.95 0 0 1 1.133 1.132c.28.482.421 1.04.421 1.674 0 .634-.14 1.196-.421 1.686a2.974 2.974 0 0 1-1.133 1.12 3.108 3.108 0 0 1-1.542.397Zm0-1.312c.49 0 .863-.161 1.12-.482.265-.33.398-.799.398-1.409s-.133-1.076-.398-1.397c-.257-.329-.63-.494-1.12-.494-.498 0-.88.165-1.145.494-.257.321-.385.787-.385 1.397s.128 1.08.385 1.409c.265.321.647.482 1.145.482ZM38.443 21.675c-.377 0-.706-.08-.988-.24-.273-.17-.49-.426-.65-.771-.161-.346-.241-.787-.241-1.325v-3.877h1.554v3.672c0 .49.088.82.265.988.185.16.434.24.747.24a1.2 1.2 0 0 0 .699-.216c.209-.145.374-.361.494-.65.129-.297.193-.667.193-1.108l.301.65c0 .482-.096.923-.29 1.325a2.28 2.28 0 0 1-.818.963c-.354.233-.776.35-1.266.35Zm2.073-6.213h1.554v6.02h-1.554v-6.02ZM45.832 24.083c-.626 0-1.157-.108-1.59-.325-.434-.208-.76-.465-.976-.77-.217-.305-.326-.582-.326-.831l1.7-.12c.04.152.108.284.204.397a.96.96 0 0 0 .41.253c.169.056.361.084.578.084a1.9 1.9 0 0 0 1.109-.325c.313-.209.47-.61.47-1.204v-5.78h1.554v5.454c0 1.068-.257 1.863-.771 2.385-.514.522-1.302.782-2.362.782Zm-.397-2.408c-.587 0-1.08-.14-1.483-.421a2.596 2.596 0 0 1-.891-1.144c-.2-.482-.301-1.028-.301-1.638 0-.61.1-1.156.3-1.638.202-.481.499-.863.892-1.144.402-.28.896-.421 1.483-.421.522 0 .951.128 1.289.385.337.25.582.578.735.988.16.401.24.835.24 1.3v1.06c0 .466-.08.903-.24 1.312-.153.402-.398.73-.735.988-.338.249-.767.373-1.29.373Zm.445-1.312c.265 0 .51-.065.735-.193a1.49 1.49 0 0 0 .567-.626c.152-.29.229-.646.229-1.072 0-.425-.077-.779-.23-1.06-.144-.289-.333-.497-.566-.626a1.39 1.39 0 0 0-.735-.205c-.265 0-.514.069-.747.205-.225.129-.413.337-.566.626-.145.281-.217.635-.217 1.06 0 .425.072.783.217 1.072.153.28.341.49.566.626.233.128.482.193.747.193ZM54.028 17.81c0-.49-.093-.815-.277-.976-.177-.168-.422-.253-.735-.253a1.2 1.2 0 0 0-.7.217c-.208.145-.377.366-.505.663-.12.289-.18.654-.18 1.095l-.302-.662c0-.482.092-.923.277-1.325a2.31 2.31 0 0 1 .82-.95c.36-.234.787-.35 1.277-.35.377 0 .702.084.976.253.28.16.502.413.662.758.16.346.241.787.241 1.325v3.877h-1.554V17.81Zm-3.952-4.757h1.554v8.43h-1.554v-8.43ZM59.162 21.482c-.659 0-1.16-.156-1.506-.47-.337-.312-.506-.79-.506-1.432v-6.057h1.554v5.924c0 .241.06.422.18.542.121.12.302.18.543.18h1.085v1.313h-1.35Zm-3.313-6.02h4.663v1.312h-4.663v-1.312ZM61.835 14.835c0-.642.169-1.12.506-1.433.345-.313.847-.47 1.506-.47h1.35v1.313h-1.085c-.24 0-.421.06-.542.181-.12.12-.18.301-.18.542v6.514h-1.555v-6.647Zm-1.301.627h4.663v1.312h-4.663v-1.312ZM67.345 21.675c-.377 0-.707-.08-.988-.24-.273-.17-.49-.426-.65-.771-.161-.346-.242-.787-.242-1.325v-3.877h1.555v3.672c0 .49.088.82.265.988.184.16.434.24.747.24a1.2 1.2 0 0 0 .699-.216c.209-.145.373-.361.494-.65.128-.297.193-.667.193-1.108l.3.65c0 .482-.096.923-.288 1.325a2.278 2.278 0 0 1-.82.963c-.353.233-.775.35-1.265.35Zm2.073-6.213h1.554v6.02h-1.554v-6.02ZM72.082 12.933h1.554v8.55h-1.554v-8.55ZM74.741 12.933h1.555v8.55H74.74v-8.55ZM76.678 15.462h1.59l2.447 6.02h-1.59l-2.447-6.02Zm5.085 0h1.614l-3.699 8.429h-1.614l3.699-8.43ZM88.516 21.675a3.58 3.58 0 0 1-1.555-.337 2.759 2.759 0 0 1-1.132-1.06c-.29-.481-.434-1.071-.434-1.77 0-.706.145-1.3.434-1.782.289-.49.67-.855 1.144-1.096.474-.24.989-.361 1.543-.361.514 0 .98.088 1.397.265.418.168.764.437 1.037.807.273.36.441.822.506 1.384l-1.675.12a2.6 2.6 0 0 0-.253-.71.99.99 0 0 0-.41-.421 1.239 1.239 0 0 0-.602-.133c-.297 0-.555.08-.771.241-.21.16-.37.386-.482.675a2.742 2.742 0 0 0-.17 1c0 .4.053.742.157 1.023.113.28.274.493.483.638.208.136.47.205.783.205.337 0 .61-.093.82-.277.208-.185.356-.49.445-.916l1.675.12c-.065.555-.233 1.012-.506 1.374-.273.353-.619.61-1.037.77a3.87 3.87 0 0 1-1.397.241ZM92.148 15.462h1.554v2.215l-.205.82c0-.563.048-1.069.145-1.518.096-.458.26-.823.494-1.096a1.12 1.12 0 0 1 .904-.421h1.108v1.312h-.988c-.353 0-.639.072-.855.217-.21.144-.362.377-.458.698-.097.313-.145.735-.145 1.265v2.528h-1.554v-6.02ZM98.094 21.675c-.313 0-.626-.068-.94-.205a2.013 2.013 0 0 1-.783-.638c-.209-.28-.313-.626-.313-1.035 0-.482.149-.86.446-1.132a2.367 2.367 0 0 1 1.084-.578 8.423 8.423 0 0 1 1.47-.205c.386-.016.667-.084.844-.205.176-.12.237-.293.18-.517a.608.608 0 0 0-.337-.422c-.185-.104-.43-.157-.735-.157-.394 0-.699.08-.916.241-.216.16-.325.414-.325.759l-1.542-.12c0-.394.116-.76.35-1.096.232-.337.561-.602.987-.795a3.35 3.35 0 0 1 1.446-.301c.811 0 1.454.172 1.928.518.482.345.723.935.723 1.77v3.925h-1.554v-1.697l.12-.47c0 .425-.076.819-.229 1.18a1.863 1.863 0 0 1-.699.855c-.313.217-.715.325-1.205.325Zm.446-1.312c.241 0 .482-.065.723-.193a1.64 1.64 0 0 0 .603-.614c.16-.273.241-.606.241-1v-.903l.229-.229c0 .426-.065.747-.193.964a.909.909 0 0 1-.482.421c-.201.064-.486.117-.856.157l-.096.012c-.33.04-.59.12-.783.24a.524.524 0 0 0-.278.47c0 .137.033.253.097.35.064.096.16.176.29.24.136.056.304.085.505.085ZM103.176 14.835c0-.642.169-1.12.506-1.433.345-.313.847-.47 1.506-.47h1.35v1.313h-1.085c-.241 0-.422.06-.542.181-.12.12-.181.301-.181.542v6.514h-1.554v-6.647Zm-1.301.627h4.663v1.312h-4.663v-1.312Z"
+  />
+  <path
+    fill="#E1E2EA"
+    d="M109.694 21.482c-.659 0-1.161-.156-1.506-.47-.338-.312-.506-.79-.506-1.432v-6.057h1.554v5.924c0 .241.06.422.181.542.12.12.301.18.542.18h1.084v1.313h-1.349Zm-3.314-6.02h4.663v1.312h-4.663v-1.312ZM114.311 21.675a3.32 3.32 0 0 1-1.567-.373 2.806 2.806 0 0 1-1.132-1.096c-.281-.482-.422-1.052-.422-1.71 0-.666.133-1.24.398-1.722.265-.49.622-.863 1.072-1.12a3.097 3.097 0 0 1 1.542-.385c.563 0 1.069.128 1.519.385.449.257.803.63 1.06 1.12.257.482.386 1.056.386 1.722v.434h-4.374c0 .28.068.53.205.746.136.217.317.386.542.506.233.12.49.18.771.18.385 0 .675-.072.867-.216.193-.145.33-.33.41-.554l1.579.12c-.057.37-.209.703-.458 1-.241.289-.567.522-.976.698-.41.177-.884.265-1.422.265Zm1.253-3.89c0-.24-.06-.449-.181-.625a1.073 1.073 0 0 0-.482-.422 1.544 1.544 0 0 0-.699-.157c-.257 0-.494.053-.71.157-.217.096-.39.237-.519.422-.12.184-.18.393-.18.626h2.771ZM122.207 13.053h1.555v8.43h-1.555v-8.43Zm-1.976 8.622c-.586 0-1.08-.14-1.482-.421a2.594 2.594 0 0 1-.891-1.144c-.201-.482-.302-1.028-.302-1.638 0-.61.101-1.156.302-1.638.2-.481.498-.863.891-1.144.402-.28.896-.421 1.482-.421.523 0 .952.128 1.29.385.337.25.582.578.735.988.16.401.241.835.241 1.3v1.06c0 .466-.081.903-.241 1.312-.153.402-.398.73-.735.988-.338.249-.767.373-1.29.373Zm.446-1.312c.265 0 .51-.065.735-.193.233-.137.422-.345.567-.626.152-.29.228-.646.228-1.072 0-.425-.076-.779-.228-1.06-.145-.289-.334-.497-.567-.626a1.391 1.391 0 0 0-.735-.205c-.265 0-.514.069-.747.205-.225.129-.414.337-.566.626-.145.281-.217.635-.217 1.06 0 .425.072.783.217 1.072.152.28.341.49.566.626.233.128.482.193.747.193ZM127.5 14.835c0-.642.169-1.12.506-1.433.346-.313.848-.47 1.506-.47h1.35v1.313h-1.084c-.241 0-.422.06-.543.181-.12.12-.18.301-.18.542v6.514H127.5v-6.647Zm-1.301.627h4.663v1.312h-4.663v-1.312ZM133.763 21.675a3.198 3.198 0 0 1-1.566-.397 2.973 2.973 0 0 1-1.133-1.12c-.281-.49-.421-1.052-.421-1.686 0-.634.14-1.192.421-1.674.281-.49.659-.867 1.133-1.132a3.2 3.2 0 0 1 1.566-.397 3.11 3.11 0 0 1 1.543.397c.474.265.851.642 1.132 1.132.281.482.422 1.04.422 1.674 0 .634-.141 1.196-.422 1.686a2.97 2.97 0 0 1-1.132 1.12 3.109 3.109 0 0 1-1.543.397Zm0-1.312c.49 0 .864-.161 1.121-.482.265-.33.397-.799.397-1.409s-.132-1.076-.397-1.397c-.257-.329-.631-.494-1.121-.494-.498 0-.879.165-1.144.494-.257.321-.386.787-.386 1.397s.129 1.08.386 1.409c.265.321.646.482 1.144.482ZM137.548 15.462h1.555v2.215l-.205.82c0-.563.048-1.069.144-1.518.097-.458.261-.823.494-1.096a1.12 1.12 0 0 1 .904-.421h1.109v1.312h-.988c-.354 0-.639.072-.856.217-.209.144-.361.377-.458.698-.096.313-.144.735-.144 1.265v2.528h-1.555v-6.02ZM143.261 15.462h1.591l2.446 6.02h-1.591l-2.446-6.02Zm5.085 0h1.615l-3.699 8.429h-1.615l3.699-8.43ZM152.992 21.675a3.198 3.198 0 0 1-1.566-.397 2.973 2.973 0 0 1-1.133-1.12c-.281-.49-.422-1.052-.422-1.686 0-.634.141-1.192.422-1.674.281-.49.659-.867 1.133-1.132a3.2 3.2 0 0 1 1.566-.397c.554 0 1.068.132 1.542.397s.852.642 1.133 1.132c.281.482.422 1.04.422 1.674 0 .634-.141 1.196-.422 1.686a2.973 2.973 0 0 1-1.133 1.12 3.108 3.108 0 0 1-1.542.397Zm0-1.312c.49 0 .864-.161 1.121-.482.265-.33.397-.799.397-1.409s-.132-1.076-.397-1.397c-.257-.329-.631-.494-1.121-.494-.498 0-.879.165-1.145.494-.257.321-.385.787-.385 1.397s.128 1.08.385 1.409c.266.321.647.482 1.145.482ZM158.594 21.675c-.378 0-.707-.08-.988-.24-.273-.17-.49-.426-.651-.771-.161-.346-.241-.787-.241-1.325v-3.877h1.554v3.672c0 .49.089.82.265.988.185.16.434.24.747.24a1.2 1.2 0 0 0 .699-.216c.209-.145.374-.361.494-.65.129-.297.193-.667.193-1.108l.301.65c0 .482-.096.923-.289 1.325a2.283 2.283 0 0 1-.819.963c-.354.233-.775.35-1.265.35Zm2.072-6.213h1.554v6.02h-1.554v-6.02ZM165.319 13.053h1.555v8.43h-1.555v-8.43Zm3.531 8.622c-.522 0-.952-.124-1.29-.373a2.288 2.288 0 0 1-.747-.988 3.741 3.741 0 0 1-.229-1.312v-1.06c0-.465.077-.899.229-1.3.161-.41.41-.739.747-.988.338-.257.768-.385 1.29-.385.586 0 1.076.14 1.47.421.401.281.703.663.903 1.144.201.482.302 1.028.302 1.638 0 .61-.101 1.156-.302 1.638-.2.481-.502.863-.903 1.144-.394.28-.884.421-1.47.421Zm-.446-1.312c.265 0 .51-.065.735-.193.233-.137.422-.345.566-.626.153-.29.229-.646.229-1.072 0-.425-.076-.779-.229-1.06-.144-.289-.333-.497-.566-.626a1.391 1.391 0 0 0-.735-.205c-.265 0-.514.069-.747.205-.225.129-.414.337-.566.626-.145.281-.217.635-.217 1.06 0 .425.072.783.217 1.072.152.28.341.49.566.626.233.128.482.193.747.193ZM171.433 15.462h1.591l2.446 6.02h-1.591l-2.446-6.02Zm5.085 0h1.615l-3.699 8.429h-1.615l3.699-8.43ZM183.102 21.482c-.658 0-1.161-.156-1.506-.47-.337-.312-.506-.79-.506-1.432v-6.057h1.554v5.924c0 .241.061.422.181.542.121.12.301.18.542.18h1.085v1.313h-1.35Zm-3.313-6.02h4.663v1.312h-4.663v-1.312ZM188.971 17.81c0-.49-.092-.815-.277-.976-.177-.168-.422-.253-.735-.253-.257 0-.49.073-.699.217-.209.145-.378.366-.506.663-.121.289-.181.654-.181 1.095l-.301-.662c0-.482.092-.923.277-1.325.193-.4.466-.718.819-.95.362-.234.788-.35 1.278-.35.377 0 .702.084.976.253.281.16.502.413.662.758.161.346.241.787.241 1.325v3.877h-1.554V17.81Zm-3.952-4.757h1.554v8.43h-1.554v-8.43ZM194.333 21.675a3.318 3.318 0 0 1-1.567-.373 2.8 2.8 0 0 1-1.132-1.096c-.282-.482-.422-1.052-.422-1.71 0-.666.132-1.24.397-1.722.266-.49.623-.863 1.073-1.12a3.097 3.097 0 0 1 1.542-.385c.562 0 1.069.128 1.518.385.45.257.804.63 1.061 1.12.257.482.385 1.056.385 1.722v.434h-4.374c0 .28.069.53.205.746.137.217.318.386.542.506.233.12.49.18.772.18.385 0 .674-.072.867-.216.193-.145.33-.33.41-.554l1.578.12c-.056.37-.209.703-.458 1-.241.289-.566.522-.976.698-.409.177-.883.265-1.421.265Zm1.253-3.89c0-.24-.061-.449-.181-.625a1.073 1.073 0 0 0-.482-.422 1.544 1.544 0 0 0-.699-.157 1.62 1.62 0 0 0-.711.157 1.222 1.222 0 0 0-.518.422c-.12.184-.181.393-.181.626h2.772ZM202.688 21.675a3.198 3.198 0 0 1-1.566-.397 2.973 2.973 0 0 1-1.133-1.12c-.281-.49-.422-1.052-.422-1.686 0-.634.141-1.192.422-1.674.281-.49.659-.867 1.133-1.132a3.2 3.2 0 0 1 1.566-.397c.554 0 1.068.132 1.542.397s.852.642 1.133 1.132c.281.482.422 1.04.422 1.674 0 .634-.141 1.196-.422 1.686a2.973 2.973 0 0 1-1.133 1.12 3.108 3.108 0 0 1-1.542.397Zm0-1.312c.49 0 .864-.161 1.121-.482.265-.33.397-.799.397-1.409s-.132-1.076-.397-1.397c-.257-.329-.631-.494-1.121-.494-.498 0-.88.165-1.145.494-.257.321-.385.787-.385 1.397s.128 1.08.385 1.409c.265.321.647.482 1.145.482ZM210.82 13.053h1.554v8.43h-1.554v-8.43Zm-1.976 8.622c-.587 0-1.081-.14-1.482-.421a2.596 2.596 0 0 1-.892-1.144c-.201-.482-.301-1.028-.301-1.638 0-.61.1-1.156.301-1.638.201-.481.498-.863.892-1.144.401-.28.895-.421 1.482-.421.522 0 .952.128 1.289.385.337.25.582.578.735.988.161.401.241.835.241 1.3v1.06c0 .466-.08.903-.241 1.312-.153.402-.398.73-.735.988-.337.249-.767.373-1.289.373Zm.446-1.312c.265 0 .51-.065.735-.193.233-.137.421-.345.566-.626.153-.29.229-.646.229-1.072 0-.425-.076-.779-.229-1.06-.145-.289-.333-.497-.566-.626a1.391 1.391 0 0 0-.735-.205c-.265 0-.514.069-.747.205-.225.129-.414.337-.567.626-.144.281-.217.635-.217 1.06 0 .425.073.783.217 1.072.153.28.342.49.567.626.233.128.482.193.747.193ZM217.716 13.053h1.554v8.43h-1.554v-8.43Zm-1.976 8.622c-.587 0-1.081-.14-1.482-.421a2.596 2.596 0 0 1-.892-1.144c-.201-.482-.301-1.028-.301-1.638 0-.61.1-1.156.301-1.638.201-.481.498-.863.892-1.144.401-.28.895-.421 1.482-.421.522 0 .952.128 1.289.385.337.25.582.578.735.988.161.401.241.835.241 1.3v1.06c0 .466-.08.903-.241 1.312-.153.402-.398.73-.735.988-.337.249-.767.373-1.289.373Zm.445-1.312c.266 0 .511-.065.735-.193.233-.137.422-.345.567-.626.152-.29.229-.646.229-1.072 0-.425-.077-.779-.229-1.06-.145-.289-.334-.497-.567-.626a1.386 1.386 0 0 0-.735-.205c-.265 0-.514.069-.747.205-.225.129-.413.337-.566.626-.145.281-.217.635-.217 1.06 0 .425.072.783.217 1.072.153.28.341.49.566.626.233.128.482.193.747.193ZM222.37 15.462h1.554v6.02h-1.554v-6.02Zm3.832 2.348c0-.49-.085-.815-.253-.976-.161-.168-.398-.253-.711-.253-.257 0-.486.073-.687.217-.193.145-.346.362-.458.65-.113.29-.169.659-.169 1.108l-.301-.662c0-.49.088-.931.265-1.325a2.18 2.18 0 0 1 .783-.95c.346-.234.767-.35 1.265-.35.37 0 .691.084.964.253.274.16.482.413.627.758.153.346.229.787.229 1.325v3.877h-1.554V17.81Zm3.831 0c0-.49-.084-.815-.253-.976-.161-.168-.397-.253-.711-.253-.257 0-.486.073-.687.217-.192.145-.345.362-.457.65-.113.29-.169.659-.169 1.108l-.301-.662c0-.49.084-.931.253-1.325.176-.4.437-.718.783-.95.353-.234.779-.35 1.277-.35.37 0 .691.084.964.253.273.16.482.413.627.758.152.346.229.787.229 1.325v3.877h-1.555V17.81ZM232.741 15.462h1.554v6.02h-1.554v-6.02Zm-.157-2.373h1.856v1.518h-1.856v-1.518ZM239.443 17.81c0-.49-.092-.815-.277-.976-.177-.168-.422-.253-.735-.253-.257 0-.49.073-.699.217-.209.145-.378.366-.506.663-.121.289-.181.654-.181 1.095l-.301-.662c0-.482.092-.923.277-1.325.193-.4.466-.718.819-.95.362-.234.788-.35 1.278-.35.377 0 .702.084.976.253.281.16.502.413.662.758.161.346.241.787.241 1.325v3.877h-1.554V17.81Zm-3.952-2.348h1.554v6.02h-1.554v-6.02ZM246.335 13.053h1.554v8.43h-1.554v-8.43Zm-1.976 8.622c-.587 0-1.081-.14-1.482-.421a2.596 2.596 0 0 1-.892-1.144c-.201-.482-.301-1.028-.301-1.638 0-.61.1-1.156.301-1.638.201-.481.498-.863.892-1.144.401-.28.895-.421 1.482-.421.522 0 .952.128 1.289.385.337.25.582.578.735.988.161.401.241.835.241 1.3v1.06c0 .466-.08.903-.241 1.312-.153.402-.398.73-.735.988-.337.249-.767.373-1.289.373Zm.446-1.312c.265 0 .51-.065.735-.193.233-.137.421-.345.566-.626.153-.29.229-.646.229-1.072 0-.425-.076-.779-.229-1.06-.145-.289-.333-.497-.566-.626a1.391 1.391 0 0 0-.735-.205c-.265 0-.514.069-.747.205-.225.129-.414.337-.567.626-.144.281-.217.635-.217 1.06 0 .425.073.783.217 1.072.153.28.342.49.567.626.233.128.482.193.747.193ZM251.554 21.675c-.57 0-1.08-.076-1.53-.229a2.402 2.402 0 0 1-1.06-.722c-.257-.33-.386-.743-.386-1.24l1.531-.12c0 .24.052.437.156.59a.875.875 0 0 0 .47.312c.217.065.49.097.819.097.37 0 .655-.065.856-.193.209-.129.313-.297.313-.506 0-.184-.064-.325-.193-.421a1.204 1.204 0 0 0-.494-.205 6.664 6.664 0 0 0-.807-.133 9.164 9.164 0 0 1-1.253-.228 1.853 1.853 0 0 1-.819-.482c-.225-.24-.338-.59-.338-1.048a1.5 1.5 0 0 1 .35-.987c.233-.289.546-.51.94-.662a3.7 3.7 0 0 1 1.325-.23c.482 0 .92.07 1.313.206.402.128.719.337.952.626.241.28.362.638.362 1.072l-1.543.12c0-.249-.088-.43-.265-.542-.176-.112-.45-.169-.819-.169-.321 0-.574.049-.759.145-.177.096-.265.237-.265.421 0 .145.06.257.181.338.12.08.269.14.445.18.177.04.426.08.747.12.523.073.952.157 1.29.253.337.097.626.273.867.53.249.257.374.622.374 1.096 0 .393-.125.743-.374 1.048a2.434 2.434 0 0 1-1 .71 3.67 3.67 0 0 1-1.386.253ZM258.785 21.675c-.314 0-.627-.068-.94-.205a2.011 2.011 0 0 1-.784-.638c-.208-.28-.313-.626-.313-1.035 0-.482.149-.86.446-1.132a2.368 2.368 0 0 1 1.084-.578 8.429 8.429 0 0 1 1.47-.205c.386-.016.667-.084.844-.205.177-.12.237-.293.181-.517a.612.612 0 0 0-.338-.422c-.184-.104-.43-.157-.735-.157-.393 0-.699.08-.915.241-.217.16-.326.414-.326.759l-1.542-.12c0-.394.116-.76.349-1.096.233-.337.563-.602.988-.795.426-.2.908-.301 1.446-.301.812 0 1.454.172 1.928.518.482.345.723.935.723 1.77v3.925h-1.554v-1.697l.12-.47c0 .425-.076.819-.229 1.18a1.855 1.855 0 0 1-.699.855c-.313.217-.714.325-1.204.325Zm.445-1.312c.241 0 .482-.065.723-.193.241-.137.442-.341.603-.614.16-.273.241-.606.241-1v-.903l.229-.229c0 .426-.065.747-.193.964a.907.907 0 0 1-.482.421 4.585 4.585 0 0 1-.856.157l-.096.012c-.329.04-.59.12-.783.24a.523.523 0 0 0-.277.47c0 .137.032.253.096.35a.728.728 0 0 0 .289.24c.137.056.306.085.506.085ZM265.877 21.482c-.659 0-1.161-.156-1.506-.47-.338-.312-.506-.79-.506-1.432v-6.057h1.554v5.924c0 .241.06.422.181.542.12.12.301.18.542.18h1.084v1.313h-1.349Zm-3.314-6.02h4.663v1.312h-4.663v-1.312Z"
+  />
+  <path
+    fill="#E1E2EA"
+    fill-rule="evenodd"
+    d="M291.049 13.929c0-1.124.549-1.68 1.675-1.68h1.445v1.411h-.937c-.618 0-.618.239-.618.587v.746h1.545v1.412h-1.545v5.091h-1.575v-5.091h-1.166v-1.412h1.166l.01-1.064Zm5.91 1.074h-1.574v6.493h1.574v-6.493Zm14.142.01h-.558v6.493h1.574v-6.493h-1.016Zm12.327-.14c-1.026 0-1.474.408-1.634.657l-.179.268v-.775h-1.575v6.493h1.575v-3.968c0-1.064.777-1.451 1.435-1.451s1.435.387 1.435 1.451v3.968h1.574v-4.047c-.029-1.9-1.385-2.596-2.631-2.596Zm-4.345 2.904v.895c0 1.86-1.066 2.904-3.009 2.904-1.944 0-3.01-1.024-3.01-2.904v-.895c0-1.86 1.066-2.904 3.01-2.904 1.953 0 3.009 1.045 3.009 2.904Zm-1.674-.229c0-.815-.468-1.431-1.325-1.431s-1.336.616-1.336 1.431v1.353c0 .815.469 1.491 1.336 1.491.857 0 1.325-.676 1.325-1.491v-1.353Zm-16.354 0c-.129-.03-.259-.05-.379-.08-.617-.119-1.086-.208-1.086-.715 0-.428.459-.666 1.017-.666.677 0 .976.228 1.026.686h1.485c-.1-1.134-.847-1.86-2.561-1.86-1.136 0-2.512.458-2.512 1.86 0 1.501 1.286 1.88 2.621 2.178.907.208 1.156.338 1.156.775 0 .438-.578.676-1.136.676-.608 0-1.335-.129-1.335-.944h-1.545c.06 1.501 1.206 2.187 2.781 2.187 1.744 0 2.78-.686 2.78-1.979.02-1.471-1.246-1.889-2.312-2.118Zm5.9-.08c.119.02.249.05.379.08 1.066.24 2.332.647 2.332 2.128 0 1.293-1.037 1.98-2.781 1.98-1.584 0-2.731-.677-2.78-2.188h1.544c0 .815.718.944 1.336.944.558 0 1.136-.238 1.136-.676 0-.438-.249-.577-1.156-.776-1.346-.298-2.621-.686-2.621-2.177 0-1.402 1.375-1.86 2.511-1.86 1.714 0 2.462.726 2.561 1.86h-1.484c-.05-.458-.349-.686-1.027-.686-.548 0-1.016.238-1.016.666-.02.497.448.586 1.066.706Zm-9.876-4.185a.892.892 0 0 1-.897.894.892.892 0 0 1-.897-.894c0-.498.399-.896.897-.896s.897.398.897.896Zm14.261.904a.893.893 0 0 0 .897-.895.893.893 0 0 0-.897-.895.893.893 0 0 0-.897.895.892.892 0 0 0 .897.895Z"
+    clip-rule="evenodd"
+  />
+  <path
+    fill="url(#a)"
+    d="M283.196 20.68c-1.624-.616-6.218-2.207-7.883-2.207-.628 0-1.056.199-1.295.607-.2.338-.207.643-.21.725l-1.295-.01c0-.069.01-.695.349-1.302.329-.597 1.026-1.313 2.451-1.313 2.243 0 8.093 2.198 8.342 2.288l-.459 1.213Z"
+  />
+  <path
+    fill="url(#b)"
+    d="m279.429 17.886-.109-.05-.608 1.492.067.03c.023-.048.038-.086.064-.14.786.232 1.593.492 2.32.737l.479-1.174-.399-.159c-.578-.189-1.216-.398-1.873-.596.019-.05.039-.1.059-.14Z"
+  />
+  <path
+    fill="url(#c)"
+    d="m277.406 19.577.997-2.178-.14-.069c-.049.11-.095.229-.143.339-.421-.102-.84-.206-1.219-.286l-.554 1.207c.369.07.796.166 1.235.278a16.59 16.59 0 0 1-.324.628l.148.08Z"
+  />
+  <path
+    fill="url(#d)"
+    d="M282.01 18.88a73.253 73.253 0 0 0-2.591-.844l-.399 1.233a59.71 59.71 0 0 1 2.612.85l.378-1.238Z"
+  />
+  <path
+    fill="url(#e)"
+    d="M275.313 22.57c-2.053 0-2.8-1.67-2.8-2.794l1.296.02c-.009.284.089 1.481 1.504 1.481 1.316 0 2.283-2.326 3.209-4.574 1.087-2.645 2.223-5.37 4.405-5.37 1.116 0 1.993.488 2.462 1.373.329.636.339 1.188.339 1.322h-1.296c0-.18-.01-.388-.209-.755-.239-.438-.668-.647-1.296-.647-1.315 0-2.282 2.327-3.209 4.574-1.086 2.636-2.222 5.37-4.405 5.37Z"
+  />
+  <path
+    fill="url(#f)"
+    d="m280.123 16.23.493.125.02-.08-2.322-.586-.009.016c.188.06.368.113.557.17-.12.29-.22.561-.339.83-.13.328-.272.646-.402.964a3.18 3.18 0 0 0-.296-.07l-.119.477 1.504.336c.174-.406.307-.718.501-1.197.14-.328.267-.646.412-.985Z"
+  />
+  <path
+    fill="url(#g)"
+    d="m281.263 15.232.008-.047a17.652 17.652 0 0 1-.609-.15c.17-.358.346-.683.527-.984l-1.307-.332c-.169.308-.314.6-.493.966-.139-.04-.289-.09-.428-.13l-.02.09 2.322.587Z"
+  />
+  <path
+    fill="url(#h)"
+    d="M282.927 16.723c-2.242 0-8.092-2.197-8.341-2.287l.458-1.213c1.625.616 6.219 2.207 7.883 2.207.628 0 1.047-.208 1.296-.646.199-.368.209-.631.209-.766h1.296c0 1.084-.748 2.705-2.801 2.705Z"
+  />
+  <path
+    fill="url(#i)"
+    d="m276.599 13.78-.384 1.24c.757.26 1.69.567 2.647.855l1.006.281.374-1.23a54.657 54.657 0 0 1-3.643-1.146Z"
+  />
+  <path
+    fill="url(#j)"
+    d="M283.426 22.222a2.15 2.15 0 0 0 2.152-2.148 2.15 2.15 0 0 0-2.152-2.148 2.15 2.15 0 0 0-2.153 2.148 2.15 2.15 0 0 0 2.153 2.148Z"
+  />
+  <path
+    fill="url(#k)"
+    d="M274.815 15.977a2.15 2.15 0 0 0 2.153-2.148 2.15 2.15 0 0 0-2.153-2.147 2.15 2.15 0 0 0-2.153 2.147 2.15 2.15 0 0 0 2.153 2.148Z"
+  />
+  <defs>
+    <linearGradient
+      id="a"
+      x1="274.087"
+      x2="283.042"
+      y1="18.816"
+      y2="19.015"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#8F59D9" />
+      <stop offset="1" stop-color="#714EF0" />
+    </linearGradient>
+    <linearGradient
+      id="b"
+      x1="281.839"
+      x2="278.959"
+      y1="19.492"
+      y2="18.564"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#5E40B8" stop-opacity="0" />
+      <stop offset=".859" stop-color="#5E40B8" stop-opacity=".859" />
+      <stop offset="1" stop-color="#5E40B8" />
+    </linearGradient>
+    <linearGradient
+      id="c"
+      x1="275.739"
+      x2="277.915"
+      y1="17.52"
+      y2="18.495"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop offset=".453" stop-color="#5E40B8" stop-opacity="0" />
+      <stop offset=".906" stop-color="#5E40B8" stop-opacity=".859" />
+      <stop offset="1" stop-color="#5E40B8" />
+    </linearGradient>
+    <linearGradient
+      id="d"
+      x1="279.223"
+      x2="281.809"
+      y1="18.593"
+      y2="19.554"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#6446FA" stop-opacity="0" />
+      <stop offset=".462" stop-color="#6346F8" stop-opacity=".462" />
+      <stop offset=".628" stop-color="#6144F1" stop-opacity=".628" />
+      <stop offset=".746" stop-color="#5E41E6" stop-opacity=".746" />
+      <stop offset=".842" stop-color="#593DD5" stop-opacity=".842" />
+      <stop offset=".923" stop-color="#5338BF" stop-opacity=".923" />
+      <stop offset=".994" stop-color="#4B32A4" stop-opacity=".994" />
+      <stop offset="1" stop-color="#4A31A2" />
+    </linearGradient>
+    <linearGradient
+      id="e"
+      x1="275.959"
+      x2="283.791"
+      y1="20.364"
+      y2="11.749"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#8F59D9" />
+      <stop offset=".921" stop-color="#D55E9E" />
+    </linearGradient>
+    <linearGradient
+      id="f"
+      x1="278.866"
+      x2="279.469"
+      y1="18.369"
+      y2="15.981"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#8E4693" stop-opacity="0" />
+      <stop offset=".859" stop-color="#8E4693" stop-opacity=".859" />
+      <stop offset="1" stop-color="#8E4693" />
+    </linearGradient>
+    <linearGradient
+      id="g"
+      x1="280.378"
+      x2="280.102"
+      y1="13.845"
+      y2="14.936"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#B057A3" stop-opacity="0" />
+      <stop offset=".859" stop-color="#B057A3" stop-opacity=".859" />
+      <stop offset="1" stop-color="#B057A3" />
+    </linearGradient>
+    <linearGradient
+      id="h"
+      x1="275.354"
+      x2="284.721"
+      y1="13.462"
+      y2="15.54"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#F15783" />
+      <stop offset="1" stop-color="#D55E9E" />
+    </linearGradient>
+    <linearGradient
+      id="i"
+      x1="280.067"
+      x2="276.41"
+      y1="15.533"
+      y2="14.418"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#FF5274" stop-opacity="0" />
+      <stop offset=".074" stop-color="#F85073" stop-opacity=".074" />
+      <stop offset=".696" stop-color="#C44268" stop-opacity=".696" />
+      <stop offset="1" stop-color="#B03C64" />
+    </linearGradient>
+    <radialGradient
+      id="j"
+      cx="0"
+      cy="0"
+      r="1"
+      gradientTransform="matrix(2.46367 0 0 2.45824 283.103 19.938)"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#6E4CEB" />
+      <stop offset=".509" stop-color="#6D4BE9" />
+      <stop offset=".692" stop-color="#6848E2" />
+      <stop offset=".823" stop-color="#6042D7" />
+      <stop offset=".928" stop-color="#5539C6" />
+      <stop offset="1" stop-color="#4A31B5" />
+    </radialGradient>
+    <radialGradient
+      id="k"
+      cx="0"
+      cy="0"
+      r="1"
+      gradientTransform="matrix(2.54356 0 0 2.53796 274.482 13.635)"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#FD5376" />
+      <stop offset=".473" stop-color="#FB5276" />
+      <stop offset=".643" stop-color="#F45074" />
+      <stop offset=".764" stop-color="#E94D71" />
+      <stop offset=".863" stop-color="#D8486D" />
+      <stop offset=".946" stop-color="#C24268" />
+      <stop offset="1" stop-color="#AF3C64" />
+    </radialGradient>
+  </defs>
+</svg>
diff --git a/src/components/icons/Functions.svelte b/src/components/icons/Functions.svelte
new file mode 100644
index 0000000..a350f4f
--- /dev/null
+++ b/src/components/icons/Functions.svelte
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="37" height="37" fill="none">
+  <path
+    fill="#F1EDFD"
+    fill-rule="evenodd"
+    d="M16.128 36.039c8.879 0 16.077-7.158 16.077-15.986 0-8.829-7.198-15.986-16.077-15.986C7.249 4.067.051 11.224.051 20.053c0 8.828 7.198 15.986 16.077 15.986Z"
+    clip-rule="evenodd"
+  />
+  <path
+    stroke="#F1EDFD"
+    stroke-width=".5"
+    d="M34.068 17c0 8.145-6.64 14.75-14.835 14.75S4.398 25.145 4.398 17s6.64-14.75 14.835-14.75c8.194 0 14.835 6.605 14.835 14.75Z"
+  />
+  <path
+    stroke="#F1EDFD"
+    stroke-width=".5"
+    d="M36.08 13.5c0 7.316-5.966 13.25-13.327 13.25-7.362 0-13.327-5.934-13.327-13.25S15.391.25 22.753.25C30.114.25 36.08 6.184 36.08 13.5Z"
+  />
+</svg>
diff --git a/src/components/icons/HeaderLogo.svelte b/src/components/icons/HeaderLogo.svelte
new file mode 100644
index 0000000..d4fd2b0
--- /dev/null
+++ b/src/components/icons/HeaderLogo.svelte
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="77" height="64" fill="none">
+  <path fill="#313245" d="M0 0h76.25v64H0z" />
+  <path
+    fill="#E1E2EA"
+    d="M60.25 21.535c0-.848-.687-1.535-1.535-1.535H49.24c-6.572 0-11.613 5.373-11.613 12s5.041 12 11.613 12h9.475a1.534 1.534 0 1 0 0-3.07H49.24c-4.89 0-8.856-3.998-8.856-8.93 0-4.932 3.965-8.93 8.856-8.93h9.475c.848 0 1.535-.688 1.535-1.535Z"
+  />
+  <path
+    fill="#E1E2EA"
+    d="M27.9 20h8.328a1.534 1.534 0 1 1 0 3.07H27.9c-4.372 0-8.005 3.194-8.726 7.395H38.91v3.07H19.174c.721 4.2 4.354 7.396 8.726 7.396h8.328a1.535 1.535 0 0 1 0 3.069H27.9C21.328 44 16 38.627 16 32s5.328-12 11.9-12Z"
+  />
+</svg>
diff --git a/src/components/icons/Settings.svelte b/src/components/icons/Settings.svelte
index 8c3c705..e1b5c8b 100644
--- a/src/components/icons/Settings.svelte
+++ b/src/components/icons/Settings.svelte
@@ -1,9 +1,8 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="34" fill="none">
   <path
-    stroke="currentColor"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    stroke-width="2"
-    d="M9 3V1m0 2a2 2 0 1 0 0 4m0-4a2 2 0 1 1 0 4m-6 8a2 2 0 1 0 0-4m0 4a2 2 0 1 1 0-4m0 4v2m0-6V1m6 6v10m6-2a2 2 0 1 0 0-4m0 4a2 2 0 1 1 0-4m0 4v2m0-6V1"
+    fill="#F1EDFD"
+    fill-rule="evenodd"
+    d="M19.86 0v2.941c2.22.36 4.268 1.233 6.018 2.494l2.08-2.08 3.25 3.249-2.08 2.08a14.168 14.168 0 0 1 2.493 6.019h2.942v4.594H31.62a14.168 14.168 0 0 1-2.494 6.02l2.08 2.08-3.248 3.248-2.08-2.08a14.168 14.168 0 0 1-6.02 2.494V34h-4.594v-2.941a14.168 14.168 0 0 1-6.018-2.494l-2.08 2.08-3.25-3.248 2.08-2.081a14.168 14.168 0 0 1-2.493-6.019H.562v-4.595h2.942a14.168 14.168 0 0 1 2.494-6.018l-2.08-2.08 3.248-3.25 2.08 2.081a14.168 14.168 0 0 1 6.02-2.494V0h4.594Zm-2.297 23.892a6.892 6.892 0 1 0 0-13.784 6.892 6.892 0 0 0 0 13.784Z"
+    clip-rule="evenodd"
   />
 </svg>
diff --git a/src/components/icons/Workflows.svelte b/src/components/icons/Workflows.svelte
new file mode 100644
index 0000000..8987c83
--- /dev/null
+++ b/src/components/icons/Workflows.svelte
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" fill="none">
+  <path
+    fill="#F1EDFD"
+    fill-rule="evenodd"
+    d="M16.688 32c6.26 0 11.68-3.595 14.308-8.832H17.75v-2.513H32c.447-1.473.688-3.036.688-4.655 0-8.837-7.164-16-16-16C10.63 0 5.36 3.365 2.643 8.328h13.075v2.513H1.538A15.98 15.98 0 0 0 .688 16c0 8.837 7.163 16 16 16Zm.244-22.191c3.395 0 5.535.197 6.74.533.608.17.943.365 1.094.557.072.091.101.18.102.272a.68.68 0 0 1-.1.333c-.144.261-.44.562-.874.895-.43.33-.98.682-1.614 1.048-1.27.731-2.864 1.513-4.485 2.299l-.467.226-.004.002c-1.463.708-2.922 1.414-4.15 2.08-.68.37-1.291.728-1.796 1.07-.502.34-.908.67-1.166.985-.254.31-.4.649-.275.98.12.32.465.551.972.726 1.027.354 2.943.55 6.023.55v-.36c-3.083 0-4.942-.197-5.906-.53-.488-.168-.693-.353-.753-.512-.056-.147-.013-.347.217-.626.225-.274.596-.581 1.09-.916a21.55 21.55 0 0 1 1.766-1.051c1.22-.662 2.67-1.365 4.135-2.073l.015-.008.456-.22c1.618-.785 3.224-1.572 4.507-2.311.642-.37 1.207-.73 1.654-1.074.444-.341.788-.678.97-1.006.091-.166.146-.337.144-.511a.794.794 0 0 0-.18-.49c-.224-.286-.655-.507-1.279-.681-1.256-.35-3.44-.546-6.836-.546v.359Z"
+    clip-rule="evenodd"
+  />
+</svg>
diff --git a/src/components/nav/Nav.svelte b/src/components/nav/Nav.svelte
new file mode 100644
index 0000000..4d0f2e0
--- /dev/null
+++ b/src/components/nav/Nav.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+  import { page } from '$app/stores'
+  import Activity from '$components/icons/Activity.svelte'
+  import Functions from '$components/icons/Functions.svelte'
+  import HeaderLogo from '$components/icons/HeaderLogo.svelte'
+  import Settings from '$components/icons/Settings.svelte'
+  import Workflows from '$components/icons/Workflows.svelte'
+
+  const navItems = [
+    {
+      label: 'Activity',
+      href: '/activity/',
+      icon: Activity
+    },
+    {
+      label: 'Workflows',
+      href: '/workflows/',
+      icon: Workflows
+    },
+    {
+      label: 'Functions',
+      href: '/functions/',
+      icon: Functions
+    },
+    {
+      label: 'Settings',
+      href: '/settings/',
+      icon: Settings
+    }
+  ]
+</script>
+
+<navbar class="flex flex-row p-0 w-full h-[64px]">
+  <a href="/" class=""><HeaderLogo /></a>
+  <ul
+    class="flex flex-row w-full items-center divide-x divide-odd-gray-100 justify-start"
+  >
+    {#each navItems as navItem}
+      <li
+        class="flex-auto bg-odd-blue-500 hover:bg-odd-blue-400 {$page.url.pathname.includes(
+          navItem.href
+        )
+          ? '!bg-odd-gray-500'
+          : ''} transition-colors ease-in-out duration-200 h-[64px] px-6"
+      >
+        <a
+          href={navItem.href}
+          class="flex flex-row items-center justify-start gap-4 h-full font-sans text-body-m text-odd-blue-100"
+        >
+          <svelte:component this={navItem.icon} />{navItem.label}
+        </a>
+      </li>
+    {/each}
+  </ul>
+</navbar>
diff --git a/src/global.css b/src/global.css
index 13d0cba..26fb7c0 100644
--- a/src/global.css
+++ b/src/global.css
@@ -3,95 +3,87 @@
 @tailwind utilities;
 
 @font-face {
-  font-family: 'UncutSans';
-  src: url('/fonts/uncut-sans-regular-webfont.woff2') format('woff2'),
-        url('/fonts/uncut-sans-regular-webfont.woff') format('woff');
-  font-weight: 400;
+  font-family: 'Overpass';
+  src: url('/fonts/overpass-variablefont_wght-webfont.woff2') format('woff2'),
+        url('/fonts/overpass-variablefont_wght-webfont.woff') format('woff');
+  font-weight: 400 700;
   font-style: normal;
 }
 
 @font-face {
-    font-family: 'UncutSans';
-    src: url('/fonts/uncut-sans-medium-webfont.woff2') format('woff2'),
-         url('/fonts/uncut-sans-medium-webfont.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'UncutSans';
-    src: url('/fonts/uncut-sans-medium-webfont.woff2') format('woff2'),
-         url('/fonts/uncut-sans-medium-webfont.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-}
-
-@font-face {
-  font-family: 'UncutSans';
-  src: url('/fonts/uncut-sans-bold-webfont.woff2') format('woff2'),
-        url('/fonts/uncut-sans-bold-webfont.woff') format('woff');
-  font-weight: 700;
+  font-family: 'Literata';
+  src: url('/fonts/Literata-VariableFont_opsz,wght.ttf') format('truetype');
+  font-weight: 100 600;
   font-style: normal;
 }
 
-h1, h2, h3 {
-  @apply font-bold;
-}
-
-h4, h5, h6 {
-  @apply font-medium;
+h1, h2, h3, h4, h5, h6 {
+  @apply font-sans;
 }
 
 body, input {
   @apply font-sans;
+  @apply text-body-m;
+  font-weight: 350;
 }
 
 /* Button default styles */
 .btn {
-  @apply font-medium;
-  @apply border-2;
-  @apply min-h-0;
+  @apply font-sans;
+  @apply border-0;
+  @apply transition-colors;
+  @apply ease-in;
 }
 
 .btn-circle {
-  @apply text-base-100;
-  @apply bg-base-content;
+  @apply text-odd-gray-500;
+  @apply bg-odd-gray-200;
+  @apply h-8;
+  @apply min-h-8;
+  @apply w-8;
 }
 
 .btn-circle:hover {
-  @apply bg-base-content;
+  @apply bg-odd-gray-150;
 }
 
 .btn-outline {
-  @apply text-sm;
-  @apply text-base-content;
-  @apply border-base-content;
-  @apply bg-base-100;
-  @apply shadow-orange;
-  @apply h-10;
+  @apply text-btn;
+  @apply text-odd-gray-500;
+  @apply bg-odd-gray-200;
   @apply px-4;
 }
 
+.btn-clear {
+  @apply text-btn;
+  @apply text-odd-blue-500;
+  @apply bg-transparent;
+}
+
 .btn-primary {
-  @apply text-sm;
-  @apply text-neutral-900;
-  @apply border-neutral-900;
-  @apply shadow-orange;
-  @apply bg-gradient-to-r;
-  @apply from-orange-300;
-  @apply to-orange-600;
-  @apply h-10;
+  @apply text-btn;
+  @apply text-odd-blue-100;
+  @apply bg-odd-blue-500;
   @apply px-4;
 }
 
+.btn-primary:hover {
+  @apply bg-odd-blue-400;
+}
+
 .btn-primary:disabled {
+  @apply bg-odd-blue-500;
+  @apply text-odd-blue-100;
   @apply opacity-50;
-  @apply text-neutral-900;
-  @apply border-neutral-900;
 }
 
-.btn-primary:hover, .btn-warning:hover {
-  @apply border-neutral-900;
+.btn-warning {
+  @apply bg-odd-pink-500;
+  @apply text-odd-pink-100;
+}
+
+.btn-warning:hover {
+  @apply bg-odd-pink-400;
 }
 
 .btn-link {
@@ -105,11 +97,18 @@ body, input {
   @apply border-base-content;
 }
 
+.modal {
+  @apply bg-base-100;
+  @apply bg-opacity-75;
+}
+
 /* Modal default styles */
 .modal-box {
-  @apply p-8;
+  @apply p-12;
   @apply border-2;
   @apply border-base-content;
+  @apply min-w-[33vw];
+  @apply max-w-2xl;
 }
 
 /* Label default styles */
@@ -118,10 +117,9 @@ body, input {
 }
 
 .label-text-alt {
-  @apply text-sm;
+  @apply text-body-sm;
 }
 
-
 /* Markdown styles */
 .markdown-body {
   @apply p-4 rounded;
diff --git a/src/lib/tasks.ts b/src/lib/functions.ts
similarity index 74%
rename from src/lib/tasks.ts
rename to src/lib/functions.ts
index ef29404..ecbcd7f 100644
--- a/src/lib/tasks.ts
+++ b/src/lib/functions.ts
@@ -1,11 +1,11 @@
 
 
-export type TasksStore = {
+export type FunctionsStore = {
   loading: boolean
-  tasks: Task[]
+  functions: Func[]
 }
 
-export type Task = {
+export type Func = {
   id: string
   name: string
   slug: string
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index c71dcb8..a20f613 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -6,9 +6,10 @@
   import { errorToMessage } from '$lib/session'
   import { initialize } from '$lib/init'
   import FullScreenLoadingSpinner from '$components/common/FullScreenLoadingSpinner.svelte'
-  import Header from '$components/Header.svelte'
+  // import Header from '$components/Header.svelte'
+  import Footer from '$components/Footer.svelte'
+  import Nav from '$components/nav/Nav.svelte'
   import Notifications from '$components/notifications/Notifications.svelte'
-  import SidebarNav from '$components/nav/SidebarNav.svelte'
 
   sessionStore.subscribe(session => {
     if (session.error) {
@@ -44,11 +45,14 @@
   {#if $sessionStore.loading}
     <FullScreenLoadingSpinner />
   {:else}
-    <SidebarNav>
-      <Header />
-      <div class="px-4">
+    <div class="flex flex-col min-h-screen">
+      <Nav />
+      <!-- <Header /> -->
+      <div class="p-4">
         <slot />
       </div>
-    </SidebarNav>
+
+      <Footer />
+    </div>
   {/if}
 </div>
diff --git a/src/routes/activity/+page.svelte b/src/routes/activity/+page.svelte
new file mode 100644
index 0000000..dc65f20
--- /dev/null
+++ b/src/routes/activity/+page.svelte
@@ -0,0 +1 @@
+Logs
diff --git a/src/routes/tasks/+page.svelte b/src/routes/functions/+page.svelte
similarity index 67%
rename from src/routes/tasks/+page.svelte
rename to src/routes/functions/+page.svelte
index 44a9d3d..c4f578f 100644
--- a/src/routes/tasks/+page.svelte
+++ b/src/routes/functions/+page.svelte
@@ -1,23 +1,23 @@
 <script lang="ts">
-  import { tasksStore } from '$src/stores'
+  import { functionsStore } from '$src/stores'
 
   let searchTerm = ''
-  $: tasks = searchTerm
-    ? $tasksStore?.tasks?.filter(task =>
-        task?.name?.toLowerCase()?.includes(searchTerm?.toLowerCase())
+  $: functions = searchTerm
+    ? $functionsStore?.functions?.filter(func =>
+        func?.name?.toLowerCase()?.includes(searchTerm?.toLowerCase())
       )
-    : $tasksStore?.tasks
+    : $functionsStore?.functions
 
   const handleClearSearch = () => (searchTerm = '')
 </script>
 
-<h1 class="text-2xl mb-4">Tasks</h1>
+<!-- <h1 class="text-2xl mb-4">Tasks</h1> -->
 
 <div class="flex flex-row justify-end w-full mb-4 relative">
   <input
     type="text"
-    placeholder="Search tasks"
-    class="input border border-neutral-700 rounded-full w-full sm:max-w-xs pr-8 relative z-0"
+    placeholder="Search functions"
+    class="input border border-gray-500 rounded-full w-full sm:max-w-xs pr-8 relative z-0"
     bind:value={searchTerm}
     on:keydown={event => {
       if (event.key === 'Escape') {
@@ -36,24 +36,24 @@
 <div
   class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4"
 >
-  {#each tasks as task}
+  {#each functions as func}
     <div
       class="flex flex-col border border-neutral-700 rounded-lg bg-white text-neutral-900 transition-colors hover:bg-orange-50"
     >
-      <a href={`/tasks/${task?.id}`}>
+      <a href={`/functions/${func?.id}`}>
         <div class="px-4 py-2">
-          <h3>{task?.name}</h3>
+          <h3>{func?.name}</h3>
 
           <div class="flex flex-col gap-1 ml-auto sm:self-end w-fit mt-auto">
             <div class="flex flex-row gap-4 items-center justify-center">
               <div class="flex flex-col">
                 <p class="text-xs">Version</p>
-                <p class="font-bold">{task?.version}</p>
+                <p class="font-bold">{func?.version}</p>
               </div>
               <div class="flex flex-col">
                 <p class="text-xs">Used by</p>
                 <p class="font-bold">
-                  {task?.numberOfProjectsUsing} workflows
+                  {func?.numberOfProjectsUsing} workflows
                 </p>
               </div>
             </div>
@@ -62,7 +62,7 @@
         <div
           class="w-full px-4 py-2 border-t border-neutral-700 self-end text-right"
         >
-          <p class="text-xs">Last published {task?.lastModifiedTime} ago</p>
+          <p class="text-xs">Last published {func?.lastModifiedTime} ago</p>
         </div>
       </a>
     </div>
diff --git a/src/routes/tasks/[id]/+page.svelte b/src/routes/functions/[id]/+page.svelte
similarity index 55%
rename from src/routes/tasks/[id]/+page.svelte
rename to src/routes/functions/[id]/+page.svelte
index 1a09905..756f5ec 100644
--- a/src/routes/tasks/[id]/+page.svelte
+++ b/src/routes/functions/[id]/+page.svelte
@@ -3,23 +3,23 @@
   import { marked } from 'marked'
   import sanitizeHtml from 'sanitize-html'
 
-  import '$routes/tasks/styles/markdown-styles-light.css'
-  import { tasksStore } from '$src/stores'
+  import '$routes/functions/styles/markdown-styles-light.css'
+  import { functionsStore } from '$src/stores'
 
-  $: task = $tasksStore?.tasks?.find(task => task?.id === $page.params.id)
+  $: func = $functionsStore?.functions?.find(f => f?.id === $page.params.id)
 </script>
 
 <div class="py-8">
-  {#if task}
+  {#if func}
     <div class="flex flex-col gap-4 mb-4">
-      <h1 class="text-xl">{task?.name}</h1>
+      <h1 class="text-heading-lg">{func?.name}</h1>
       <!-- <button class="btn sm:hidden">Add to workflow</button> -->
     </div>
 
     <div class="flex flex-col md:flex-row gap-8">
       <div class="">
         <div class="markdown-body">
-          {@html sanitizeHtml(marked(task?.description))}
+          {@html sanitizeHtml(marked(func?.description))}
         </div>
       </div>
 
@@ -27,34 +27,34 @@
         <button class="btn">Add to workflow</button>
         <div class="">
           <p>Repository</p>
-          <p class="font-bold underline text-blue-600">
-            <a href={task?.repository} target="_blank" rel="noreferrer">
-              {task?.repository}
+          <p class="font-bold text-body-sm underline text-blue-600">
+            <a href={func?.repository} target="_blank" rel="noreferrer">
+              {func?.repository}
             </a>
           </p>
         </div>
         <div class="">
           <p>Version</p>
-          <p class="font-bold">
-            {task?.version}
+          <p class="font-bold text-body-sm">
+            {func?.version}
           </p>
         </div>
         <div class="">
           <p>Used in</p>
-          <p class="font-bold">
-            {task?.numberOfProjectsUsing} workflows
+          <p class="font-bold text-body-sm">
+            {func?.numberOfProjectsUsing} workflows
           </p>
         </div>
         <div class="">
           <p>Last published</p>
-          <p class="font-bold">
-            {task?.lastModifiedTime} ago
+          <p class="font-bold text-body-sm">
+            {func?.lastModifiedTime} ago
           </p>
         </div>
         <div class="">
           <p>License</p>
-          <p class="font-bold">
-            {task?.license}
+          <p class="font-bold text-body-sm">
+            {func?.license}
           </p>
         </div>
       </div>
diff --git a/src/routes/tasks/lib/task-mocks.ts b/src/routes/functions/lib/function-mocks.ts
similarity index 100%
rename from src/routes/tasks/lib/task-mocks.ts
rename to src/routes/functions/lib/function-mocks.ts
diff --git a/src/routes/tasks/styles/markdown-styles-dark.css b/src/routes/functions/styles/markdown-styles-dark.css
similarity index 100%
rename from src/routes/tasks/styles/markdown-styles-dark.css
rename to src/routes/functions/styles/markdown-styles-dark.css
diff --git a/src/routes/tasks/styles/markdown-styles-light.css b/src/routes/functions/styles/markdown-styles-light.css
similarity index 100%
rename from src/routes/tasks/styles/markdown-styles-light.css
rename to src/routes/functions/styles/markdown-styles-light.css
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index e5adf48..dcbe268 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -10,16 +10,14 @@
 
 {#if $sessionStore.session}
   <div
-    class="min-h-[calc(100vh-128px)] md:min-h-[calc(100vh-160px)] pt-8 md:pt-16 flex flex-col items-start max-w-[690px] m-auto gap-10 pb-28 text-sm"
+    class="flex flex-col items-start max-w-[690px] m-auto gap-10 pb-28 text-sm"
   >
-    <h1 class="text-xl">Account Settings</h1>
-
     <div class="flex flex-col items-start justify-center gap-6">
       <AvatarUpload />
 
       <Username />
 
-      <ThemePreferences />
+      <!-- <ThemePreferences /> -->
 
       <ConnectedDevices />
 
diff --git a/src/routes/workflows/+page.svelte b/src/routes/workflows/+page.svelte
index 3eb9fd0..299806f 100644
--- a/src/routes/workflows/+page.svelte
+++ b/src/routes/workflows/+page.svelte
@@ -12,13 +12,13 @@
   const handleClearSearch = () => (searchTerm = '')
 </script>
 
-<h1 class="text-2xl mb-4">Workflows</h1>
+<!-- <h1 class="text-2xl mb-4">Workflows</h1> -->
 
 <div class="flex flex-row justify-end w-full mb-4 relative">
   <input
     type="text"
     placeholder="Search workflows"
-    class="input border border-neutral-700 rounded-full w-full sm:max-w-xs pr-8 relative z-0"
+    class="input border border-gray-500 rounded-full w-full sm:max-w-xs pr-8 relative z-0"
     bind:value={searchTerm}
     on:keydown={event => {
       if (event.key === 'Escape') {
diff --git a/src/routes/workflows/[id]/+page.svelte b/src/routes/workflows/[id]/+page.svelte
index 19534af..b4d3127 100644
--- a/src/routes/workflows/[id]/+page.svelte
+++ b/src/routes/workflows/[id]/+page.svelte
@@ -74,10 +74,10 @@
 
 <div class="">
   {#if workflow}
-    <h1 class="text-xl mb-4">{workflow.name}</h1>
+    <h1 class="text-heading-lg mb-4">{workflow.name}</h1>
 
     <div
-      class="flex flex-col mb-8 px-4 py-4 border border-neutral-700 rounded-lg"
+      class="flex flex-col mb-8 px-4 py-4 border border-odd-gray-500 rounded-lg"
     >
       <p class="font-bold">Preview</p>
       <a
@@ -92,7 +92,7 @@
         />
       </a>
 
-      <div class="flex flex-row divide-x divide-neutral-700 items-center">
+      <div class="flex flex-row divide-x divide-odd-gray-500 items-center">
         <div class="pr-4 min-w-[99px]">
           <p class="text-xs">Custom Domains</p>
           <div class="flex flex-row items-center justify-between">
@@ -160,12 +160,12 @@
       </div>
     </div>
 
-    <div class="tabs mb-8 border-b border-neutral-700 box-border">
+    <div class="tabs mb-8 border-b border-odd-gray-500 box-border">
       {#each tabs as tab}
         <button
           on:click={() => handleTabClick(tab)}
           class="tab {activeTab === tab
-            ? 'tab-active border-b border-neutral-700'
+            ? 'tab-active border-b border-odd-gray-500'
             : ''} capitalize"
         >
           {tab}
@@ -174,7 +174,7 @@
     </div>
 
     <div
-      class="flex flex-col mb-4 px-4 py-4 border border-neutral-700 rounded-lg"
+      class="flex flex-col mb-4 px-4 py-4 border border-odd-gray-500 rounded-lg"
     >
       {#if activeTab === tabs[0]}
         <div class="">
diff --git a/src/routes/workflows/lib/workflow-mocks.ts b/src/routes/workflows/lib/workflow-mocks.ts
index 0bcd860..f59748b 100644
--- a/src/routes/workflows/lib/workflow-mocks.ts
+++ b/src/routes/workflows/lib/workflow-mocks.ts
@@ -1,7 +1,7 @@
 export default [
   {
     id: '7706e116-21fc-4574-a53c-a6d2efad0b04',
-    name: 'hello-world-shiny-star-f6bf',
+    name: 'hello-world-driving-crooner-f6bf',
     requests: 124,
     errors: 1,
     lastModifiedTime: '2 hours',
diff --git a/src/stores.ts b/src/stores.ts
index 1a205a3..17e10cd 100644
--- a/src/stores.ts
+++ b/src/stores.ts
@@ -9,8 +9,8 @@ import type { Session } from '$lib/session'
 import type { Theme } from '$lib/theme'
 import type { ProjectsStore } from '$lib/projects'
 import projects from '$routes/projects/lib/project-mocks'
-import type { TasksStore } from '$lib/tasks'
-import tasks from '$routes/tasks/lib/task-mocks'
+import type { FunctionsStore } from '$lib/functions'
+import functions from '$routes/functions/lib/function-mocks'
 import type { WorkflowsStore } from '$lib/workflows'
 import workflows from '$routes/workflows/lib/workflow-mocks'
 
@@ -39,9 +39,9 @@ export const projectsStore: Writable<ProjectsStore> = writable({
   projects
 })
 
-export const tasksStore: Writable<TasksStore> = writable({
+export const functionsStore: Writable<FunctionsStore> = writable({
   loading: false,
-  tasks
+  functions
 })
 
 export const workflowsStore: Writable<WorkflowsStore> = writable({
diff --git a/static/fonts/Literata-VariableFont_opsz,wght.ttf b/static/fonts/Literata-VariableFont_opsz,wght.ttf
new file mode 100644
index 0000000..527a458
Binary files /dev/null and b/static/fonts/Literata-VariableFont_opsz,wght.ttf differ
diff --git a/static/fonts/overpass-variablefont_wght-webfont.woff b/static/fonts/overpass-variablefont_wght-webfont.woff
new file mode 100644
index 0000000..3a75b04
Binary files /dev/null and b/static/fonts/overpass-variablefont_wght-webfont.woff differ
diff --git a/static/fonts/overpass-variablefont_wght-webfont.woff2 b/static/fonts/overpass-variablefont_wght-webfont.woff2
new file mode 100644
index 0000000..5b443da
Binary files /dev/null and b/static/fonts/overpass-variablefont_wght-webfont.woff2 differ
diff --git a/static/fonts/uncut-sans-bold-webfont.woff b/static/fonts/uncut-sans-bold-webfont.woff
deleted file mode 100644
index 92764e4..0000000
Binary files a/static/fonts/uncut-sans-bold-webfont.woff and /dev/null differ
diff --git a/static/fonts/uncut-sans-bold-webfont.woff2 b/static/fonts/uncut-sans-bold-webfont.woff2
deleted file mode 100644
index f767519..0000000
Binary files a/static/fonts/uncut-sans-bold-webfont.woff2 and /dev/null differ
diff --git a/static/fonts/uncut-sans-medium-webfont.woff b/static/fonts/uncut-sans-medium-webfont.woff
deleted file mode 100644
index 51edef3..0000000
Binary files a/static/fonts/uncut-sans-medium-webfont.woff and /dev/null differ
diff --git a/static/fonts/uncut-sans-medium-webfont.woff2 b/static/fonts/uncut-sans-medium-webfont.woff2
deleted file mode 100644
index 180b36b..0000000
Binary files a/static/fonts/uncut-sans-medium-webfont.woff2 and /dev/null differ
diff --git a/static/fonts/uncut-sans-regular-webfont.woff b/static/fonts/uncut-sans-regular-webfont.woff
deleted file mode 100644
index b349be7..0000000
Binary files a/static/fonts/uncut-sans-regular-webfont.woff and /dev/null differ
diff --git a/static/fonts/uncut-sans-regular-webfont.woff2 b/static/fonts/uncut-sans-regular-webfont.woff2
deleted file mode 100644
index b054144..0000000
Binary files a/static/fonts/uncut-sans-regular-webfont.woff2 and /dev/null differ
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 0511b66..c414eb8 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -17,8 +17,8 @@ module.exports = {
           success: '#BBF7D0',
           warning: '#fdba74',
           error: '#DC2626',
-          'base-content': '#FAFAFA', // Base text content color
-          'base-100': '#171717', // Base background color
+          'base-content': '#E1E2EA', // Base text content color
+          'base-100': '#313245', // Base background color
           '--rounded-box': '16px',
           '--rounded-btn': '4px',
           '--rounded-badge': '2px',
@@ -35,8 +35,8 @@ module.exports = {
           success: '#BBF7D0',
           warning: '#fed7aa',
           error: '#DC2626',
-          'base-content': '#171717', // Base text content color
-          'base-100': '#FAFAFA', // Base background color
+          'base-content': '#313245', // Base text content color
+          'base-100': '#E1E2EA', // Base background color
           '--rounded-box': '16px',
           '--rounded-btn': '4px',
           '--rounded-badge': '2px',
@@ -60,54 +60,83 @@ module.exports = {
       aspectRatio: {
         '22/23': '22 / 23'
       },
-      boxShadow: {
-        orange: '0px 4px 0px rgba(243, 110, 101, 0.35)'
-      },
       colors: {
-        blue: {
-          100: '#DBEAFE',
-          600: '#2563EB',
-          900: '#1E3A8A'
+        'odd-gray': {
+          100: '#E1E2EA',
+          150: '#C8CADA',
+          200: '#AAADC4',
+          300: '#74789D',
+          400: '#484A65',
+          500: '#313245'
+        },
+        'odd-blue': {
+          100: '#F1EDFD',
+          200: '#D5C3FD',
+          300: '#B79AFC',
+          400: '#9372FB',
+          500: '#6649F8'
         },
-        green: {
-          300: '#86EFAC',
-          500: '#22C55E',
-          700: '#15803D'
+        'odd-pink': {
+          100: '#FEF6F8',
+          200: '#FFCFD5',
+          300: '#FFA8B2',
+          400: '#FA7F91',
+          500: '#F15072'
         },
-        neutral: {
-          50: '#FAFAFA',
-          200: '#E5E5E5',
-          500: '#737373',
-          700: '#404040',
-          800: '#262626',
-          900: '#171717'
+        'odd-green': {
+          100: '#E1F0EB',
+          200: '#B1D9CA',
+          300: '#82C1A8',
+          400: '#52A985',
+          500: '#0F9162'
         },
-        orange: {
-          50: '#FFF7ED',
-          200: '#FDBA74',
-          300: '#F26D64',
-          500: '#F36E65',
-          600: '#EED082',
-          700: '#C2410C'
+        'odd-red': {
+          100: '#F0E1E5',
+          200: '#E2B2BD',
+          300: '#D28392',
+          400: '#BE5366',
+          500: '#BE5366'
         },
-        red: {
-          400: '#F87171',
-          600: '#DC2626'
+        'odd-yellow': {
+          100: '#F0EDE1',
+          200: '#EDE1BE',
+          300: '#E8D49A',
+          400: '#E3CA78',
+          500: '#DFC334'
         }
       },
       fontFamily: {
-        sans: ['UncutSans']
+        sans: ['Overpass'],
+        serif: ['Literata']
       },
       fontSize: {
-        mobileNav: ['24px', { lineHeight: '24px' }],
-        deviceCode: ['30px', { lineHeight: '36px' }],
-        xxs: ['12px', { lineHeight: '16px' }],
-        xs: ['13px', { lineHeight: '24px', letterSpacing: '0.1em' }],
-        sm: ['16px', { lineHeight: '24px' }],
-        base: ['20px', { lineHeight: '28px' }],
-        lg: ['24px', { lineHeight: '32px' }],
-        xl: ['38px', { lineHeight: '48px' }],
-        '2xl': ['50px', { lineHeight: '62px' }]
+        'btn-sm': ['16px', { lineHeight: '17px' }],
+        btn: ['20px', { lineHeight: '22px' }],
+        'body-xs': ['12px', { lineHeight: '18px' }],
+        'body-sm': ['16px', { lineHeight: '24px' }],
+        'body-m': ['20px', { lineHeight: '30px' }],
+        'body-lg': ['24px', { lineHeight: '36px' }],
+        'heading-sm': [
+          '16px',
+          {
+            lineHeight: '17px',
+            textTransform: 'uppercase',
+            letterSpacing: '0.04em'
+          }
+        ],
+        'heading-m': ['28px', { lineHeight: '30px', letterSpacing: '-0.02em' }],
+        'heading-lg': [
+          '38px',
+          { lineHeight: '41px', letterSpacing: '-0.02em' }
+        ],
+        'heading-xl': [
+          '50px',
+          { lineHeight: '54px', letterSpacing: '-0.02em' }
+        ],
+        'heading-2xl': [
+          '56px',
+          { lineHeight: '60px', letterSpacing: '-0.02em' }
+        ]
       },
       keyframes: {
         marquee: {