diff --git a/assets/icons/arrow.svg b/assets/icons/arrow.svg
new file mode 100644
index 0000000..1c6901d
--- /dev/null
+++ b/assets/icons/arrow.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476.213 476.213">
+    <path d="M405.606 167.5l-21.212 21.213 34.393 34.393H0v30h418.787L384.394 287.5l21.212 21.213 70.607-70.607">
+    </path>
+</svg>
\ No newline at end of file
diff --git a/assets/icons/background-logo.svg b/assets/icons/background-logo.svg
new file mode 100644
index 0000000..5ac1351
--- /dev/null
+++ b/assets/icons/background-logo.svg
@@ -0,0 +1,39 @@
+<svg id="myLogo" version="1.0"
+    xmlns="http://www.w3.org/2000/svg" width="456" height="456" viewBox="-100 -140 1256 1256" preserveAspectRatio="xMidYMid meet">
+    <g id="myLogo" transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)" fill="var(--first-color)" stroke="none">
+        <path id="myLogo" d="M6138 7549 c61 -63 112 -120 112 -127 0 -20 -31 -14 -182 33 -348
+               111 -745 132 -1083 59 -90 -20 -299 -88 -378 -123 -74 -33 -132 -80 -119 -93
+               6 -6 79 -4 198 6 330 27 366 28 492 16 125 -11 172 -22 172 -38 0 -13 -92 -30
+               -275 -52 -432 -50 -878 -202 -1175 -400 -103 -68 -140 -98 -140 -113 0 -16
+               130 -2 310 33 170 33 389 47 397 25 4 -14 -55 -49 -265 -159 -100 -52 -228
+               -127 -285 -167 -158 -113 -597 -552 -597 -597 0 -30 76 -2 330 122 256 124
+               290 140 290 130 0 -13 -171 -450 -269 -687 -146 -353 -761 -1807 -904 -2137
+               -278 -642 -438 -963 -555 -1110 -96 -120 -233 -257 -331 -331 -174 -131 -284
+               -180 -502 -224 -175 -36 -232 -72 -215 -139 19 -74 94 -79 1281 -73 1057 4
+               1170 9 1213 49 31 30 28 51 -12 86 -49 43 -128 69 -292 97 -158 28 -238 53
+               -335 107 -124 70 -214 175 -256 299 -30 89 -25 284 11 429 32 128 86 285 171
+               497 l57 143 406 2 c501 4 1052 -6 1232 -21 182 -15 281 -49 379 -130 150 -123
+               292 -459 323 -763 10 -100 10 -127 -4 -190 -30 -136 -82 -217 -179 -275 -72
+               -43 -131 -56 -417 -93 -263 -34 -343 -50 -382 -79 -32 -23 -36 -60 -11 -92 53
+               -68 155 -72 1686 -66 715 3 1324 10 1354 15 62 10 91 37 91 83 0 54 -78 84
+               -385 149 -222 48 -299 71 -395 121 -102 53 -182 121 -267 226 -160 199 -275
+               416 -672 1269 l-38 81 -1129 6 c-621 4 -1208 10 -1305 14 l-177 6 23 67 c27
+               78 386 945 547 1319 233 541 350 797 412 896 l25 40 21 -50 c12 -27 35 -84 52
+               -125 133 -334 329 -749 479 -1010 152 -267 398 -618 523 -748 113 -118 90
+               -112 494 -118 392 -6 537 -16 600 -44 153 -68 490 -433 480 -520 -4 -35 -56
+               -58 -175 -76 -165 -26 -289 -51 -319 -65 -17 -8 -30 -24 -32 -37 -8 -56 77
+               -243 202 -446 100 -161 167 -249 281 -364 85 -86 106 -102 133 -102 60 0 94
+               94 55 150 -10 14 -53 67 -96 119 -44 52 -107 137 -142 190 -65 100 -148 251
+               -139 251 3 0 33 -26 67 -58 215 -203 379 -325 431 -320 65 6 130 149 207 457
+               27 107 49 200 49 206 0 7 -42 66 -94 131 -111 142 -270 369 -409 587 -72 114
+               -120 176 -168 222 -65 61 -74 66 -270 143 -196 77 -436 164 -640 231 -54 18
+               -105 41 -117 54 -104 111 -118 1022 -21 1377 71 263 282 532 494 631 76 35
+               165 70 165 64 0 -2 -32 -39 -71 -82 -166 -182 -205 -278 -196 -481 9 -228 103
+               -401 282 -522 96 -65 105 -88 106 -263 0 -142 -17 -253 -49 -328 -49 -114 -48
+               -183 4 -263 84 -127 180 -206 252 -206 102 0 380 136 501 245 51 46 75 109 95
+               250 50 354 94 1082 105 1740 l8 460 37 105 c20 58 35 116 34 130 -3 23 -8 25
+               -53 28 -54 3 -69 -5 -230 -115 -42 -29 -80 -53 -85 -53 -4 0 -11 12 -14 26 -9
+               35 -230 260 -329 335 -42 32 -110 74 -150 93 -102 48 -334 126 -399 133 l-53
+               5 113 -113z" />
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/icons/footer-logo.svg b/assets/icons/footer-logo.svg
new file mode 100644
index 0000000..a5dcd7f
--- /dev/null
+++ b/assets/icons/footer-logo.svg
@@ -0,0 +1,39 @@
+<svg version="1.0"
+    xmlns="http://www.w3.org/2000/svg" width="456" height="456" viewBox="-100 -240 1256 1256" style=" transform: scale(2.1);" preserveAspectRatio="xMidYMid meet">
+    <g transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)" fill="var(--third-color)" stroke="none" style="background-color: white;">
+        <path d="M6138 7549 c61 -63 112 -120 112 -127 0 -20 -31 -14 -182 33 -348
+           111 -745 132 -1083 59 -90 -20 -299 -88 -378 -123 -74 -33 -132 -80 -119 -93
+           6 -6 79 -4 198 6 330 27 366 28 492 16 125 -11 172 -22 172 -38 0 -13 -92 -30
+           -275 -52 -432 -50 -878 -202 -1175 -400 -103 -68 -140 -98 -140 -113 0 -16
+           130 -2 310 33 170 33 389 47 397 25 4 -14 -55 -49 -265 -159 -100 -52 -228
+           -127 -285 -167 -158 -113 -597 -552 -597 -597 0 -30 76 -2 330 122 256 124
+           290 140 290 130 0 -13 -171 -450 -269 -687 -146 -353 -761 -1807 -904 -2137
+           -278 -642 -438 -963 -555 -1110 -96 -120 -233 -257 -331 -331 -174 -131 -284
+           -180 -502 -224 -175 -36 -232 -72 -215 -139 19 -74 94 -79 1281 -73 1057 4
+           1170 9 1213 49 31 30 28 51 -12 86 -49 43 -128 69 -292 97 -158 28 -238 53
+           -335 107 -124 70 -214 175 -256 299 -30 89 -25 284 11 429 32 128 86 285 171
+           497 l57 143 406 2 c501 4 1052 -6 1232 -21 182 -15 281 -49 379 -130 150 -123
+           292 -459 323 -763 10 -100 10 -127 -4 -190 -30 -136 -82 -217 -179 -275 -72
+           -43 -131 -56 -417 -93 -263 -34 -343 -50 -382 -79 -32 -23 -36 -60 -11 -92 53
+           -68 155 -72 1686 -66 715 3 1324 10 1354 15 62 10 91 37 91 83 0 54 -78 84
+           -385 149 -222 48 -299 71 -395 121 -102 53 -182 121 -267 226 -160 199 -275
+           416 -672 1269 l-38 81 -1129 6 c-621 4 -1208 10 -1305 14 l-177 6 23 67 c27
+           78 386 945 547 1319 233 541 350 797 412 896 l25 40 21 -50 c12 -27 35 -84 52
+           -125 133 -334 329 -749 479 -1010 152 -267 398 -618 523 -748 113 -118 90
+           -112 494 -118 392 -6 537 -16 600 -44 153 -68 490 -433 480 -520 -4 -35 -56
+           -58 -175 -76 -165 -26 -289 -51 -319 -65 -17 -8 -30 -24 -32 -37 -8 -56 77
+           -243 202 -446 100 -161 167 -249 281 -364 85 -86 106 -102 133 -102 60 0 94
+           94 55 150 -10 14 -53 67 -96 119 -44 52 -107 137 -142 190 -65 100 -148 251
+           -139 251 3 0 33 -26 67 -58 215 -203 379 -325 431 -320 65 6 130 149 207 457
+           27 107 49 200 49 206 0 7 -42 66 -94 131 -111 142 -270 369 -409 587 -72 114
+           -120 176 -168 222 -65 61 -74 66 -270 143 -196 77 -436 164 -640 231 -54 18
+           -105 41 -117 54 -104 111 -118 1022 -21 1377 71 263 282 532 494 631 76 35
+           165 70 165 64 0 -2 -32 -39 -71 -82 -166 -182 -205 -278 -196 -481 9 -228 103
+           -401 282 -522 96 -65 105 -88 106 -263 0 -142 -17 -253 -49 -328 -49 -114 -48
+           -183 4 -263 84 -127 180 -206 252 -206 102 0 380 136 501 245 51 46 75 109 95
+           250 50 354 94 1082 105 1740 l8 460 37 105 c20 58 35 116 34 130 -3 23 -8 25
+           -53 28 -54 3 -69 -5 -230 -115 -42 -29 -80 -53 -85 -53 -4 0 -11 12 -14 26 -9
+           35 -230 260 -329 335 -42 32 -110 74 -150 93 -102 48 -334 126 -399 133 l-53
+           5 113 -113z" />
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/icons/google-drive.svg b/assets/icons/google-drive.svg
index a8cefd5..43d1ceb 100644
--- a/assets/icons/google-drive.svg
+++ b/assets/icons/google-drive.svg
@@ -1,4 +1,5 @@
-<svg viewBox="0 0 87.3 78" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 87.3 78"
+	xmlns="http://www.w3.org/2000/svg">
 	<path d="m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z" fill="#0066da"/>
 	<path d="m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z" fill="#00ac47"/>
 	<path d="m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z" fill="#ea4335"/>
