From a49b1e06211e49594999c8bc83f87d46da71a2a3 Mon Sep 17 00:00:00 2001
From: AmirrezaChegini <amirreza.chegini.1380@gmail.com>
Date: Sat, 27 Sep 2025 09:04:41 +0330
Subject: [PATCH] fix: intro page

---
 assets/images/language.svg                    | 66 ++++++++++++++
 assets/images/music_off.svg                   | 88 +++++++++----------
 assets/images/music_on.svg                    | 85 +++++++++---------
 assets/images/theme.svg                       | 52 +++++------
 lib/common_ui/resources/my_assets.dart        |  1 +
 .../intro/presentation/ui/intro_page.dart     | 28 ++++--
 6 files changed, 194 insertions(+), 126 deletions(-)
 create mode 100644 assets/images/language.svg

diff --git a/assets/images/language.svg b/assets/images/language.svg
new file mode 100644
index 0000000..807ba35
--- /dev/null
+++ b/assets/images/language.svg
@@ -0,0 +1,66 @@
+<svg width="65" height="60" viewBox="0 0 65 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_488_3809)">
+<g filter="url(#filter0_d_488_3809)">
+<path d="M1.18991 48.1838C3.44349 56.9009 58.0164 55.0368 62.6858 45.9823C66.9226 37.7446 64.8853 10.599 61.2435 4.72244C56.3036 -3.28454 7.8425 -7.80672e-05 3.84013 6.30253C0.108186 12.179 -1.15382 39.1649 1.18991 48.1838Z" fill="url(#paint0_radial_488_3809)"/>
+</g>
+<path d="M1.37026 46.6576C3.62385 55.0551 57.8542 51.3446 62.5056 42.6097C66.7423 34.656 64.7591 10.6528 61.1354 5.07811C56.2135 -2.6448 7.93269 0.426604 3.94835 6.51617C0.234441 12.1796 -0.973468 37.9404 1.37026 46.6576Z" fill="url(#paint1_linear_488_3809)"/>
+<path d="M2.05503 45.9115C4.25453 54.0605 57.3129 50.3322 61.8562 41.8459C66.0028 34.1407 64.0557 11.0075 60.504 5.50377C55.6904 -1.98835 8.47322 0.923281 4.61508 6.83531C0.919193 12.3212 -0.234613 37.4606 2.05503 45.9115Z" fill="url(#paint2_linear_488_3809)"/>
+<path d="M59.3144 43.5682C59.6997 41.6092 60.7029 39.8199 62.181 38.4551C62.8121 38.4551 62.181 41.2602 61.8565 41.8993C61.532 42.5385 59.4587 44.0475 59.3144 43.5682Z" fill="white"/>
+<path style="mix-blend-mode:screen" d="M4.43478 6.87067C4.43478 6.87067 41.3215 -4.74036 60.6482 5.62788C60.6482 5.62788 62.6674 7.22572 63.4427 13.4218C63.4427 13.4218 61.8922 7.9714 50.3358 8.75257C40.384 9.40946 24.9694 25.8495 8.86982 20.5589C0.756906 17.8958 4.43478 6.87067 4.43478 6.87067Z" fill="url(#paint3_linear_488_3809)"/>
+<path d="M4.43492 11.6466C4.43492 11.6466 2.63204 7.19043 6.05749 5.59259C9.48294 3.99474 20.6247 2.50341 21.1655 2.894C21.7064 3.28458 16.46 5.18424 13.7377 6.1607C11.0153 7.13716 5.8051 12.3923 4.43492 11.6466Z" fill="white"/>
+<g clip-path="url(#clip1_488_3809)">
+<path d="M26.0186 25.4668L25.0926 28.3372H26.9445L26.0186 25.4668Z" fill="#847AC4"/>
+<g filter="url(#filter1_i_488_3809)">
+<path d="M43.8889 12.9668H29.0741V17.5964H32.7778V19.4483H20.7408C19.1667 19.4483 17.963 20.652 17.963 22.2261V32.4112C17.963 33.9853 19.1667 35.189 20.7408 35.189H21.6667V39.9112L27.5001 35.189H33.7038V28.7075H43.8889C45.463 28.7075 46.6667 27.5038 46.6667 25.9298V15.7446C46.6667 14.1705 45.463 12.9668 43.8889 12.9668ZM27.963 31.3927L27.5001 29.9112H24.6297L24.0741 31.3927H21.8519L24.9075 23.152H27.1297L30.1852 31.3927H27.963ZM42.0371 24.0779V25.9298C40.8334 25.9298 39.5371 25.5594 38.426 25.0038C37.3149 25.5594 36.0186 25.8372 34.7223 25.9298L34.6297 24.0779C35.2778 24.0779 35.926 23.9853 36.5741 23.8001C35.7408 22.9668 35.1852 21.9483 34.9075 20.8372H36.8519C37.1297 21.6705 37.6852 22.3186 38.3334 22.8742C39.3519 22.0409 40.0001 20.8372 40.0926 19.4483H34.5371V17.5964H37.3149V15.7446H39.1667V17.5964H42.2223L42.3149 18.5224C42.4075 20.4668 41.6667 22.4112 40.2778 23.8001C40.926 23.9853 41.4815 24.0779 42.0371 24.0779Z" fill="#847AC4"/>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_488_3809" x="-1.62532" y="-0.00390625" width="68.3131" height="61.5819" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="6.11371"/>
+<feGaussianBlur stdDeviation="0.815162"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_488_3809"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_488_3809" result="shape"/>
+</filter>
+<filter id="filter1_i_488_3809" x="17.963" y="12.9668" width="28.7037" height="28.9623" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2.01801"/>
+<feGaussianBlur stdDeviation="1.00901"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_488_3809"/>
+</filter>
+<radialGradient id="paint0_radial_488_3809" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(40.557 50.0302) scale(24.9869 46.4263)">
+<stop stop-color="#D0CDEA"/>
+<stop offset="1" stop-color="#7D75DA"/>
+</radialGradient>
+<linearGradient id="paint1_linear_488_3809" x1="32.5419" y1="51.3801" x2="32.5419" y2="0.479867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CADCFF"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint2_linear_488_3809" x1="32.5415" y1="50.4565" x2="32.5415" y2="1.01205" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFD"/>
+<stop offset="1" stop-color="#C3BFEE"/>
+</linearGradient>
+<linearGradient id="paint3_linear_488_3809" x1="3.60545" y1="11.4689" x2="63.4427" y2="11.4689" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF9840"/>
+<stop offset="0.1" stop-color="#EF8E3C"/>
+<stop offset="0.29" stop-color="#C57531"/>
+<stop offset="0.55" stop-color="#814D20"/>
+<stop offset="0.88" stop-color="#241609"/>
+<stop offset="1"/>
+</linearGradient>
+<clipPath id="clip0_488_3809">
+<rect width="65" height="60" fill="white"/>
+</clipPath>
+<clipPath id="clip1_488_3809">
+<rect width="33.3333" height="33.3333" fill="white" transform="translate(15.8333 10.1895)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/images/music_off.svg b/assets/images/music_off.svg
index 6c8ad5e..a8f7e90 100644
--- a/assets/images/music_off.svg
+++ b/assets/images/music_off.svg
@@ -1,32 +1,20 @@
-<svg width="156" height="145" viewBox="0 0 156 145" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_366_148)">
-<g filter="url(#filter0_d_366_148)">
-<path d="M2.85628 116.487C8.26689 137.561 139.29 133.055 150.501 111.165C160.673 91.2498 155.782 25.6238 147.038 11.4169C135.178 -7.94039 18.8284 -2.24914e-05 9.21916 15.2369C0.259201 29.4437 -2.77074 94.6835 2.85628 116.487Z" fill="url(#paint0_radial_366_148)"/>
-</g>
-<path d="M3.28953 112.796C8.70014 133.098 138.901 124.128 150.068 103.01C160.24 83.7819 155.479 25.7529 146.779 12.2757C134.962 -6.39489 19.0452 1.03042 9.47923 15.7523C0.562557 29.4441 -2.33749 91.7223 3.28953 112.796Z" fill="url(#paint1_linear_366_148)"/>
-<path d="M4.93393 110.994C10.2147 130.695 137.602 121.681 148.51 101.165C158.465 82.5375 153.79 26.6116 145.263 13.3061C133.706 -4.80655 20.3433 2.23248 11.0803 16.5251C2.20692 29.7877 -0.563237 90.5637 4.93393 110.994Z" fill="url(#paint2_linear_366_148)"/>
-<path d="M142.407 105.328C143.332 100.592 145.741 96.2659 149.29 92.9663C150.804 92.9663 149.289 99.7478 148.51 101.293C147.731 102.838 142.753 106.486 142.407 105.328Z" fill="white"/>
-<path style="mix-blend-mode:screen" d="M10.6482 16.61C10.6482 16.61 99.2089 -11.4603 145.61 13.6055C145.61 13.6055 150.458 17.4684 152.319 32.4478C152.319 32.4478 148.597 19.2711 120.851 21.1596C96.9581 22.7477 59.9496 62.4924 21.2962 49.702C1.81806 43.2639 10.6482 16.61 10.6482 16.61Z" fill="url(#paint3_linear_366_148)"/>
-<path d="M10.6477 28.1556C10.6477 28.1556 6.31923 17.3826 14.5433 13.5197C22.7675 9.65679 49.5175 6.05142 50.816 6.99568C52.1146 7.93994 39.5186 12.5325 32.9826 14.8931C26.4466 17.2538 13.9374 29.9583 10.6477 28.1556Z" fill="white"/>
-<g filter="url(#filter1_i_366_148)">
-<path d="M97.3196 33.2554C98.5699 33.0342 99.861 33.2236 100.987 33.7925C101.48 34.042 101.93 34.3583 102.323 34.729L84.0198 56.3755L66.8352 59.3784V76.6997L55.4895 90.1187C54.3277 90.2156 53.1515 90.1565 51.9954 89.9351C49.5866 89.4737 47.3736 88.3356 45.637 86.6636C43.9004 84.9915 42.7177 82.8607 42.2385 80.5415C41.7595 78.2225 42.0058 75.8188 42.9456 73.6343C43.8854 71.4496 45.4768 69.5818 47.5188 68.2681C49.5607 66.9544 51.9615 66.2535 54.4172 66.2534C57.2683 66.2588 60.0309 67.209 62.2405 68.9438V46.7954C62.2061 44.7291 62.932 42.7176 64.2893 41.1167C65.68 39.553 67.5873 38.4972 69.6907 38.1274L97.3196 33.2554ZM103.994 75.0112C103.989 77.7196 103.029 80.3461 101.271 82.4604C99.5127 84.5749 97.0604 86.0522 94.3167 86.6499C91.5731 87.2475 88.7002 86.9302 86.1682 85.7505C83.6361 84.5707 81.5949 82.5982 80.3792 80.1558C79.4479 78.2848 79.0444 76.2231 79.1897 74.1743L88.2366 63.4751C89.3244 63.1825 90.4558 63.0306 91.6008 63.0327C94.4138 63.038 97.1413 63.9631 99.3372 65.6558V53.6997L96.011 54.2808L103.994 44.8384V75.0112Z" fill="#847AC4"/>
-</g>
-<g filter="url(#filter2_i_366_148)">
-<rect x="105.921" y="25.835" width="7.80405" height="90.977" rx="3.90202" transform="rotate(40.2151 105.921 25.835)" fill="#847AC4"/>
+<svg width="65" height="56" viewBox="0 0 65 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.09308 45.4195C3.27942 54.2177 58.4624 60.7063 63.0318 51.6442C67.1859 43.418 64.0377 9.85315 60.4959 3.95841C55.6422 -4.04787 8.02343 1.58292 4.00055 7.87357C0.393086 13.7463 -1.20258 36.4015 1.09308 45.4195Z" fill="url(#paint0_radial_488_3848)"/>
+<path d="M1.26762 43.8797C3.45396 52.2819 58.3097 57.0769 62.8573 48.2787C66.9895 40.3384 63.9283 9.96295 60.3864 4.28817C55.5546 -3.43218 7.91421 2.08864 4.10997 8.07136C0.393188 13.7461 -1.02804 35.1916 1.26762 43.8797Z" fill="url(#paint1_linear_488_3848)"/>
+<path d="M1.92362 43.1539C4.10997 51.2922 57.763 55.9992 62.2232 47.553C66.2679 39.8326 63.2286 10.161 59.7742 4.75011C55.0517 -2.72829 8.54831 2.55058 4.72221 8.42332C1.15847 13.9001 -0.306448 34.7957 1.92362 43.1539Z" fill="url(#paint2_linear_488_3848)"/>
+<path style="mix-blend-mode:screen" d="M61.1521 47.685C42.2862 49.8895 23.184 48.8182 4.67865 44.5177C4.67865 44.5177 24.5961 47.773 33.4726 44.5177C48.4928 38.9749 57.2385 41.3943 61.1521 47.685Z" fill="url(#paint3_linear_488_3848)"/>
+<path d="M59.7307 49.247C60.0904 47.2674 61.0712 45.4559 62.5292 44.0781C63.1633 44.0781 62.5295 46.8715 62.2234 47.5314C61.9173 48.1912 59.8618 49.7089 59.7307 49.247Z" fill="white"/>
+<path style="mix-blend-mode:screen" opacity="0.5" d="M5.466 8.24728C5.466 8.24728 41.0157 -5.49977 59.9058 4.86002C61.1323 8.11586 61.9408 11.516 62.3109 14.9779C57.7257 19.6574 51.5619 22.4359 45.0385 22.7642C35.3093 23.446 25.8423 10.9307 17.6217 9.39104C13.6336 8.49703 9.54971 8.11273 5.466 8.24728Z" fill="url(#paint4_linear_488_3848)"/>
+<path d="M4.76643 10.7334C4.08867 10.7334 2.38332 16.1662 2.58009 17.046C2.77686 17.9258 4.76618 15.1544 5.0504 13.6808C5.20266 12.6899 5.10518 11.6764 4.76643 10.7334Z" fill="white"/>
+<path d="M5.05029 9.87535C4.21948 9.56742 5.68459 7.2799 6.95267 6.70802C8.22075 6.13615 11.3252 5.49829 11.675 6.09216C12.0248 6.68603 5.99042 10.2493 5.05029 9.87535Z" fill="white"/>
+<g filter="url(#filter0_i_488_3848)">
+<path d="M40.9915 13.7549C41.5125 13.6617 42.0508 13.7409 42.5198 13.9805C42.7253 14.0855 42.911 14.2201 43.0745 14.376L35.4495 23.4893L28.2894 24.7539V32.0469L23.5628 37.6953C23.0785 37.7362 22.5878 37.7134 22.1058 37.6201C21.1023 37.4258 20.1808 36.9461 19.4573 36.2422C18.7338 35.5383 18.241 34.6414 18.0413 33.665C17.8417 32.6885 17.9437 31.6757 18.3353 30.7559C18.7269 29.8361 19.3907 29.0502 20.2415 28.4971C21.0923 27.944 22.0923 27.6484 23.1155 27.6484C24.3035 27.6507 25.4546 28.0508 26.3753 28.7812V19.4561C26.361 18.586 26.6632 17.7385 27.2288 17.0645C27.8083 16.406 28.6033 15.9613 29.4798 15.8057L40.9915 13.7549ZM43.7728 31.3359C43.7706 32.4763 43.3704 33.5824 42.638 34.4727C41.9055 35.3629 40.8837 35.9846 39.7405 36.2363C38.5974 36.488 37.4 36.355 36.345 35.8584C35.2899 35.3616 34.4395 34.5304 33.9329 33.502C33.5449 32.7141 33.3762 31.8461 33.4368 30.9834L37.2064 26.4785C37.6598 26.3553 38.1315 26.2921 38.6087 26.293C39.7807 26.2952 40.9174 26.6838 41.8323 27.3965V22.3633L40.4446 22.6074L43.7728 18.6309V31.3359Z" fill="#1D6EFF"/>
 </g>
