fix: download page responsive

2 days ago · 935b93e952
12 changed files with 197 additions and 41 deletions
--- a/assets/images/error.png
+++ b/assets/images/error.png
--- a/assets/images/hadi_hoda.png
+++ b/assets/images/hadi_hoda.png
--- a/assets/svg/globe.svg
+++ b/assets/svg/globe.svg
@ -0,0 +1,137 @@
+<svg width="78" height="78" viewBox="0 0 78 78" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_145_6642)">
+<path style="mix-blend-mode:screen" d="M66.5687 66.5742C81.7978 51.3451 81.7978 26.6539 66.5687 11.4249C51.3396 -3.80421 26.6484 -3.8042 11.4194 11.4249C-3.80968 26.6539 -3.80968 51.3451 11.4194 66.5742C26.6484 81.8032 51.3396 81.8032 66.5687 66.5742Z" fill="url(#paint0_radial_145_6642)"/>
+<g style="mix-blend-mode:screen">
+<path d="M54.2375 68.5075C70.5404 60.0858 76.9294 40.0425 68.5076 23.7396C60.0859 7.43672 40.0425 1.04784 23.7397 9.46958C7.43678 17.8913 1.04788 37.9346 9.46963 54.2375C17.8914 70.5404 37.9346 76.9293 54.2375 68.5075Z" fill="url(#paint1_radial_145_6642)"/>
+</g>
+<path style="mix-blend-mode:screen" opacity="0.92" fill-rule="evenodd" clip-rule="evenodd" d="M67.8256 39.0038C67.8291 42.9667 67.012 46.8874 65.4257 50.519C63.8393 54.1505 61.5181 57.4142 58.6082 60.1045C55.8818 62.6453 52.6891 64.6341 49.2065 65.961C45.9377 67.1991 42.4707 67.831 38.9753 67.8257C37.7118 67.8245 36.4496 67.744 35.1961 67.5847C34.0667 67.4346 32.947 67.2192 31.8425 66.9395C29.2803 66.2815 26.8206 65.2748 24.5325 63.9474C23.0998 63.1196 21.7406 62.1707 20.4697 61.1113C17.4795 58.5958 15.0292 55.5015 13.266 52.0145C12.1277 49.787 11.2863 47.42 10.7631 44.9738C10.3582 43.0168 10.1539 41.0236 10.1534 39.0251C10.1428 33.5445 11.7027 28.1757 14.6486 23.5541C15.8606 21.6607 17.2882 19.9143 18.9027 18.3499C24.2784 13.1115 31.4906 10.1848 38.9965 10.1961C39.6276 10.1961 40.2515 10.1961 40.8684 10.2528C44.0613 10.4595 47.1977 11.1951 50.1496 12.4295C50.6554 12.6422 51.1517 12.8786 51.6385 13.1385C53.7243 14.152 55.677 15.4189 57.4525 16.9106C58.0481 17.3998 58.6295 17.9245 59.1826 18.4633L59.771 19.066C64.9387 24.4167 67.8266 31.5651 67.8256 39.0038Z" fill="url(#paint2_radial_145_6642)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M65.8614 39.0035C65.8651 42.6939 65.1063 46.3453 63.6324 49.7287C62.1585 53.112 60.0014 56.1543 57.2964 58.6648C54.7568 61.0339 51.7803 62.8858 48.5328 64.1172C45.4877 65.2778 42.2552 65.869 38.9964 65.8614C37.811 65.862 36.6269 65.7862 35.4513 65.6345C34.3998 65.4986 33.358 65.2973 32.3316 65.0318C29.9399 64.4233 27.6444 63.4856 25.5108 62.2453C24.1792 61.4685 22.915 60.5815 21.7316 59.5936C18.9456 57.2532 16.6617 54.3735 15.0172 51.1278C13.9674 49.051 13.1927 46.8463 12.7128 44.5693C12.3364 42.7451 12.1463 40.8874 12.1456 39.0247C12.1352 33.918 13.5895 28.9155 16.3359 24.6102C17.456 22.8452 18.7791 21.2175 20.2782 19.7605C25.2861 14.876 32.008 12.1475 39.0035 12.1597C39.592 12.1597 40.1734 12.1597 40.7478 12.2164C43.7239 12.4064 46.6474 13.0918 49.3978 14.2442C49.8658 14.4428 50.3267 14.6484 50.8159 14.8753C52.7594 15.8316 54.5786 17.0222 56.2329 18.4204C56.7859 18.8813 57.3248 19.3705 57.8424 19.8385C58.0267 20.0228 58.2111 20.2072 58.3883 20.3986C63.1983 25.3961 65.8779 32.0673 65.8614 39.0035Z" fill="url(#paint3_radial_145_6642)" fill-opacity="0.48"/>
+<path style="mix-blend-mode:multiply" opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M21.0941 47.1289C20.9365 47.7152 20.8415 48.3165 20.8106 48.9228C20.9665 48.8873 21.2005 49.2418 21.3706 49.3198C21.6897 49.4616 22.0017 49.4191 22.2924 49.6318C22.5831 49.8445 22.8667 50.1848 23.1716 50.277C23.4066 50.3124 23.6456 50.3124 23.8806 50.277C24.3042 50.269 24.7274 50.307 25.1427 50.3904C25.6216 50.5172 26.1149 50.5816 26.6103 50.5819C26.979 50.5349 27.3314 50.4012 27.6385 50.1919C27.8794 49.8656 28.0086 49.4702 28.0071 49.0646C27.9778 48.5687 27.8346 48.0862 27.5887 47.6546C27.3428 47.223 27.0007 46.8539 26.589 46.5759C26.2133 46.2781 25.7737 46.2781 25.3483 46.0583C24.8694 45.815 24.3653 45.6248 23.8451 45.4911C23.4803 45.3662 23.1018 45.2852 22.7178 45.25C22.366 45.3178 22.0217 45.4199 21.6897 45.5549C21.3581 45.5897 21.0493 45.7404 20.8176 45.9803C20.5553 46.271 20.6899 46.746 21.0941 47.1289Z" fill="url(#paint4_linear_145_6642)"/>
+<path style="mix-blend-mode:multiply" opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M28.6878 50.5674C28.5176 50.7659 26.9294 52.1485 27.7093 52.6945C27.8503 52.749 27.9948 52.794 28.1418 52.8292C28.3829 52.8859 28.4254 52.8292 28.6239 52.7228C28.7894 52.6058 28.9118 52.4376 28.9721 52.244C29.0323 52.0505 29.0271 51.8425 28.9572 51.6522C28.9239 51.5061 28.8763 51.3636 28.8153 51.2268C28.7444 51.0779 28.5814 51.0282 28.5388 50.851L28.6878 50.5674Z" fill="url(#paint5_linear_145_6642)"/>
+<path style="mix-blend-mode:multiply" opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M37.8548 15.7827C38.3871 15.4564 38.9622 15.2059 39.5636 15.0383C39.7338 15.0383 39.9677 15.0737 40.145 15.0383C40.5279 15.0383 40.854 14.9674 41.1518 15.2864C41.2623 15.3731 41.339 15.4956 41.3688 15.6328C41.3986 15.77 41.3795 15.9133 41.3149 16.038C40.9937 16.4093 40.5941 16.7048 40.145 16.903C39.2446 17.4817 38.1949 17.7848 37.1246 17.7751C36.3092 17.6971 35.5718 17.0661 34.877 16.7187C34.3523 16.4421 33.3951 15.9245 34.0332 15.3006C34.588 14.7902 35.3076 14.4958 36.0611 14.471C36.3872 14.471 37.1742 14.3505 37.4294 14.5419C37.6847 14.7334 37.4295 15.6693 37.9967 15.6197L37.8548 15.7827Z" fill="url(#paint6_linear_145_6642)"/>
+<path style="mix-blend-mode:screen" fill-rule="evenodd" clip-rule="evenodd" d="M11.7269 33.5084C12.1382 38.9892 24.9574 30.1193 37.3653 26.1842C51.9287 21.5542 62.9683 31.6579 64.5778 31.1048C67.1019 30.2469 56.736 10.2027 40.1377 10.458C21.4335 10.7629 11.0675 24.6881 11.7269 33.5084Z" fill="url(#paint7_linear_145_6642)" fill-opacity="0.33"/>
+<path style="mix-blend-mode:screen" fill-rule="evenodd" clip-rule="evenodd" d="M26.4111 63.6849C26.4111 63.6849 39.1736 68.1234 51.3334 61.3877C63.4932 54.6519 65.514 39.4717 65.514 39.4717C65.514 39.4717 64.0251 57.3321 52.2694 63.0326C40.5137 68.7332 31.7076 66.9748 26.4111 63.6849Z" fill="url(#paint8_radial_145_6642)"/>
+<path style="mix-blend-mode:screen" opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M10.4512 43.0309L11.3587 47.207C11.3587 47.207 16.3644 50.1424 27.9712 49.0647C39.578 47.987 42.3432 42.3077 46.8739 38.9965C51.4045 35.6853 60.1965 33.0903 62.4724 30.4882C64.7484 27.8861 62.8128 22.7669 62.8128 22.7669L61.9336 21.5474C61.9336 21.5474 63.5572 25.9433 61.6074 29.2048C59.6575 32.4664 50.972 33.9624 46.2853 38.0819C41.5986 42.2013 31.9914 45.4345 23.8234 45.4912C15.6554 45.5479 10.4512 43.0309 10.4512 43.0309Z" fill="url(#paint9_linear_145_6642)"/>
+<path style="mix-blend-mode:screen" opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M14.3086 53.8933L16.152 56.5734C16.152 56.5734 24.4973 59.0195 37.0329 56.5734C49.5685 54.1272 59.0127 47.0653 63.4229 43.031C64.7239 41.7933 65.7416 40.2887 66.4062 38.6206C67.0708 36.9524 67.3664 35.1602 67.2728 33.3669L66.8829 31.6724C66.0626 35.9005 64.1011 39.8236 61.2107 43.0168C56.3113 48.5188 48.1646 53.5033 36.3948 55.5666C29.0032 56.744 21.4384 56.1709 14.3086 53.8933Z" fill="url(#paint10_linear_145_6642)"/>
+<path style="mix-blend-mode:screen" opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M12.1387 28.5457C12.1387 28.5457 28.5101 34.1328 41.1663 31.6866C53.8224 29.2405 57.2115 21.0512 57.4739 16.8751L55.1553 15.1238C55.0102 17.8451 54.2099 20.4911 52.8223 22.8366C51.4348 25.1822 49.5011 27.1577 47.1859 28.5953C39.1739 33.6648 18.6547 30.6515 13.1526 26.2909L12.1387 28.5457Z" fill="url(#paint11_linear_145_6642)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.9325 38.4219C14.1168 39.4358 16.3999 38.0249 18.1015 34.6003C19.8032 31.1757 20.1365 24.135 19.2502 23.5182C18.3639 22.9013 12.6633 31.438 13.9325 38.4219Z" fill="white" fill-opacity="0.8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M45.1867 64.9187C44.8251 65.3158 46.1439 65.7979 48.1008 65.4009C50.0577 65.0038 53.064 62.8696 53.064 62.3024C53.064 61.7352 47.6328 62.1393 45.1867 64.9187Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0881 39.8897C12.9041 40.1095 12.9325 42.4139 13.684 43.4349C14.4356 44.4559 15.3999 43.9524 15.4637 41.9317C15.4991 40.6626 15.0666 39.7125 14.0881 39.8897Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M60.8633 56.6725C60.8633 56.6725 65.8265 50.2913 66.8758 42.2793C66.8758 42.2793 67.443 49.9013 60.8633 56.6725Z" fill="#FFF79A"/>
+<path style="mix-blend-mode:screen" opacity="0.92" fill-rule="evenodd" clip-rule="evenodd" d="M42.3711 10.4724C42.3711 10.4724 43.3779 8.66434 44.8598 8.64307C46.9869 8.64307 47.0932 11.4792 47.0932 11.4792C46.2836 11.7084 45.4303 11.7365 44.6074 11.561C43.7845 11.3856 43.0168 11.0119 42.3711 10.4724Z" fill="url(#paint12_radial_145_6642)"/>
+<path style="mix-blend-mode:screen" fill-rule="evenodd" clip-rule="evenodd" d="M43.0446 9.96178C42.6263 10.529 44.4627 9.66398 45.1717 9.52218C45.8807 9.38037 46.1076 9.74198 46.1076 9.74198C46.1076 9.74198 44.8385 7.48018 43.0446 9.96178Z" fill="url(#paint13_linear_145_6642)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.6962 11.359C46.7425 10.8015 46.6001 10.2447 46.292 9.77783C46.4258 9.85174 46.5431 9.95226 46.6366 10.0732C46.7302 10.1941 46.7979 10.3329 46.8358 10.4811C46.8737 10.6292 46.8808 10.7835 46.8567 10.9345C46.8327 11.0854 46.7781 11.2299 46.6962 11.359Z" fill="#FFF79A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M43.2793 9.81997C43.2793 10.1178 44.0734 9.46546 43.9883 9.2173C43.9032 8.96914 43.2864 9.46546 43.2793 9.81997Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M43.2578 11.0325C44.1726 11.5158 45.2033 11.7366 46.2358 11.6706C45.2193 11.5908 44.2178 11.3762 43.2578 11.0325Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.498 11.6355C46.498 11.6355 46.9022 11.6355 46.9943 11.4937C46.9943 11.5291 46.5548 11.4582 46.498 11.6355Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M48.1074 12.9893C48.5004 13.1268 48.8468 13.3719 49.1075 13.6965C49.3682 14.0211 49.5326 14.4123 49.5822 14.8256C49.1959 14.6773 48.8559 14.4291 48.5969 14.1065C48.3378 13.7839 48.1689 13.3984 48.1074 12.9893Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.1982 13.4716C27.8846 12.7393 28.7689 12.2221 29.7436 11.9827C30.535 11.7706 31.3493 11.6563 32.1684 11.6423C32.1684 11.6423 29.2544 13.656 27.1982 13.4716Z" fill="white"/>
+<circle cx="47.1507" cy="48.5682" r="5.3177" fill="white" fill-opacity="0.51"/>
+<ellipse cx="33.3246" cy="30.8426" rx="5.67221" ry="5.3177" fill="white" fill-opacity="0.51"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_145_6642" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(38.9952 38.9948) scale(39.005)">
+<stop offset="0.22" stop-color="#DFCD00"/>
+<stop offset="1" stop-color="#DFCD00" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint1_radial_145_6642" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(38.9934 38.995) scale(33.225 33.225)">
+<stop offset="0.01" stop-color="#F7FF00"/>
+<stop offset="0.13" stop-color="#FBFB00"/>
+<stop offset="0.26" stop-color="#EFDB00"/>
+<stop offset="0.38" stop-color="#DBD400"/>
+<stop offset="0.51" stop-color="#BFA900"/>
+<stop offset="0.63" stop-color="#9B7C00"/>
+<stop offset="0.76" stop-color="#6E6A00"/>
+<stop offset="0.88" stop-color="#FBFB00" stop-opacity="0.22"/>
+<stop offset="1" stop-color="#FBFB00" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint2_radial_145_6642" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(38.9966 38.9967) scale(28.829 28.829)">
+<stop offset="0.89"/>
+<stop offset="0.9" stop-color="#000506"/>
+<stop offset="0.92" stop-color="#001217"/>
+<stop offset="0.94" stop-color="#323200"/>
+<stop offset="0.96" stop-color="#585500"/>
+<stop offset="0.99" stop-color="#896E00"/>
+<stop offset="1" stop-color="#ABA500"/>
+</radialGradient>
+<radialGradient id="paint3_radial_145_6642" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(31.3885 31.3743) scale(39.4077 39.4077)">
+<stop stop-color="#CEBD00"/>
+<stop offset="0.432692" stop-color="#C69800"/>
+<stop offset="1" stop-color="#FCFC55"/>
+</radialGradient>
+<linearGradient id="paint4_linear_145_6642" x1="20.6687" y1="47.923" x2="27.9787" y2="47.923" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B8C2FF"/>
+<stop offset="1" stop-color="#7D72B3"/>
+</linearGradient>
+<linearGradient id="paint5_linear_145_6642" x1="27.4966" y1="51.7089" x2="28.9997" y2="51.7089" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B8C2FF"/>
+<stop offset="1" stop-color="#7D72B3"/>
+</linearGradient>
+<linearGradient id="paint6_linear_145_6642" x1="33.8205" y1="16.1018" x2="41.3929" y2="16.1018" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFF4B8"/>
+<stop offset="1" stop-color="#B3A972"/>
+</linearGradient>
+<linearGradient id="paint7_linear_145_6642" x1="23.7609" y1="17.6589" x2="54.1314" y2="46.588" gradientUnits="userSpaceOnUse">
+<stop offset="0.02" stop-color="#B3FFE8"/>
+<stop offset="0.21" stop-color="#83BBAA"/>
+<stop offset="0.43" stop-color="#55796E"/>
+<stop offset="0.62" stop-color="#30453F"/>
+<stop offset="0.78" stop-color="#161F1D"/>
+<stop offset="0.92" stop-color="#060808"/>
+<stop offset="1"/>
+</linearGradient>
+<radialGradient id="paint8_radial_145_6642" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(50.9789 61.6429) scale(16.9457 16.9457)">
+<stop stop-color="#D7E597"/>
+<stop offset="0.36" stop-color="#938F61"/>
+<stop offset="1"/>
+</radialGradient>
+<linearGradient id="paint9_linear_145_6642" x1="37.0326" y1="49.2987" x2="37.0326" y2="21.5686" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFABD"/>
+<stop offset="0.2" stop-color="#B9BB8B"/>
+<stop offset="0.42" stop-color="#73795A"/>
+<stop offset="0.61" stop-color="#434533"/>
+<stop offset="0.78" stop-color="#171F1D"/>
+<stop offset="0.91" stop-color="#060808"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint10_linear_145_6642" x1="40.8049" y1="57.6582" x2="40.8049" y2="31.6724" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BDFFE8"/>
+<stop offset="0.2" stop-color="#8BBBAA"/>
+<stop offset="0.42" stop-color="#5A796E"/>
+<stop offset="0.61" stop-color="#33453F"/>
+<stop offset="0.78" stop-color="#171F1D"/>
+<stop offset="0.91" stop-color="#060808"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint11_linear_145_6642" x1="34.7921" y1="32.2893" x2="34.7921" y2="15.1096" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BDFFE8"/>
+<stop offset="0.2" stop-color="#8BBBAA"/>
+<stop offset="0.42" stop-color="#5A796E"/>
+<stop offset="0.61" stop-color="#33453F"/>
+<stop offset="0.78" stop-color="#171F1D"/>
+<stop offset="0.91" stop-color="#060808"/>
+<stop offset="1"/>
+</linearGradient>
+<radialGradient id="paint12_radial_145_6642" cx="0" cy="0" r="1" gradientTransform="matrix(0.708746 -1.58425 1.89694 0.85466 43.6648 16.3669)" gradientUnits="userSpaceOnUse">
+<stop offset="0.42"/>
+<stop offset="0.49" stop-color="#000506"/>
+<stop offset="0.59" stop-color="#001217"/>
+<stop offset="0.69" stop-color="#322800"/>
+<stop offset="0.8" stop-color="#555800"/>
+<stop offset="0.92" stop-color="#808900"/>
+<stop offset="1" stop-color="#8CAB00"/>
+</radialGradient>
+<linearGradient id="paint13_linear_145_6642" x1="39.4037" y1="5.46768" x2="42.447" y2="5.77319" gradientUnits="userSpaceOnUse">
+<stop offset="0.02" stop-color="#FFEB54"/>
+<stop offset="0.21" stop-color="#BBB73E"/>
+<stop offset="0.43" stop-color="#796D28"/>
+<stop offset="0.62" stop-color="#424517"/>
+<stop offset="0.78" stop-color="#0A1F1D"/>
+<stop offset="0.92" stop-color="#030808"/>
+<stop offset="1"/>
+</linearGradient>
+<clipPath id="clip0_145_6642">
+<rect width="78" height="78" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/lib/common_ui/resources/my_assets.dart
+++ b/lib/common_ui/resources/my_assets.dart
@ -56,6 +56,7 @@ class MyAssets {
  static const String doneRounded = 'assets/svg/done_rounded.svg';
  static const String lang = 'assets/svg/lang.svg';
  static const String unMusic = 'assets/svg/unmusic.svg';
+  static const String globe = 'assets/svg/globe.svg';


  static final List<String> images = [
--- a/lib/core/widgets/button/my_blue_button.dart
+++ b/lib/core/widgets/button/my_blue_button.dart
@ -11,10 +11,12 @@ class MyBlueButton extends StatelessWidget {
    super.key,
    this.onTap,
    this.title,
+    this.top,
  });

  final VoidCallback? onTap;
  final String? title;
+  final double? top;

  @override
  Widget build(BuildContext context) {
@ -34,7 +36,7 @@ class MyBlueButton extends StatelessWidget {
              '',
          ),
          PositionedDirectional(
-            top: setSize(context: context, mobile: MySpaces.s10, tablet: MySpaces.s20),
+            top: top ?? setSize(context: context, mobile: MySpaces.s10, tablet: MySpaces.s20),
            child: Text(
              title ?? '',
              style: MYTextStyle.button1.copyWith(
--- a/lib/core/widgets/error/error_state.dart
+++ b/lib/core/widgets/error/error_state.dart
@ -1,9 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_assets.dart';
-import 'package:hadi_hoda_flutter/common_ui/resources/my_colors.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart';
+import 'package:hadi_hoda_flutter/common_ui/resources/my_text_style.dart';
 import 'package:hadi_hoda_flutter/core/utils/gap.dart';
 import 'package:hadi_hoda_flutter/core/utils/my_localization.dart';
+import 'package:hadi_hoda_flutter/core/utils/set_platform_size.dart';
+import 'package:hadi_hoda_flutter/core/widgets/button/my_blue_button.dart';
 import 'package:hadi_hoda_flutter/core/widgets/images/my_image.dart';

 class ErrorState extends StatelessWidget {
@ -18,34 +20,20 @@ class ErrorState extends StatelessWidget {
        Spacer(),
        Text(
          context.translate.lost_connection,
+          style: MYTextStyle.button1,
        ),
        MyImage(image: MyAssets.error),
        MySpaces.s40.gapHeight,
        Text(
          context.translate.connected_to_internet,
          textAlign: TextAlign.center,
+          style: MYTextStyle.matn3,
        ),
        Spacer(),
-        SizedBox(
-          height: 84,
-          width: 194,
-          child: InkWell(
-            onTap: onTap,
-            highlightColor: MyColors.transparent,
-            splashColor: MyColors.transparent,
-            child: Stack(
-              alignment: Alignment.center,
-              children: [
-                MyImage(image: MyAssets.button),
-                PositionedDirectional(
-                  top: MySpaces.s8,
-                  child: Text(
-                    context.translate.try_again,
-                  ),
-                ),
-              ],
-            ),
-          ),
+        MyBlueButton(
+          title: context.translate.retry,
+          onTap: onTap,
+          top: setSize(context: context, mobile: MySpaces.s6, tablet: MySpaces.s16),
        ),
      ],
    );
--- a/lib/features/download/presentation/ui/download_page.dart
+++ b/lib/features/download/presentation/ui/download_page.dart
@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_assets.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart';
+import 'package:hadi_hoda_flutter/common_ui/resources/my_text_style.dart';
 import 'package:hadi_hoda_flutter/core/status/base_status.dart';
 import 'package:hadi_hoda_flutter/core/utils/convert_size.dart';
 import 'package:hadi_hoda_flutter/core/utils/my_localization.dart';
@ -72,10 +73,20 @@ class DownloadPage extends StatelessWidget {
    );
  }

-  MyImage _image() {
-    return MyImage(
-      image: MyAssets.hadiHoda,
-      size: 200,
+  Widget _image() {
+    return Stack(
+      children: [
+        MyImage(
+          image: MyAssets.hadiHoda,
+        ),
+        PositionedDirectional(
+          start: MySpaces.s10,
+          top: MySpaces.s40,
+          child: MyImage(
+            image: MyAssets.globe,
+          ),
+        ),
+      ],
    );
  }

@ -87,12 +98,14 @@ class DownloadPage extends StatelessWidget {
        children: [
          Text(
            context.translate.please_wait,
+            style: MYTextStyle.titr0,
          ),
          StreamBuilder<DownloadEntity>(
            initialData: DownloadEntity(),
            stream: context.read<DownloadBloc>().loadingStream,
             builder: (context, snapshot) => Text(
              '${context.translate.downloading_data} (${snapshot.data?.count.toMB ?? 0.0}mb / ${snapshot.data?.total.toMB ?? 0.0}mb)',
+               style: MYTextStyle.matn3,
            ),
          ),
        ],
@ -102,7 +115,7 @@ class DownloadPage extends StatelessWidget {

  Positioned _loading(BuildContext context) {
    return Positioned(
-      bottom: MediaQuery.viewPaddingOf(context).bottom + MySpaces.s16,
+      bottom: MySpaces.s40,
      child: DownloadLoadingWidget(
        loadingStream: context.read<DownloadBloc>().loadingStream,
      ),
--- a/lib/features/download/presentation/ui/widgets/download_loading_widget.dart
+++ b/lib/features/download/presentation/ui/widgets/download_loading_widget.dart
@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart';
+import 'package:hadi_hoda_flutter/common_ui/resources/my_text_style.dart';
 import 'package:hadi_hoda_flutter/features/download/domain/entities/download_entity.dart';


@ -72,6 +73,9 @@ class DownloadLoadingWidget extends StatelessWidget {
                  child: Center(
                    child: Text(
                      '${snapshot.data?.percent?.toInt() ?? 0}%',
+                      style: MYTextStyle.titr4.copyWith(
+                        color: Color(0XFF6E83A8),
+                      ),
                    ),
                  ),
                ),
--- a/lib/features/splash/presentation/ui/splash_page.dart
+++ b/lib/features/splash/presentation/ui/splash_page.dart
@ -3,6 +3,7 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_assets.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart';
 import 'package:hadi_hoda_flutter/core/utils/screen_size.dart';
+import 'package:hadi_hoda_flutter/core/utils/set_platform_size.dart';
 import 'package:hadi_hoda_flutter/core/widgets/animations/rotation_anim.dart';
 import 'package:hadi_hoda_flutter/core/widgets/images/my_image.dart';
 import 'package:hadi_hoda_flutter/features/splash/presentation/bloc/splash_bloc.dart';
@ -60,21 +61,31 @@ class _SplashPageState extends State<SplashPage> {
    );
  }

-  MyImage _image() {
-    return MyImage(
-      image: MyAssets.hadiHoda,
-      size: 200,
+  Widget _image() {
+    return Stack(
+      children: [
+        MyImage(
+          image: MyAssets.hadiHoda,
+        ),
+        PositionedDirectional(
+          start: MySpaces.s10,
+          top: MySpaces.s40,
+          child: MyImage(
+            image: MyAssets.globe,
+          ),
+        ),
+      ],
    );
  }


  Positioned _loading(BuildContext context) {
    return Positioned(
-      bottom: MediaQuery.viewPaddingOf(context).bottom + MySpaces.s16,
+      bottom: MySpaces.s40,
      child: RotationAnim(
        child: MyImage(
          image: MyAssets.loading,
-          size: 70,
+          size: setSize(context: context, mobile: 70, tablet: 100),
        ),
      )
    );
--- a/lib/l10n/app_en.arb
+++ b/lib/l10n/app_en.arb
@ -4,10 +4,10 @@
  "tap_to_select": "Tap the correct option to select.",
  "select_language": "Select language",
  "select": "Select",
-  "please_wait": "Please wait a few moments...",
+  "please_wait": "wait a few moments...",
  "downloading_data": "Downloading initial data",
  "lost_connection": "Lost connection!",
-  "try_again": "Try Again",
+  "retry": "Retry",
  "connected_to_internet": "You must be connected to the internet to download the initial game data.",
  "start": "Start",
  "step": "Step",
--- a/lib/l10n/app_localizations.dart
+++ b/lib/l10n/app_localizations.dart
@ -127,7 +127,7 @@ abstract class AppLocalizations {
  /// No description provided for @please_wait.
  ///
  /// In en, this message translates to:
-  /// **'Please wait a few moments...'**
+  /// **'wait a few moments...'**
  String get please_wait;

  /// No description provided for @downloading_data.
@ -142,11 +142,11 @@ abstract class AppLocalizations {
  /// **'Lost connection!'**
  String get lost_connection;

-  /// No description provided for @try_again.
+  /// No description provided for @retry.
  ///
  /// In en, this message translates to:
-  /// **'Try Again'**
-  String get try_again;
+  /// **'Retry'**
+  String get retry;

  /// No description provided for @connected_to_internet.
  ///
--- a/lib/l10n/app_localizations_en.dart
+++ b/lib/l10n/app_localizations_en.dart
@ -25,7 +25,7 @@ class AppLocalizationsEn extends AppLocalizations {
  String get select => 'Select';

  @override
-  String get please_wait => 'Please wait a few moments...';
+  String get please_wait => 'wait a few moments...';

  @override
  String get downloading_data => 'Downloading initial data';
@ -34,7 +34,7 @@ class AppLocalizationsEn extends AppLocalizations {
  String get lost_connection => 'Lost connection!';

  @override
-  String get try_again => 'Try Again';
+  String get retry => 'Retry';

  @override
  String get connected_to_internet =>