diff --git a/packages/website-ue/astro.config.ts b/packages/website-ue/astro.config.ts
index 07c0b288d..aaf08b1d2 100644
--- a/packages/website-ue/astro.config.ts
+++ b/packages/website-ue/astro.config.ts
@@ -12,7 +12,7 @@ import { tools } from "./src/constants/tools";
 
 const POSSIBLE_TARGETS = ["app", "web"];
 
-const target = process.env.PUBLIC_TARGET ;
+const target = process.env.PUBLIC_TARGET;
 
 if (!target || !POSSIBLE_TARGETS.includes(target)) {
   throw new Error("Invalid target");
diff --git a/packages/website-ue/public/assets/images/tools/api.webp b/packages/website-ue/public/assets/images/tools/api.webp
new file mode 100644
index 000000000..ba72cd100
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/api.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/charts.webp b/packages/website-ue/public/assets/images/tools/charts.webp
new file mode 100644
index 000000000..1d9e0538a
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/charts.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/compare.webp b/packages/website-ue/public/assets/images/tools/compare.webp
new file mode 100644
index 000000000..b24df602f
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/compare.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/discord.webp b/packages/website-ue/public/assets/images/tools/discord.webp
new file mode 100644
index 000000000..739ed8bc3
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/discord.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/embed.webp b/packages/website-ue/public/assets/images/tools/embed.webp
new file mode 100644
index 000000000..5675f84a2
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/embed.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/gallery.webp b/packages/website-ue/public/assets/images/tools/gallery.webp
new file mode 100644
index 000000000..c8cdc346e
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/gallery.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/guess.webp b/packages/website-ue/public/assets/images/tools/guess.webp
new file mode 100644
index 000000000..3453b25f9
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/guess.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/mixer.webp b/packages/website-ue/public/assets/images/tools/mixer.webp
new file mode 100644
index 000000000..61f9c9596
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/mixer.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/more.webp b/packages/website-ue/public/assets/images/tools/more.webp
new file mode 100644
index 000000000..2555eb689
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/more.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/performance.webp b/packages/website-ue/public/assets/images/tools/performance.webp
new file mode 100644
index 000000000..917d281d4
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/performance.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/players.webp b/packages/website-ue/public/assets/images/tools/players.webp
new file mode 100644
index 000000000..a71fc9721
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/players.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/playlist.webp b/packages/website-ue/public/assets/images/tools/playlist.webp
new file mode 100644
index 000000000..3504be291
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/playlist.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/rating.webp b/packages/website-ue/public/assets/images/tools/rating.webp
new file mode 100644
index 000000000..8d3fa44d5
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/rating.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/session.webp b/packages/website-ue/public/assets/images/tools/session.webp
new file mode 100644
index 000000000..64e7f5caf
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/session.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/tanks.webp b/packages/website-ue/public/assets/images/tools/tanks.webp
new file mode 100644
index 000000000..f5ffb5992
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/tanks.webp differ
diff --git a/packages/website-ue/public/assets/images/tools/tier-list.webp b/packages/website-ue/public/assets/images/tools/tier-list.webp
new file mode 100644
index 000000000..4cc334352
Binary files /dev/null and b/packages/website-ue/public/assets/images/tools/tier-list.webp differ
diff --git a/packages/website-ue/public/favicon.svg b/packages/website-ue/public/favicon.svg
new file mode 100644
index 000000000..a89c21cb9
--- /dev/null
+++ b/packages/website-ue/public/favicon.svg
@@ -0,0 +1,46 @@
+<svg width="426" height="426" viewBox="0 0 426 426" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M416.628 244.997L235.625 372.974C223.13 381.809 202.87 381.809 190.375 372.974L9.37173 244.997C3.1239 240.58 -3.95076e-06 234.79 0 229V196.6H426V229C426 234.79 422.876 240.58 416.628 244.997Z" fill="#0D2847"/>
+<path d="M416.628 180.603L235.625 52.6262C223.13 43.7913 202.87 43.7913 190.375 52.6262L9.37172 180.603C-3.12391 189.438 -3.12391 203.762 9.37173 212.597L190.375 340.574C202.87 349.409 223.13 349.409 235.625 340.574L416.628 212.597C429.124 203.762 429.124 189.438 416.628 180.603Z" fill="#D9D9D9"/>
+<path d="M416.628 180.603L235.625 52.6262C223.13 43.7913 202.87 43.7913 190.375 52.6262L9.37172 180.603C-3.12391 189.438 -3.12391 203.762 9.37173 212.597L190.375 340.574C202.87 349.409 223.13 349.409 235.625 340.574L416.628 212.597C429.124 203.762 429.124 189.438 416.628 180.603Z" fill="url(#paint0_linear_764_240)"/>
+<path d="M416.628 180.603L235.625 52.6262C223.13 43.7913 202.87 43.7913 190.375 52.6262L9.37172 180.603C-3.12391 189.438 -3.12391 203.762 9.37173 212.597L190.375 340.574C202.87 349.409 223.13 349.409 235.625 340.574L416.628 212.597C429.124 203.762 429.124 189.438 416.628 180.603Z" fill="url(#paint1_linear_764_240)"/>
+<g filter="url(#filter0_d_764_240)">
+<path d="M197.056 150.108L201.368 153.051L290.596 213.945L306.6 202.599L310.832 199.599L289.153 184.23L288.86 177.31L335.236 182.298L351.706 170.622L359.102 165.378L288.049 158.111L286.355 118L263.968 133.871L265.867 167.722L217.292 135.762L197.056 150.108Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M192.905 289L74.2242 204.714L70 201.714L116.393 168.767C129.906 159.17 143.124 153.539 156.048 151.875C168.971 150.211 180.919 153.275 191.893 161.069C198.702 165.905 202.718 171.006 203.941 176.372C205.165 181.658 204.302 186.506 201.354 190.918L201.692 191.158C208.978 188.301 216.935 187.286 225.563 188.113C234.247 188.9 242.613 192.151 250.66 197.866C261.803 205.779 266.398 214.825 264.446 225.004C262.551 235.142 254.96 244.929 241.672 254.366L192.905 289ZM221.999 242.08L200.456 257.38L163.905 231.422L185.448 216.123C192.007 211.465 198.473 209.23 204.846 209.42C211.22 209.529 217.193 211.562 222.764 215.519C228.392 219.516 231.31 223.797 231.521 228.364C231.732 232.85 228.558 237.422 221.999 242.08ZM165.937 205.64L146.77 219.252L114.693 196.472L133.861 182.859C140.363 178.241 146.435 175.887 152.076 175.798C157.717 175.708 163.07 177.462 168.135 181.059C173.256 184.696 175.809 188.557 175.796 192.643C175.726 196.69 172.44 201.022 165.937 205.64Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path d="M197.056 156.108L290.596 219.945L310.832 205.599L306.6 202.599L289.153 190.23L288.86 183.31L335.236 188.298L359.102 171.378L351.706 170.622L288.049 164.111L286.355 124L263.968 139.871L265.867 173.722L217.292 141.762L201.368 153.051L197.056 156.108Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M192.905 295L70 207.714L74.2242 204.714L116.393 174.767C129.906 165.17 143.124 159.539 156.048 157.875C168.971 156.211 180.919 159.275 191.893 167.069C198.702 171.905 202.718 177.006 203.941 182.372C205.165 187.658 204.302 192.506 201.354 196.918L201.692 197.158C208.978 194.301 216.935 193.286 225.563 194.113C234.247 194.9 242.613 198.151 250.66 203.866C261.803 211.779 266.398 220.825 264.446 231.004C262.551 241.142 254.96 250.929 241.672 260.366L192.905 295ZM221.999 248.08L200.456 263.38L163.905 237.422L185.448 222.123C192.007 217.465 198.473 215.23 204.846 215.42C211.22 215.529 217.193 217.562 222.764 221.519C228.392 225.516 231.31 229.797 231.521 234.364C231.732 238.85 228.558 243.422 221.999 248.08ZM165.937 211.64L146.77 225.252L114.693 202.472L133.861 188.859C140.363 184.241 146.435 181.887 152.076 181.798C157.717 181.708 163.07 183.462 168.135 187.059C173.256 190.696 175.809 194.557 175.796 198.643C175.726 202.69 172.44 207.022 165.937 211.64Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path d="M310.832 199.599L306.6 202.599L310.832 205.599V199.599Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path d="M359.102 165.378L351.706 170.622L359.102 171.378V165.378Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path d="M201.368 153.051L197.056 150.108V156.108L201.368 153.051Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path d="M74.2242 204.714L70 201.714V207.714L74.2242 204.714Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+</g>
+<path d="M197.056 150.108L290.596 213.945L310.832 199.599L289.153 184.23L288.86 177.31L335.236 182.298L359.102 165.378L288.049 158.111L286.355 118L263.968 133.871L265.867 167.722L217.292 135.762L197.056 150.108Z" fill="url(#paint2_linear_764_240)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M192.905 289L70 201.714L116.393 168.767C129.906 159.17 143.124 153.539 156.048 151.875C168.971 150.211 180.919 153.275 191.893 161.069C198.702 165.905 202.718 171.006 203.941 176.372C205.165 181.658 204.302 186.506 201.354 190.918L201.692 191.158C208.978 188.301 216.935 187.286 225.563 188.113C234.247 188.9 242.613 192.151 250.66 197.866C261.803 205.779 266.398 214.825 264.446 225.004C262.551 235.142 254.96 244.929 241.672 254.366L192.905 289ZM221.999 242.08L200.456 257.38L163.905 231.422L185.448 216.123C192.007 211.465 198.473 209.23 204.846 209.42C211.22 209.529 217.193 211.562 222.764 215.519C228.392 219.516 231.31 223.797 231.521 228.364C231.732 232.85 228.558 237.422 221.999 242.08ZM165.937 205.64L146.77 219.252L114.693 196.472L133.861 182.859C140.363 178.241 146.435 175.887 152.076 175.798C157.717 175.708 163.07 177.462 168.135 181.059C173.256 184.696 175.809 188.557 175.796 192.643C175.726 196.69 172.44 201.022 165.937 205.64Z" fill="url(#paint3_linear_764_240)"/>
+<defs>
+<filter id="filter0_d_764_240" x="66" y="116" width="297.103" height="185" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_764_240"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_764_240" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_764_240" x1="213" y1="46" x2="213" y2="347.2" gradientUnits="userSpaceOnUse">
+<stop stop-color="#10243E"/>
+<stop offset="1" stop-color="#0F1B2D"/>
+</linearGradient>
+<linearGradient id="paint1_linear_764_240" x1="127.008" y1="96.51" x2="241.48" y2="334.974" gradientUnits="userSpaceOnUse">
+<stop stop-color="#262A65"/>
+<stop offset="1" stop-color="#104D87"/>
+</linearGradient>
+<linearGradient id="paint2_linear_764_240" x1="215" y1="98.5" x2="299.5" y2="210.5" gradientUnits="userSpaceOnUse">
+<stop offset="0.379808" stop-color="#C2E6FF"/>
+<stop offset="0.706731" stop-color="#70B8FF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_764_240" x1="215" y1="98.5" x2="299.5" y2="210.5" gradientUnits="userSpaceOnUse">
+<stop offset="0.379808" stop-color="#C2E6FF"/>
+<stop offset="0.706731" stop-color="#70B8FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/packages/website-ue/src/constants/tools.ts b/packages/website-ue/src/constants/tools.ts
new file mode 100644
index 000000000..4dcb9ec69
--- /dev/null
+++ b/packages/website-ue/src/constants/tools.ts
@@ -0,0 +1,82 @@
+import type { ButtonProps } from "@radix-ui/themes";
+
+export interface Tool {
+  id: string;
+  strings?: string;
+
+  button: ButtonProps["color"];
+  significant?: boolean;
+  disabled?: boolean;
+  href?: string;
+}
+
+export const tools: Record<string, Tool> = {
+  tanks: {
+    id: "tanks",
+    strings: "tankopedia",
+    button: "purple",
+    significant: true,
+  },
+  players: {
+    id: "players",
+    disabled: true,
+    button: "blue",
+  },
+  compare: {
+    id: "compare",
+    button: "crimson",
+  },
+  performance: {
+    id: "performance",
+    button: "jade",
+  },
+  charts: {
+    id: "charts",
+    disabled: true,
+    button: "bronze",
+  },
+  playlist: {
+    id: "playlist",
+    button: "tomato",
+  },
+  mixer: {
+    id: "mixer",
+    button: "gray",
+  },
+  guess: {
+    id: "guess",
+    button: "cyan",
+  },
+  gallery: {
+    id: "gallery",
+    button: "gold",
+  },
+  session: {
+    id: "session",
+    button: "blue",
+  },
+  discord: {
+    id: "discord",
+    href: "https://discord.com/application-directory/1097673957865443370",
+    button: "indigo",
+  },
+  tier_list: {
+    id: "tier-list",
+    strings: "tier_list",
+    button: "orange",
+  },
+  embed: {
+    id: "embed",
+    button: "red",
+  },
+  api: {
+    id: "api",
+    disabled: true,
+    button: "bronze",
+  },
+  more: {
+    id: "more",
+    href: "https://discord.gg/nDt7AjGJQH",
+    button: "plum",
+  },
+};