+<g filter="url(#filter1_i_488_3848)">
+<rect width="3.266" height="38.1403" transform="matrix(0.76028 0.649596 -0.641711 0.766947 44.5753 10.6299)" fill="#1D6EFF"/>
 </g>
 <defs>
-<filter id="filter0_d_366_148" x="-3.98853" y="-0.00927734" width="164.183" height="149.156" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="15"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_366_148"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_366_148" result="shape"/>
-</filter>
-<filter id="filter1_i_366_148" x="42.0001" y="33.1653" width="61.9943" height="61.9513" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_488_3848" x="17.9418" y="13.7168" width="25.831" height="28.9511" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -34,40 +22,44 @@
 <feGaussianBlur stdDeviation="2.47651"/>
 <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_366_148"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_488_3848"/>
 </filter>
-<filter id="filter2_i_366_148" x="48.7777" y="27.4319" width="61.5056" height="76.2704" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter1_i_488_3848" x="20.1003" y="10.6299" width="26.9581" height="36.3261" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset dy="4.95302"/>
 <feGaussianBlur stdDeviation="2.47651"/>
 <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_366_148"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_488_3848"/>
 </filter>
-<radialGradient id="paint0_radial_366_148" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(97.3722 120.951) scale(59.9906 112.238)">
-<stop stop-color="#D0CDEA"/>
-<stop offset="1" stop-color="#7D75DA"/>
+<radialGradient id="paint0_radial_488_3848" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.939 65.6563) scale(31.4371 39.9811)">
+<stop stop-color="#008CCA"/>
+<stop offset="1" stop-color="#003BF1"/>
 </radialGradient>