diff --git a/assets/icons/header-logo.svg b/assets/icons/header-logo.svg
new file mode 100644
index 0000000..a8078a1
--- /dev/null
+++ b/assets/icons/header-logo.svg
@@ -0,0 +1,39 @@
+<svg version="1.0"
+    xmlns="http://www.w3.org/2000/svg" width="456" height="456" viewBox="-100 -240 1256 1256" style=" transform: scale(2.1);" preserveAspectRatio="xMidYMid meet">
+    <g transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)" fill="white" stroke="none" style="background-color: white;">
+        <path d="M6138 7549 c61 -63 112 -120 112 -127 0 -20 -31 -14 -182 33 -348
+                    111 -745 132 -1083 59 -90 -20 -299 -88 -378 -123 -74 -33 -132 -80 -119 -93
+                    6 -6 79 -4 198 6 330 27 366 28 492 16 125 -11 172 -22 172 -38 0 -13 -92 -30
+                    -275 -52 -432 -50 -878 -202 -1175 -400 -103 -68 -140 -98 -140 -113 0 -16
+                    130 -2 310 33 170 33 389 47 397 25 4 -14 -55 -49 -265 -159 -100 -52 -228
+                    -127 -285 -167 -158 -113 -597 -552 -597 -597 0 -30 76 -2 330 122 256 124
+                    290 140 290 130 0 -13 -171 -450 -269 -687 -146 -353 -761 -1807 -904 -2137
+                    -278 -642 -438 -963 -555 -1110 -96 -120 -233 -257 -331 -331 -174 -131 -284
+                    -180 -502 -224 -175 -36 -232 -72 -215 -139 19 -74 94 -79 1281 -73 1057 4
+                    1170 9 1213 49 31 30 28 51 -12 86 -49 43 -128 69 -292 97 -158 28 -238 53
+                    -335 107 -124 70 -214 175 -256 299 -30 89 -25 284 11 429 32 128 86 285 171
+                    497 l57 143 406 2 c501 4 1052 -6 1232 -21 182 -15 281 -49 379 -130 150 -123
+                    292 -459 323 -763 10 -100 10 -127 -4 -190 -30 -136 -82 -217 -179 -275 -72
+                    -43 -131 -56 -417 -93 -263 -34 -343 -50 -382 -79 -32 -23 -36 -60 -11 -92 53
+                    -68 155 -72 1686 -66 715 3 1324 10 1354 15 62 10 91 37 91 83 0 54 -78 84
+                    -385 149 -222 48 -299 71 -395 121 -102 53 -182 121 -267 226 -160 199 -275
+                    416 -672 1269 l-38 81 -1129 6 c-621 4 -1208 10 -1305 14 l-177 6 23 67 c27
+                    78 386 945 547 1319 233 541 350 797 412 896 l25 40 21 -50 c12 -27 35 -84 52
+                    -125 133 -334 329 -749 479 -1010 152 -267 398 -618 523 -748 113 -118 90
+                    -112 494 -118 392 -6 537 -16 600 -44 153 -68 490 -433 480 -520 -4 -35 -56
+                    -58 -175 -76 -165 -26 -289 -51 -319 -65 -17 -8 -30 -24 -32 -37 -8 -56 77
+                    -243 202 -446 100 -161 167 -249 281 -364 85 -86 106 -102 133 -102 60 0 94
+                    94 55 150 -10 14 -53 67 -96 119 -44 52 -107 137 -142 190 -65 100 -148 251
+                    -139 251 3 0 33 -26 67 -58 215 -203 379 -325 431 -320 65 6 130 149 207 457
+                    27 107 49 200 49 206 0 7 -42 66 -94 131 -111 142 -270 369 -409 587 -72 114
+                    -120 176 -168 222 -65 61 -74 66 -270 143 -196 77 -436 164 -640 231 -54 18
+                    -105 41 -117 54 -104 111 -118 1022 -21 1377 71 263 282 532 494 631 76 35
+                    165 70 165 64 0 -2 -32 -39 -71 -82 -166 -182 -205 -278 -196 -481 9 -228 103
+                    -401 282 -522 96 -65 105 -88 106 -263 0 -142 -17 -253 -49 -328 -49 -114 -48
+                    -183 4 -263 84 -127 180 -206 252 -206 102 0 380 136 501 245 51 46 75 109 95
+                    250 50 354 94 1082 105 1740 l8 460 37 105 c20 58 35 116 34 130 -3 23 -8 25
+                    -53 28 -54 3 -69 -5 -230 -115 -42 -29 -80 -53 -85 -53 -4 0 -11 12 -14 26 -9
+                    35 -230 260 -329 335 -42 32 -110 74 -150 93 -102 48 -334 126 -399 133 l-53
+                    5 113 -113z" />
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/icons/social-media-github.svg b/assets/icons/social-media-github.svg
new file mode 100644
index 0000000..a4976da
--- /dev/null
+++ b/assets/icons/social-media-github.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="438.549" height="438.549" viewBox="0 0 438.549 438.549">
+    <path d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8C295.736 15.166 259.057 5.365 219.27 5.365c-39.78 0-76.47 9.804-110.062 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.853 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.42-1.996 2.474-2.282 3.71-5.14 3.71-8.562 0-.57-.05-5.708-.144-15.417-.098-9.71-.144-18.18-.144-25.406l-6.567 1.136c-4.187.767-9.47 1.092-15.846 1-6.375-.09-12.992-.757-19.843-2-6.854-1.23-13.23-4.085-19.13-8.558-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.9-9.233-8.992-14.56-4.093-5.33-8.232-8.944-12.42-10.847l-1.998-1.43c-1.332-.952-2.568-2.1-3.71-3.43-1.143-1.33-1.998-2.663-2.57-3.997-.57-1.335-.097-2.43 1.428-3.29 1.525-.858 4.28-1.275 8.28-1.275l5.708.853c3.807.763 8.516 3.042 14.133 6.85 5.615 3.807 10.23 8.755 13.847 14.843 4.38 7.807 9.657 13.755 15.846 17.848 6.184 4.093 12.42 6.136 18.7 6.136 6.28 0 11.703-.476 16.273-1.423 4.565-.95 8.848-2.382 12.847-4.284 1.713-12.758 6.377-22.56 13.988-29.41-10.847-1.14-20.6-2.857-29.263-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.98-3.9-12.373-5.852-26.647-5.852-42.825 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.38-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.284 18.794 7.953 23.84 10.995 5.046 3.04 9.09 5.618 12.135 7.708 17.706-4.947 35.977-7.42 54.82-7.42s37.116 2.473 54.822 7.42l10.85-6.85c7.418-4.57 16.18-8.757 26.26-12.564 10.09-3.806 17.803-4.854 23.135-3.14 8.562 21.51 9.325 40.923 2.28 58.24 15.035 16.18 22.558 35.788 22.558 58.818 0 16.178-1.958 30.497-5.853 42.966-3.9 12.47-8.94 22.457-15.125 29.98-6.19 7.52-13.9 13.85-23.13 18.985-9.233 5.14-18.183 8.85-26.84 11.135-8.663 2.286-18.416 4.004-29.264 5.146 9.894 8.563 14.842 22.078 14.842 40.54v60.237c0 3.422 1.19 6.28 3.572 8.562 2.38 2.278 6.136 2.95 11.276 1.994 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.16 41.826-81.126 41.826-128.906-.01-39.77-9.818-76.454-29.414-110.05z">
+    </path>
+</svg>
\ No newline at end of file
diff --git a/assets/icons/social-media-leetcode.svg b/assets/icons/social-media-leetcode.svg
new file mode 100644
index 0000000..a813b31
--- /dev/null
+++ b/assets/icons/social-media-leetcode.svg
@@ -0,0 +1,9 @@
+<svg fill="#000000" viewBox="0 0 24 24" role="img"
+    xmlns="http://www.w3.org/2000/svg">
+    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+    <g id="SVGRepo_iconCarrier">
+        <path d="M16.102 17.93l-2.697 2.607c-.466.467-1.111.662-1.823.662s-1.357-.195-1.824-.662l-4.332-4.363c-.467-.467-.702-1.15-.702-1.863s.235-1.357.702-1.824l4.319-4.38c.467-.467 1.125-.645 1.837-.645s1.357.195 1.823.662l2.697 2.606c.514.515 1.365.497 1.9-.038.535-.536.553-1.387.039-1.901l-2.609-2.636a5.055 5.055 0 0 0-2.445-1.337l2.467-2.503c.516-.514.498-1.366-.037-1.901-.535-.535-1.387-.552-1.902-.038l-10.1 10.101c-.981.982-1.494 2.337-1.494 3.835 0 1.498.513 2.895 1.494 3.875l4.347 4.361c.981.979 2.337 1.452 3.834 1.452s2.853-.512 3.835-1.494l2.609-2.637c.514-.514.496-1.365-.039-1.9s-1.386-.553-1.899-.039zM20.811 13.01H10.666c-.702 0-1.27.604-1.27 1.346s.568 1.346 1.27 1.346h10.145c.701 0 1.27-.604 1.27-1.346s-.569-1.346-1.27-1.346z">
+        </path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/icons/social-media-linkedin.svg b/assets/icons/social-media-linkedin.svg
new file mode 100644
index 0000000..85e3151
--- /dev/null
+++ b/assets/icons/social-media-linkedin.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="430.117" height="430.117" viewBox="0 0 430.117 430.117">
+    <path d="M430.117 261.543V420.56H337.93V272.193c0-37.27-13.335-62.707-46.704-62.707-25.473 0-40.632 17.142-47.3 33.724-2.433 5.928-3.06 14.18-3.06 22.477V420.56H148.65s1.242-251.285 0-277.32h92.21v39.31c-.187.293-.43.61-.606.895h.606v-.896c12.25-18.87 34.13-45.825 83.102-45.825 60.673 0 106.157 39.636 106.157 124.818zM52.183 9.558C20.635 9.558 0 30.25 0 57.463c0 26.62 20.038 47.94 50.96 47.94h.615c32.16 0 52.16-21.317 52.16-47.94-.607-27.212-20-47.905-51.552-47.905zM5.477 420.56H97.66V143.24H5.478v277.32z">
+    </path>
+</svg>
\ No newline at end of file
diff --git a/assets/icons/social-media-medium.svg b/assets/icons/social-media-medium.svg
new file mode 100644
index 0000000..2db9b13
--- /dev/null
+++ b/assets/icons/social-media-medium.svg
@@ -0,0 +1,9 @@
+<svg width="800px" height="800px" viewBox="0 -55 256 256" version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <g>
+        <path d="M72.2009141,1.42108547e-14 C112.076502,1.42108547e-14 144.399375,32.5485469 144.399375,72.6964154 C144.399375,112.844284 112.074049,145.390378 72.2009141,145.390378 C32.327779,145.390378 0,112.844284 0,72.6964154 C0,32.5485469 32.325326,1.42108547e-14 72.2009141,1.42108547e-14 Z M187.500628,4.25836743 C207.438422,4.25836743 223.601085,34.8960455 223.601085,72.6964154 L223.603538,72.6964154 C223.603538,110.486973 207.440875,141.134463 187.503081,141.134463 C167.565287,141.134463 151.402624,110.486973 151.402624,72.6964154 C151.402624,34.9058574 167.562834,4.25836743 187.500628,4.25836743 Z M243.303393,11.3867175 C250.314,11.3867175 256,38.835526 256,72.6964154 C256,106.547493 250.316453,134.006113 243.303393,134.006113 C236.290333,134.006113 230.609239,106.554852 230.609239,72.6964154 C230.609239,38.837979 236.292786,11.3867175 243.303393,11.3867175 Z" fill="#000000">
+
+        </path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/icons/social-media-notion.svg b/assets/icons/social-media-notion.svg
new file mode 100644
index 0000000..aea28f6
--- /dev/null
+++ b/assets/icons/social-media-notion.svg
@@ -0,0 +1,4 @@
+<svg width="800px" height="800px" viewBox="0 0 15 15" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M3.25781 3.11684C3.67771 3.45796 3.83523 3.43193 4.62369 3.37933L12.0571 2.93299C12.2147 2.93299 12.0836 2.77571 12.0311 2.74957L10.7965 1.85711C10.56 1.67347 10.2448 1.46315 9.64083 1.51576L2.44308 2.04074C2.18059 2.06677 2.12815 2.19801 2.2327 2.30322L3.25781 3.11684ZM3.7041 4.84917V12.6704C3.7041 13.0907 3.91415 13.248 4.38693 13.222L12.5562 12.7493C13.0292 12.7233 13.0819 12.4341 13.0819 12.0927V4.32397C13.0819 3.98306 12.9508 3.79921 12.6612 3.82545L4.12422 4.32397C3.80918 4.35044 3.7041 4.50803 3.7041 4.84917ZM11.7688 5.26872C11.8212 5.50518 11.7688 5.74142 11.5319 5.76799L11.1383 5.84641V11.6205C10.7965 11.8042 10.4814 11.9092 10.2188 11.9092C9.79835 11.9092 9.69305 11.7779 9.37812 11.3844L6.80345 7.34249V11.2532L7.61816 11.437C7.61816 11.437 7.61816 11.9092 6.96086 11.9092L5.14879 12.0143C5.09615 11.9092 5.14879 11.647 5.33259 11.5944L5.80546 11.4634V6.29276L5.1489 6.24015C5.09625 6.00369 5.22739 5.66278 5.5954 5.63631L7.53935 5.50528L10.2188 9.5998V5.97765L9.53564 5.89924C9.4832 5.61018 9.69305 5.40028 9.95576 5.37425L11.7688 5.26872ZM1.83874 1.33212L9.32557 0.780787C10.245 0.701932 10.4815 0.754753 11.0594 1.17452L13.4492 2.85424C13.8436 3.14309 13.975 3.22173 13.975 3.53661V12.7493C13.975 13.3266 13.7647 13.6681 13.0293 13.7203L4.33492 14.2454C3.78291 14.2717 3.52019 14.193 3.23111 13.8253L1.47116 11.5419C1.1558 11.1216 1.02466 10.8071 1.02466 10.4392V2.25041C1.02466 1.77825 1.23504 1.38441 1.83874 1.33212Z" fill="#000000" />
+</svg>
\ No newline at end of file
diff --git a/assets/icons/social-media-youtube.svg b/assets/icons/social-media-youtube.svg
new file mode 100644
index 0000000..1abfc84
--- /dev/null
+++ b/assets/icons/social-media-youtube.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
+    <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z" />
+</svg>
\ No newline at end of file
diff --git a/assets/icons/theme-toggle-button.svg b/assets/icons/theme-toggle-button.svg
new file mode 100644
index 0000000..57090c0
--- /dev/null
+++ b/assets/icons/theme-toggle-button.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 285.919 285.919">
+    <path d="M142.959 0C64.131 0 0 64.132 0 142.96s64.131 142.959 142.959 142.959 142.96-64.131 142.96-142.959S221.787 0 142.959 0zm0 260.919V25c65.043 0 117.96 52.917 117.96 117.96 0 65.043-52.917 117.959-117.96 117.959z">
+    </path>
+</svg>  
\ No newline at end of file