diff --git a/public/alloy.mp3 b/public/alloy.mp3
new file mode 100644
index 0000000..3ce5876
Binary files /dev/null and b/public/alloy.mp3 differ
diff --git a/public/echo.mp3 b/public/echo.mp3
new file mode 100644
index 0000000..4a43907
Binary files /dev/null and b/public/echo.mp3 differ
diff --git a/public/fable.mp3 b/public/fable.mp3
new file mode 100644
index 0000000..7ef39ca
Binary files /dev/null and b/public/fable.mp3 differ
diff --git a/public/icons/Pause.svg b/public/icons/Pause.svg
new file mode 100644
index 0000000..ca1b5f9
--- /dev/null
+++ b/public/icons/Pause.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" rx="24" fill="url(#paint0_linear_3673_1301)"/>
+<path d="M22.65 31.11V16.89C22.65 15.54 22.08 15 20.64 15H17.01C15.57 15 15 15.54 15 16.89V31.11C15 32.46 15.57 33 17.01 33H20.64C22.08 33 22.65 32.46 22.65 31.11Z" fill="#121212"/>
+<path d="M33 31.11V16.89C33 15.54 32.43 15 30.99 15H27.36C25.93 15 25.35 15.54 25.35 16.89V31.11C25.35 32.46 25.92 33 27.36 33H30.99C32.43 33 33 32.46 33 31.11Z" fill="#121212"/>
+<defs>
+<linearGradient id="paint0_linear_3673_1301" x1="43.5" y1="7.49999" x2="-49.5" y2="110" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/icons/Play.svg b/public/icons/Play.svg
new file mode 100644
index 0000000..657b067
--- /dev/null
+++ b/public/icons/Play.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" rx="24" fill="url(#paint0_linear_3676_2393)"/>
+<path d="M29.49 21.6L17.6 28.77C16.9 29.19 16 28.69 16 27.87V19.87C16 16.38 19.77 14.2 22.8 15.94L27.39 18.58L29.48 19.78C30.17 20.19 30.18 21.19 29.49 21.6Z" fill="#121212"/>
+<path d="M30.0898 27.46L26.0398 29.8L21.9998 32.13C20.5498 32.96 18.9098 32.79 17.7198 31.95C17.1398 31.55 17.2098 30.66 17.8198 30.3L30.5298 22.68C31.1298 22.32 31.9198 22.66 32.0298 23.35C32.2798 24.9 31.6398 26.57 30.0898 27.46Z" fill="#121212"/>
+<defs>
+<linearGradient id="paint0_linear_3676_2393" x1="43.5" y1="7.49999" x2="-49.5" y2="110" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/icons/auth-logo.svg b/public/icons/auth-logo.svg
new file mode 100644
index 0000000..b82ee7e
--- /dev/null
+++ b/public/icons/auth-logo.svg
@@ -0,0 +1,27 @@
+<svg width="183" height="47" viewBox="0 0 183 47" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.3408 40.6575L4.67548 42.2805C2.62065 43.5164 0 42.0423 0 39.645V7.36334C0 4.95115 2.62065 3.47703 4.67548 4.7278L13.5797 10.1329C13.1777 10.0584 12.7608 10.0138 12.329 10.0138C8.10019 10.0138 4.66059 13.3491 4.45213 17.5184H7.81728C8.30866 17.5184 8.80003 17.9204 8.82981 18.4267C8.85959 18.9776 8.41289 19.4392 7.86195 19.4392H4.45213V21.3153H7.86195C8.41289 21.3153 8.85959 21.762 8.82981 22.3279C8.80003 22.849 8.33844 23.2362 7.81728 23.2362H4.45213V25.0974H7.81728C8.30866 25.0974 8.80003 25.5143 8.82981 26.0206C8.85959 26.5715 8.41289 27.0331 7.86195 27.0331H4.45213C4.66059 31.2023 8.10019 34.5228 12.329 34.5228C12.463 34.5228 12.597 34.5079 12.7459 34.5079L11.1527 36.2203V38.3496L11.0186 38.424H9.67854C8.42778 38.424 7.40036 39.4217 7.3408 40.6575ZM31.284 26.1397L13.5053 36.9201V34.4335C17.1682 33.8826 20.0122 30.8003 20.1909 27.0331H16.7811C16.2302 27.0331 15.7984 26.5715 15.8133 26.0206C15.843 25.5143 16.3344 25.0974 16.8407 25.0974H20.2058V23.2362H16.7811C16.2302 23.2362 15.7984 22.7746 15.8133 22.2236C15.843 21.7025 16.3195 21.3153 16.8407 21.3153H20.2058V19.4392H16.8407C16.3344 19.4392 15.843 19.0372 15.8133 18.5309C15.7984 17.98 16.2302 17.5184 16.7811 17.5184H20.1909C20.1165 15.8953 19.5507 14.4063 18.6424 13.1854L31.284 20.8686C33.2644 22.0598 33.2644 24.9336 31.284 26.1397Z" fill="url(#paint0_linear_3688_1852)"/>
+<path style="mix-blend-mode:multiply" fill-rule="evenodd" clip-rule="evenodd" d="M12.7459 34.5079L11.1527 36.2203V38.3496L11.0186 38.424H9.67854C8.42778 38.424 7.40036 39.4217 7.3408 40.6575L4.67548 42.2805C2.62065 43.5164 0 42.0423 0 39.645V7.36334C0 4.95115 2.62065 3.47703 4.67548 4.7278L13.5797 10.1329C13.1777 10.0584 12.7608 10.0138 12.329 10.0138C8.10019 10.0138 4.66059 13.3491 4.45213 17.5184H7.81728C8.30866 17.5184 8.80003 17.9204 8.82981 18.4267C8.85959 18.9776 8.41289 19.4392 7.86195 19.4392H4.45213V21.3153H7.86195C8.41289 21.3153 8.85959 21.762 8.82981 22.3279C8.80003 22.849 8.33844 23.2362 7.81728 23.2362H4.45213V25.0974H7.81728C8.30866 25.0974 8.80003 25.5143 8.82981 26.0206C8.85959 26.5715 8.41289 27.0331 7.86195 27.0331H4.45213C4.66059 31.2023 8.10019 34.5228 12.329 34.5228C12.463 34.5228 12.597 34.5079 12.7459 34.5079ZM23.02 31.1428L13.5053 36.9201V34.4335C17.1682 33.8826 20.0122 30.8003 20.1909 27.0331H16.7811C16.2302 27.0331 15.7984 26.5715 15.8133 26.0206C15.843 25.5143 16.3344 25.0974 16.8407 25.0974H20.2058V23.2362H16.7811C16.2302 23.2362 15.7984 22.7746 15.8133 22.2236C15.843 21.7025 16.3195 21.3153 16.8407 21.3153H20.2058V19.7668C20.9057 21.4345 21.5013 23.1617 21.9777 24.9485C22.5436 27.0927 22.886 29.1624 23.02 31.1428ZM16.7811 17.5184H19.1635C19.4812 18.1437 19.779 18.784 20.0569 19.4392H16.8407C16.3344 19.4392 15.843 19.0372 15.8133 18.5309C15.7984 17.98 16.2302 17.5184 16.7811 17.5184Z" fill="url(#paint1_linear_3688_1852)"/>
+<path style="mix-blend-mode:screen" fill-rule="evenodd" clip-rule="evenodd" d="M4.45213 20.6453V19.4392H7.86195C8.41289 19.4392 8.85959 18.9776 8.82981 18.4267C8.80003 17.9204 8.30866 17.5184 7.81729 17.5184H4.45213C4.66059 13.3491 8.10019 10.0138 12.329 10.0138C12.7608 10.0138 13.1777 10.0584 13.5797 10.1329L4.67548 4.7278C2.62065 3.47703 0 4.95115 0 7.36334V16.9823C1.31033 18.3075 2.79933 19.5285 4.45213 20.6453ZM8.82981 22.3279C8.85959 21.762 8.41289 21.3153 7.86195 21.3153H5.47954C6.44243 21.9109 7.45 22.4668 8.50223 22.983C8.6958 22.8192 8.81492 22.581 8.82981 22.3279ZM31.284 20.8686L18.6424 13.1854C19.5507 14.4063 20.1165 15.8953 20.1909 17.5184H16.7811C16.2302 17.5184 15.7984 17.98 15.8133 18.5309C15.843 19.0371 16.3344 19.4392 16.8407 19.4392H20.2058V21.3153H16.8407C16.3195 21.3153 15.843 21.7025 15.8133 22.2236C15.7984 22.7746 16.2302 23.2361 16.7811 23.2361H20.2058V25.0974H16.8407C16.4535 25.0974 16.0962 25.3357 15.9175 25.6632C17.3767 26.0206 18.8806 26.3035 20.4143 26.4822C24.3304 26.9587 28.038 26.78 31.3883 26.0653C33.2495 24.8294 33.2197 22.0449 31.284 20.8686Z" fill="url(#paint2_linear_3688_1852)"/>
+<path style="mix-blend-mode:screen" fill-rule="evenodd" clip-rule="evenodd" d="M31.284 26.1397L13.5053 36.9201V34.4334C17.1682 33.8825 20.0122 30.8002 20.1909 27.0331H16.7811C16.2302 27.0331 15.7984 26.5715 15.8133 26.0205C15.843 25.5143 16.3344 25.0974 16.8407 25.0974H20.2058V23.2361H16.7811C16.2302 23.2361 15.7984 22.7745 15.8133 22.2236C15.843 21.7024 16.3195 21.3153 16.8407 21.3153H20.2058V19.4391H16.8407C16.3344 19.4391 15.843 19.0371 15.8133 18.5308C15.7984 17.9799 16.2302 17.5183 16.7811 17.5183H20.1909C20.1314 16.3867 19.8336 15.3146 19.3571 14.3616C19.7045 14.3219 20.052 14.2872 20.3994 14.2574L31.284 20.8686C33.2644 22.0598 33.2644 24.9336 31.284 26.1397ZM0 39.6449V27.4798C1.19121 25.2314 2.79933 23.1319 4.73504 21.3153H7.86195C8.41289 21.3153 8.85959 21.762 8.82981 22.3278C8.80003 22.849 8.33844 23.2361 7.81729 23.2361H4.45213V25.0974H7.81729C8.30866 25.0974 8.80003 25.5143 8.82981 26.0205C8.85959 26.5715 8.41289 27.0331 7.86195 27.0331H4.45213C4.66059 31.2023 8.10019 34.5228 12.329 34.5228C12.463 34.5228 12.597 34.5079 12.7459 34.5079L11.1527 36.2202V38.3495L11.0186 38.424H9.67854C8.42778 38.424 7.40036 39.4216 7.3408 40.6575L4.67548 42.2805C2.62065 43.5164 0 42.0422 0 39.6449ZM6.92388 19.4391C7.51948 18.9924 8.13494 18.5705 8.77025 18.1735C8.80003 18.2479 8.82981 18.3373 8.82981 18.4266C8.85959 18.9775 8.41289 19.4391 7.86195 19.4391H6.92388Z" fill="url(#paint3_linear_3688_1852)"/>
+<path d="M43.7075 37V12.3891H54.0988C54.3381 12.3891 54.6571 12.4005 55.0559 12.4233C55.4661 12.4347 55.8307 12.4688 56.1497 12.5258C57.6195 12.7537 58.8216 13.2379 59.7559 13.9785C60.7016 14.7192 61.3966 15.6535 61.841 16.7815C62.2854 17.8981 62.5075 19.1457 62.5075 20.5244C62.5075 21.903 62.2797 23.1564 61.8239 24.2844C61.3795 25.401 60.6845 26.3296 59.7388 27.0702C58.8045 27.8108 57.6082 28.295 56.1497 28.5229C55.8307 28.5685 55.4661 28.6027 55.0559 28.6255C54.6457 28.6482 54.3267 28.6596 54.0988 28.6596H48.3563V37H43.7075ZM48.3563 24.3185H53.8937C54.133 24.3185 54.3951 24.3072 54.6799 24.2844C54.9648 24.2616 55.2268 24.216 55.4661 24.1476C56.0928 23.9767 56.577 23.6919 56.9188 23.2931C57.2606 22.8829 57.4942 22.4328 57.6195 21.9429C57.7563 21.4416 57.8246 20.9687 57.8246 20.5244C57.8246 20.08 57.7563 19.6128 57.6195 19.1229C57.4942 18.6216 57.2606 18.1715 56.9188 17.7727C56.577 17.3625 56.0928 17.072 55.4661 16.9011C55.2268 16.8327 54.9648 16.7872 54.6799 16.7644C54.3951 16.7416 54.133 16.7302 53.8937 16.7302H48.3563V24.3185ZM72.2024 37.5127C70.3452 37.5127 68.7158 37.0968 67.3144 36.2651C65.9129 35.4333 64.8191 34.2882 64.0329 32.8298C63.2581 31.36 62.8707 29.6737 62.8707 27.7709C62.8707 25.8453 63.2695 24.1533 64.0671 22.6949C64.8647 21.2251 65.9642 20.08 67.3656 19.2596C68.7671 18.4393 70.3793 18.0291 72.2024 18.0291C74.0596 18.0291 75.6889 18.445 77.0904 19.2767C78.5032 20.1085 79.6027 21.2593 80.3889 22.7291C81.1751 24.1875 81.5682 25.8681 81.5682 27.7709C81.5682 29.6851 81.1694 31.3771 80.3718 32.8469C79.5856 34.3053 78.4861 35.4504 77.0733 36.2822C75.6718 37.1025 74.0482 37.5127 72.2024 37.5127ZM72.2024 33.1716C73.695 33.1716 74.8059 32.6703 75.5351 31.6676C76.2757 30.6536 76.646 29.3547 76.646 27.7709C76.646 26.1302 76.27 24.8199 75.518 23.84C74.7774 22.8601 73.6722 22.3702 72.2024 22.3702C71.1883 22.3702 70.3565 22.5981 69.7071 23.0538C69.0576 23.5096 68.5734 24.1419 68.2544 24.9509C67.9467 25.7599 67.7929 26.6999 67.7929 27.7709C67.7929 29.423 68.1632 30.739 68.9038 31.7189C69.6558 32.6874 70.7553 33.1716 72.2024 33.1716ZM91.1033 37.5127C89.4056 37.5127 87.9187 37.0855 86.6426 36.2309C85.3665 35.3764 84.3695 34.2142 83.6517 32.7444C82.9452 31.2745 82.592 29.6167 82.592 27.7709C82.592 25.8909 82.9509 24.2217 83.6688 22.7633C84.398 21.2935 85.4177 20.137 86.728 19.2938C88.0383 18.4507 89.5765 18.0291 91.3426 18.0291C93.0972 18.0291 94.5728 18.4564 95.7691 19.3109C96.9655 20.1655 97.8713 21.3276 98.4866 22.7975C99.1019 24.2673 99.4095 25.9251 99.4095 27.7709C99.4095 29.6167 99.0962 31.2745 98.4695 32.7444C97.8542 34.2142 96.9313 35.3764 95.7008 36.2309C94.4702 37.0855 92.9377 37.5127 91.1033 37.5127ZM91.8553 33.3767C92.8922 33.3767 93.7182 33.1432 94.3335 32.676C94.9602 32.2088 95.4102 31.5537 95.6837 30.7105C95.9571 29.8674 96.0939 28.8875 96.0939 27.7709C96.0939 26.6543 95.9571 25.6744 95.6837 24.8313C95.4102 23.9881 94.9715 23.333 94.3677 22.8658C93.7752 22.3987 92.9947 22.1651 92.0262 22.1651C90.9894 22.1651 90.1348 22.4215 89.4626 22.9342C88.8017 23.4355 88.3118 24.1135 87.9928 24.968C87.6737 25.8112 87.5142 26.7455 87.5142 27.7709C87.5142 28.8078 87.668 29.7535 87.9757 30.608C88.2833 31.4512 88.7562 32.1234 89.3942 32.6247C90.0323 33.1261 90.8526 33.3767 91.8553 33.3767ZM96.0939 37V24.3527H95.5128V12.3891H100.196V37H96.0939ZM111.407 37.5127C109.493 37.5127 107.852 37.0855 106.485 36.2309C105.118 35.3764 104.07 34.2142 103.34 32.7444C102.611 31.2745 102.247 29.6167 102.247 27.7709C102.247 25.9023 102.623 24.2331 103.375 22.7633C104.138 21.2935 105.209 20.137 106.588 19.2938C107.966 18.4507 109.596 18.0291 111.476 18.0291C113.652 18.0291 115.475 18.5817 116.945 19.6869C118.426 20.7807 119.372 22.279 119.782 24.1818L115.133 25.4124C114.86 24.4553 114.381 23.709 113.697 23.1735C113.025 22.6379 112.262 22.3702 111.407 22.3702C110.427 22.3702 109.624 22.6095 108.997 23.088C108.371 23.5552 107.909 24.1989 107.613 25.0193C107.317 25.8282 107.169 26.7455 107.169 27.7709C107.169 29.3775 107.522 30.6821 108.228 31.6847C108.946 32.676 110.006 33.1716 111.407 33.1716C112.456 33.1716 113.253 32.9324 113.8 32.4538C114.347 31.9753 114.757 31.2916 115.031 30.4029L119.782 31.3942C119.258 33.3539 118.266 34.8636 116.808 35.9233C115.35 36.9829 113.549 37.5127 111.407 37.5127ZM126.285 37.5127C124.963 37.5127 123.841 37.2621 122.918 36.7607C122.006 36.248 121.311 35.5701 120.833 34.7269C120.366 33.8724 120.132 32.9324 120.132 31.9069C120.132 31.0524 120.263 30.2719 120.525 29.5655C120.787 28.859 121.209 28.2381 121.79 27.7025C122.382 27.1556 123.174 26.6999 124.165 26.3353C124.849 26.0846 125.664 25.8624 126.609 25.6687C127.555 25.475 128.626 25.2927 129.822 25.1218C131.019 24.9395 132.335 24.7401 133.77 24.5236L132.096 25.4465C132.096 24.3527 131.834 23.5495 131.309 23.0367C130.785 22.524 129.908 22.2676 128.677 22.2676C127.994 22.2676 127.282 22.4328 126.541 22.7633C125.8 23.0937 125.282 23.6805 124.986 24.5236L120.781 23.1905C121.249 21.6638 122.126 20.4218 123.413 19.4647C124.701 18.5076 126.456 18.0291 128.677 18.0291C130.307 18.0291 131.754 18.2798 133.018 18.7811C134.283 19.2824 135.24 20.1484 135.89 21.3789C136.254 22.0625 136.471 22.7462 136.539 23.4298C136.608 24.1135 136.642 24.8768 136.642 25.72V37H132.574V33.2058L133.155 33.992C132.255 35.2339 131.281 36.1341 130.233 36.6924C129.196 37.2393 127.88 37.5127 126.285 37.5127ZM127.276 33.8553C128.13 33.8553 128.848 33.7072 129.429 33.4109C130.022 33.1033 130.489 32.7558 130.831 32.3684C131.184 31.981 131.423 31.6562 131.549 31.3942C131.788 30.8928 131.925 30.3118 131.959 29.6509C132.004 28.9787 132.027 28.4204 132.027 27.976L133.394 28.3178C132.016 28.5457 130.899 28.7394 130.045 28.8989C129.19 29.047 128.501 29.1838 127.977 29.3091C127.453 29.4344 126.991 29.5712 126.592 29.7193C126.137 29.9016 125.766 30.101 125.481 30.3175C125.208 30.5225 125.003 30.7504 124.866 31.0011C124.741 31.2518 124.678 31.5309 124.678 31.8385C124.678 32.2601 124.781 32.6247 124.986 32.9324C125.202 33.2286 125.504 33.4565 125.892 33.616C126.279 33.7755 126.74 33.8553 127.276 33.8553ZM146.589 37.5127C144.265 37.5127 142.385 36.9886 140.949 35.9404C139.525 34.8807 138.659 33.3881 138.351 31.4625L143.102 30.7447C143.296 31.6107 143.723 32.2886 144.384 32.7785C145.056 33.2685 145.905 33.5135 146.931 33.5135C147.774 33.5135 148.423 33.3539 148.879 33.0349C149.335 32.7045 149.563 32.2487 149.563 31.6676C149.563 31.303 149.472 31.0125 149.289 30.796C149.107 30.5681 148.697 30.3459 148.059 30.1295C147.432 29.913 146.452 29.6281 145.119 29.2749C143.615 28.8875 142.413 28.4545 141.513 27.976C140.613 27.4975 139.963 26.9278 139.565 26.2669C139.166 25.5947 138.966 24.7857 138.966 23.84C138.966 22.655 139.268 21.6296 139.872 20.7636C140.476 19.8863 141.325 19.2141 142.419 18.7469C143.524 18.2684 144.823 18.0291 146.315 18.0291C147.763 18.0291 149.044 18.2513 150.161 18.6956C151.278 19.14 152.178 19.7724 152.861 20.5927C153.556 21.4131 153.984 22.3816 154.143 23.4982L149.392 24.3527C149.312 23.6691 149.016 23.1279 148.503 22.7291C147.99 22.3303 147.295 22.0967 146.418 22.0284C145.563 21.9714 144.874 22.0853 144.35 22.3702C143.837 22.655 143.581 23.0652 143.581 23.6007C143.581 23.9198 143.689 24.1875 143.906 24.404C144.134 24.6205 144.595 24.8427 145.29 25.0705C145.996 25.2984 147.067 25.5947 148.503 25.9593C149.905 26.3239 151.027 26.7512 151.87 27.2411C152.725 27.7196 153.346 28.3007 153.733 28.9844C154.12 29.6566 154.314 30.4713 154.314 31.4284C154.314 33.3198 153.63 34.8067 152.263 35.8891C150.896 36.9715 149.004 37.5127 146.589 37.5127ZM167.436 37C166.159 37.2393 164.906 37.3418 163.676 37.3076C162.456 37.2848 161.363 37.0741 160.394 36.6753C159.437 36.2651 158.708 35.6099 158.206 34.7098C157.751 33.8667 157.511 33.0121 157.489 32.1462C157.466 31.2688 157.454 30.2776 157.454 29.1724V13.4145H162.103V28.8989C162.103 29.6167 162.109 30.2662 162.12 30.8473C162.143 31.417 162.263 31.8727 162.479 32.2145C162.889 32.864 163.545 33.2172 164.445 33.2742C165.345 33.3312 166.342 33.2856 167.436 33.1375V37ZM154.31 22.1309V18.5418H167.436V22.1309H154.31ZM169.84 37V18.5418H173.942V23.0538L173.497 22.4727C173.737 21.8347 174.056 21.2536 174.454 20.7295C174.853 20.2053 175.343 19.7724 175.924 19.4305C176.369 19.1571 176.853 18.9463 177.377 18.7982C177.901 18.6387 178.442 18.5418 179.001 18.5076C179.559 18.4621 180.117 18.4735 180.675 18.5418V22.8829C180.163 22.7234 179.565 22.6721 178.881 22.7291C178.209 22.7747 177.599 22.9285 177.052 23.1905C176.505 23.4412 176.044 23.7773 175.668 24.1989C175.292 24.6091 175.007 25.099 174.813 25.6687C174.62 26.227 174.523 26.8594 174.523 27.5658V37H169.84Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_3688_1852" x1="23.5406" y1="-11.1315" x2="65.0595" y2="30.3874" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FD6D6D"/>
+<stop offset="1" stop-color="#F97535"/>
+</linearGradient>
+<linearGradient id="paint1_linear_3688_1852" x1="-23.1895" y1="6.72857" x2="0.555087" y2="-15.7833" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="0.987" stop-color="#D937BE"/>
+<stop offset="1" stop-color="#D837BF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_3688_1852" x1="20.5912" y1="-6.66742" x2="32.4836" y2="30.5707" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FD6D6D"/>
+<stop offset="0.5" stop-color="#71381D"/>
+<stop offset="1" stop-color="#F97535"/>
+</linearGradient>
+<linearGradient id="paint3_linear_3688_1852" x1="8.7631" y1="-10.274" x2="35.9592" y2="23.1162" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FD6D6D"/>
+<stop offset="1"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/icons/avatar.svg b/public/icons/avatar.svg
new file mode 100644
index 0000000..a14fa43
--- /dev/null
+++ b/public/icons/avatar.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 333.815 333.815" xml:space="preserve">
+<g id="XMLID_1400_">
+	<g id="XMLID_1401_">
+		<g id="XMLID_1402_">
+			<path id="XMLID_1403_" style="fill:#F3D8B6;" d="M250.097,238.262c-18.667-6.681-51.458-11.736-51.458-81.376h-29.23h-5.002
+				h-29.23c0,69.64-32.791,74.695-51.458,81.376c0,47.368,68.832,48.824,80.688,53.239v1.537c0,0,0.922-0.188,2.501-0.68
+				c1.579,0.492,2.501,0.68,2.501,0.68v-1.537C181.265,287.086,250.097,285.63,250.097,238.262z"/>
+		</g>
+		<path id="XMLID_1404_" style="fill:#EEC8A2;" d="M198.639,156.886h-29.23h-2.834v135.573c0.11-0.033,0.216-0.064,0.333-0.101
+			c1.579,0.492,2.501,0.68,2.501,0.68V291.5c11.856-4.414,80.688-5.871,80.688-53.238
+			C231.43,231.581,198.639,226.526,198.639,156.886z"/>
+	</g>
+	<g id="XMLID_1405_">
+		
+			<ellipse id="XMLID_65_" transform="matrix(0.3543 -0.9351 0.9351 0.3543 41.877 286.6909)" style="fill:#EDCEAE;" cx="228.54" cy="113.021" rx="17.187" ry="10.048"/>
+		
+			<ellipse id="XMLID_64_" transform="matrix(0.3543 0.9351 -0.9351 0.3543 172.9698 -24.4475)" style="fill:#F3DBC4;" cx="104.188" cy="113.029" rx="17.187" ry="10.048"/>
+	</g>
+	<g id="XMLID_1406_">
+		<g id="XMLID_1407_">
+			<path id="XMLID_1408_" style="fill:#F3DBC4;" d="M166.91,180.733c-27.454,0-48.409-23.119-57.799-40.456
+				s-15.888-79.445,4.34-106.897c19.808-26.883,53.459-13.838,53.459-13.838s33.649-13.045,53.458,13.838
+				c20.226,27.452,13.726,89.56,4.335,106.897C215.311,157.614,194.359,180.733,166.91,180.733z"/>
+		</g>
+		<path id="XMLID_1409_" style="fill:#EDCEAE;" d="M220.368,33.381c-19.81-26.884-53.458-13.838-53.458-13.838
+			s-0.118-0.045-0.335-0.123v161.305c0.112,0.001,0.222,0.009,0.335,0.009c27.449,0,48.401-23.119,57.794-40.456
+			C234.094,122.941,240.595,60.833,220.368,33.381z"/>
+	</g>
+	<g id="XMLID_1410_">
+		<g id="XMLID_1411_">
+			<path id="XMLID_1414_" style="fill:#545465;" d="M286.89,293.134v40.681H46.926v-40.681c0-30.431,17.377-56.963,40.605-70.913
+				c6.043-3.641,19.69-7.43,26.844-9.196c5.953-1.488,53.438,22.729,53.438,22.729s48.674-23.218,54.627-21.729
+				c7.154,1.766,17.802,4.554,23.844,8.196C269.513,236.171,286.89,262.702,286.89,293.134z"/>
+		</g>
+		<path id="XMLID_1417_" style="fill:#494857;" d="M246.285,222.22c-6.043-3.641-16.69-6.429-23.844-8.196
+			c-5.953-1.488-54.627,21.729-54.627,21.729s-0.442-0.225-1.239-0.627v98.688H286.89v-40.681
+			C286.89,262.703,269.513,236.171,246.285,222.22z"/>
+	</g>
+	<g id="XMLID_1418_">
+		<polygon id="XMLID_1419_" style="fill:#D7734A;" points="188.575,240.372 166.908,233.538 145.241,240.372 159.555,251.364 
+			150.575,333.814 183.241,333.814 174.261,251.364 		"/>
+		<polygon id="XMLID_1420_" style="fill:#D35D3B;" points="188.575,240.372 166.908,233.538 166.575,233.643 166.575,333.814 
+			183.241,333.814 174.261,251.364 		"/>
+	</g>
+	<g id="XMLID_1421_">
+		<path id="XMLID_1422_" style="fill:#FFFFFF;" d="M215.075,209.247l-48.167,23.441l-48.167-23.441
+			c-11.5,5.5,10.396,38.436,14.833,36.833c10.963-3.96,33.334-10.329,33.334-10.329s22.371,6.369,33.334,10.329
+			C204.679,247.683,226.575,214.747,215.075,209.247z"/>
+		<path id="XMLID_1423_" style="fill:#DEDDE0;" d="M215.075,209.247l-48.167,23.441l-0.333-0.162v3.321
+			c0.211-0.061,0.333-0.095,0.333-0.095s22.371,6.369,33.334,10.329C204.679,247.683,226.575,214.747,215.075,209.247z"/>
+	</g>
+	<g id="XMLID_1424_">
+		<path id="XMLID_1427_" style="fill:#E1A98C;" d="M183.075,160.793l-16.452-3.907l-15.881,3.907l2.282,20.541
+			c4.299,1.752,8.946,2.791,13.886,2.791c4.938,0,9.585-1.039,13.883-2.791L183.075,160.793z"/>
+		<path id="XMLID_1428_" style="fill:#D2987B;" d="M166.623,156.886l-0.048,0.012v27.219c0.112,0.001,0.222,0.009,0.334,0.009
+			c4.938,0,9.585-1.039,13.883-2.791l2.282-20.542L166.623,156.886z"/>
+	</g>
+	<g id="XMLID_1429_">
+		<g id="XMLID_1430_">
+			<path id="XMLID_1433_" style="fill:#E1A98C;" d="M223.571,25.321c-2.159,0.08-12.282-31.303-39.282-24.303
+				c-18.537,4.806-20.877,7.419-28.12,9.463c-29.41-9.014-57.539,14.472-56.495,36.488c1.759,37.07-4.778,36.505-0.295,49.454
+				s8.466,23.407,8.466,23.407s0.996,3.565,2.988-16.854s-4.705-31.379,11.137-31.379c52.452,0-19.698,20.372,13.952,20.372
+				c33.391,0,59.203-27.381,74.92-29.372c15.716-1.992,9.145,19.96,11.137,40.379s2.988,16.854,2.988,16.854
+				s8.92-9.712,8.466-23.407C232.923,80.969,239.803,24.719,223.571,25.321z"/>
+		</g>
+		<path id="XMLID_1434_" style="fill:#D2987B;" d="M223.571,25.322c-2.159,0.08-12.282-31.303-39.282-24.303
+			c-8.808,2.284-13.956,4.071-17.714,5.539V84.84c18.759-8.259,33.769-20.913,44.268-22.243c15.716-1.992,9.145,19.96,11.137,40.379
+			c1.992,20.419,2.988,16.854,2.988,16.854s8.92-9.712,8.466-23.407C232.923,80.969,239.803,24.719,223.571,25.322z"/>
+	</g>
+	<g id="XMLID_1435_">
+		
+			<ellipse id="XMLID_33_" transform="matrix(0.3543 -0.9351 0.9351 0.3543 41.877 286.6909)" style="fill:#EDCEAE;" cx="228.54" cy="113.021" rx="17.187" ry="10.048"/>
+		
+			<ellipse id="XMLID_32_" transform="matrix(0.3543 0.9351 -0.9351 0.3543 172.9698 -24.4475)" style="fill:#F3DBC4;" cx="104.188" cy="113.029" rx="17.187" ry="10.048"/>
+	</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/public/icons/delete.svg b/public/icons/delete.svg
new file mode 100644
index 0000000..7fbb998
--- /dev/null
+++ b/public/icons/delete.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
+  <path d="M14.2048 3.98666C13.1315 3.87999 12.0581 3.79999 10.9781 3.73999V3.73333L10.8315 2.86666C10.7315 2.25333 10.5848 1.33333 9.02481 1.33333H7.27815C5.72481 1.33333 5.57814 2.21333 5.47148 2.85999L5.33148 3.71333C4.71148 3.75333 4.09148 3.79333 3.47148 3.85333L2.11148 3.98666C1.83148 4.01333 1.63148 4.25999 1.65815 4.53333C1.68481 4.80666 1.92481 5.00666 2.20481 4.97999L3.56481 4.84666C7.05815 4.49999 10.5781 4.63333 14.1115 4.98666C14.1315 4.98666 14.1448 4.98666 14.1648 4.98666C14.4181 4.98666 14.6381 4.79333 14.6648 4.53333C14.6848 4.25999 14.4848 4.01333 14.2048 3.98666Z" fill="white" fill-opacity="0.72"/>
+  <path d="M12.9784 5.92667C12.8184 5.76001 12.5984 5.66667 12.3717 5.66667H3.94503C3.71836 5.66667 3.4917 5.76001 3.33836 5.92667C3.18503 6.09334 3.09836 6.32001 3.11169 6.55334L3.52503 13.3933C3.59836 14.4067 3.6917 15.6733 6.01836 15.6733H10.2984C12.625 15.6733 12.7184 14.4133 12.7917 13.3933L13.205 6.56001C13.2184 6.32001 13.1317 6.09334 12.9784 5.92667ZM9.26503 12.3333H7.04503C6.7717 12.3333 6.54503 12.1067 6.54503 11.8333C6.54503 11.56 6.7717 11.3333 7.04503 11.3333H9.26503C9.53836 11.3333 9.76503 11.56 9.76503 11.8333C9.76503 12.1067 9.53836 12.3333 9.26503 12.3333ZM9.82503 9.66667H6.4917C6.21836 9.66667 5.9917 9.44001 5.9917 9.16667C5.9917 8.89334 6.21836 8.66667 6.4917 8.66667H9.82503C10.0984 8.66667 10.325 8.89334 10.325 9.16667C10.325 9.44001 10.0984 9.66667 9.82503 9.66667Z" fill="white" fill-opacity="0.72"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/discover.svg b/public/icons/discover.svg
new file mode 100644
index 0000000..f44c776
--- /dev/null
+++ b/public/icons/discover.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path opacity="0.4" d="M19.9999 9.9999C19.9999 15.5229 15.5229 19.9999 9.9999 19.9999C4.4769 19.9999 -9.91821e-05 15.5229 -9.91821e-05 9.9999C-9.91821e-05 4.4779 4.4769 -9.91821e-05 9.9999 -9.91821e-05C15.5229 -9.91821e-05 19.9999 4.4779 19.9999 9.9999Z" fill="white"/>
+  <path d="M13.8598 6.7049L12.2398 11.8249C12.1798 12.0349 12.0098 12.2049 11.7998 12.2659L6.6998 13.8649C6.3598 13.9759 6.0298 13.6449 6.1398 13.3049L7.7398 8.1749C7.7998 7.9649 7.9698 7.8049 8.1798 7.7349L13.2998 6.1349C13.6498 6.0249 13.9698 6.3549 13.8598 6.7049Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/edit.svg b/public/icons/edit.svg
new file mode 100644
index 0000000..07ab3ee
--- /dev/null
+++ b/public/icons/edit.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 14.6667H2C1.72667 14.6667 1.5 14.44 1.5 14.1667C1.5 13.8933 1.72667 13.6667 2 13.6667H14C14.2733 13.6667 14.5 13.8933 14.5 14.1667C14.5 14.44 14.2733 14.6667 14 14.6667Z" fill="white"/>
+<path d="M12.6799 2.32C11.3866 1.02667 10.1199 0.993336 8.79322 2.32L7.98655 3.12667C7.91989 3.19334 7.89322 3.3 7.91989 3.39334C8.42655 5.16 9.83989 6.57334 11.6066 7.08C11.6332 7.08667 11.6599 7.09334 11.6866 7.09334C11.7599 7.09334 11.8266 7.06667 11.8799 7.01334L12.6799 6.20667C13.3399 5.55334 13.6599 4.92 13.6599 4.28C13.6666 3.62 13.3466 2.98 12.6799 2.32Z" fill="white"/>
+<path d="M10.4066 7.68667C10.2132 7.59334 10.0266 7.50001 9.84655 7.39334C9.69989 7.30667 9.55989 7.21334 9.41989 7.11334C9.30655 7.04001 9.17322 6.93334 9.04655 6.82667C9.03322 6.82001 8.98655 6.78001 8.93322 6.72667C8.71322 6.54001 8.46655 6.30001 8.24655 6.03334C8.22655 6.02001 8.19322 5.97334 8.14655 5.91334C8.07989 5.83334 7.96655 5.70001 7.86655 5.54667C7.78655 5.44667 7.69322 5.30001 7.60655 5.15334C7.49989 4.97334 7.40655 4.79334 7.31322 4.60667C7.19085 4.34445 6.84668 4.26655 6.64206 4.47117L2.89322 8.22001C2.80655 8.30667 2.72655 8.47334 2.70655 8.58667L2.34655 11.14C2.27989 11.5933 2.40655 12.02 2.68655 12.3067C2.92655 12.54 3.25989 12.6667 3.61989 12.6667C3.69989 12.6667 3.77989 12.66 3.85989 12.6467L6.41989 12.2867C6.53989 12.2667 6.70655 12.1867 6.78655 12.1L10.5416 8.34498C10.7421 8.14445 10.6668 7.79943 10.4066 7.68667Z" fill="white"/>
+</svg>
diff --git a/public/icons/emptyState.svg b/public/icons/emptyState.svg
new file mode 100644
index 0000000..c395cfa
--- /dev/null
+++ b/public/icons/emptyState.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="250" height="200" viewBox="0 0 250 200" fill="none">
+  <path d="M121.813 132.921C146.441 132.921 166.406 113.016 166.406 88.4606C166.406 63.9057 146.441 44 121.813 44C97.1845 44 77.2192 63.9057 77.2192 88.4606C77.2192 113.016 97.1845 132.921 121.813 132.921Z" fill="#15171C" stroke="#F97535" stroke-width="2.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M114.668 122.959C117.009 123.39 119.391 123.614 121.813 123.631C141.295 123.631 157.089 107.885 157.089 88.4606C157.089 69.0366 141.295 53.2903 121.813 53.2903C116.808 53.2903 112.047 54.3294 107.735 56.203C100.24 59.4589 94.1007 65.2348 90.3926 72.4573C87.928 77.2578 86.5376 82.6973 86.5376 88.4606C86.5376 93.6897 87.6822 98.6523 89.7352 103.113C91.2009 106.297 93.1297 109.226 95.4355 111.813" fill="#232429"/>
+  <path d="M114.668 122.959C117.009 123.39 119.391 123.614 121.813 123.631C141.295 123.631 157.089 107.885 157.089 88.4606C157.089 69.0366 141.295 53.2903 121.813 53.2903C116.808 53.2903 112.047 54.3294 107.735 56.203C100.24 59.4589 94.1007 65.2348 90.3926 72.4573C87.928 77.2578 86.5376 82.6973 86.5376 88.4606C86.5376 93.6897 87.6822 98.6523 89.7352 103.113C91.2009 106.297 93.1297 109.226 95.4355 111.813" stroke="#F97535" stroke-width="2.5" stroke-linecap="round"/>
+  <path d="M99.5791 115.767C102.439 118.084 105.669 119.964 109.168 121.304" stroke="#F97535" stroke-width="2.5" stroke-linecap="round"/>
+  <path d="M158.42 123.631L166.407 131.594" stroke="#F97535" stroke-width="2.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M165.116 130.307C162.597 132.819 162.597 136.892 165.116 139.404L179.872 154.116C182.392 156.628 186.477 156.628 188.996 154.116C191.516 151.604 191.516 147.531 188.996 145.019L174.24 130.307C171.721 127.795 167.636 127.795 165.116 130.307Z" fill="#414455" stroke="#F97535" stroke-width="2.5"/>
+  <path d="M171.731 132.921L186.374 147.52" stroke="#232429" stroke-width="2.5" stroke-linecap="round"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M113.161 73.1981C113.161 88.5907 125.676 101.069 141.115 101.069C144.148 101.069 147.068 100.587 149.802 99.6968C145.339 110.74 134.489 118.536 121.813 118.536C105.153 118.536 91.6482 105.071 91.6482 88.4607C91.6482 73.4098 102.737 60.9412 117.214 58.7332C114.642 62.9513 113.161 67.9022 113.161 73.1981Z" fill="#414455"/>
+  <path d="M122.479 63.908C120.784 63.908 119.127 64.0742 117.526 64.3913M112.688 65.867C103.581 69.6823 97.1868 78.6588 97.1868 89.1244" stroke="#FFD9C7" stroke-width="2.5" stroke-linecap="round"/>
+  <path d="M193.263 88.8288H182.38M201.682 78.5068H178.818H201.682ZM211 78.5068H208.043H211Z" stroke="#FFD9C7" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M73.4597 118.027H62.5765M67.2355 106.377H44.372H67.2355ZM36.619 106.377H31H36.619Z" stroke="#FFD9C7" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/forward.svg b/public/icons/forward.svg
new file mode 100644
index 0000000..4e1efdf
--- /dev/null
+++ b/public/icons/forward.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path opacity="0.4" d="M2 8.33998V15.66C2 17.16 3.62999 18.1 4.92999 17.35L8.10001 15.52L11.27 13.69L11.76 13.41V10.59L11.27 10.31L8.10001 8.48L4.92999 6.64998C3.62999 5.89998 2 6.83998 2 8.33998Z" fill="white"/>
+  <path d="M11.7598 8.33998V15.66C11.7598 17.16 13.3897 18.1 14.6797 17.35L17.8597 15.52L21.0298 13.69C22.3198 12.94 22.3198 11.06 21.0298 10.31L17.8597 8.48L14.6797 6.64998C13.3897 5.89998 11.7598 6.83998 11.7598 8.33998Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/hamburger.svg b/public/icons/hamburger.svg
new file mode 100644
index 0000000..4e259f6
--- /dev/null
+++ b/public/icons/hamburger.svg
@@ -0,0 +1,10 @@
+
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
+<g id="SVGRepo_iconCarrier"> <path d="M4 18L20 18" stroke="#344054" stroke-width="2" stroke-linecap="round"/> <path d="M4 12L20 12" stroke="#344054" stroke-width="2" stroke-linecap="round"/> <path d="M4 6L20 6" stroke="#344054" stroke-width="2" stroke-linecap="round"/> </g>
+
+</svg>
\ No newline at end of file
diff --git a/public/icons/headphone.svg b/public/icons/headphone.svg
new file mode 100644
index 0000000..a1c1a13
--- /dev/null
+++ b/public/icons/headphone.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path opacity="0.4" d="M2.75 18.65C2.34 18.65 2 18.31 2 17.9V12.2C1.95 9.48999 2.96 6.92999 4.84 5.00999C6.72 3.09999 9.24 2.04999 11.95 2.04999C17.49 2.04999 22 6.55999 22 12.1V17.8C22 18.21 21.66 18.55 21.25 18.55C20.84 18.55 20.5 18.21 20.5 17.8V12.1C20.5 7.38999 16.67 3.54999 11.95 3.54999C9.64 3.54999 7.5 4.43999 5.91 6.05999C4.31 7.68999 3.46 9.85999 3.5 12.18V17.89C3.5 18.31 3.17 18.65 2.75 18.65Z" fill="white"/>
+  <path d="M5.94 12.45H5.81C3.71 12.45 2 14.16 2 16.26V18.14C2 20.24 3.71 21.95 5.81 21.95H5.94C8.04 21.95 9.75 20.24 9.75 18.14V16.26C9.75 14.16 8.04 12.45 5.94 12.45Z" fill="white"/>
+  <path d="M18.19 12.45H18.06C15.96 12.45 14.25 14.16 14.25 16.26V18.14C14.25 20.24 15.96 21.95 18.06 21.95H18.19C20.29 21.95 22 20.24 22 18.14V16.26C22 14.16 20.29 12.45 18.19 12.45Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/home.svg b/public/icons/home.svg
new file mode 100644
index 0000000..fbe6b54
--- /dev/null
+++ b/public/icons/home.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path opacity="0.4" d="M20.83 8.01L14.28 2.77C13 1.75 11 1.74 9.72996 2.76L3.17996 8.01C2.23996 8.76 1.66996 10.26 1.86996 11.44L3.12996 18.98C3.41996 20.67 4.98996 22 6.69996 22H17.3C18.99 22 20.59 20.64 20.88 18.97L22.14 11.43C22.32 10.26 21.75 8.76 20.83 8.01ZM12.75 18C12.75 18.41 12.41 18.75 12 18.75C11.59 18.75 11.25 18.41 11.25 18V15C11.25 14.59 11.59 14.25 12 14.25C12.41 14.25 12.75 14.59 12.75 15V18Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/logo.svg b/public/icons/logo.svg
new file mode 100644
index 0000000..36542f7
--- /dev/null
+++ b/public/icons/logo.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="23" height="27" viewBox="0 0 23 27" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.15418 25.5468L3.28278 26.6863C1.84003 27.5541 0 26.5191 0 24.8359V2.17001C0 0.476342 1.84003 -0.558674 3.28278 0.319523L9.53471 4.11459C9.25243 4.06231 8.9597 4.03095 8.65651 4.03095C5.68737 4.03095 3.27233 6.37281 3.12596 9.30013H5.48873C5.83374 9.30013 6.17874 9.58241 6.19965 9.93787C6.22056 10.3247 5.90692 10.6488 5.52009 10.6488H3.12596V11.9661H5.52009C5.90692 11.9661 6.22056 12.2797 6.19965 12.677C6.17874 13.0429 5.85465 13.3147 5.48873 13.3147H3.12596V14.6216H5.48873C5.83374 14.6216 6.17874 14.9143 6.19965 15.2698C6.22056 15.6566 5.90692 15.9807 5.52009 15.9807H3.12596C3.27233 18.908 5.68737 21.2394 8.65651 21.2394C8.75061 21.2394 8.8447 21.229 8.94925 21.229L7.83059 22.4313V23.9263L7.7365 23.9786H6.79557C5.91738 23.9786 5.196 24.679 5.15418 25.5468ZM21.9654 15.3534L9.48244 22.9226V21.1767C12.0543 20.7899 14.0512 18.6257 14.1766 15.9807H11.7825C11.3957 15.9807 11.0925 15.6566 11.1029 15.2698C11.1238 14.9143 11.4688 14.6216 11.8243 14.6216H14.1871V13.3147H11.7825C11.3957 13.3147 11.0925 12.9907 11.1029 12.6038C11.1238 12.2379 11.4584 11.9661 11.8243 11.9661H14.1871V10.6488H11.8243C11.4688 10.6488 11.1238 10.3665 11.1029 10.0111C11.0925 9.62423 11.3957 9.30013 11.7825 9.30013H14.1766C14.1243 8.16057 13.7271 7.11509 13.0893 6.25781L21.9654 11.6524C23.3559 12.4888 23.3559 14.5066 21.9654 15.3534Z" fill="url(#paint0_linear_3676_2372)"/>
+  <path style="mix-blend-mode:multiply" fill-rule="evenodd" clip-rule="evenodd" d="M8.94925 21.229L7.83059 22.4313V23.9263L7.7365 23.9786H6.79557C5.91738 23.9786 5.196 24.679 5.15418 25.5468L3.28278 26.6863C1.84003 27.5541 0 26.5191 0 24.8359V2.17001C0 0.476342 1.84003 -0.558674 3.28278 0.319523L9.53471 4.11459C9.25243 4.06231 8.9597 4.03095 8.65651 4.03095C5.68737 4.03095 3.27233 6.37281 3.12596 9.30013H5.48873C5.83374 9.30013 6.17874 9.58241 6.19965 9.93787C6.22056 10.3247 5.90692 10.6488 5.52009 10.6488H3.12596V11.9661H5.52009C5.90692 11.9661 6.22056 12.2797 6.19965 12.677C6.17874 13.0429 5.85465 13.3147 5.48873 13.3147H3.12596V14.6216H5.48873C5.83374 14.6216 6.17874 14.9143 6.19965 15.2698C6.22056 15.6566 5.90692 15.9807 5.52009 15.9807H3.12596C3.27233 18.908 5.68737 21.2394 8.65651 21.2394C8.75061 21.2394 8.8447 21.229 8.94925 21.229ZM16.163 18.8662L9.48244 22.9226V21.1767C12.0543 20.7899 14.0512 18.6257 14.1766 15.9807H11.7825C11.3957 15.9807 11.0925 15.6566 11.1029 15.2698C11.1238 14.9143 11.4688 14.6216 11.8243 14.6216H14.1871V13.3147H11.7825C11.3957 13.3147 11.0925 12.9907 11.1029 12.6038C11.1238 12.2379 11.4584 11.9661 11.8243 11.9661H14.1871V10.8788C14.6784 12.0497 15.0966 13.2625 15.4312 14.517C15.8285 16.0225 16.0689 17.4757 16.163 18.8662ZM11.7825 9.30013H13.4552C13.6783 9.73923 13.8874 10.1888 14.0825 10.6488H11.8243C11.4688 10.6488 11.1238 10.3665 11.1029 10.0111C11.0925 9.62423 11.3957 9.30013 11.7825 9.30013Z" fill="url(#paint1_linear_3676_2372)"/>
+  <path style="mix-blend-mode:screen" fill-rule="evenodd" clip-rule="evenodd" d="M3.12596 11.4956V10.6488H5.52009C5.90692 10.6488 6.22056 10.3247 6.19965 9.93787C6.17874 9.58241 5.83374 9.30013 5.48873 9.30013H3.12596C3.27233 6.37281 5.68737 4.03095 8.65651 4.03095C8.9597 4.03095 9.25243 4.06231 9.53471 4.11459L3.28278 0.319523C1.84003 -0.558674 0 0.476342 0 2.17001V8.92376C0.920016 9.85423 1.96549 10.7115 3.12596 11.4956ZM6.19965 12.677C6.22056 12.2797 5.90692 11.9661 5.52009 11.9661H3.84734C4.52341 12.3843 5.23085 12.7746 5.96965 13.137C6.10556 13.022 6.1892 12.8547 6.19965 12.677ZM21.9654 11.6524L13.0893 6.25781C13.7271 7.11509 14.1243 8.16057 14.1766 9.30013H11.7825C11.3957 9.30013 11.0925 9.62423 11.1029 10.0111C11.1238 10.3665 11.4688 10.6488 11.8243 10.6488H14.1871V11.9661H11.8243C11.4584 11.9661 11.1238 12.2379 11.1029 12.6038C11.0925 12.9907 11.3957 13.3147 11.7825 13.3147H14.1871V14.6216H11.8243C11.5525 14.6216 11.3016 14.7889 11.1761 15.0189C12.2007 15.2698 13.2566 15.4684 14.3334 15.5939C17.083 15.9284 19.6862 15.803 22.0386 15.3011C23.3454 14.4334 23.3245 12.4784 21.9654 11.6524Z" fill="url(#paint2_linear_3676_2372)"/>
+  <path style="mix-blend-mode:screen" fill-rule="evenodd" clip-rule="evenodd" d="M21.9654 15.3534L9.48244 22.9226V21.1767C12.0543 20.7899 14.0512 18.6258 14.1766 15.9807H11.7825C11.3957 15.9807 11.0925 15.6566 11.1029 15.2698C11.1238 14.9143 11.4688 14.6216 11.8243 14.6216H14.1871V13.3148H11.7825C11.3957 13.3148 11.0925 12.9907 11.1029 12.6038C11.1238 12.2379 11.4584 11.9661 11.8243 11.9661H14.1871V10.6488H11.8243C11.4688 10.6488 11.1238 10.3665 11.1029 10.0111C11.0925 9.62423 11.3957 9.30014 11.7825 9.30014H14.1766C14.1348 8.50558 13.9257 7.75284 13.5911 7.08373C13.8351 7.05585 14.079 7.03146 14.323 7.01055L21.9654 11.6524C23.3559 12.4888 23.3559 14.5066 21.9654 15.3534ZM0 24.8359V16.2943C0.836378 14.7157 1.96549 13.2416 3.3246 11.9661H5.52009C5.90692 11.9661 6.22056 12.2797 6.19965 12.677C6.17874 13.0429 5.85465 13.3148 5.48873 13.3148H3.12596V14.6216H5.48873C5.83374 14.6216 6.17874 14.9143 6.19965 15.2698C6.22056 15.6566 5.90692 15.9807 5.52009 15.9807H3.12596C3.27233 18.908 5.68737 21.2394 8.65651 21.2394C8.75061 21.2394 8.8447 21.229 8.94925 21.229L7.83059 22.4313V23.9263L7.7365 23.9786H6.79557C5.91738 23.9786 5.196 24.679 5.15418 25.5468L3.28278 26.6863C1.84003 27.5541 0 26.5191 0 24.8359ZM4.86145 10.6488C5.27964 10.3352 5.71177 10.0389 6.15783 9.76014C6.17874 9.81242 6.19965 9.87515 6.19965 9.93788C6.22056 10.3247 5.90692 10.6488 5.52009 10.6488H4.86145Z" fill="url(#paint3_linear_3676_2372)"/>
+  <defs>
+    <linearGradient id="paint0_linear_3676_2372" x1="16.5285" y1="-10.8157" x2="45.68" y2="18.3358" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FD6D6D"/>
+      <stop offset="1" stop-color="#F97535"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear_3676_2372" x1="-16.282" y1="1.72432" x2="0.389741" y2="-14.0819" gradientUnits="userSpaceOnUse">
+      <stop stop-color="white"/>
+      <stop offset="0.987" stop-color="#D937BE"/>
+      <stop offset="1" stop-color="#D837BF"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear_3676_2372" x1="14.4576" y1="-7.68138" x2="22.8076" y2="18.4645" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FD6D6D"/>
+      <stop offset="0.5" stop-color="#71381D"/>
+      <stop offset="1" stop-color="#F97535"/>
+    </linearGradient>
+    <linearGradient id="paint3_linear_3676_2372" x1="6.15281" y1="-10.2136" x2="25.248" y2="13.2306" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FD6D6D"/>
+      <stop offset="1"/>
+    </linearGradient>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/public/icons/microphone.svg b/public/icons/microphone.svg
new file mode 100644
index 0000000..94c11ba
--- /dev/null
+++ b/public/icons/microphone.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path opacity="0.4" d="M19.12 9.12C18.73 9.12 18.42 9.43 18.42 9.82V11.4C18.42 14.94 15.54 17.82 12 17.82C8.46 17.82 5.58 14.94 5.58 11.4V9.81C5.58 9.42 5.27 9.11 4.88 9.11C4.49 9.11 4.18 9.42 4.18 9.81V11.39C4.18 15.46 7.31 18.81 11.3 19.17V21.3C11.3 21.69 11.61 22 12 22C12.39 22 12.7 21.69 12.7 21.3V19.17C16.68 18.82 19.82 15.46 19.82 11.39V9.81C19.81 9.43 19.5 9.12 19.12 9.12Z" fill="white"/>
+  <path d="M12 2C9.56 2 7.58 3.98 7.58 6.42V11.54C7.58 13.98 9.56 15.96 12 15.96C14.44 15.96 16.42 13.98 16.42 11.54V6.42C16.42 3.98 14.44 2 12 2ZM13.31 8.95C13.24 9.21 13.01 9.38 12.75 9.38C12.7 9.38 12.65 9.37 12.6 9.36C12.21 9.25 11.8 9.25 11.41 9.36C11.09 9.45 10.78 9.26 10.7 8.95C10.61 8.64 10.8 8.32 11.11 8.24C11.7 8.08 12.32 8.08 12.91 8.24C13.21 8.32 13.39 8.64 13.31 8.95ZM13.84 7.01C13.75 7.25 13.53 7.39 13.29 7.39C13.22 7.39 13.16 7.38 13.09 7.36C12.39 7.1 11.61 7.1 10.91 7.36C10.61 7.47 10.27 7.31 10.16 7.01C10.05 6.71 10.21 6.37 10.51 6.27C11.47 5.92 12.53 5.92 13.49 6.27C13.79 6.38 13.95 6.71 13.84 7.01Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/mute.svg b/public/icons/mute.svg
new file mode 100644
index 0000000..7ab8e93
--- /dev/null
+++ b/public/icons/mute.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.72">
+<path d="M18 16.75C17.84 16.75 17.69 16.7 17.55 16.6C17.22 16.35 17.15 15.88 17.4 15.55C18.97 13.46 18.97 10.54 17.4 8.45003C17.15 8.12003 17.22 7.65003 17.55 7.40003C17.88 7.15003 18.35 7.22003 18.6 7.55003C20.56 10.17 20.56 13.83 18.6 16.45C18.45 16.65 18.23 16.75 18 16.75Z" fill="white"/>
+<path d="M19.83 19.25C19.67 19.25 19.52 19.2 19.38 19.1C19.05 18.85 18.98 18.38 19.23 18.05C21.9 14.49 21.9 9.51003 19.23 5.95003C18.98 5.62003 19.05 5.15003 19.38 4.90003C19.71 4.65003 20.18 4.72003 20.43 5.05003C23.5 9.14003 23.5 14.86 20.43 18.95C20.29 19.15 20.06 19.25 19.83 19.25Z" fill="white"/>
+<path opacity="0.4" d="M15.75 7.41003V16.59C15.75 18.31 15.13 19.6 14.02 20.22C13.57 20.47 13.07 20.59 12.55 20.59C11.75 20.59 10.89 20.32 10.01 19.77L7.09 17.94C6.89 17.82 6.66 17.75 6.43 17.75H5.5V6.25003H6.43C6.66 6.25003 6.89 6.18003 7.09 6.06003L10.01 4.23003C11.47 3.32003 12.9 3.16003 14.02 3.78003C15.13 4.40003 15.75 5.69003 15.75 7.41003Z" fill="white"/>
+<path d="M5.5 6.25V17.75H5C2.58 17.75 1.25 16.42 1.25 14V10C1.25 7.58 2.58 6.25 5 6.25H5.5Z" fill="white"/>
+</g>
+</svg>
diff --git a/public/icons/play-gray.svg b/public/icons/play-gray.svg
new file mode 100644
index 0000000..a121d72
--- /dev/null
+++ b/public/icons/play-gray.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 23 24" fill="none">
+  <path opacity="0.4" d="M11.2284 22.0001C16.409 22.0001 20.6088 17.5229 20.6088 12.0001C20.6088 6.47721 16.409 2.00006 11.2284 2.00006C6.04769 2.00006 1.84793 6.47721 1.84793 12.0001C1.84793 17.5229 6.04769 22.0001 11.2284 22.0001Z" fill="white"/>
+  <path d="M14.0425 10.2301L11.3222 8.56006C10.6468 8.14006 9.83068 8.14006 9.15529 8.56006C8.4799 8.98006 8.07654 9.72006 8.07654 10.5601V13.9101C8.07654 14.7401 8.4799 15.4901 9.15529 15.9101C9.49298 16.1201 9.8682 16.2201 10.234 16.2201C10.6093 16.2201 10.9751 16.1201 11.3128 15.9101L14.0331 14.2401C14.7085 13.8201 15.1119 13.0801 15.1119 12.2401C15.1306 11.4001 14.7273 10.6501 14.0425 10.2301Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/profile.svg b/public/icons/profile.svg
new file mode 100644
index 0000000..0bef2f0
--- /dev/null
+++ b/public/icons/profile.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z" fill="#ffffffb8"/>
+  <path d="M11.9999 14.5C6.98991 14.5 2.90991 17.86 2.90991 22C2.90991 22.28 3.12991 22.5 3.40991 22.5H20.5899C20.8699 22.5 21.0899 22.28 21.0899 22C21.0899 17.86 17.0099 14.5 11.9999 14.5Z" fill="#ffffffb8"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/randomPlay.svg b/public/icons/randomPlay.svg
new file mode 100644
index 0000000..6df8ec6
--- /dev/null
+++ b/public/icons/randomPlay.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path d="M14.5752 7.99995L4.66683 13.975C4.0835 14.325 3.3335 13.9083 3.3335 13.225V6.55828C3.3335 3.64995 6.47516 1.83328 9.00016 3.28328L12.8252 5.48328L14.5668 6.48328C15.1418 6.82495 15.1502 7.65828 14.5752 7.99995Z" fill="white"/>
+  <path d="M15.075 12.8834L11.7 14.8334L8.33334 16.775C7.125 17.4667 5.75834 17.325 4.76667 16.625C4.28334 16.2917 4.34167 15.55 4.85001 15.25L15.4417 8.90003C15.9417 8.60003 16.6 8.88337 16.6917 9.45837C16.9 10.75 16.3667 12.1417 15.075 12.8834Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/reverse.svg b/public/icons/reverse.svg
new file mode 100644
index 0000000..29459f8
--- /dev/null
+++ b/public/icons/reverse.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path opacity="0.4" d="M22.0002 8.33998V15.66C22.0002 17.16 20.3703 18.1 19.0703 17.35L15.9002 15.52L12.7303 13.69L12.2402 13.41V10.59L12.7303 10.31L15.9002 8.48L19.0703 6.64998C20.3703 5.89998 22.0002 6.83998 22.0002 8.33998Z" fill="white"/>
+  <path d="M12.2399 8.33998V15.66C12.2399 17.16 10.6099 18.1 9.31995 17.35L6.13995 15.52L2.96994 13.69C1.67994 12.94 1.67994 11.06 2.96994 10.31L6.13995 8.48L9.31995 6.64998C10.6099 5.89998 12.2399 6.83998 12.2399 8.33998Z" fill="white"/>
+</svg>
diff --git a/public/icons/right-arrow.svg b/public/icons/right-arrow.svg
new file mode 100644
index 0000000..c8894ee
--- /dev/null
+++ b/public/icons/right-arrow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M8.60999 4.8C8.50163 4.90045 8.41413 5.02126 8.35247 5.15554C8.29082 5.28981 8.25622 5.43492 8.25064 5.58257C8.24507 5.73022 8.26864 5.87752 8.32 6.01606C8.37136 6.1546 8.44951 6.28166 8.54998 6.39L13.8405 12L8.54998 17.61C8.44952 17.7183 8.37138 17.8454 8.32003 17.9839C8.26868 18.1225 8.24511 18.2698 8.25068 18.4174C8.25626 18.5651 8.29085 18.7102 8.3525 18.8444C8.41415 18.9787 8.50164 19.0995 8.60998 19.2C8.71832 19.3005 8.84539 19.3786 8.98393 19.43C9.12247 19.4813 9.26977 19.5049 9.41741 19.4993C9.56506 19.4937 9.71016 19.4591 9.84443 19.3975C9.97871 19.3358 10.0995 19.2483 10.2 19.14L16.2 12.765C16.3929 12.557 16.5001 12.2837 16.5001 12C16.5001 11.7163 16.3929 11.443 16.2 11.235L10.2 4.86C10.0995 4.75164 9.97872 4.66414 9.84444 4.60248C9.71017 4.54083 9.56506 4.50623 9.41741 4.50065C9.26976 4.49508 9.12246 4.51865 8.98392 4.57001C8.84539 4.62137 8.71832 4.69952 8.60999 4.8Z" fill="#F97535"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/search.svg b/public/icons/search.svg
new file mode 100644
index 0000000..16c4e2c
--- /dev/null
+++ b/public/icons/search.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path d="M9.58332 17.5C13.9556 17.5 17.5 13.9556 17.5 9.58333C17.5 5.21108 13.9556 1.66666 9.58332 1.66666C5.21107 1.66666 1.66666 5.21108 1.66666 9.58333C1.66666 13.9556 5.21107 17.5 9.58332 17.5Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M18.3333 18.3333L16.6667 16.6667" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/three-dots.svg b/public/icons/three-dots.svg
new file mode 100644
index 0000000..b3ce6d5
--- /dev/null
+++ b/public/icons/three-dots.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="29" viewBox="0 0 30 29" fill="none">
+  <path d="M15 5.86276L15 5.87449L15 5.86276ZM15 14.0706L15 14.0824L15 14.0706ZM15 22.2785L15 22.2902L15 22.2785ZM15 7.03531C14.6685 7.03531 14.3505 6.91178 14.1161 6.69188C13.8817 6.47198 13.75 6.17374 13.75 5.86276C13.75 5.55178 13.8817 5.25354 14.1161 5.03364C14.3505 4.81375 14.6685 4.69021 15 4.69021C15.3315 4.69021 15.6495 4.81375 15.8839 5.03364C16.1183 5.25354 16.25 5.55178 16.25 5.86276C16.25 6.17374 16.1183 6.47198 15.8839 6.69188C15.6495 6.91178 15.3315 7.03531 15 7.03531V7.03531ZM15 15.2432C14.6685 15.2432 14.3505 15.1196 14.1161 14.8997C13.8817 14.6799 13.75 14.3816 13.75 14.0706C13.75 13.7596 13.8817 13.4614 14.1161 13.2415C14.3505 13.0216 14.6685 12.8981 15 12.8981C15.3315 12.8981 15.6495 13.0216 15.8839 13.2415C16.1183 13.4614 16.25 13.7596 16.25 14.0706C16.25 14.3816 16.1183 14.6799 15.8839 14.8997C15.6495 15.1196 15.3315 15.2432 15 15.2432V15.2432ZM15 23.451C14.6685 23.451 14.3505 23.3275 14.1161 23.1076C13.8817 22.8877 13.75 22.5895 13.75 22.2785C13.75 21.9675 13.8817 21.6693 14.1161 21.4494C14.3505 21.2295 14.6685 21.1059 15 21.1059C15.3315 21.1059 15.6495 21.2295 15.8839 21.4494C16.1183 21.6693 16.25 21.9675 16.25 22.2785C16.25 22.5895 16.1183 22.8877 15.8839 23.1076C15.6495 23.3275 15.3315 23.451 15 23.451V23.451Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/unmute.svg b/public/icons/unmute.svg
new file mode 100644
index 0000000..2019160
--- /dev/null
+++ b/public/icons/unmute.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M18 16.75C17.84 16.75 17.69 16.7 17.55 16.6C17.22 16.35 17.15 15.88 17.4 15.55C18.66 13.87 18.93 11.64 18.12 9.71001C17.96 9.33001 18.14 8.89001 18.52 8.73001C18.9 8.57001 19.34 8.75001 19.5 9.13001C20.52 11.55 20.17 14.36 18.6 16.46C18.45 16.65 18.23 16.75 18 16.75Z" fill="white"/>
+  <path d="M19.83 19.25C19.67 19.25 19.52 19.2 19.38 19.1C19.05 18.85 18.98 18.38 19.23 18.05C21.37 15.2 21.84 11.38 20.46 8.09002C20.3 7.71002 20.48 7.27002 20.86 7.11002C21.24 6.95002 21.68 7.13002 21.84 7.51002C23.43 11.29 22.89 15.67 20.43 18.95C20.29 19.15 20.06 19.25 19.83 19.25Z" fill="white"/>
+  <path opacity="0.4" d="M14.04 12.96C14.67 12.33 15.75 12.78 15.75 13.67V16.6C15.75 18.32 15.13 19.61 14.02 20.23C13.57 20.48 13.07 20.6 12.55 20.6C11.75 20.6 10.89 20.33 10.01 19.78L9.36998 19.38C8.82998 19.04 8.73998 18.28 9.18998 17.83L14.04 12.96Z" fill="white"/>
+  <path opacity="0.4" d="M14.02 3.78003C12.9 3.16003 11.47 3.32003 10.01 4.23003L7.09 6.06003C6.89 6.18003 6.66 6.25003 6.43 6.25003H5.5H5C2.58 6.25003 1.25 7.58003 1.25 10V14C1.25 16.42 2.58 17.75 5 17.75H5.5H6.25L15.75 8.25003V7.41003C15.75 5.69003 15.13 4.40003 14.02 3.78003Z" fill="white"/>
+  <path d="M21.77 2.23C21.47 1.93 20.98 1.93 20.68 2.23L2.23 20.69C1.93 20.99 1.93 21.48 2.23 21.78C2.38 21.92 2.57 22 2.77 22C2.97 22 3.16 21.92 3.31 21.77L21.77 3.31C22.08 3.01 22.08 2.53 21.77 2.23Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/upload-image.svg b/public/icons/upload-image.svg
new file mode 100644
index 0000000..1d7e41c
--- /dev/null
+++ b/public/icons/upload-image.svg
@@ -0,0 +1,5 @@
+<svg width="47" height="46" viewBox="0 0 47 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3.5" y="3.00006" width="40" height="40" rx="20" fill="#15171C"/>
+<rect x="3.5" y="3.00006" width="40" height="40" rx="20" stroke="#24272C" stroke-width="6"/>
+<path d="M20.1667 26.3334L23.5001 23.0001M23.5001 23.0001L26.8334 26.3334M23.5001 23.0001V30.5001M30.1667 26.9524C31.1847 26.1118 31.8334 24.84 31.8334 23.4167C31.8334 20.8854 29.7814 18.8334 27.2501 18.8334C27.068 18.8334 26.8976 18.7384 26.8052 18.5815C25.7185 16.7374 23.7121 15.5001 21.4167 15.5001C17.965 15.5001 15.1667 18.2983 15.1667 21.7501C15.1667 23.4718 15.863 25.031 16.9892 26.1613" stroke="#71788B" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/icons/verified.svg b/public/icons/verified.svg
new file mode 100644
index 0000000..d434e0c
--- /dev/null
+++ b/public/icons/verified.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.03359 1.41676C8.29923 1.17939 8.70077 1.17939 8.96641 1.41676L10.5848 2.86284C10.703 2.96848 10.8536 3.03086 11.0119 3.03976L13.1788 3.16159C13.5345 3.18159 13.8184 3.46552 13.8384 3.82119L13.9602 5.9881C13.9691 6.1464 14.0315 6.29698 14.1372 6.41521L15.5832 8.03359C15.8206 8.29923 15.8206 8.70077 15.5832 8.96641L14.1372 10.5848C14.0315 10.703 13.9691 10.8536 13.9602 11.0119L13.8384 13.1788C13.8184 13.5345 13.5345 13.8184 13.1788 13.8384L11.0119 13.9602C10.8536 13.9691 10.703 14.0315 10.5848 14.1372L8.96641 15.5832C8.70077 15.8206 8.29923 15.8206 8.03359 15.5832L6.41521 14.1372C6.29698 14.0315 6.1464 13.9691 5.9881 13.9602L3.82119 13.8384C3.46552 13.8184 3.18159 13.5345 3.16159 13.1788L3.03976 11.0119C3.03086 10.8536 2.96848 10.703 2.86284 10.5848L1.41676 8.96641C1.17939 8.70077 1.17939 8.29923 1.41676 8.03359L2.86284 6.41521C2.96848 6.29698 3.03086 6.1464 3.03976 5.9881L3.16159 3.82119C3.18159 3.46552 3.46552 3.18159 3.82119 3.16159L5.9881 3.03976C6.1464 3.03086 6.29698 2.96848 6.41521 2.86284L8.03359 1.41676Z" fill="#13A8F2"/>
+<path d="M5.875 8.875L7.375 10.375L11.125 6.625" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/icons/watch.svg b/public/icons/watch.svg
new file mode 100644
index 0000000..db6a0fb
--- /dev/null
+++ b/public/icons/watch.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path opacity="0.4" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="white"/>
+  <path d="M15.71 15.93C15.58 15.93 15.45 15.9 15.33 15.82L12.23 13.97C11.46 13.51 10.89 12.5 10.89 11.61V7.51001C10.89 7.10001 11.23 6.76001 11.64 6.76001C12.05 6.76001 12.39 7.10001 12.39 7.51001V11.61C12.39 11.97 12.69 12.5 13 12.68L16.1 14.53C16.46 14.74 16.57 15.2 16.36 15.56C16.21 15.8 15.96 15.93 15.71 15.93Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bg-img.png b/public/images/bg-img.png
new file mode 100644
index 0000000..905d1b3
Binary files /dev/null and b/public/images/bg-img.png differ
diff --git a/public/images/player1.png b/public/images/player1.png
new file mode 100644
index 0000000..c4ef6b8
Binary files /dev/null and b/public/images/player1.png differ
diff --git a/public/nova.mp3 b/public/nova.mp3
new file mode 100644
index 0000000..b8c2dc0
Binary files /dev/null and b/public/nova.mp3 differ
diff --git a/public/onyx.mp3 b/public/onyx.mp3
new file mode 100644
index 0000000..608194a
Binary files /dev/null and b/public/onyx.mp3 differ
diff --git a/public/shimmer.mp3 b/public/shimmer.mp3
new file mode 100644
index 0000000..d38526d
Binary files /dev/null and b/public/shimmer.mp3 differ