-<linearGradient id="paint1_linear_366_148" x1="78.129" y1="124.213" x2="78.129" y2="1.15919" gradientUnits="userSpaceOnUse">
-<stop stop-color="#CADCFF"/>
-<stop offset="1" stop-color="white"/>
+<linearGradient id="paint1_linear_488_3848" x1="32.5106" y1="52.9417" x2="32.5106" y2="0.504982" gradientUnits="userSpaceOnUse">
+<stop stop-color="#92FFF1"/>
+<stop offset="1" stop-color="#0098FF"/>
 </linearGradient>
-<linearGradient id="paint2_linear_366_148" x1="78.1285" y1="121.982" x2="78.1285" y2="2.44708" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFD"/>
-<stop offset="1" stop-color="#C3BFEE"/>
+<linearGradient id="paint2_linear_488_3848" x1="32.5106" y1="52.018" x2="32.5106" y2="1.03291" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00EFF1"/>
+<stop offset="1" stop-color="#0098FF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_488_3848" x1="61.1739" y1="45.1115" x2="4.67865" y2="45.1115" gradientUnits="userSpaceOnUse">
+<stop offset="0.01" stop-color="#40FF79"/>
+<stop offset="0.1" stop-color="#3CEF71"/>
+<stop offset="0.29" stop-color="#31C55D"/>
+<stop offset="0.56" stop-color="#20813D"/>
+<stop offset="0.88" stop-color="#092411"/>
+<stop offset="1"/>
 </linearGradient>
