diff --git a/static/icons/beamednote.svg b/static/icons/beamednote.svg
new file mode 100644
index 0000000..ed4b53e
--- /dev/null
+++ b/static/icons/beamednote.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" viewBox="0 0 24 24">
+  <!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9)  -->
+  <path d="M7,2v12H3v2H1v4h2v1.96997h4v-1.96997h2v-12h10v6h-4v2h-2v4h2v1.96997h4v-1.96997h2V2H7ZM19,6h-10v-2h10v2Z"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/cassette-tape.png b/static/icons/cassette-tape.png
new file mode 100644
index 0000000..92a6dec
Binary files /dev/null and b/static/icons/cassette-tape.png differ
diff --git a/static/icons/cd-audio.png b/static/icons/cd-audio.png
new file mode 100644
index 0000000..68bb414
Binary files /dev/null and b/static/icons/cd-audio.png differ
diff --git a/static/icons/cd-white.svg b/static/icons/cd-white.svg
new file mode 100644
index 0000000..2e4fe0b
--- /dev/null
+++ b/static/icons/cd-white.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" viewBox="0 0 24 24">
+  <!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9)  -->
+  <path d="M17,3H7v2h-2v2h-2v10h2v2h2v2h10v-2h2v-2h2V7h-2v-2h-2v-2ZM17,5v2h2v10h-2v2H7v-2h-2V7h2v-2h10Z" fill="#fff" fill-rule="evenodd"/>
+  <rect x="10" y="10" width="4" height="4" fill="#fff"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/cd.svg b/static/icons/cd.svg
new file mode 100644
index 0000000..f4698c1
--- /dev/null
+++ b/static/icons/cd.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" viewBox="0 0 24 24">
+  <!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9)  -->
+  <path d="M17,3H7v2h-2v2h-2v10h2v2h2v2h10v-2h2v-2h2V7h-2v-2h-2v-2ZM17,5v2h2v10h-2v2H7v-2h-2V7h2v-2h10Z" fill-rule="evenodd"/>
+  <rect x="10" y="10" width="4" height="4"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/eighthnote-white.svg b/static/icons/eighthnote-white.svg
new file mode 100644
index 0000000..2adab42
--- /dev/null
+++ b/static/icons/eighthnote-white.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1_copy" xmlns="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" viewBox="0 0 24 24">
+  <!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9)  -->
+  <polygon points="20 6.01001 20 10.01001 18 10.01001 18 8.01001 16 8.01001 16 6.01001 12 6.01001 12 20.01001 10 20.01001 10 21.98999 6 21.98999 6 20.01001 4 20.01001 4 16.01001 6 16.01001 6 14.01001 10 14.01001 10 2.01001 14 2.01001 14 4.01001 18 4.01001 18 6.01001 20 6.01001" fill="#fff"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/eighthnote.svg b/static/icons/eighthnote.svg
new file mode 100644
index 0000000..8629d7b
--- /dev/null
+++ b/static/icons/eighthnote.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1_copy" xmlns="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" viewBox="0 0 24 24">
+  <!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9)  -->
+  <polygon points="20 6.01001 20 10.01001 18 10.01001 18 8.01001 16 8.01001 16 6.01001 12 6.01001 12 20.01001 10 20.01001 10 21.98999 6 21.98999 6 20.01001 4 20.01001 4 16.01001 6 16.01001 6 14.01001 10 14.01001 10 2.01001 14 2.01001 14 4.01001 18 4.01001 18 6.01001 20 6.01001"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/folder-white.svg b/static/icons/folder-white.svg
new file mode 100644
index 0000000..0d2d527
--- /dev/null
+++ b/static/icons/folder-white.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" viewBox="0 0 24 24">
+  <!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9)  -->
+  <path d="M4,4h8v2h10v14H2V4h2ZM20,8h-10v-2h-6v12h16v-10Z" fill="#fff" fill-rule="evenodd"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/folder.png b/static/icons/folder.png
new file mode 100644
index 0000000..b176564
Binary files /dev/null and b/static/icons/folder.png differ
diff --git a/static/icons/folder.svg b/static/icons/folder.svg
new file mode 100644
index 0000000..1624faf
--- /dev/null
+++ b/static/icons/folder.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H12V6H20H22V8L22 18V20L20 20H4L2 20V18V6V4H4ZM20 8H10V6H4V18H20V8Z" fill="black"/>
+</svg>
diff --git a/static/icons/github-white.svg b/static/icons/github-white.svg
new file mode 100644
index 0000000..9e85753
--- /dev/null
+++ b/static/icons/github-white.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" viewBox="0 0 24 24">
+  <!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9)  -->
+  <path d="M5,2h4v2h-2v2h-2V2Z" fill="#fff"/>
+  <path d="M5,12h-2v-6h2v6Z" fill="#fff"/>
+  <path d="M7,14h-2v-2h2v2Z" fill="#fff"/>
+  <path d="M9,16v-2h-2v2H3v-2H1v2h2v2h4v4h2v-4h2v-2h-2ZM9,16v2h-2v-2h2Z" fill="#fff" fill-rule="evenodd"/>
+  <path d="M15,4v2h-6v-2h6Z" fill="#fff"/>
+  <path d="M19,6h-2v-2h-2v-2h4v4Z" fill="#fff"/>
+  <path d="M19,12v-6h2v6h-2Z" fill="#fff"/>
+  <path d="M17,14v-2h2v2h-2Z" fill="#fff"/>
+  <path d="M15,16v-2h2v2h-2Z" fill="#fff"/>
+  <path d="M15,18h-2v-2h2v2Z" fill="#fff"/>
+  <path d="M15,18h2v4h-2v-4Z" fill="#fff"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/home-car.png b/static/icons/home-car.png
new file mode 100644
index 0000000..cfed861
Binary files /dev/null and b/static/icons/home-car.png differ
diff --git a/static/icons/home-white.svg b/static/icons/home-white.svg
new file mode 100644
index 0000000..9a310aa
--- /dev/null
+++ b/static/icons/home-white.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" viewBox="0 0 24 24">
+  <!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9)  -->
+  <path d="M14,2h-4v2h-2v2h-2v2h-2v2h-2v2h2v10h7v-6h2v6h7v-10h2v-2h-2v-2h-2v-2h-2v-2h-2v-2ZM14,4v2h2v2h2v2h2v2h-2v8h-3v-6h-6v6h-3v-8h-2v-2h2v-2h2v-2h2v-2h4Z" fill="#fff" fill-rule="evenodd"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/home.svg b/static/icons/home.svg
new file mode 100644
index 0000000..e604b10
--- /dev/null
+++ b/static/icons/home.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 2H10V4H8V6H6V8H4V10H2V12H4V22H11V16H13V22H20V12H22V10H20V8H18V6H16V4H14V2ZM14 4V6H16V8H18V10H20V12H18V20H15V14H9V20H6V12H4V10H6V8H8V6H10V4H14Z" fill="black"/>
+</svg>
diff --git a/static/icons/laptop.png b/static/icons/laptop.png
new file mode 100644
index 0000000..2c590c1
Binary files /dev/null and b/static/icons/laptop.png differ
diff --git a/static/icons/world-star.png b/static/icons/world-star.png
new file mode 100644
index 0000000..5f99ecb
Binary files /dev/null and b/static/icons/world-star.png differ