diff --git a/src/assets/example.avif b/src/assets/example.avif
new file mode 100644
index 0000000..4a0dcfc
Binary files /dev/null and b/src/assets/example.avif differ
diff --git a/src/assets/games/garrysmod/alternative-icon.png b/src/assets/games/garrysmod/alternative-icon.png
index 85b7c71..eaab7e4 100644
Binary files a/src/assets/games/garrysmod/alternative-icon.png and b/src/assets/games/garrysmod/alternative-icon.png differ
diff --git a/src/assets/games/garrysmod/backgrounds/andreas-kretschmer-sk5eVnGo3F0-unsplash.jpg b/src/assets/games/garrysmod/backgrounds/andreas-kretschmer-sk5eVnGo3F0-unsplash.jpg
index d2519bf..1db6084 100644
Binary files a/src/assets/games/garrysmod/backgrounds/andreas-kretschmer-sk5eVnGo3F0-unsplash.jpg and b/src/assets/games/garrysmod/backgrounds/andreas-kretschmer-sk5eVnGo3F0-unsplash.jpg differ
diff --git a/src/assets/games/garrysmod/icon.png b/src/assets/games/garrysmod/icon.png
index 9693de7..e2d9fcd 100644
Binary files a/src/assets/games/garrysmod/icon.png and b/src/assets/games/garrysmod/icon.png differ
diff --git a/src/assets/games/minecraft/icon.png b/src/assets/games/minecraft/icon.png
index 3ed1a0f..2d53d52 100644
Binary files a/src/assets/games/minecraft/icon.png and b/src/assets/games/minecraft/icon.png differ
diff --git a/src/assets/games/openarena/backgrounds/085-12.jpg b/src/assets/games/openarena/backgrounds/085-12.jpg
index 496512c..d754479 100644
Binary files a/src/assets/games/openarena/backgrounds/085-12.jpg and b/src/assets/games/openarena/backgrounds/085-12.jpg differ
diff --git a/src/assets/games/openarena/backgrounds/085-13.jpg b/src/assets/games/openarena/backgrounds/085-13.jpg
index 1502e9a..c436f21 100644
Binary files a/src/assets/games/openarena/backgrounds/085-13.jpg and b/src/assets/games/openarena/backgrounds/085-13.jpg differ
diff --git a/src/assets/games/openarena/backgrounds/085-15.jpg b/src/assets/games/openarena/backgrounds/085-15.jpg
index cc6a8e8..f3e1537 100644
Binary files a/src/assets/games/openarena/backgrounds/085-15.jpg and b/src/assets/games/openarena/backgrounds/085-15.jpg differ
diff --git a/src/assets/games/openarena/backgrounds/085-16.jpg b/src/assets/games/openarena/backgrounds/085-16.jpg
index 21bf3f7..8faf726 100644
Binary files a/src/assets/games/openarena/backgrounds/085-16.jpg and b/src/assets/games/openarena/backgrounds/085-16.jpg differ
diff --git a/src/assets/games/openarena/icon.png b/src/assets/games/openarena/icon.png
index 2836e11..dbc3630 100644
Binary files a/src/assets/games/openarena/icon.png and b/src/assets/games/openarena/icon.png differ
diff --git a/src/assets/icons/Name=friends.svg b/src/assets/icons/Name=friends.svg
new file mode 100644
index 0000000..8c2cec0
--- /dev/null
+++ b/src/assets/icons/Name=friends.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.16006 10.87C9.06006 10.86 8.94006 10.86 8.83006 10.87C6.45006 10.79 4.56006 8.84 4.56006 6.44C4.56006 3.99 6.54006 2 9.00006 2C11.4501 2 13.4401 3.99 13.4401 6.44C13.4301 8.84 11.5401 10.79 9.16006 10.87Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.41 4C18.35 4 19.91 5.57 19.91 7.5C19.91 9.39 18.41 10.93 16.54 11C16.46 10.99 16.37 10.99 16.28 11" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.15997 14.56C1.73997 16.18 1.73997 18.82 4.15997 20.43C6.90997 22.27 11.42 22.27 14.17 20.43C16.59 18.81 16.59 16.17 14.17 14.56C11.43 12.73 6.91997 12.73 4.15997 14.56Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.3401 20C19.0601 19.85 19.7401 19.56 20.3001 19.13C21.8601 17.96 21.8601 16.03 20.3001 14.86C19.7501 14.44 19.0801 14.16 18.3701 14" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/Name=game.svg b/src/assets/icons/Name=game.svg
new file mode 100644
index 0000000..85f95de
--- /dev/null
+++ b/src/assets/icons/Name=game.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.57002 12.46L6.52002 15.51" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.55005 12.49L9.60005 15.54" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.53 14H13.54" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.47 14H17.48" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.5 15.98V15.96" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.5 12.04V12.02" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 22H15C20 22 22 20 22 15V13C22 8 20 6 15 6H9C4 6 2 8 2 13V15C2 20 4 22 9 22Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.01 2L13 3.01C12.99 3.56 12.55 4 12 4H11.97C11.42 4 10.98 4.45 10.98 5C10.98 5.55 11.43 6 11.98 6H12.98" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/Name=menu-panel.svg b/src/assets/icons/Name=menu-panel.svg
new file mode 100644
index 0000000..43c714f
--- /dev/null
+++ b/src/assets/icons/Name=menu-panel.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 2V22" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/Name=search.svg b/src/assets/icons/Name=search.svg
new file mode 100644
index 0000000..2a4db07
--- /dev/null
+++ b/src/assets/icons/Name=search.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.4998 20.9998C16.7465 20.9998 20.9998 16.7465 20.9998 11.4998C20.9998 6.25305 16.7465 1.99976 11.4998 1.99976C6.25305 1.99976 1.99976 6.25305 1.99976 11.4998C1.99976 16.7465 6.25305 20.9998 11.4998 20.9998Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.9998 21.9998L19.9998 19.9998" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/Name=server.svg b/src/assets/icons/Name=server.svg
new file mode 100644
index 0000000..64c55ef
--- /dev/null
+++ b/src/assets/icons/Name=server.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 6.25V8.25" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 6.25V8.25" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 16V18" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 16V18" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 7.25H18" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 17H18" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 12H22" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/Name=sign-out.svg b/src/assets/icons/Name=sign-out.svg
new file mode 100644
index 0000000..02743ad
--- /dev/null
+++ b/src/assets/icons/Name=sign-out.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.1001 7.55999C14.7901 3.95999 12.9401 2.48999 8.8901 2.48999H8.7601C4.2901 2.48999 2.5001 4.27999 2.5001 8.74999V15.27C2.5001 19.74 4.2901 21.53 8.7601 21.53H8.8901C12.9101 21.53 14.7601 20.08 15.0901 16.54" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.99988 12H20.3799" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.15 8.6499L21.5 11.9999L18.15 15.3499" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>