-<linearGradient id="paint3_linear_366_148" x1="8.65708" y1="27.7265" x2="152.319" y2="27.7265" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FF9840"/>
-<stop offset="0.1" stop-color="#EF8E3C"/>
-<stop offset="0.29" stop-color="#C57531"/>
-<stop offset="0.55" stop-color="#814D20"/>
-<stop offset="0.88" stop-color="#241609"/>
+<linearGradient id="paint4_linear_488_3848" x1="5.466" y1="11.8985" x2="62.3109" y2="11.8985" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7ED140"/>
+<stop offset="0.11" stop-color="#74C13B"/>
+<stop offset="0.34" stop-color="#5B972E"/>
+<stop offset="0.65" stop-color="#325319"/>
 <stop offset="1"/>
 </linearGradient>
-<clipPath id="clip0_366_148">
-<rect width="156" height="145" fill="white"/>
-</clipPath>
 </defs>
 </svg>
diff --git a/assets/images/music_on.svg b/assets/images/music_on.svg
index c53351d..3beefd9 100644
--- a/assets/images/music_on.svg
+++ b/assets/images/music_on.svg
@@ -1,60 +1,57 @@
-<svg width="156" height="145" viewBox="0 0 156 145" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_366_126)">
-<g filter="url(#filter0_d_366_126)">
-<path d="M2.85628 116.487C8.26689 137.561 139.29 133.055 150.501 111.165C160.673 91.2498 155.782 25.6238 147.038 11.4169C135.178 -7.94039 18.8284 -2.24914e-05 9.21916 15.2369C0.259201 29.4437 -2.77074 94.6835 2.85628 116.487Z" fill="url(#paint0_radial_366_126)"/>
-</g>
-<path d="M3.28953 112.796C8.70014 133.098 138.901 124.128 150.068 103.01C160.24 83.7819 155.479 25.7529 146.779 12.2757C134.962 -6.39489 19.0452 1.03042 9.47923 15.7523C0.562557 29.4441 -2.33749 91.7223 3.28953 112.796Z" fill="url(#paint1_linear_366_126)"/>
-<path d="M4.93393 110.994C10.2147 130.695 137.602 121.681 148.51 101.165C158.465 82.5375 153.79 26.6116 145.263 13.3061C133.706 -4.80655 20.3433 2.23248 11.0803 16.5251C2.20692 29.7877 -0.563237 90.5637 4.93393 110.994Z" fill="url(#paint2_linear_366_126)"/>
-<path d="M142.407 105.328C143.332 100.592 145.741 96.2659 149.29 92.9663C150.804 92.9663 149.289 99.7478 148.51 101.293C147.731 102.838 142.753 106.486 142.407 105.328Z" fill="white"/>
-<path style="mix-blend-mode:screen" d="M10.6482 16.61C10.6482 16.61 99.2089 -11.4603 145.61 13.6055C145.61 13.6055 150.458 17.4684 152.319 32.4478C152.319 32.4478 148.597 19.2711 120.851 21.1596C96.9581 22.7477 59.9496 62.4924 21.2962 49.702C1.81806 43.2639 10.6482 16.61 10.6482 16.61Z" fill="url(#paint3_linear_366_126)"/>
-<path d="M10.6477 28.1556C10.6477 28.1556 6.31923 17.3826 14.5433 13.5197C22.7675 9.65679 49.5175 6.05142 50.816 6.99568C52.1146 7.93994 39.5186 12.5325 32.9826 14.8931C26.4466 17.2538 13.9374 29.9583 10.6477 28.1556Z" fill="white"/>
-<g filter="url(#filter1_i_366_126)">
-<path d="M103.994 38.6196V74.8459C103.989 77.5545 103.028 80.181 101.27 82.2955C99.5122 84.4099 97.0606 85.8869 94.3168 86.4846C91.5731 87.0824 88.6998 86.7654 86.1676 85.5855C83.6354 84.4057 81.5943 82.433 80.3786 79.9905C79.1629 77.5479 78.8446 74.7803 79.4758 72.1408C80.107 69.5014 81.6503 67.1465 83.853 65.4618C86.0558 63.7771 88.7873 62.8625 91.6004 62.8677C94.4135 62.8729 97.1414 63.7976 99.3374 65.4905V53.5346L66.8348 59.2136V78.0441C66.8348 80.4088 66.1066 82.7203 64.7421 84.6865C63.3777 86.6526 61.4383 88.185 59.1694 89.0899C56.9004 89.9948 54.4036 90.2316 51.9949 89.7703C49.5862 89.3089 47.3736 88.1703 45.637 86.4982C43.9004 84.8261 42.7177 82.6958 42.2386 80.3766C41.7595 78.0574 42.0054 75.6535 42.9452 73.4688C43.8851 71.2842 45.4766 69.4169 47.5187 68.1032C49.5607 66.7895 51.9615 66.0883 54.4174 66.0883C57.2685 66.0936 60.0308 67.0435 62.2404 68.7783V46.6301C62.206 44.5636 62.9317 42.552 64.2893 40.951C65.68 39.3872 67.5873 38.3318 69.6908 37.9621L97.3196 33.0901C98.57 32.8689 99.8613 33.0579 100.987 33.6269C102.112 34.1958 103.007 35.1119 103.528 36.2285C103.873 36.9787 104.034 37.7977 103.994 38.6196Z" fill="#847AC4"/>
+<svg width="65" height="56" viewBox="0 0 65 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_498_2022)">
+<path d="M1.09338 45.4205C3.27973 54.2186 58.4627 60.7072 63.0321 51.6452C67.1862 43.419 64.038 9.85413 60.4962 3.95939C55.6425 -4.04689 8.02373 1.5839 4.00086 7.87455C0.393391 13.7473 -1.20228 36.4025 1.09338 45.4205Z" fill="url(#paint0_radial_498_2022)"/>
+<path d="M1.26768 43.8807C3.45402 52.2829 58.3097 57.0778 62.8573 48.2797C66.9895 40.3394 63.9284 9.96393 60.3865 4.28915C55.5547 -3.4312 7.91427 2.08962 4.11003 8.07234C0.393249 13.7471 -1.02798 35.1925 1.26768 43.8807Z" fill="url(#paint1_linear_498_2022)"/>
+<path d="M1.92374 43.1549C4.11009 51.2931 57.7631 56.0001 62.2233 47.5539C66.268 39.8336 63.2287 10.1619 59.7743 4.75109C55.0518 -2.72731 8.54843 2.55156 4.72233 8.4243C1.15859 13.9011 -0.306326 34.7967 1.92374 43.1549Z" fill="url(#paint2_linear_498_2022)"/>
+<path style="mix-blend-mode:screen" d="M61.1522 47.686C42.2864 49.8905 23.1841 48.8192 4.67877 44.5186C4.67877 44.5186 24.5962 47.7739 33.4727 44.5186C48.4929 38.9758 57.2387 41.3953 61.1522 47.686Z" fill="url(#paint3_linear_498_2022)"/>
+<path d="M59.7308 49.247C60.0905 47.2674 61.0713 45.4559 62.5294 44.0781C63.1634 44.0781 62.5296 46.8715 62.2235 47.5314C61.9174 48.1912 59.862 49.7089 59.7308 49.247Z" fill="white"/>
+<path style="mix-blend-mode:screen" opacity="0.5" d="M5.46613 8.24825C5.46613 8.24825 41.0159 -5.49879 59.9059 4.86099C61.1325 8.11683 61.9409 11.517 62.3111 14.9788C57.7258 19.6583 51.562 22.4369 45.0386 22.7652C35.3094 23.447 25.8424 10.9317 17.6218 9.39202C13.6337 8.498 9.54984 8.11371 5.46613 8.24825Z" fill="url(#paint4_linear_498_2022)"/>
+<path d="M4.76656 10.7334C4.08879 10.7334 2.38344 16.1662 2.58021 17.046C2.77698 17.9258 4.7663 15.1544 5.05052 13.6808C5.20278 12.6899 5.1053 11.6764 4.76656 10.7334Z" fill="white"/>
+<path d="M5.05042 9.87535C4.21961 9.56742 5.68471 7.2799 6.95279 6.70802C8.22087 6.13615 11.3253 5.49829 11.6751 6.09216C12.0249 6.68603 5.99054 10.2493 5.05042 9.87535Z" fill="white"/>
+<g filter="url(#filter0_i_498_2022)">
+<path d="M45.4142 16.6816V31.9348C45.412 33.0752 45.0119 34.1811 44.2794 35.0714C43.5469 35.9617 42.5253 36.5836 41.3821 36.8353C40.2389 37.087 39.0417 36.9535 37.9866 36.4567C36.9315 35.9599 36.0811 35.1293 35.5745 34.1009C35.068 33.0725 34.9353 31.9071 35.1983 30.7958C35.4613 29.6844 36.1044 28.6929 37.0222 27.9835C37.94 27.2742 39.0782 26.8891 40.2503 26.8913C41.4224 26.8935 42.559 27.2829 43.474 27.9956V22.9616L29.9313 25.3527V33.2814C29.9313 34.277 29.6278 35.2503 29.0593 36.0781C28.4908 36.906 27.6827 37.5512 26.7373 37.9322C25.7919 38.3132 24.7516 38.4129 23.748 38.2187C22.7443 38.0245 21.8224 37.545 21.0988 36.841C20.3753 36.137 19.8825 35.24 19.6829 34.2635C19.4832 33.287 19.5857 32.2748 19.9773 31.3549C20.3689 30.4351 21.032 29.6489 21.8829 29.0957C22.7337 28.5426 23.7341 28.2473 24.7574 28.2473C25.9453 28.2496 27.0963 28.6495 28.0169 29.38V20.0544C28.0026 19.1843 28.305 18.3373 28.8706 17.6632C29.4501 17.0048 30.2448 16.5604 31.1213 16.4047L42.6333 14.3533C43.1542 14.2602 43.6923 14.3398 44.1613 14.5794C44.6303 14.8189 45.0032 15.2047 45.2202 15.6748C45.3638 15.9907 45.4311 16.3355 45.4142 16.6816Z" fill="#1D6EFF"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_d_366_126" x="-3.98853" y="-0.00927734" width="164.183" height="149.156" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="15"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_366_126"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_366_126" result="shape"/>
-</filter>
-<filter id="filter1_i_366_126" x="42" y="33" width="62" height="61.953" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_498_2022" x="19.5834" y="14.3154" width="25.8333" height="26.0188" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4.95302"/>
-<feGaussianBlur stdDeviation="2.47651"/>
+<feOffset dy="2.01876"/>
+<feGaussianBlur stdDeviation="1.00938"/>
 <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_366_126"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_498_2022"/>
 </filter>
