screens till highligts

This commit is contained in:
Ranjan 2024-03-08 19:39:02 +05:30
parent 94f8c08250
commit 8d2c407577
15 changed files with 266 additions and 3 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 155 KiB

View File

@ -0,0 +1,10 @@
<svg width="74" height="74" viewBox="0 0 74 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2700_75734)">
<path d="M66.5798 40.7752C65.7192 40.1131 64.7177 39.6583 63.6528 39.4463C62.588 39.2342 61.4886 39.2705 60.4401 39.5524L48.3457 42.3332C48.6271 41.1446 48.6358 39.9076 48.3711 38.7152C48.1065 37.5227 47.5753 36.4056 46.8176 35.4475C46.0598 34.4895 45.0949 33.7154 43.9954 33.1833C42.8959 32.6512 41.6902 32.3749 40.4688 32.375H25.9983C24.7831 32.372 23.5793 32.6098 22.4565 33.0746C21.3337 33.5395 20.3142 34.2223 19.4568 35.0835L12.9182 41.625H4.625C3.39837 41.625 2.22199 42.1123 1.35463 42.9796C0.487275 43.847 0 45.0234 0 46.25L0 57.8125C0 59.0391 0.487275 60.2155 1.35463 61.0829C2.22199 61.9502 3.39837 62.4375 4.625 62.4375H34.6875C34.8766 62.4376 35.0649 62.4143 35.2483 62.3681L53.7483 57.7431C53.8662 57.7151 53.9813 57.6764 54.0923 57.6275L65.3281 52.8464L65.4553 52.7886C66.5352 52.249 67.4599 51.4434 68.1423 50.4477C68.8248 49.4519 69.2425 48.2988 69.3561 47.097C69.4698 45.8952 69.2756 44.6843 68.7919 43.5783C68.3082 42.4723 67.5509 41.5076 66.5913 40.7752H66.5798ZM4.625 46.25H11.5625V57.8125H4.625V46.25ZM63.429 48.6232L52.4446 53.3002L34.3984 57.8125H16.1875V44.8943L22.729 38.3557C23.1569 37.9244 23.6663 37.5824 24.2275 37.3497C24.7888 37.1169 25.3907 36.9981 25.9983 37H40.4688C41.3887 37 42.271 37.3655 42.9215 38.016C43.572 38.6665 43.9375 39.5488 43.9375 40.4688C43.9375 41.3887 43.572 42.271 42.9215 42.9215C42.271 43.572 41.3887 43.9375 40.4688 43.9375H32.375C31.7617 43.9375 31.1735 44.1811 30.7398 44.6148C30.3061 45.0485 30.0625 45.6367 30.0625 46.25C30.0625 46.8633 30.3061 47.4515 30.7398 47.8852C31.1735 48.3189 31.7617 48.5625 32.375 48.5625H41.625C41.7991 48.562 41.9725 48.5426 42.1424 48.5047L61.5096 44.0502L61.5992 44.0271C62.1904 43.863 62.8215 43.9233 63.3709 44.1965C63.9203 44.4696 64.3493 44.9363 64.5753 45.5067C64.8014 46.0772 64.8084 46.711 64.5952 47.2864C64.382 47.8617 63.9635 48.3379 63.4203 48.6232H63.429ZM47.4062 27.75C47.9776 27.7507 48.548 27.7042 49.1117 27.6113C49.7458 29.4946 50.9059 31.1571 52.4548 32.402C54.0037 33.647 55.8768 34.4224 57.8524 34.6366C59.8281 34.8508 61.8238 34.4948 63.6035 33.6107C65.3833 32.7266 66.8727 31.3514 67.8957 29.6477C68.9186 27.944 69.4324 25.983 69.3761 23.9965C69.3199 22.0101 68.6961 20.0813 67.5784 18.4381C66.4607 16.795 64.8959 15.5062 63.069 14.7243C61.2421 13.9423 59.2294 13.6997 57.2691 14.0253C56.6585 12.2107 55.5592 10.5997 54.0921 9.36961C52.625 8.1395 50.847 7.33798 48.9538 7.05324C47.0605 6.76849 45.1254 7.01158 43.3614 7.75574C41.5973 8.49989 40.0728 9.71628 38.9555 11.271C37.8383 12.8258 37.1716 14.6586 37.0288 16.5678C36.8861 18.4771 37.2728 20.3887 38.1464 22.0923C39.0201 23.7959 40.3468 25.2255 41.9805 26.2237C43.6142 27.2219 45.4917 27.75 47.4062 27.75ZM64.75 24.2813C64.75 25.4247 64.4109 26.5424 63.7757 27.4931C63.1404 28.4439 62.2375 29.1849 61.1811 29.6224C60.1248 30.06 58.9623 30.1745 57.8409 29.9514C56.7194 29.7283 55.6893 29.1777 54.8808 28.3692C54.0723 27.5607 53.5217 26.5306 53.2986 25.4091C53.0755 24.2877 53.19 23.1253 53.6276 22.0689C54.0651 21.0125 54.8061 20.1096 55.7569 19.4743C56.7076 18.8391 57.8253 18.5 58.9688 18.5C60.502 18.5 61.9725 19.1091 63.0567 20.1933C64.1409 21.2775 64.75 22.748 64.75 24.2813ZM47.4062 11.5625C48.6674 11.5631 49.8938 11.9762 50.8985 12.7386C51.9031 13.5011 52.6308 14.5712 52.9707 15.7857C51.7863 16.6191 50.7889 17.6904 50.0423 18.9313C49.2957 20.1722 48.8163 21.5553 48.6348 22.992C48.231 23.0792 47.8193 23.1238 47.4062 23.125C45.873 23.125 44.4025 22.5159 43.3183 21.4317C42.2341 20.3475 41.625 18.877 41.625 17.3438C41.625 15.8105 42.2341 14.34 43.3183 13.2558C44.4025 12.1716 45.873 11.5625 47.4062 11.5625Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_2700_75734">
<rect width="74" height="74" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@ -0,0 +1,3 @@
<svg width="74" height="74" viewBox="0 0 74 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M64.2123 17.0171C63.9953 16.7573 63.7238 16.5484 63.4171 16.4051C63.1104 16.2617 62.776 16.1874 62.4375 16.1875H15.8059L14.3924 8.42328C14.1988 7.35761 13.6373 6.39369 12.8059 5.69957C11.9744 5.00545 10.9257 4.62516 9.84258 4.625H4.625C4.01169 4.625 3.42349 4.86864 2.98982 5.30232C2.55614 5.73599 2.3125 6.32419 2.3125 6.9375C2.3125 7.55081 2.55614 8.13901 2.98982 8.57268C3.42349 9.00636 4.01169 9.25 4.625 9.25H9.82812L17.2166 49.8026C17.4342 51.0052 17.9657 52.1291 18.7573 53.0603C17.6647 54.0808 16.8762 55.3838 16.479 56.8251C16.0819 58.2663 16.0917 59.7894 16.5073 61.2254C16.9229 62.6614 17.7281 63.9543 18.8337 64.9606C19.9392 65.967 21.3018 66.6474 22.7705 66.9266C24.2391 67.2058 25.7564 67.0728 27.1541 66.5423C28.5518 66.0118 29.7752 65.1045 30.6887 63.9212C31.6023 62.7378 32.1702 61.3246 32.3296 59.8381C32.489 58.3517 32.2335 56.8501 31.5916 55.5H44.7209C44.2035 56.5831 43.9358 57.7685 43.9375 58.9688C43.9375 60.5695 44.4122 62.1344 45.3015 63.4654C46.1909 64.7964 47.455 65.8338 48.9339 66.4464C50.4128 67.059 52.0402 67.2193 53.6103 66.907C55.1803 66.5947 56.6225 65.8238 57.7544 64.6919C58.8863 63.56 59.6572 62.1178 59.9695 60.5478C60.2818 58.9777 60.1215 57.3503 59.5089 55.8714C58.8963 54.3925 57.8589 53.1284 56.5279 52.239C55.1969 51.3497 53.632 50.875 52.0312 50.875H24.0413C23.4998 50.8749 22.9754 50.6848 22.5597 50.3377C22.144 49.9907 21.8632 49.5087 21.7664 48.9759L20.8501 43.9375H54.3813C56.006 43.9373 57.5791 43.3668 58.8263 42.3257C60.0735 41.2845 60.9157 39.8386 61.2061 38.2401L64.7211 18.9134C64.7806 18.5793 64.7659 18.2363 64.6779 17.9086C64.59 17.5809 64.4311 17.2765 64.2123 17.0171ZM27.75 58.9688C27.75 59.6548 27.5466 60.3255 27.1654 60.8959C26.7843 61.4663 26.2425 61.9109 25.6087 62.1735C24.9749 62.436 24.2774 62.5047 23.6045 62.3708C22.9317 62.237 22.3136 61.9066 21.8285 61.4215C21.3434 60.9364 21.013 60.3183 20.8792 59.6455C20.7453 58.9726 20.814 58.2752 21.0765 57.6413C21.3391 57.0075 21.7837 56.4657 22.3541 56.0846C22.9245 55.7034 23.5952 55.5 24.2812 55.5C25.2012 55.5 26.0835 55.8655 26.734 56.516C27.3845 57.1665 27.75 58.0488 27.75 58.9688ZM55.5 58.9688C55.5 59.6548 55.2966 60.3255 54.9154 60.8959C54.5343 61.4663 53.9925 61.9109 53.3587 62.1735C52.7248 62.436 52.0274 62.5047 51.3545 62.3708C50.6817 62.237 50.0636 61.9066 49.5785 61.4215C49.0934 60.9364 48.763 60.3183 48.6292 59.6455C48.4953 58.9726 48.564 58.2752 48.8265 57.6413C49.0891 57.0075 49.5337 56.4657 50.1041 56.0846C50.6745 55.7034 51.3452 55.5 52.0312 55.5C52.9512 55.5 53.8335 55.8655 54.484 56.516C55.1345 57.1665 55.5 58.0488 55.5 58.9688ZM56.6562 37.4134C56.5592 37.9477 56.2772 38.4308 55.8596 38.778C55.4421 39.1252 54.9157 39.3145 54.3727 39.3125H20.0089L16.6471 20.8125H59.6654L56.6562 37.4134Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -0,0 +1,3 @@
<svg width="74" height="74" viewBox="0 0 74 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M67.0625 27.75C67.0637 27.535 67.0345 27.3209 66.9758 27.1141L62.8277 12.6031C62.5489 11.6403 61.9662 10.7935 61.1664 10.1891C60.3667 9.5848 59.393 9.25536 58.3906 9.25H15.6094C14.607 9.25536 13.6333 9.5848 12.8336 10.1891C12.0338 10.7935 11.4511 11.6403 11.1723 12.6031L7.02711 27.1141C6.9674 27.3208 6.93723 27.5349 6.9375 27.75V32.375C6.9375 34.17 7.35543 35.9404 8.15819 37.5459C8.96095 39.1514 10.1265 40.548 11.5625 41.625V60.125C11.5625 61.3516 12.0498 62.528 12.9171 63.3954C13.7845 64.2627 14.9609 64.75 16.1875 64.75H57.8125C59.0391 64.75 60.2155 64.2627 61.0829 63.3954C61.9502 62.528 62.4375 61.3516 62.4375 60.125V41.625C63.8735 40.548 65.0391 39.1514 65.8418 37.5459C66.6446 35.9404 67.0625 34.17 67.0625 32.375V27.75ZM15.6094 13.875H58.3906L61.6917 25.4375H12.317L15.6094 13.875ZM30.0625 30.0625H43.9375V32.375C43.9375 34.2149 43.2066 35.9795 41.9056 37.2806C40.6045 38.5816 38.8399 39.3125 37 39.3125C35.1601 39.3125 33.3955 38.5816 32.0944 37.2806C30.7934 35.9795 30.0625 34.2149 30.0625 32.375V30.0625ZM25.4375 30.0625V32.375C25.4375 34.2149 24.7066 35.9795 23.4056 37.2806C22.1045 38.5816 20.3399 39.3125 18.5 39.3125C16.6601 39.3125 14.8955 38.5816 13.5944 37.2806C12.2934 35.9795 11.5625 34.2149 11.5625 32.375V30.0625H25.4375ZM57.8125 60.125H16.1875V43.7062C16.9488 43.8597 17.7234 43.9372 18.5 43.9375C20.295 43.9375 22.0654 43.5196 23.6709 42.7168C25.2764 41.9141 26.673 40.7485 27.75 39.3125C28.827 40.7485 30.2236 41.9141 31.8291 42.7168C33.4346 43.5196 35.205 43.9375 37 43.9375C38.795 43.9375 40.5654 43.5196 42.1709 42.7168C43.7764 41.9141 45.173 40.7485 46.25 39.3125C47.327 40.7485 48.7236 41.9141 50.3291 42.7168C51.9346 43.5196 53.705 43.9375 55.5 43.9375C56.2766 43.9372 57.0512 43.8597 57.8125 43.7062V60.125ZM55.5 39.3125C53.6601 39.3125 51.8955 38.5816 50.5944 37.2806C49.2934 35.9795 48.5625 34.2149 48.5625 32.375V30.0625H62.4375V32.375C62.4375 34.2149 61.7066 35.9795 60.4056 37.2806C59.1045 38.5816 57.3399 39.3125 55.5 39.3125Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -0,0 +1,3 @@
<svg width="74" height="74" viewBox="0 0 74 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.8926 45.648C36.9919 43.5846 39.345 40.5786 40.6037 37.0745C41.8625 33.5704 41.9602 29.7542 40.8824 26.1903C39.8046 22.6264 37.6085 19.5039 34.6188 17.2847C31.6291 15.0654 28.0046 13.8672 24.2812 13.8672C20.5579 13.8672 16.9334 15.0654 13.9437 17.2847C10.954 19.5039 8.75789 22.6264 7.68007 26.1903C6.60224 29.7542 6.69995 33.5704 7.95874 37.0745C9.21753 40.5786 11.5706 43.5846 14.6699 45.648C9.06352 47.7143 4.27553 51.538 1.02038 56.5485C0.849302 56.8028 0.73047 57.0885 0.670793 57.3891C0.611116 57.6897 0.611784 57.9992 0.672758 58.2995C0.733733 58.5999 0.853798 58.8851 1.02597 59.1386C1.19815 59.3921 1.419 59.6089 1.67569 59.7764C1.93238 59.9438 2.21979 60.0585 2.52122 60.1139C2.82264 60.1693 3.13206 60.1642 3.4315 60.0989C3.73093 60.0336 4.01441 59.9095 4.26545 59.7337C4.51649 59.5579 4.73008 59.334 4.89382 59.0749C6.99354 55.8455 9.86672 53.1917 13.2525 51.3546C16.6382 49.5175 20.4292 48.5552 24.2812 48.5552C28.1333 48.5552 31.9243 49.5175 35.31 51.3546C38.6958 53.1917 41.5689 55.8455 43.6687 59.0749C44.0078 59.579 44.5318 59.9294 45.1272 60.0503C45.7226 60.1712 46.3417 60.0529 46.8506 59.7209C47.3595 59.389 47.7174 58.8701 47.8468 58.2765C47.9762 57.6828 47.8667 57.0621 47.5421 56.5485C44.287 51.538 39.499 47.7143 33.8926 45.648ZM11.5625 31.218C11.5625 28.7024 12.3084 26.2434 13.706 24.1518C15.1035 22.0602 17.0899 20.43 19.414 19.4674C21.738 18.5047 24.2954 18.2529 26.7625 18.7436C29.2297 19.2344 31.496 20.4457 33.2748 22.2245C35.0535 24.0032 36.2648 26.2695 36.7556 28.7367C37.2464 31.2039 36.9945 33.7612 36.0318 36.0852C35.0692 38.4093 33.439 40.3957 31.3474 41.7932C29.2558 43.1908 26.7968 43.9367 24.2812 43.9367C20.9092 43.9329 17.6763 42.5917 15.292 40.2073C12.9076 37.8229 11.5663 34.59 11.5625 31.218ZM72.3061 59.7484C71.7924 60.0834 71.1667 60.2006 70.5667 60.0743C69.9666 59.948 69.4412 59.5885 69.1062 59.0749C67.009 55.8436 64.1361 53.1886 60.7497 51.3523C57.3633 49.5159 53.571 48.5566 49.7187 48.5617C49.1054 48.5617 48.5172 48.3181 48.0836 47.8844C47.6499 47.4507 47.4062 46.8625 47.4062 46.2492C47.4062 45.6359 47.6499 45.0477 48.0836 44.614C48.5172 44.1804 49.1054 43.9367 49.7187 43.9367C51.5918 43.935 53.4413 43.5195 55.1352 42.7201C56.829 41.9207 58.3254 40.757 59.5174 39.3122C60.7095 37.8674 61.5676 36.1772 62.0307 34.3623C62.4938 32.5474 62.5502 30.6527 62.1961 28.8134C61.842 26.9741 61.086 25.2358 59.9822 23.7226C58.8784 22.2093 57.454 20.9586 55.8108 20.0597C54.1675 19.1608 52.346 18.6359 50.4764 18.5225C48.6068 18.4092 46.7353 18.7102 44.9955 19.404C44.7118 19.5266 44.4064 19.5911 44.0974 19.5938C43.7884 19.5964 43.482 19.537 43.1963 19.4192C42.9106 19.3014 42.6514 19.1275 42.434 18.9078C42.2166 18.6881 42.0455 18.4271 41.9308 18.1402C41.816 17.8532 41.7599 17.5462 41.7658 17.2372C41.7717 16.9282 41.8394 16.6236 41.9651 16.3412C42.0907 16.0589 42.2717 15.8046 42.4972 15.5934C42.7228 15.3821 42.9884 15.2182 43.2784 15.1114C47.2602 13.5235 51.6889 13.4663 55.7103 14.951C59.7316 16.4357 63.0607 19.357 65.0552 23.1514C67.0498 26.9459 67.5685 31.3445 66.5112 35.4988C65.454 39.653 62.8958 43.2686 59.3301 45.648C64.9365 47.7143 69.7245 51.538 72.9796 56.5485C73.3146 57.0622 73.4318 57.6879 73.3055 58.288C73.1792 58.888 72.8197 59.4134 72.3061 59.7484Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -0,0 +1,3 @@
<svg width="74" height="74" viewBox="0 0 74 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M62.4375 20.8126H52.2972C52.4099 20.7172 52.5255 20.6247 52.6354 20.5236C53.5133 19.7436 54.2208 18.7909 54.7137 17.725C55.2066 16.6591 55.4743 15.503 55.5 14.329C55.538 13.0446 55.313 11.766 54.839 10.5717C54.365 9.37738 53.6518 8.29257 52.7434 7.38384C51.8349 6.47512 50.7503 5.76165 49.5561 5.28726C48.362 4.81286 47.0835 4.58754 45.7991 4.62513C44.6245 4.65043 43.4678 4.91791 42.4014 5.41082C41.335 5.90374 40.3818 6.61148 39.6016 7.48974C38.5219 8.74107 37.6441 10.1533 37 11.6754C36.3559 10.1533 35.4781 8.74107 34.3984 7.48974C33.6182 6.61148 32.665 5.90374 31.5986 5.41082C30.5322 4.91791 29.3755 4.65043 28.2009 4.62513C26.9165 4.58754 25.638 4.81286 24.4439 5.28726C23.2497 5.76165 22.1651 6.47512 21.2566 7.38384C20.3482 8.29257 19.635 9.37738 19.161 10.5717C18.687 11.766 18.462 13.0446 18.5 14.329C18.5257 15.503 18.7934 16.6591 19.2863 17.725C19.7792 18.7909 20.4867 19.7436 21.3646 20.5236C21.4745 20.619 21.5901 20.7115 21.7028 20.8126H11.5625C10.3359 20.8126 9.15949 21.2999 8.29213 22.1673C7.42478 23.0346 6.9375 24.211 6.9375 25.4376V34.6876C6.9375 35.9143 7.42478 37.0906 8.29213 37.958C9.15949 38.8254 10.3359 39.3126 11.5625 39.3126V57.8126C11.5625 59.0393 12.0498 60.2156 12.9171 61.083C13.7845 61.9504 14.9609 62.4376 16.1875 62.4376H57.8125C59.0391 62.4376 60.2155 61.9504 61.0829 61.083C61.9502 60.2156 62.4375 59.0393 62.4375 57.8126V39.3126C63.6641 39.3126 64.8405 38.8254 65.7079 37.958C66.5752 37.0906 67.0625 35.9143 67.0625 34.6876V25.4376C67.0625 24.211 66.5752 23.0346 65.7079 22.1673C64.8405 21.2999 63.6641 20.8126 62.4375 20.8126ZM43.0703 10.5538C43.4365 10.1495 43.8823 9.82519 44.3797 9.60134C44.8771 9.37749 45.4155 9.2589 45.9609 9.25302H46.1026C46.7419 9.25702 47.374 9.38858 47.9618 9.63999C48.5496 9.89141 49.0813 10.2576 49.5258 10.7172C49.9703 11.1767 50.3186 11.7204 50.5502 12.3162C50.7819 12.9121 50.8923 13.5482 50.875 14.1873C50.8691 14.7328 50.7505 15.2711 50.5267 15.7686C50.3028 16.266 49.9786 16.7118 49.5742 17.0779C46.831 19.5061 42.2783 20.3617 39.457 20.6623C39.8039 17.6011 40.7578 13.1525 43.0703 10.5538ZM24.5443 10.6579C25.4402 9.76203 26.6536 9.25611 27.9205 9.25013H28.0622C28.6076 9.25601 29.146 9.3746 29.6434 9.59845C30.1409 9.8223 30.5867 10.1466 30.9528 10.5509C33.378 13.2912 34.2337 17.8353 34.5343 20.645C31.7246 20.3559 27.1805 19.4887 24.4402 17.0635C24.0359 16.6973 23.7116 16.2515 23.4878 15.7541C23.2639 15.2567 23.1453 14.7183 23.1395 14.1729C23.1215 13.5232 23.2358 12.8766 23.4753 12.2723C23.7148 11.6681 24.0745 11.1189 24.5327 10.6579H24.5443ZM11.5625 25.4376H34.6875V34.6876H11.5625V25.4376ZM16.1875 39.3126H34.6875V57.8126H16.1875V39.3126ZM57.8125 57.8126H39.3125V39.3126H57.8125V57.8126ZM62.4375 34.6876H39.3125V25.4376H62.4375V34.6876Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -0,0 +1,3 @@
<svg width="74" height="74" viewBox="0 0 74 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M71.5198 33.8203L67.473 23.7031C67.1297 22.8471 66.5372 22.1139 65.7724 21.5986C65.0075 21.0832 64.1056 20.8093 63.1833 20.8125H53.1875V18.5C53.1875 17.8867 52.9439 17.2985 52.5102 16.8648C52.0765 16.4311 51.4883 16.1875 50.875 16.1875H6.9375C5.71087 16.1875 4.53449 16.6748 3.66713 17.5421C2.79978 18.4095 2.3125 19.5859 2.3125 20.8125V53.1875C2.3125 54.4141 2.79978 55.5905 3.66713 56.4579C4.53449 57.3252 5.71087 57.8125 6.9375 57.8125H11.8516C12.361 59.8022 13.5182 61.5658 15.1407 62.8252C16.7631 64.0846 18.7586 64.7681 20.8125 64.7681C22.8664 64.7681 24.8619 64.0846 26.4843 62.8252C28.1068 61.5658 29.264 59.8022 29.7734 57.8125H44.2266C44.736 59.8022 45.8932 61.5658 47.5157 62.8252C49.1381 64.0846 51.1336 64.7681 53.1875 64.7681C55.2414 64.7681 57.2369 64.0846 58.8593 62.8252C60.4818 61.5658 61.639 59.8022 62.1484 57.8125H67.0625C68.2891 57.8125 69.4655 57.3252 70.3329 56.4579C71.2002 55.5905 71.6875 54.4141 71.6875 53.1875V34.6875C71.6883 34.3903 71.6313 34.0958 71.5198 33.8203ZM53.1875 25.4375H63.1833L65.9583 32.375H53.1875V25.4375ZM6.9375 20.8125H48.5625V39.3125H6.9375V20.8125ZM20.8125 60.125C19.8978 60.125 19.0036 59.8537 18.243 59.3455C17.4824 58.8373 16.8896 58.115 16.5396 57.2699C16.1895 56.4248 16.0979 55.4949 16.2764 54.5977C16.4548 53.7005 16.8953 52.8764 17.5421 52.2296C18.1889 51.5828 19.013 51.1423 19.9102 50.9639C20.8074 50.7854 21.7373 50.877 22.5824 51.2271C23.4275 51.5771 24.1498 52.1699 24.658 52.9305C25.1662 53.6911 25.4375 54.5853 25.4375 55.5C25.4375 56.7266 24.9502 57.903 24.0829 58.7704C23.2155 59.6377 22.0391 60.125 20.8125 60.125ZM44.2266 53.1875H29.7734C29.264 51.1978 28.1068 49.4342 26.4843 48.1748C24.8619 46.9154 22.8664 46.2319 20.8125 46.2319C18.7586 46.2319 16.7631 46.9154 15.1407 48.1748C13.5182 49.4342 12.361 51.1978 11.8516 53.1875H6.9375V43.9375H48.5625V47.4959C47.4991 48.1105 46.5683 48.9301 45.8241 49.9071C45.0798 50.8841 44.5368 51.9991 44.2266 53.1875ZM53.1875 60.125C52.2728 60.125 51.3786 59.8537 50.618 59.3455C49.8574 58.8373 49.2646 58.115 48.9146 57.2699C48.5645 56.4248 48.4729 55.4949 48.6514 54.5977C48.8298 53.7005 49.2703 52.8764 49.9171 52.2296C50.5639 51.5828 51.388 51.1423 52.2852 50.9639C53.1824 50.7854 54.1123 50.877 54.9574 51.2271C55.8025 51.5771 56.5248 52.1699 57.033 52.9305C57.5412 53.6911 57.8125 54.5853 57.8125 55.5C57.8125 56.7266 57.3252 57.903 56.4579 58.7704C55.5905 59.6377 54.4141 60.125 53.1875 60.125ZM67.0625 53.1875H62.1484C61.6329 51.2026 60.4735 49.4448 58.852 48.1894C57.2304 46.934 55.2382 46.2519 53.1875 46.25V37H67.0625V53.1875Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 289 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 290 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 290 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 289 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 200 KiB