-<radialGradient id="paint0_radial_366_126" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(97.3722 120.951) scale(59.9906 112.238)">
-<stop stop-color="#D0CDEA"/>
-<stop offset="1" stop-color="#7D75DA"/>
+<radialGradient id="paint0_radial_498_2022" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.9393 65.6573) scale(31.4371 39.9811)">
+<stop stop-color="#008CCA"/>
+<stop offset="1" stop-color="#003BF1"/>
 </radialGradient>
-<linearGradient id="paint1_linear_366_126" x1="78.129" y1="124.213" x2="78.129" y2="1.15919" gradientUnits="userSpaceOnUse">
-<stop stop-color="#CADCFF"/>
-<stop offset="1" stop-color="white"/>
+<linearGradient id="paint1_linear_498_2022" x1="32.5107" y1="52.9427" x2="32.5107" y2="0.505959" gradientUnits="userSpaceOnUse">
+<stop stop-color="#92FFF1"/>
+<stop offset="1" stop-color="#0098FF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_498_2022" x1="32.5108" y1="52.019" x2="32.5108" y2="1.03388" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00EFF1"/>
+<stop offset="1" stop-color="#0098FF"/>
 </linearGradient>
-<linearGradient id="paint2_linear_366_126" x1="78.1285" y1="121.982" x2="78.1285" y2="2.44708" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFD"/>
-<stop offset="1" stop-color="#C3BFEE"/>
+<linearGradient id="paint3_linear_498_2022" x1="61.1741" y1="45.1125" x2="4.67877" y2="45.1125" gradientUnits="userSpaceOnUse">
+<stop offset="0.01" stop-color="#40FF79"/>
+<stop offset="0.1" stop-color="#3CEF71"/>
+<stop offset="0.29" stop-color="#31C55D"/>
+<stop offset="0.56" stop-color="#20813D"/>
+<stop offset="0.88" stop-color="#092411"/>
+<stop offset="1"/>
 </linearGradient>
-<linearGradient id="paint3_linear_366_126" x1="8.65708" y1="27.7265" x2="152.319" y2="27.7265" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FF9840"/>
-<stop offset="0.1" stop-color="#EF8E3C"/>
-<stop offset="0.29" stop-color="#C57531"/>
-<stop offset="0.55" stop-color="#814D20"/>
-<stop offset="0.88" stop-color="#241609"/>
+<linearGradient id="paint4_linear_498_2022" x1="5.46613" y1="11.8995" x2="62.3111" y2="11.8995" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7ED140"/>
+<stop offset="0.11" stop-color="#74C13B"/>
+<stop offset="0.34" stop-color="#5B972E"/>
+<stop offset="0.65" stop-color="#325319"/>
 <stop offset="1"/>
 </linearGradient>
-<clipPath id="clip0_366_126">
-<rect width="156" height="145" fill="white"/>
+<clipPath id="clip0_498_2022">
+<rect width="65" height="56" fill="white"/>
 </clipPath>
 </defs>
 </svg>
diff --git a/assets/images/theme.svg b/assets/images/theme.svg
index 93f83cf..dc27d27 100644
--- a/assets/images/theme.svg
+++ b/assets/images/theme.svg
@@ -1,51 +1,51 @@
-<svg width="156" height="145" viewBox="0 0 156 145" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_366_115)">
-<g filter="url(#filter0_d_366_115)">
-<path d="M2.85548 116.445C8.26409 137.511 139.239 133.006 150.446 111.125C160.614 91.2167 155.724 25.6148 146.984 11.4132C135.128 -7.93698 18.8217 0.000462378 9.21601 15.2318C0.259354 29.4333 -2.76947 94.6491 2.85548 116.445Z" fill="url(#paint0_radial_366_115)"/>
+<svg width="65" height="60" viewBox="0 0 65 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_488_3798)">
+<g filter="url(#filter0_d_488_3798)">
+<path d="M1.18995 48.1838C3.44354 56.9009 58.0164 55.0368 62.6859 45.9823C66.9226 37.7446 64.8853 10.599 61.2435 4.72244C56.3037 -3.28454 7.84254 -7.80672e-05 3.84017 6.30253C0.108232 12.179 -1.15378 39.1649 1.18995 48.1838Z" fill="url(#paint0_radial_488_3798)"/>
 </g>