9
assets/images/phone.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 992 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 237 KiB

View File

@ -250,8 +250,8 @@
</div> </div>
<div class="flex justify-center mt-6"> <div class="flex justify-center mt-6">
<div class="w-[48%] relative"> <div class="w-[48.5%] relative">
<p class="text-white text-4xl font-dm font-normal"> <p class="text-white text-4xl leading-[3.25rem] font-dm font-normal">
Your Beauty Business Your Beauty Business
<span class="text-purple2">Starter Pack!</span> <span class="text-purple2">Starter Pack!</span>
</p> </p>
@ -261,7 +261,7 @@
<p class="text-white text-4xl leading-12 font-dm font-normal">Rp 45,000,000</p> <p class="text-white text-4xl leading-12 font-dm font-normal">Rp 45,000,000</p>
<p class="text-white text-[0.938rem] leading-4.5 font-ms font-normal line-through">Rp 59,000,000</p> <p class="text-white text-[0.938rem] leading-4.5 font-ms font-normal line-through">Rp 59,000,000</p>
</div> </div>
<div class="pt-10 pb-7.5 px-20 bg-white/15"> <div class="pt-10 pb-7.5 px-20 bg-white/15 border-x border-white">
<div class="flex gap-5 relative"> <div class="flex gap-5 relative">
<div class="w-1/2 bg-white px-2.5 pt-3 pb-4"> <div class="w-1/2 bg-white px-2.5 pt-3 pb-4">
<img class="mx-auto w-[6.25rem]" src="./assets/images/product1.png" alt="product"> <img class="mx-auto w-[6.25rem]" src="./assets/images/product1.png" alt="product">
@ -302,11 +302,135 @@
<img src="./assets/images/best-price.svg" alt="best price"> <img src="./assets/images/best-price.svg" alt="best price">
</div> </div>
</div> </div>
<div class="mx-9 w-[0.8px] bg-white/50 relative">
<span class="absolute left-0 top-1/2 -translate-x-1/2 -translate-y-1/2 text-white text-5.5 leading-8 font-ms font-medium bg-black py-4">OR</span>
</div>
<div class="w-[43%] relative">
<p class="text-white text-4xl leading-[3.25rem] font-dm font-normal text-center">
Ready to Start Your
<span class="text-purple2">Beauty Reseller Business</span>
Journey?
</p>
<p class="text-white text-5.5 leading-8 font-ms font-medium text-center mt-2.5">Download the Raena App Now and explore our catalog and exciting promos!</p>
<div class="flex justify-end items-center mt-5">
<img class="w-[10.75rem]" src="./assets/images/phone.svg" alt="phone">
<img src="./assets/images/app-store.svg" alt="app store">
</div>
<button class="bg-purple2 w-full p-4 mt-[0.938rem]">
<span class="text-white text-2xl leading-8 font-ms font-medium">Download Now</span>
</button>
</div>
</div>
<div class="flex gap-8 justify-center items-center mt-14">
<img class="w-[56%]" src="./assets/images/start-app-thumb.svg" alt="video">
<div class="w-[40%]">
<p class="text-white text-4xl leading-[3.25rem] font-dm font-normal">
How to Start with
<br>
<span class="text-purple2">Raena App</span>
</p>
<p class="text-white text-5.5 leading-8 font-ms font-medium mt-2.5">Step into the world of beauty with ease! Watch our quick tutorial and learn how to launch your reseller or dropshipper journey with the RAENA app. Simplify your path to success and let your business bloom. Let's get started!</p>
</div>
</div> </div>
</div> </div>
<!-- end sub-section-2 section-3 --> <!-- end sub-section-2 section-3 -->
<!-- sub-section-3 section-3 -->
<div class="mt-28">
<div class="w-[82%] mx-auto text-center">
<p class="text-white text-16.25 leading-20 font-dm font-normal">
Why Choose
<span class="text-purple2">Raena</span>
</p>
<p class="text-white text-5.5 leading-8 font-ms font-medium mt-2.5">Dive into the world of beauty with insights from top influencers. Join the Raena revolution today. More than a platform, we're a movement!</p>
</div>
<img class="w-[70%] mx-auto mt-10" src="./assets/images/insight-thumb.svg" alt="video">
</div>
<!-- end sub-section-3 section-3 -->
<!-- sub-section-4 section-3 -->
<div class="mt-32">
<h3 class="text-white text-[3.25rem] leading-[4.5rem] font-dm font-normal text-center">
Benefits of Using
<span class="text-purple2">Raena</span>
</h3>
<div class="flex justify-center flex-wrap gap-x-8 gap-y-9 mt-5">
<div class="w-[23.25rem] pt-[2.125rem] pb-6 px-6 text-center bg-white/15 border border-white">
<img class="mx-auto" src="./assets/images/benefit1.svg" alt="benefit">
<p class="text-white text-3xl leading-10 font-dm font-normal mt-[0.688rem]">Competitive & <br> Best Prices</p>
<p class="text-white text-lg leading-5.5 font-ms font-normal mt-1">Maximize your profits with unbeatable prices</p>
</div>
<div class="w-[23.25rem] pt-[2.125rem] pb-6 px-6 text-center bg-white/15 border border-white">
<img class="mx-auto" src="./assets/images/benefit2.svg" alt="benefit">
<p class="text-white text-3xl leading-10 font-dm font-normal mt-[0.688rem]">Authentic & <br> Premium Brands</p>
<p class="text-white text-lg leading-5.5 font-ms font-normal mt-1">We've got the brands that are making waves on TikTok & marketplace</p>
</div>
<div class="w-[23.25rem] pt-[2.125rem] pb-6 px-6 text-center bg-white/15 border border-white">
<img class="mx-auto" src="./assets/images/benefit3.svg" alt="benefit">
<p class="text-white text-3xl leading-10 font-dm font-normal mt-[0.688rem]">Comprehensive Platform</p>
<p class="text-white text-lg leading-5.5 font-ms font-normal mt-1">Seamless experience for all. From dropshipping to reselling</p>
</div>
<div class="w-[23.25rem] pt-[2.125rem] pb-6 px-6 text-center bg-white/15 border border-white">
<img class="mx-auto" src="./assets/images/benefit4.svg" alt="benefit">
<p class="text-white text-3xl leading-10 font-dm font-normal mt-[0.688rem]">Community Based & Personalized Support</p>
<p class="text-white text-lg leading-5.5 font-ms font-normal mt-1">Join a vibrant community and get support every step of the way</p>
</div>
<div class="w-[23.25rem] pt-[2.125rem] pb-6 px-6 text-center bg-white/15 border border-white">
<img class="mx-auto" src="./assets/images/benefit5.svg" alt="benefit">
<p class="text-white text-3xl leading-10 font-dm font-normal mt-[0.688rem]">Get Exclusive Gift for Purchasing in Raena</p>
<p class="text-white text-lg leading-5.5 font-ms font-normal mt-1">Exclusive point, gift, product, voucher, even Umrah</p>
</div>
<div class="w-[23.25rem] pt-[2.125rem] pb-6 px-6 text-center bg-white/15 border border-white">
<img class="mx-auto" src="./assets/images/benefit6.svg" alt="benefit">
<p class="text-white text-3xl leading-10 font-dm font-normal mt-[0.688rem]">Free Delivery <br> Services</p>
<p class="text-white text-lg leading-5.5 font-ms font-normal mt-1">Get free shipping for every products that you purchase</p>
</div>
</div>
</div>
<!-- end sub-section-4 section-3 -->
<!-- sub-section-5 section-3 -->
<div class="mt-28">
<div class="w-[75%] flex items-center gap-16 mx-auto">
<img class="w-[22.5rem]" src="./assets/images/phone.svg" alt="phone">
<div>
<h3 class="text-white text-[3.25rem] leading-[4.5rem] font-dm font-normal">
Raena
<span class="text-purple2">Highlights</span>
</h3>
<div class="flex items-center gap-4.5 mt-5">
<img src="./assets/images/highlight1.svg" alt="highlight">
<div>
<p class="text-purple2 text-3xl leading-10 font-dm font-normal">Easy Start</p>
<p class="text-white text-lg leading-8 font-ms font-medium">Begin your beauty business journey around the world!</p>
</div>
</div>
<div class="flex items-center gap-4.5 mt-5">
<img src="./assets/images/highlight2.svg" alt="highlight">
<div>
<p class="text-purple2 text-3xl leading-10 font-dm font-normal">Exclusive Discounts & Rewards</p>
<p class="text-white text-lg leading-8 font-ms font-medium">Enjoy discount, earn point, and win reward as you grow.</p>
</div>
</div>
<div class="flex items-center gap-4.5 mt-5">
<img src="./assets/images/highlight3.svg" alt="highlight">
<div>
<p class="text-purple2 text-3xl leading-10 font-dm font-normal">Top-Notch Logistics</p>
<p class="text-white text-lg leading-8 font-ms font-medium">We ensure timely delivery with free delivery services.</p>
</div>
</div>
<div class="flex items-center gap-4.5 mt-5">
<img src="./assets/images/highlight4.svg" alt="highlight">
<div>
<p class="text-purple2 text-3xl leading-10 font-dm font-normal">Learning & Growth</p>
<p class="text-white text-lg leading-8 font-ms font-medium">Video tutorials, reseller guide, and insights to boost your sales.</p>
</div>
</div>
</div>
</div>
</div>
<!-- end sub-section-5 section-3 -->
</div> </div>
</section> </section>
<!-- end section-3 star beauty business --> <!-- end section-3 star beauty business -->