-<path d="M3.28859 112.756C8.6972 133.05 138.85 124.083 150.013 102.973C160.182 83.7517 155.422 25.7441 146.725 12.2719C134.912 -6.39185 19.0384 1.03072 9.47601 15.7472C0.562622 29.4339 -2.33636 91.6892 3.28859 112.756Z" fill="url(#paint1_linear_366_115)"/>
-<path d="M4.93204 110.953C10.2108 130.647 137.551 121.637 148.455 101.128C158.407 82.5072 153.734 26.6019 145.21 13.3013C133.657 -4.8046 20.3357 2.23183 11.0761 16.5192C2.20603 29.7769 -0.563107 90.5305 4.93204 110.953Z" fill="url(#paint2_linear_366_115)"/>
-<path d="M142.355 105.29C143.279 100.555 145.687 96.2312 149.235 92.9329C150.749 92.9329 149.235 99.7119 148.456 101.256C147.677 102.801 142.701 106.448 142.355 105.29Z" fill="white"/>
-<path style="mix-blend-mode:screen" d="M10.6434 16.6044C10.6434 16.6044 99.1715 -11.4556 145.556 13.6009C145.556 13.6009 150.402 17.4624 152.262 32.4363C152.262 32.4363 148.541 19.2645 120.806 21.1523C96.9215 22.7398 59.9266 62.4698 21.2875 49.6841C1.81655 43.2484 10.6434 16.6044 10.6434 16.6044Z" fill="url(#paint3_linear_366_115)"/>
-<path d="M10.6438 28.1461C10.6438 28.1461 6.31687 17.377 14.538 13.5155C22.759 9.65405 49.4992 6.05 50.7973 6.99391C52.0953 7.93782 39.504 12.5287 32.9704 14.8884C26.4368 17.2482 13.9322 29.9481 10.6438 28.1461Z" fill="white"/>
-<g filter="url(#filter1_i_366_115)">
-<path d="M78.2756 83.8349C74.5969 83.8349 71.1485 83.1342 67.9305 81.7328C64.7125 80.3314 61.9097 78.4377 59.522 76.0518C57.1344 73.6659 55.2399 70.8631 53.8384 67.6433C52.437 64.4236 51.7363 60.9744 51.7363 57.2957C51.7363 51.8652 53.2367 46.9383 56.2375 42.5151C59.2383 38.0919 63.2559 34.8512 68.2905 32.7928C68.9036 32.5739 69.5386 32.4968 70.1955 32.5616C70.8525 32.6264 71.3999 32.8349 71.8378 33.187C72.1882 33.4936 72.4623 33.921 72.6603 34.4693C72.8582 35.0176 72.9563 35.7288 72.9546 36.6029C73.0422 40.0627 73.7429 43.3586 75.0567 46.4908C76.3705 49.6229 78.2537 52.4144 80.7061 54.8651C83.1586 57.3158 85.9614 59.199 89.1146 60.5145C92.2678 61.8301 95.5742 62.5308 99.034 62.6166C99.9537 62.6166 100.654 62.6937 101.136 62.8479C101.618 63.002 102.012 63.2534 102.319 63.602C102.669 64.04 102.899 64.6093 103.01 65.31C103.12 66.0107 103.065 66.6457 102.844 67.215C100.83 72.2514 97.5888 76.2804 93.1218 79.3022C88.6548 82.324 83.706 83.8349 78.2756 83.8349ZM84.1221 45.2085L79.9178 41.0042C79.3923 40.4787 79.1295 39.8656 79.1295 39.1649C79.1295 38.4642 79.3923 37.8511 79.9178 37.3255L84.1221 33.1213C84.6476 32.5958 85.2607 32.333 85.9614 32.333C86.6621 32.333 87.2753 32.5958 87.8008 33.1213L92.005 37.3255C92.5305 37.8511 92.7933 38.4642 92.7933 39.1649C92.7933 39.8656 92.5305 40.4787 92.005 41.0042L87.8008 45.2085C87.2753 45.734 86.6621 45.9968 85.9614 45.9968C85.2607 45.9968 84.6476 45.734 84.1221 45.2085ZM97.2603 53.0914L95.6837 51.5148C95.1582 50.9893 94.8954 50.3762 94.8954 49.6755C94.8954 48.9748 95.1582 48.3617 95.6837 47.8361L97.2603 46.2595C97.7858 45.734 98.399 45.4712 99.0997 45.4712C99.8004 45.4712 100.413 45.734 100.939 46.2595L102.516 47.8361C103.041 48.3617 103.304 48.9748 103.304 49.6755C103.304 50.3762 103.041 50.9893 102.516 51.5148L100.939 53.0914C100.413 53.617 99.8004 53.8797 99.0997 53.8797C98.399 53.8797 97.7858 53.617 97.2603 53.0914Z" fill="#847AC4"/>
+<path d="M1.37029 46.6576C3.62388 55.0551 57.8542 51.3446 62.5056 42.6097C66.7423 34.656 64.7592 10.6528 61.1354 5.07811C56.2136 -2.6448 7.93272 0.426604 3.94838 6.51617C0.234472 12.1796 -0.973437 37.9404 1.37029 46.6576Z" fill="url(#paint1_linear_488_3798)"/>
+<path d="M2.05506 45.9115C4.25456 54.0605 57.313 50.3322 61.8562 41.8459C66.0028 34.1407 64.0557 11.0075 60.5041 5.50377C55.6904 -1.98835 8.47325 0.923281 4.61511 6.83531C0.919224 12.3212 -0.234582 37.4606 2.05506 45.9115Z" fill="url(#paint2_linear_488_3798)"/>
+<path d="M59.3145 43.5682C59.6998 41.6092 60.703 39.8199 62.1811 38.4551C62.8121 38.4551 62.1811 41.2602 61.8565 41.8993C61.532 42.5385 59.4587 44.0475 59.3145 43.5682Z" fill="white"/>
+<path style="mix-blend-mode:screen" d="M4.43482 6.87067C4.43482 6.87067 41.3215 -4.74036 60.6483 5.62788C60.6483 5.62788 62.6675 7.22572 63.4427 13.4218C63.4427 13.4218 61.8923 7.9714 50.3359 8.75257C40.384 9.40946 24.9695 25.8495 8.86986 20.5589C0.756952 17.8958 4.43482 6.87067 4.43482 6.87067Z" fill="url(#paint3_linear_488_3798)"/>
+<path d="M4.43496 11.6466C4.43496 11.6466 2.63208 7.19043 6.05754 5.59259C9.48299 3.99474 20.6247 2.50341 21.1656 2.894C21.7064 3.28458 16.4601 5.18424 13.7377 6.1607C11.0154 7.13716 5.80514 12.3923 4.43496 11.6466Z" fill="white"/>
+<g filter="url(#filter1_i_488_3798)">
+<path d="M32.6148 34.6945C31.082 34.6945 29.6452 34.4025 28.3044 33.8186C26.9636 33.2347 25.7957 32.4456 24.8009 31.4515C23.806 30.4574 23.0166 29.2895 22.4327 27.948C21.8488 26.6064 21.5568 25.1692 21.5568 23.6365C21.5568 21.3738 22.182 19.3209 23.4323 17.4779C24.6826 15.6349 26.3566 14.2846 28.4544 13.427C28.7098 13.3357 28.9744 13.3036 29.2482 13.3306C29.5219 13.3576 29.75 13.4445 29.9324 13.5912C30.0784 13.7189 30.1926 13.897 30.2751 14.1255C30.3576 14.3539 30.3985 14.6503 30.3977 15.0145C30.4342 16.456 30.7262 17.8294 31.2736 19.1344C31.8211 20.4395 32.6057 21.6026 33.6276 22.6237C34.6494 23.6448 35.8173 24.4295 37.1311 24.9777C38.4449 25.5258 39.8226 25.8178 41.2642 25.8535C41.6474 25.8535 41.9393 25.8856 42.14 25.9499C42.3408 26.0141 42.505 26.1189 42.6327 26.2641C42.7787 26.4466 42.8747 26.6838 42.9207 26.9758C42.9667 27.2677 42.9437 27.5323 42.8517 27.7695C42.0123 29.868 40.662 31.5468 38.8007 32.8058C36.9395 34.0649 34.8775 34.6945 32.6148 34.6945ZM35.0509 18.6001L33.2991 16.8484C33.0801 16.6294 32.9707 16.3739 32.9707 16.082C32.9707 15.79 33.0801 15.5345 33.2991 15.3156L35.0509 13.5638C35.2698 13.3448 35.5253 13.2354 35.8173 13.2354C36.1092 13.2354 36.3647 13.3448 36.5837 13.5638L38.3354 15.3156C38.5544 15.5345 38.6639 15.79 38.6639 16.082C38.6639 16.3739 38.5544 16.6294 38.3354 16.8484L36.5837 18.6001C36.3647 18.8191 36.1092 18.9286 35.8173 18.9286C35.5253 18.9286 35.2698 18.8191 35.0509 18.6001ZM40.5251 21.8847L39.8682 21.2278C39.6493 21.0088 39.5398 20.7533 39.5398 20.4614C39.5398 20.1694 39.6493 19.914 39.8682 19.695L40.5251 19.0381C40.7441 18.8191 40.9996 18.7096 41.2915 18.7096C41.5835 18.7096 41.839 18.8191 42.0579 19.0381L42.7148 19.695C42.9338 19.914 43.0433 20.1694 43.0433 20.4614C43.0433 20.7533 42.9338 21.0088 42.7148 21.2278L42.0579 21.8847C41.839 22.1037 41.5835 22.2131 41.2915 22.2131C40.9996 22.2131 40.7441 22.1037 40.5251 21.8847Z" fill="#847AC4"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_d_366_115" x="-3.98828" y="-0.00878906" width="164.126" height="149.108" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_d_488_3798" x="-1.62527" y="-0.00390625" width="68.3131" height="61.5819" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="15"/>
-<feGaussianBlur stdDeviation="2"/>
+<feOffset dy="6.11371"/>
+<feGaussianBlur stdDeviation="0.815162"/>
 <feComposite in2="hardAlpha" operator="out"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_366_115"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_366_115" result="shape"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_488_3798"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_488_3798" result="shape"/>
 </filter>
-<filter id="filter1_i_366_115" x="51.7363" y="32.333" width="51.5676" height="56.4531" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter1_i_488_3798" x="21.5568" y="13.2354" width="21.4865" height="23.477" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4.95119"/>
-<feGaussianBlur stdDeviation="2.4756"/>
+<feOffset dy="2.01801"/>
+<feGaussianBlur stdDeviation="1.00901"/>
 <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_366_115"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_488_3798"/>
 </filter>
-<radialGradient id="paint0_radial_366_115" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(97.3365 120.907) scale(59.9685 112.197)">
+<radialGradient id="paint0_radial_488_3798" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(40.5571 50.0302) scale(24.9869 46.4263)">
 <stop stop-color="#D0CDEA"/>
 <stop offset="1" stop-color="#7D75DA"/>
 </radialGradient>
-<linearGradient id="paint1_linear_366_115" x1="78.1005" y1="124.168" x2="78.1005" y2="1.15943" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint1_linear_488_3798" x1="32.5419" y1="51.3801" x2="32.5419" y2="0.479867" gradientUnits="userSpaceOnUse">
 <stop stop-color="#CADCFF"/>
 <stop offset="1" stop-color="white"/>
 </linearGradient>
-<linearGradient id="paint2_linear_366_115" x1="78.0996" y1="121.937" x2="78.0996" y2="2.44636" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint2_linear_488_3798" x1="32.5416" y1="50.4565" x2="32.5416" y2="1.01205" gradientUnits="userSpaceOnUse">
 <stop stop-color="#FAFAFD"/>
 <stop offset="1" stop-color="#C3BFEE"/>
 </linearGradient>
-<linearGradient id="paint3_linear_366_115" x1="8.65305" y1="27.7167" x2="152.262" y2="27.7167" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint3_linear_488_3798" x1="3.60549" y1="11.4689" x2="63.4427" y2="11.4689" gradientUnits="userSpaceOnUse">
 <stop stop-color="#FF9840"/>
 <stop offset="0.1" stop-color="#EF8E3C"/>
 <stop offset="0.29" stop-color="#C57531"/>
@@ -53,8 +53,8 @@
 <stop offset="0.88" stop-color="#241609"/>
 <stop offset="1"/>
 </linearGradient>
-<clipPath id="clip0_366_115">
-<rect width="156" height="145" fill="white"/>
+<clipPath id="clip0_488_3798">
+<rect width="65" height="60" fill="white"/>
 </clipPath>
 </defs>
 </svg>
diff --git a/lib/common_ui/resources/my_assets.dart b/lib/common_ui/resources/my_assets.dart
index 1c8d553..157d386 100644
--- a/lib/common_ui/resources/my_assets.dart
+++ b/lib/common_ui/resources/my_assets.dart
@@ -15,4 +15,5 @@ class MyAssets {
   static const String whatsapp = 'assets/images/whatsapp.svg';
   static const String youtube = 'assets/images/youtube.svg';
   static const String instagram = 'assets/images/instagram.svg';
+  static const String language = 'assets/images/language.svg';
 }
\ No newline at end of file
diff --git a/lib/features/intro/presentation/ui/intro_page.dart b/lib/features/intro/presentation/ui/intro_page.dart
index d2b6954..faaa1ee 100644
--- a/lib/features/intro/presentation/ui/intro_page.dart
+++ b/lib/features/intro/presentation/ui/intro_page.dart
@@ -26,6 +26,7 @@ class IntroPage extends StatelessWidget {
           child: Stack(
             alignment: Alignment.center,
             children: [
+              _music(),
               _name(),
               _bottomBtns(context),
             ],
@@ -35,12 +36,23 @@ class IntroPage extends StatelessWidget {
     );
   }
 
+  Positioned _music() {
+    return Positioned(
+      top: 36,
+      right: 16,
+      child: MyImage(
+        image: MyAssets.musicOn,
+      ),
+    );
+  }
+
+
   Positioned _name() {
     return Positioned(
-      top: 130,
+      top: 146,
       child: MyImage(
         image: MyAssets.hadiHoda,
-        size: 220,
+        size: 232,
         fit: BoxFit.cover,
       ),
     );
@@ -48,20 +60,20 @@ class IntroPage extends StatelessWidget {
 
   Positioned _bottomBtns(BuildContext context) {
     return Positioned(
-      bottom: 20,
-      left: 20,
-      right: 20,
+      bottom: 40,
+      left: 16,
+      right: 16,
       child: Row(
         crossAxisAlignment: CrossAxisAlignment.end,
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: [
-          MyImage(image: MyAssets.musicOn, size: 60),
-          InkWell(child: MyImage(image: MyAssets.start, size: 80),
+          MyImage(image: MyAssets.language),
+          InkWell(child: MyImage(image: MyAssets.start, size: 90),
             onTap: () {
               showAboutUsDialog(context: context);
             },
           ),
-          MyImage(image: MyAssets.theme, size: 60),
+          MyImage(image: MyAssets.theme),
         ],
       ),
     );