mirror of
https://github.com/SyncrowIOT/web.git
synced 2025-07-09 22:57:21 +00:00
Home page UI
This commit is contained in:
mohammad
9
assets/images/Integrations_icon.svg
Normal file
9
assets/images/Integrations_icon.svg
Normal file
@ -0,0 +1,9 @@
|
||||
<svg width="102" height="79" viewBox="0 0 102 79" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M30.0189 25.2035C31.8575 24.454 33.8241 24.0683 35.8102 24.0683C36.4974 24.0683 37.0549 23.5116 37.0549 22.8236C37.0549 22.1365 36.4974 21.579 35.8102 21.579C25.9989 21.6851 18.1008 29.6683 18.1008 39.4804C18.1008 49.2925 25.9989 57.2757 35.8102 57.3818C36.4974 57.3818 37.0549 56.8243 37.0549 56.1372C37.0549 55.4492 36.4974 54.8926 35.8102 54.8926C28.4372 54.8917 22.0981 49.6693 20.6865 42.4332C19.275 35.1971 23.1872 27.9748 30.0189 25.2035Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M2.01226 46.0851L6.49248 47.602C7.25822 50.2882 8.3797 52.8602 9.82772 55.2481L7.87568 59.6044C7.66176 60.0808 7.76872 60.64 8.14227 61.0046L15.1499 67.8412C15.5275 68.2099 16.0963 68.2998 16.5703 68.0665L20.8601 65.9475C23.2813 67.3493 25.8978 68.3817 28.6237 69.0105L30.2865 73.4794C30.468 73.9672 30.9331 74.2905 31.4534 74.2905H31.4736L35.8298 74.2151C36.5178 74.2038 37.0656 73.6366 37.0534 72.9494C37.0413 72.2615 36.4749 71.7145 35.7869 71.7258L32.3107 71.7858L30.72 67.5057C30.5701 67.103 30.2241 66.8064 29.8044 66.7205C26.8897 66.1225 24.1014 65.0229 21.5643 63.4696C21.1997 63.2467 20.7467 63.2265 20.3634 63.4153L16.2576 65.4435L10.5027 59.8305L12.3697 55.663C12.5407 55.2814 12.5082 54.8397 12.2838 54.4865C10.6802 51.9656 9.47848 49.2113 8.72246 46.3209C8.61631 45.9158 8.31406 45.5916 7.91701 45.4571L3.64018 44.0099L3.50404 35.9838L7.78331 34.3923C8.18603 34.2432 8.48261 33.8972 8.56931 33.4767C9.16732 30.5612 10.2669 27.7721 11.8203 25.2342C12.0431 24.8695 12.0634 24.4166 11.8738 24.0333L9.84555 19.9266L15.461 14.1726L19.6276 16.0395C20.0093 16.2105 20.4517 16.1789 20.8042 15.9545C23.3251 14.3509 26.0802 13.1492 28.9697 12.3923C29.3749 12.287 29.6998 11.9847 29.8343 11.5877L31.2824 7.31086L35.8315 7.23469C36.5194 7.22335 37.0672 6.65694 37.0559 5.96898C37.0445 5.28184 36.4781 4.73407 35.7901 4.74541L30.3635 4.83779C29.8376 4.8467 29.3741 5.18541 29.2055 5.68294L27.6878 10.164C25.0016 10.9289 22.4305 12.0512 20.0417 13.4992L15.6855 11.5464C15.2098 11.3333 14.6507 11.4394 14.2861 11.813L7.44946 18.8189C7.07995 19.1973 6.99001 19.7662 7.22338 20.2402L9.34316 24.53C7.94132 26.952 6.90898 29.5693 6.27937 32.296L1.8113 33.9572C1.3162 34.1403 0.991265 34.6168 1.00018 35.1451L1.16629 44.928C1.17521 45.4539 1.51392 45.9166 2.01226 46.0851Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M38.3125 38.2357V40.725H87.9741C88.6159 44.0513 91.6805 46.3453 95.0522 46.0228C98.4247 45.7003 101 42.8683 101 39.4804C101 36.0925 98.4247 33.2604 95.0522 32.9379C91.6805 32.6154 88.6159 34.9094 87.9741 38.2357H38.3125ZM91.5371 36.5973C93.1293 35.005 95.711 35.005 97.3033 36.5965C98.8947 38.1887 98.8947 40.7704 97.3033 42.3627C95.711 43.9549 93.1293 43.9549 91.5371 42.3627C89.9472 40.7696 89.9472 38.1904 91.5371 36.5973Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M77.402 15.239C74.2555 15.239 71.5515 17.4714 70.9535 20.5603H60.4664C56.7876 20.5644 53.8057 23.5463 53.8016 27.2252C53.7992 29.5305 51.9306 31.3983 49.6261 31.4015H38.3125V33.8908H49.6261C53.3049 33.8867 56.2869 30.9048 56.2909 27.2252C56.2933 24.9206 58.1611 23.052 60.4664 23.0496H70.9535C71.6099 26.4513 74.7968 28.7583 78.2334 28.3191C81.6707 27.8799 84.1746 24.8469 83.955 21.3885C83.7354 17.9309 80.8669 15.239 77.402 15.239ZM80.2851 24.6881C78.6936 26.2779 76.1136 26.2771 74.5229 24.6856C72.9323 23.0942 72.9323 20.515 74.5229 18.9235C76.1136 17.3321 78.6936 17.3312 80.2851 18.9211C81.8757 20.515 81.8757 23.095 80.2851 24.6881Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M77.402 63.7217C80.8661 63.7209 83.733 61.0291 83.9525 57.5723C84.1721 54.1163 81.6683 51.0833 78.2326 50.6441C74.7968 50.2049 71.6107 52.5102 70.9535 55.9111H60.4664C58.1611 55.9087 56.2933 54.0401 56.2909 51.7356C56.2869 48.0559 53.3049 45.0748 49.6261 45.0699H38.3125V47.5592H49.6261C51.9306 47.5625 53.7992 49.4302 53.8016 51.7356C53.8057 55.4144 56.7876 58.3963 60.4664 58.4004H70.9535C71.5515 61.4901 74.2555 63.7217 77.402 63.7217ZM74.5189 54.2727C76.1112 52.6804 78.692 52.6804 80.2843 54.2727C81.8765 55.8649 81.8765 58.4466 80.2843 60.0389C78.692 61.6311 76.1112 61.6311 74.5189 60.0389C73.7515 59.2755 73.3196 58.2375 73.3196 57.1558C73.3204 56.0732 73.7515 55.036 74.5189 54.2727Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M61.3829 66.7604C60.3028 67.8349 59.6334 69.2537 59.49 70.7706H58.0793C55.7472 70.7641 53.6623 69.3129 52.8463 67.1274L49.3206 57.6087C48.14 54.4493 45.1256 52.3514 41.7523 52.3417H38.3125V54.831H41.7523C44.0852 54.8374 46.1701 56.2887 46.9861 58.4733L50.5126 67.9921C51.6932 71.1523 54.7076 73.2502 58.0801 73.2599H59.7266C60.5613 76.0976 63.1899 78.027 66.1475 77.9727C69.1052 77.9192 71.6617 75.895 72.3926 73.0281C73.1235 70.1621 71.8489 67.1607 69.2778 65.6972C66.7075 64.2338 63.4759 64.669 61.3837 66.7604H61.3829ZM70.1035 71.4035C70.1027 73.3466 68.7292 75.0191 66.8233 75.3975C64.9175 75.7759 63.0092 74.7557 62.2653 72.9609C61.5223 71.1652 62.1503 69.0949 63.766 68.0147C65.381 66.9346 67.5348 67.1461 68.9091 68.5196C69.6765 69.2829 70.1067 70.3209 70.1035 71.4035Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M49.3206 21.352L52.8463 11.8333C53.6623 9.64788 55.7464 8.19661 58.0793 8.19012H59.49C59.819 11.5489 62.6454 14.1078 66.0203 14.1022C69.3945 14.0973 72.2127 11.5286 72.5304 8.16906C72.8488 4.8095 70.5629 1.75867 67.2488 1.11934C63.9354 0.480809 60.6787 2.46445 59.7258 5.70084H58.0793C54.7067 5.71057 51.6916 7.80847 50.5118 10.9687L46.9853 20.4874C46.1693 22.672 44.0852 24.1225 41.7523 24.1298H38.3125V26.6191H41.7523C45.1256 26.6093 48.14 24.5114 49.3206 21.352ZM63.1437 4.67418C64.5188 3.29827 66.6743 3.08677 68.2908 4.16692C69.9082 5.24788 70.537 7.31985 69.7923 9.11631C69.0485 10.9136 67.1386 11.9346 65.2311 11.5554C63.3236 11.1761 61.9493 9.50202 61.9493 7.55727C61.9477 6.4755 62.378 5.4383 63.1437 4.67499V4.67418Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.8 KiB |
3
assets/images/access_icon.svg
Normal file
3
assets/images/access_icon.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="104" height="124" viewBox="0 0 104 124" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M51.995 36.999C45.1 36.999 39.495 42.604 39.495 49.499C39.495 55.539 43.795 60.589 49.495 61.749V79.499C49.495 80.879 50.615 81.999 51.995 81.999C53.375 81.999 54.495 80.879 54.495 79.499V61.749C60.195 60.589 64.495 55.539 64.495 49.499C64.495 42.604 58.89 36.999 51.995 36.999ZM51.995 56.999C47.86 56.999 44.495 53.634 44.495 49.499C44.495 45.364 47.86 41.999 51.995 41.999C56.13 41.999 59.495 45.364 59.495 49.499C59.495 53.634 56.13 56.999 51.995 56.999ZM85.815 13.079L52.78 2.12399C52.27 1.95899 51.715 1.95899 51.21 2.12399L18.18 13.074C8.5 16.289 2 25.289 2 35.484V61.664C2 94.709 37.795 115.174 48.77 120.664C48.77 120.664 50.365 121.994 52.015 121.994C53.665 121.994 55.15 120.924 55.15 120.924C66.14 116.504 102 99.169 102 61.664V35.484C102 25.284 95.495 16.279 85.82 13.074L85.815 13.079ZM96.995 61.674C96.995 96.044 63.535 112.169 53.275 116.294L52.12 116.764L51 116.204C40.68 111.044 6.995 91.859 6.995 61.679V35.499C6.995 27.464 12.12 20.364 19.75 17.834L51.995 7.13899L84.24 17.834C91.865 20.364 96.995 27.464 96.995 35.499V61.674Z" fill="white" stroke="white" stroke-width="3"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
32
assets/images/asset_icon.svg
Normal file
32
assets/images/asset_icon.svg
Normal file
@ -0,0 +1,32 @@
|
||||
<svg width="102" height="112" viewBox="0 0 102 112" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M99.1482 107.173H96.0618V10.2594C96.0618 9.23635 95.2326 8.40755 94.21 8.40755H59.642C58.6192 8.40755 57.7902 9.23635 57.7902 10.2594V18.284H54.0866V10.2594C54.0866 9.23635 53.2574 8.40755 52.2348 8.40755H44.21V2.85193C44.21 1.82892 43.3808 1.00012 42.3582 1.00012C41.3356 1.00012 40.5064 1.82892 40.5064 2.85193V8.40755H32.4817C31.4589 8.40755 30.6299 9.23635 30.6299 10.2594V18.284H25.0743C24.0515 18.284 23.2225 19.1128 23.2225 20.1358V35.5678H7.79045C6.76765 35.5678 5.93864 36.3966 5.93864 37.4197V107.173H2.8518C1.82901 107.173 1 108.002 1 109.025C1 110.048 1.82922 110.877 2.8518 110.877H99.1482C100.171 110.877 101 110.048 101 109.025C101 108.002 100.171 107.173 99.1482 107.173ZM34.3333 12.1112H50.3826V18.284H34.3333V12.1112ZM28.1605 107.173H26.9259V104.087C26.9259 103.064 26.0967 102.235 25.0741 102.235C24.0515 102.235 23.2223 103.064 23.2223 104.087V107.173H21.9877V101H28.1605V107.173ZM40.5062 59.6419V62.8277V107.173H31.8641V99.1483C31.8641 98.1253 31.0349 97.2965 30.0123 97.2965H20.1359C19.1131 97.2965 18.2841 98.1253 18.2841 99.1483V107.173H9.64204V39.2717H40.5062V59.6419ZM42.358 35.5681H26.9259V21.9878H57.79V57.7901H44.21V51.6173H49.7656C50.7884 51.6173 51.6174 50.7885 51.6174 49.7655C51.6174 48.7425 50.7882 47.9137 49.7656 47.9137H44.21V41.7409H49.7656C50.7884 41.7409 51.6174 40.9121 51.6174 39.8891C51.6174 38.8661 50.7882 38.0373 49.7656 38.0373H44.21V37.4201C44.21 36.3969 43.3808 35.5681 42.358 35.5681ZM75.0741 107.173H44.21V62.8277V61.494H75.0741V107.173ZM92.358 107.173H78.7777V59.6419V57.1727C78.7777 56.1497 77.9485 55.3209 76.9259 55.3209C75.9033 55.3209 75.0741 56.1497 75.0741 57.1727V57.7899H71.3705V57.1727C71.3705 56.1497 70.5413 55.3209 69.5187 55.3209C68.4961 55.3209 67.6669 56.1497 67.6669 57.1727V57.7899H61.4941V20.136V12.1112H92.3582V107.173H92.358Z" fill="white" stroke="white"/>
|
||||
<path d="M52.2346 103.47C53.2574 103.47 54.0864 102.64 54.0864 101.618V67.0501C54.0864 66.027 53.2572 65.1982 52.2346 65.1982C51.212 65.1982 50.3828 66.027 50.3828 67.0501V101.618C50.3828 102.641 51.2118 103.47 52.2346 103.47Z" fill="white" stroke="white"/>
|
||||
<path d="M59.6421 103.47C60.6649 103.47 61.4939 102.64 61.4939 101.618V67.0501C61.4939 66.027 60.6647 65.1982 59.6421 65.1982C58.6195 65.1982 57.7903 66.027 57.7903 67.0501V101.618C57.7901 102.641 58.6193 103.47 59.6421 103.47Z" fill="white" stroke="white"/>
|
||||
<path d="M67.0493 103.47C68.0721 103.47 68.9011 102.64 68.9011 101.618V67.0501C68.9011 66.027 68.0719 65.1982 67.0493 65.1982C66.0267 65.1982 65.1975 66.027 65.1975 67.0501V101.618C65.1975 102.641 66.0267 103.47 67.0493 103.47Z" fill="white" stroke="white"/>
|
||||
<path d="M69.5186 24.4568C70.5413 24.4568 71.3704 23.628 71.3704 22.605V20.136C71.3704 19.113 70.5411 18.2842 69.5186 18.2842C68.496 18.2842 67.6667 19.113 67.6667 20.136V22.6052C67.6667 23.628 68.4958 24.4568 69.5186 24.4568Z" fill="white" stroke="white"/>
|
||||
<path d="M76.926 24.4568C77.9488 24.4568 78.7778 23.628 78.7778 22.605V20.136C78.7778 19.113 77.9486 18.2842 76.926 18.2842C75.9034 18.2842 75.0742 19.113 75.0742 20.136V22.6052C75.0742 23.628 75.9032 24.4568 76.926 24.4568Z" fill="white" stroke="white"/>
|
||||
<path d="M84.3335 24.4568C85.3563 24.4568 86.1853 23.628 86.1853 22.605V20.136C86.1853 19.113 85.3561 18.2842 84.3335 18.2842C83.3109 18.2842 82.4817 19.113 82.4817 20.136V22.6052C82.4817 23.628 83.3107 24.4568 84.3335 24.4568Z" fill="white" stroke="white"/>
|
||||
<path d="M69.5186 36.8025C70.5413 36.8025 71.3704 35.9737 71.3704 34.9507V32.4814C71.3704 31.4584 70.5411 30.6296 69.5186 30.6296C68.496 30.6296 67.6667 31.4584 67.6667 32.4814V34.9507C67.6667 35.9737 68.4958 36.8025 69.5186 36.8025Z" fill="white" stroke="white"/>
|
||||
<path d="M76.926 36.8025C77.9488 36.8025 78.7778 35.9737 78.7778 34.9507V32.4814C78.7778 31.4584 77.9486 30.6296 76.926 30.6296C75.9034 30.6296 75.0742 31.4584 75.0742 32.4814V34.9507C75.0742 35.9737 75.9032 36.8025 76.926 36.8025Z" fill="white" stroke="white"/>
|
||||
<path d="M84.3335 36.8025C85.3563 36.8025 86.1853 35.9737 86.1853 34.9507V32.4814C86.1853 31.4584 85.3561 30.6296 84.3335 30.6296C83.3109 30.6296 82.4817 31.4584 82.4817 32.4814V34.9507C82.4817 35.9737 83.3107 36.8025 84.3335 36.8025Z" fill="white" stroke="white"/>
|
||||
<path d="M69.5186 49.1483C70.5413 49.1483 71.3704 48.3195 71.3704 47.2965V44.8273C71.3704 43.8043 70.5411 42.9755 69.5186 42.9755C68.496 42.9755 67.6667 43.8043 67.6667 44.8273V47.2965C67.6667 48.3193 68.4958 49.1483 69.5186 49.1483Z" fill="white" stroke="white"/>
|
||||
<path d="M76.926 49.1483C77.9488 49.1483 78.7778 48.3195 78.7778 47.2965V44.8273C78.7778 43.8043 77.9486 42.9755 76.926 42.9755C75.9034 42.9755 75.0742 43.8043 75.0742 44.8273V47.2965C75.0742 48.3193 75.9032 49.1483 76.926 49.1483Z" fill="white" stroke="white"/>
|
||||
<path d="M84.3335 49.1483C85.3563 49.1483 86.1853 48.3195 86.1853 47.2965V44.8273C86.1853 43.8043 85.3561 42.9755 84.3335 42.9755C83.3109 42.9755 82.4817 43.8043 82.4817 44.8273V47.2965C82.4817 48.3193 83.3107 49.1483 84.3335 49.1483Z" fill="white" stroke="white"/>
|
||||
<path d="M17.6667 54.0865C18.6895 54.0865 19.5186 53.2577 19.5186 52.2347V49.7655C19.5186 48.7425 18.6893 47.9137 17.6667 47.9137C16.6442 47.9137 15.8149 48.7425 15.8149 49.7655V52.2347C15.8149 53.2575 16.6442 54.0865 17.6667 54.0865Z" fill="white" stroke="white"/>
|
||||
<path d="M25.0737 54.0865C26.0965 54.0865 26.9255 53.2577 26.9255 52.2347V49.7655C26.9255 48.7425 26.0963 47.9137 25.0737 47.9137C24.0511 47.9137 23.2219 48.7425 23.2219 49.7655V52.2347C23.2219 53.2575 24.0509 54.0865 25.0737 54.0865Z" fill="white" stroke="white"/>
|
||||
<path d="M32.4812 54.0865C33.504 54.0865 34.333 53.2577 34.333 52.2347V49.7655C34.333 48.7425 33.5038 47.9137 32.4812 47.9137C31.4586 47.9137 30.6294 48.7425 30.6294 49.7655V52.2347C30.6294 53.2575 31.4584 54.0865 32.4812 54.0865Z" fill="white" stroke="white"/>
|
||||
<path d="M17.6667 66.4322C18.6895 66.4322 19.5186 65.6034 19.5186 64.5804V62.1112C19.5186 61.0882 18.6893 60.2594 17.6667 60.2594C16.6442 60.2594 15.8149 61.0882 15.8149 62.1112V64.5804C15.8149 65.6032 16.6442 66.4322 17.6667 66.4322Z" fill="white" stroke="white"/>
|
||||
<path d="M25.0737 66.4322C26.0965 66.4322 26.9255 65.6034 26.9255 64.5804V62.1112C26.9255 61.0882 26.0963 60.2594 25.0737 60.2594C24.0511 60.2594 23.2219 61.0882 23.2219 62.1112V64.5804C23.2219 65.6032 24.0509 66.4322 25.0737 66.4322Z" fill="white" stroke="white"/>
|
||||
<path d="M32.4812 66.4322C33.504 66.4322 34.333 65.6034 34.333 64.5804V62.1112C34.333 61.0882 33.5038 60.2594 32.4812 60.2594C31.4586 60.2594 30.6294 61.0882 30.6294 62.1112V64.5804C30.6294 65.6032 31.4584 66.4322 32.4812 66.4322Z" fill="white" stroke="white"/>
|
||||
<path d="M17.6667 78.7778C18.6895 78.7778 19.5186 77.949 19.5186 76.926V74.4568C19.5186 73.4338 18.6893 72.605 17.6667 72.605C16.6442 72.605 15.8149 73.4338 15.8149 74.4568V76.926C15.8149 77.949 16.6442 78.7778 17.6667 78.7778Z" fill="white" stroke="white"/>
|
||||
<path d="M25.0737 78.7778C26.0965 78.7778 26.9255 77.949 26.9255 76.926V74.4568C26.9255 73.4338 26.0963 72.605 25.0737 72.605C24.0511 72.605 23.2219 73.4338 23.2219 74.4568V76.926C23.2219 77.949 24.0509 78.7778 25.0737 78.7778Z" fill="white" stroke="white"/>
|
||||
<path d="M32.4812 78.7778C33.504 78.7778 34.333 77.949 34.333 76.926V74.4568C34.333 73.4338 33.5038 72.605 32.4812 72.605C31.4586 72.605 30.6294 73.4338 30.6294 74.4568V76.926C30.6294 77.949 31.4584 78.7778 32.4812 78.7778Z" fill="white" stroke="white"/>
|
||||
<path d="M17.6667 91.1235C18.6895 91.1235 19.5186 90.2947 19.5186 89.2717V86.8025C19.5186 85.7795 18.6893 84.9507 17.6667 84.9507C16.6442 84.9507 15.8149 85.7795 15.8149 86.8025V89.2717C15.8149 90.2947 16.6442 91.1235 17.6667 91.1235Z" fill="white" stroke="white"/>
|
||||
<path d="M25.0737 91.1235C26.0965 91.1235 26.9255 90.2947 26.9255 89.2717V86.8025C26.9255 85.7795 26.0963 84.9507 25.0737 84.9507C24.0511 84.9507 23.2219 85.7795 23.2219 86.8025V89.2717C23.2219 90.2947 24.0509 91.1235 25.0737 91.1235Z" fill="white" stroke="white"/>
|
||||
<path d="M32.4812 91.1235C33.504 91.1235 34.333 90.2947 34.333 89.2717V86.8025C34.333 85.7795 33.5038 84.9507 32.4812 84.9507C31.4586 84.9507 30.6294 85.7795 30.6294 86.8025V89.2717C30.6294 90.2947 31.4584 91.1235 32.4812 91.1235Z" fill="white" stroke="white"/>
|
||||
<path d="M84.3335 61.494C85.3563 61.494 86.1853 60.6652 86.1853 59.6422V57.173C86.1853 56.15 85.3561 55.3212 84.3335 55.3212C83.3109 55.3212 82.4817 56.15 82.4817 57.173V59.6422C82.4817 60.665 83.3107 61.494 84.3335 61.494Z" fill="white" stroke="white"/>
|
||||
<path d="M84.3335 73.8396C85.3563 73.8396 86.1853 73.0108 86.1853 71.9878V69.5186C86.1853 68.4955 85.3561 67.6667 84.3335 67.6667C83.3109 67.6667 82.4817 68.4955 82.4817 69.5186V71.9878C82.4817 73.0106 83.3107 73.8396 84.3335 73.8396Z" fill="white" stroke="white"/>
|
||||
<path d="M84.3335 86.1853C85.3563 86.1853 86.1853 85.3565 86.1853 84.3335V81.8643C86.1853 80.8412 85.3561 80.0125 84.3335 80.0125C83.3109 80.0125 82.4817 80.8412 82.4817 81.8643V84.3335C82.4817 85.3563 83.3107 86.1853 84.3335 86.1853Z" fill="white" stroke="white"/>
|
||||
<path d="M84.3335 98.531C85.3563 98.531 86.1853 97.7022 86.1853 96.6792V94.21C86.1853 93.1869 85.3561 92.3582 84.3335 92.3582C83.3109 92.3582 82.4817 93.1869 82.4817 94.21V96.6792C82.4817 97.702 83.3107 98.531 84.3335 98.531Z" fill="white" stroke="white"/>
|
||||
<path d="M51.6169 30.0124C51.6169 28.9894 50.7876 28.1606 49.7651 28.1606H34.9502C33.9274 28.1606 33.0984 28.9894 33.0984 30.0124C33.0984 31.0355 33.9276 31.8643 34.9502 31.8643H49.7651C50.7878 31.8643 51.6169 31.0355 51.6169 30.0124Z" fill="white" stroke="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.3 KiB |
31
assets/images/construction_Icon.svg
Normal file
31
assets/images/construction_Icon.svg
Normal file
@ -0,0 +1,31 @@
|
||||
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M28.333 56.6664H31.6663V59.9997H28.333V56.6664Z" fill="white"/>
|
||||
<path d="M34.9998 56.6664H38.3331V59.9997H34.9998V56.6664Z" fill="white"/>
|
||||
<path d="M41.6663 56.6664H44.9996V59.9997H41.6663V56.6664Z" fill="white"/>
|
||||
<path d="M28.333 63.3329H31.6663V66.6662H28.333V63.3329Z" fill="white"/>
|
||||
<path d="M34.9998 63.3329H38.3331V66.6662H34.9998V63.3329Z" fill="white"/>
|
||||
<path d="M41.6663 63.3329H44.9996V66.6662H41.6663V63.3329Z" fill="white"/>
|
||||
<path d="M48.333 63.3329H51.6663V66.6662H48.333V63.3329Z" fill="white"/>
|
||||
<path d="M54.9995 63.3329H58.3328V66.6662H54.9995V63.3329Z" fill="white"/>
|
||||
<path d="M28.333 69.9995H31.6663V73.3328H28.333V69.9995Z" fill="white"/>
|
||||
<path d="M34.9998 69.9995H38.3331V73.3328H34.9998V69.9995Z" fill="white"/>
|
||||
<path d="M41.6663 69.9995H44.9996V73.3328H41.6663V69.9995Z" fill="white"/>
|
||||
<path d="M48.333 69.9995H51.6663V73.3328H48.333V69.9995Z" fill="white"/>
|
||||
<path d="M54.9995 69.9995H58.3328V73.3328H54.9995V69.9995Z" fill="white"/>
|
||||
<path d="M28.333 76.6661H31.6663V79.9994H28.333V76.6661Z" fill="white"/>
|
||||
<path d="M34.9998 76.6661H38.3331V79.9994H34.9998V76.6661Z" fill="white"/>
|
||||
<path d="M41.6663 76.6661H44.9996V79.9994H41.6663V76.6661Z" fill="white"/>
|
||||
<path d="M48.333 76.6661H51.6663V79.9994H48.333V76.6661Z" fill="white"/>
|
||||
<path d="M54.9995 76.6661H58.3328V79.9994H54.9995V76.6661Z" fill="white"/>
|
||||
<path d="M28.333 83.3329H31.6663V86.6662H28.333V83.3329Z" fill="white"/>
|
||||
<path d="M34.9998 83.3329H38.3331V86.6662H34.9998V83.3329Z" fill="white"/>
|
||||
<path d="M41.6663 83.3329H44.9996V86.6662H41.6663V83.3329Z" fill="white"/>
|
||||
<path d="M48.333 83.3329H51.6663V86.6662H48.333V83.3329Z" fill="white"/>
|
||||
<path d="M54.9995 83.3329H58.3328V86.6662H54.9995V83.3329Z" fill="white"/>
|
||||
<path d="M28.333 89.9994H31.6663V93.3327H28.333V89.9994Z" fill="white"/>
|
||||
<path d="M34.9998 89.9994H38.3331V93.3327H34.9998V89.9994Z" fill="white"/>
|
||||
<path d="M41.6663 89.9994H44.9996V93.3327H41.6663V89.9994Z" fill="white"/>
|
||||
<path d="M48.333 89.9994H51.6663V93.3327H48.333V89.9994Z" fill="white"/>
|
||||
<path d="M54.9995 89.9994H58.3328V93.3327H54.9995V89.9994Z" fill="white"/>
|
||||
<path d="M98.3325 5.00008H86.666V1.66677C86.666 0.746372 85.9197 0.00012207 84.9993 0.00012207H68.3328C67.4124 0.00012207 66.6661 0.746372 66.6661 1.66677V5.00008H1.66665C0.74625 5.00008 0 5.74633 0 6.66673V13.3333C0 14.2546 0.74625 15 1.66665 15H6.66661V46.6664C6.66661 47.5876 7.41286 48.3331 8.33327 48.3331C9.25367 48.3331 9.99992 49.0793 9.99992 49.9997C9.99992 50.9209 9.25367 51.6664 8.33327 51.6664C7.41286 51.6664 6.66661 50.9209 6.66661 49.9997H3.33331C3.33819 51.2196 3.79147 52.3955 4.60852 53.3021L0.333656 59.0003L0.354815 59.0166C0.131835 59.2965 0.00732415 59.6424 0 59.9996V66.6662C0 67.1089 0.17578 67.5321 0.488277 67.8446L3.82158 71.1779C4.13408 71.4904 4.55807 71.6662 4.99996 71.6662H11.6666C12.1085 71.6662 12.5324 71.4904 12.8449 71.1779L16.1783 67.8446C16.4908 67.5321 16.6665 67.1089 16.6665 66.6662V59.9996C16.6592 59.6424 16.5347 59.2965 16.3117 59.0166L16.3329 59.0003L12.058 53.3021C13.1713 52.0651 13.5912 50.3529 13.177 48.7416C12.7636 47.1303 11.5705 45.8331 9.99992 45.2854V15H66.6661V16.6667C66.6661 17.5879 67.4124 18.3333 68.3328 18.3333H71.6661V96.666H64.9995V29.9999H61.6662V36.6665H51.6662V33.3332H48.3329V36.6665H38.333V34.9998H34.9997V36.6665H24.9998V31.6665H46.6663V28.3332H24.9998V21.6666H21.6665V96.666H19.0233L11.1783 88.8218C10.5273 88.1708 9.47258 88.1708 8.82154 88.8218L0.976555 96.666H0V99.9993H99.9992V96.666H98.6996C99.8722 95.3859 100.289 93.5841 99.7974 91.9183C99.3066 90.2533 97.9793 88.9659 96.2989 88.5264C97.146 86.4374 96.4917 84.0408 94.6997 82.6728C92.9086 81.3048 90.4232 81.3048 88.6321 82.6728C86.8401 84.0408 86.1858 86.4374 87.033 88.5264C85.3525 88.9659 84.0252 90.2533 83.5345 91.9183C83.0429 93.5841 83.4596 95.3859 84.6323 96.666H81.666V18.3333H84.9993C85.9197 18.3333 86.666 17.5879 86.666 16.6667V15H98.3325C99.2529 15 99.9992 14.2546 99.9992 13.3333V6.66673C99.9992 5.74633 99.2529 5.00008 98.3325 5.00008ZM9.16659 54.9997L11.6666 58.333H4.99996L7.49994 54.9997H9.16659ZM13.3332 65.977L10.9765 68.3329H5.69006L3.33331 65.977V61.6663H13.3332V65.977ZM91.1662 8.33339L86.666 11.3338V8.33339H91.1662ZM69.9994 3.33343H76.666V10H69.9994V3.33343ZM24.9998 8.66704L29.5001 11.6667H20.4995L24.9998 8.66704ZM14.9999 11.3338L10.4996 8.33339H19.5002L14.9999 11.3338ZM30.4994 8.33339H39.5L34.9997 11.3338L30.4994 8.33339ZM44.9996 8.66704L49.4999 11.6667H40.4993L44.9996 8.66704ZM50.4993 8.33339H59.4998L54.9995 11.3338L50.4993 8.33339ZM3.33331 8.33339H4.50029L9.50025 11.6667H3.33331V8.33339ZM60.4992 11.6667L65.4991 8.33339H66.6661V11.6667H60.4992ZM78.3327 91.1664L75.333 86.6661L78.3327 82.1666V91.1664ZM78.3327 51.1667L75.333 46.6664L78.3327 42.1669V51.1667ZM74.9994 52.1668L77.999 56.6663L74.9994 61.1666V52.1668ZM74.9994 41.1668V32.167L77.999 36.6665L74.9994 41.1668ZM74.9994 72.1667L77.999 76.6662L74.9994 81.1664V72.1667ZM78.3327 71.1568L75.333 66.6662L78.3327 62.1668V71.1568ZM75.333 26.6666L78.3327 22.1671V31.1669L75.333 26.6666ZM74.9994 21.1669V18.3333H76.8858L74.9994 21.1669ZM61.6662 39.9998V56.6663H51.6662V39.9998H61.6662ZM48.3329 39.9998V54.3332L44.5 50.545C44.1891 50.2382 43.77 50.0648 43.333 50.0632H38.333V39.9998H48.3329ZM34.9997 39.9998V42.7781H24.9998V39.9998H34.9997ZM9.99992 92.3561L14.3098 96.666H5.69006L9.99992 92.3561ZM24.9998 96.666V46.1114H34.9997V51.7363C34.9997 52.6576 35.746 53.403 36.6664 53.403H42.6478L48.8326 59.5187C49.1435 59.8255 49.5626 59.9988 49.9996 59.9996H61.6662V96.666H24.9998ZM74.9994 92.1665L77.999 96.666H74.9994V92.1665ZM94.9992 94.9993C94.0788 94.9993 93.3326 94.2539 93.3326 93.3327C93.3326 92.4123 94.0788 91.666 94.9992 91.666C95.9196 91.666 96.6659 92.4123 96.6659 93.3327C96.6659 94.2539 95.9196 94.9993 94.9992 94.9993ZM91.6659 84.9994C92.5863 84.9994 93.3326 85.7457 93.3326 86.6661C93.3326 87.5873 92.5863 88.3327 91.6659 88.3327C90.7455 88.3327 89.9993 87.5873 89.9993 86.6661C89.9993 85.7457 90.7455 84.9994 91.6659 84.9994ZM88.3326 91.666C89.253 91.666 89.9993 92.4123 89.9993 93.3327C89.9993 94.2539 89.253 94.9993 88.3326 94.9993C87.4122 94.9993 86.666 94.2539 86.666 93.3327C86.666 92.4123 87.4122 91.666 88.3326 91.666ZM83.3326 15H69.9994V13.3333H78.3327C79.2531 13.3333 79.9993 12.5879 79.9993 11.6667V3.33343H83.3326V15ZM92.1656 11.6667L96.6659 8.66704V11.6667H92.1656Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.3 KiB |
3
assets/images/devices_icon.svg
Normal file
3
assets/images/devices_icon.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="104" height="93" viewBox="0 0 104 93" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M102 59.5005V74.5005C102 79.0955 98.2617 82.8338 93.6667 82.8338H10.3333C5.73833 82.8338 2 79.0955 2 74.5005V59.5005C2 54.9055 5.73833 51.1672 10.3333 51.1672H13.6667V8.14632C13.6667 4.75757 16.4237 2.00049 19.8125 2.00049C23.2013 2.00049 25.9583 4.75757 25.9583 8.14632V46.5838C25.9583 47.5042 25.2121 48.2505 24.2917 48.2505C23.3713 48.2505 22.625 47.5042 22.625 46.5838V8.14632C22.625 6.59549 21.3633 5.33382 19.8125 5.33382C18.2617 5.33382 17 6.59549 17 8.14632V51.1672H67.764C68.6844 51.1672 69.4306 51.9134 69.4306 52.8338C69.4306 53.7542 68.6844 54.5005 67.764 54.5005H10.3333C7.57646 54.5005 5.33333 56.7434 5.33333 59.5005V74.5005C5.33333 77.2576 7.57646 79.5005 10.3333 79.5005H93.6667C96.4235 79.5005 98.6667 77.2576 98.6667 74.5005V59.5005C98.6667 56.7434 96.4235 54.5005 93.6667 54.5005H79.7083C78.7879 54.5005 78.0417 53.7542 78.0417 52.8338V8.14632C78.0417 4.75757 80.7987 2.00049 84.1875 2.00049C87.5762 2.00049 90.3333 4.75757 90.3333 8.14632V46.5838C90.3333 47.5042 89.5871 48.2505 88.6667 48.2505C87.7462 48.2505 87 47.5042 87 46.5838V8.14632C87 6.59549 85.7383 5.33382 84.1875 5.33382C82.6367 5.33382 81.375 6.59549 81.375 8.14632V51.1672H93.6667C98.2617 51.1672 102 54.9055 102 59.5005ZM17.4167 65.3338C16.4962 65.3338 15.75 66.0801 15.75 67.0005C15.75 67.9209 16.4962 68.6672 17.4167 68.6672H21.861C22.7815 68.6672 23.5277 67.9209 23.5277 67.0005C23.5277 66.0801 22.7815 65.3338 21.861 65.3338H17.4167ZM29.1527 65.3338C28.2323 65.3338 27.486 66.0801 27.486 67.0005C27.486 67.9209 28.2323 68.6672 29.1527 68.6672H40.9583C41.8787 68.6672 42.625 67.9209 42.625 67.0005C42.625 66.0801 41.8787 65.3338 40.9583 65.3338H29.1527ZM26.5833 88.0422H14.9167C13.9962 88.0422 13.25 88.7884 13.25 89.7088C13.25 90.6292 13.9962 91.3755 14.9167 91.3755H26.5833C27.5037 91.3755 28.25 90.6292 28.25 89.7088C28.25 88.7884 27.5037 88.0422 26.5833 88.0422ZM89.0833 88.0422H77.4167C76.4962 88.0422 75.75 88.7884 75.75 89.7088C75.75 90.6292 76.4962 91.3755 77.4167 91.3755H89.0833C90.0037 91.3755 90.75 90.6292 90.75 89.7088C90.75 88.7884 90.0037 88.0422 89.0833 88.0422ZM54.2815 33.2659C56.2308 35.2153 54.8671 38.6005 52.0717 38.6005C49.3087 38.6005 47.8921 35.2357 49.8619 33.2659C50.4523 32.6757 51.2371 32.3505 52.0717 32.3505C53.4754 32.3507 54.2815 33.2659 54.2815 33.2659ZM59.7321 30.1724C60.3831 29.5215 60.3831 28.4661 59.7321 27.8153C55.4981 23.5813 48.6456 23.5811 44.4115 27.8153C43.7604 28.4661 43.7604 29.5213 44.4115 30.1724C45.0623 30.8232 46.1175 30.8232 46.7683 30.1724C49.6996 27.2411 54.4433 27.2409 57.375 30.1724C58.0258 30.8232 59.0813 30.8232 59.7321 30.1724ZM40.5812 23.9851C46.9321 17.6342 57.2108 17.6338 63.5623 23.9851C63.8877 24.3105 64.3142 24.4732 64.7408 24.4732C66.2123 24.4732 66.9723 22.6809 65.9194 21.628C58.2658 13.9747 45.8783 13.9738 38.2244 21.628C37.5733 22.2788 37.5733 23.334 38.2244 23.9851C38.875 24.6361 39.9304 24.6361 40.5812 23.9851Z" fill="white" stroke="white" stroke-width="3"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
11
assets/images/energy_icon.svg
Normal file
11
assets/images/energy_icon.svg
Normal file
@ -0,0 +1,11 @@
|
||||
<svg width="102" height="102" viewBox="0 0 102 102" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M51.0001 13.5001C49.8501 13.5001 48.9167 12.5668 48.9167 11.4168V3.08346C48.9167 1.93346 49.8501 1.00012 51.0001 1.00012C52.1501 1.00012 53.0834 1.93346 53.0834 3.08346V11.4168C53.0834 12.5668 52.1501 13.5001 51.0001 13.5001Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M78.9916 25.0917C78.4583 25.0917 77.9249 24.8875 77.5166 24.4834C76.7041 23.6709 76.7041 22.35 77.5166 21.5375L83.4083 15.6459C84.2208 14.8334 85.5416 14.8334 86.3541 15.6459C87.1666 16.4584 87.1666 17.7792 86.3541 18.5917L80.4624 24.4834C80.0583 24.8875 79.5249 25.0917 78.9916 25.0917Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M98.9167 53.0835H90.5833C89.4333 53.0835 88.5 52.1502 88.5 51.0002C88.5 49.8502 89.4333 48.9169 90.5833 48.9169H98.9167C100.067 48.9169 101 49.8502 101 51.0002C101 52.1502 100.067 53.0835 98.9167 53.0835Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M84.8833 86.9667C84.3499 86.9667 83.8166 86.7625 83.4083 86.3584L77.5166 80.4667C76.7041 79.6542 76.7041 78.3334 77.5166 77.5209C78.3291 76.7084 79.6499 76.7084 80.4624 77.5209L86.3541 83.4125C87.1666 84.225 87.1666 85.5459 86.3541 86.3584C85.9499 86.7625 85.4166 86.9667 84.8833 86.9667Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M51.0001 101C49.8501 101 48.9167 100.067 48.9167 98.9168V90.5835C48.9167 89.4335 49.8501 88.5001 51.0001 88.5001C52.1501 88.5001 53.0834 89.4335 53.0834 90.5835V98.9168C53.0834 100.067 52.1501 101 51.0001 101Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M17.1166 86.9667C16.5833 86.9667 16.0499 86.7625 15.6416 86.3584C14.8291 85.5459 14.8291 84.225 15.6416 83.4125L21.5333 77.5209C22.3458 76.7084 23.6666 76.7084 24.4791 77.5209C25.2916 78.3334 25.2916 79.6542 24.4791 80.4667L18.5874 86.3584C18.1833 86.7625 17.6499 86.9667 17.1166 86.9667Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M11.4167 53.0835H3.08333C1.93333 53.0835 1 52.1502 1 51.0002C1 49.8502 1.93333 48.9169 3.08333 48.9169H11.4167C12.5667 48.9169 13.5 49.8502 13.5 51.0002C13.5 52.1502 12.5667 53.0835 11.4167 53.0835Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M23.0083 25.0917C22.4749 25.0917 21.9416 24.8875 21.5333 24.4834L15.6458 18.5917C14.8333 17.7792 14.8333 16.4584 15.6458 15.6459C16.4583 14.8334 17.7791 14.8334 18.5916 15.6459L24.4833 21.5375C25.2958 22.35 25.2958 23.6709 24.4833 24.4834C24.0749 24.8875 23.5416 25.0917 23.0083 25.0917Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M45.0542 84.3335C44.8084 84.3335 44.5667 84.2919 44.3251 84.2044C43.4126 83.8627 42.8584 82.9377 42.9876 81.9794L46.5417 55.1669H32.2501C31.4626 55.1669 30.7417 54.721 30.3876 54.0169C30.0334 53.3127 30.1084 52.4669 30.5834 51.8335L55.5834 18.5002C56.1626 17.7252 57.1917 17.4502 58.0709 17.8335C58.9542 18.2127 59.4667 19.1419 59.3084 20.0919L55.5417 42.6669H69.7501C70.5167 42.6669 71.2209 43.0877 71.5834 43.7627C71.9459 44.4377 71.9084 45.2544 71.4917 45.9002L46.7959 83.4002C46.4001 83.996 45.7376 84.3335 45.0542 84.3335ZM36.4167 51.0002H48.9167C49.5209 51.0002 50.0876 51.2627 50.4834 51.7127C50.8792 52.1585 51.0626 52.7627 50.9834 53.3585L48.3126 73.5169L65.8834 46.8335H53.0834C52.4709 46.8335 51.8917 46.5669 51.4917 46.096C51.0959 45.6294 50.9251 45.0085 51.0292 44.4085L53.7917 27.8335L36.4167 51.0002Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
5
assets/images/movein_icon.svg
Normal file
5
assets/images/movein_icon.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="104" height="113" viewBox="0 0 104 113" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M34.4818 61.7591C33.5955 62.6454 33.5955 64.0864 34.4818 64.9728C34.9274 65.4136 35.509 65.6365 36.0909 65.6365C36.6728 65.6365 37.2545 65.4138 37.6956 64.9728L51.3319 51.3364C51.5409 51.1274 51.7093 50.8728 51.8228 50.5956C51.8865 50.4364 51.8955 50.2728 51.9228 50.1046C51.9456 49.9774 52.0001 49.8592 52.0001 49.7273C52.0001 49.5545 51.9364 49.4 51.9002 49.2409C51.8729 49.1181 51.8729 48.9862 51.8228 48.8682C51.7046 48.5818 51.532 48.3272 51.3183 48.109L37.6956 34.4863C36.8092 33.5999 35.3682 33.5999 34.4818 34.4863C33.5955 35.3727 33.5955 36.8137 34.4818 37.7L44.2318 47.4545H4.2728C3.01825 47.4545 2 48.4728 2 49.7273C2 50.9818 3.01825 52.0001 4.2728 52.0001H44.241L34.4818 61.7591Z" fill="white" stroke="white" stroke-width="3"/>
|
||||
<path d="M92.1865 2C91.8364 2 91.4955 2.06818 91.1546 2.10462C90.982 2.06371 90.8183 2 90.6364 2H36.0909C29.8273 2 24.7273 7.1 24.7273 13.3636V36.0909C24.7273 37.3455 25.7456 38.3637 27.0001 38.3637C28.2547 38.3637 29.2729 37.3455 29.2729 36.0909V13.3636C29.2729 9.60441 32.3319 6.54539 36.0911 6.54539H79.5639L62.4956 13.859C58.882 15.409 56.5457 18.9498 56.5457 22.8818V92.909H36.0911C32.8228 92.909 30.0457 90.6362 29.3684 89.6953L29.2729 63.3543C29.2684 62.1042 28.2502 61.0907 27.0001 61.0907C27.0001 61.0907 26.9956 61.0907 26.9909 61.0907C25.7364 61.0951 24.7228 62.1179 24.7273 63.3724L24.8319 89.8587C24.7409 90.8542 25.2093 91.895 26.2546 93.0405C28.1136 95.0768 31.8046 97.4542 36.0909 97.4542H56.5455V101.277C56.5455 106.686 60.95 111.091 66.3592 111.091C67.7 111.091 69.0046 110.822 70.2227 110.3L96.05 99.2314C99.6637 97.6813 102 94.1405 102 90.2086V11.8137C102 6.40455 97.5956 2 92.1865 2ZM97.4546 90.2092C97.4546 92.3184 96.2 94.2228 94.2592 95.0501L68.4319 106.118C67.7773 106.405 67.0774 106.545 66.3592 106.545C63.4546 106.545 61.091 104.182 61.091 101.277V22.8818C61.091 20.7726 62.3456 18.8682 64.2864 18.0408L90.1137 6.9728C90.7683 6.68644 91.4682 6.5456 92.1865 6.5456C95.091 6.5456 97.4546 8.90917 97.4546 11.8137V90.2092Z" fill="white" stroke="white" stroke-width="3"/>
|
||||
<path d="M67.9093 52.0001C66.6547 52.0001 65.6365 53.0184 65.6365 54.2729V63.3637C65.6365 64.6182 66.6547 65.6365 67.9093 65.6365C69.1638 65.6365 70.1821 64.6182 70.1821 63.3637V54.2727C70.1819 53.0182 69.1638 52.0001 67.9093 52.0001Z" fill="white" stroke="white" stroke-width="3"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
6
assets/images/spase_management_icon.svg
Normal file
6
assets/images/spase_management_icon.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="102" height="102" viewBox="0 0 102 102" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M89.8807 70.7131C89.5176 70.3497 89.0137 70.1409 88.5 70.1409C87.9863 70.1409 87.4824 70.3497 87.1191 70.7131C86.7559 71.0766 86.5469 71.5782 86.5469 72.094C86.5469 72.6077 86.7557 73.1116 87.1191 73.4747C87.4824 73.8379 87.9863 74.0471 88.5 74.0471C89.0137 74.0471 89.5176 73.8381 89.8807 73.4747C90.2441 73.1116 90.4531 72.6077 90.4531 72.094C90.4531 71.5803 90.2441 71.0764 89.8807 70.7131Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M99.0469 97.0938H90.4531V78.9298C90.4531 77.8513 89.5785 76.9767 88.5 76.9767C87.4215 76.9767 86.5469 77.8513 86.5469 78.9298V97.0938H24.8281V78.7345C24.8281 77.656 23.9535 76.7813 22.875 76.7813C21.7965 76.7813 20.9219 77.656 20.9219 78.7345V97.0938H15.4531V45.7271L51 17.9757L86.5469 45.7271V64.2813C86.5469 65.3599 87.4215 66.2345 88.5 66.2345C89.5785 66.2345 90.4531 65.3599 90.4531 64.2813V48.7767L90.7945 49.0433C91.1494 49.3204 91.5734 49.4569 91.9957 49.4569C92.498 49.4569 92.9984 49.2638 93.3773 48.8849L100.422 41.8399C100.818 41.4442 101.025 40.8978 100.99 40.3392C100.956 39.7806 100.684 39.2636 100.243 38.9192L88.5 29.7517V10.1798C88.5 9.10107 87.6254 8.22666 86.5469 8.22666H75.227C74.1484 8.22666 73.2738 9.10107 73.2738 10.1798V17.8646L52.2018 1.41377C51.4957 0.862402 50.5043 0.862402 49.798 1.41377L1.75703 38.9192C1.31582 39.2636 1.04375 39.7806 1.00938 40.3392C0.975195 40.8978 1.18223 41.444 1.57773 41.8399L8.62246 48.8849C9.31973 49.5819 10.4279 49.6503 11.2055 49.0433L11.5469 48.7767V97.0938H2.95312C1.87461 97.0938 1 97.9685 1 99.047C1 100.125 1.87461 101 2.95312 101H99.0469C100.125 101 101 100.125 101 99.047C101 97.9685 100.125 97.0938 99.0469 97.0938ZM77.1801 12.1329H84.5938V26.702L77.1801 20.9142V12.1329ZM10.1633 44.9013L5.90156 40.6394L51 5.43096L96.0984 40.6394L91.8367 44.9013L52.2018 13.9583C51.8486 13.6825 51.4244 13.5446 51 13.5446C50.5756 13.5446 50.1512 13.6825 49.7982 13.9583L10.1633 44.9013Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M69.75 43.5784H32.25C31.1715 43.5784 30.2969 44.4528 30.2969 45.5315V83.0315C30.2969 84.11 31.1715 84.9846 32.25 84.9846H69.75C70.8285 84.9846 71.7031 84.11 71.7031 83.0315V45.5315C71.7031 44.4528 70.8285 43.5784 69.75 43.5784ZM49.0469 81.0784H34.2031V66.2346H49.0469V81.0784ZM49.0469 62.3284H34.2031V47.4846H49.0469V62.3284ZM67.7969 81.0784H52.9531V66.2346H67.7969V81.0784ZM67.7969 62.3284H52.9531V47.4846H67.7969V62.3284Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
<path d="M22.875 69.0679C21.7965 69.0679 20.9219 69.9423 20.9219 71.021V71.0524C20.9219 72.131 21.7965 73.0056 22.875 73.0056C23.9535 73.0056 24.8281 72.131 24.8281 71.0524V71.021C24.8281 69.9425 23.9535 69.0679 22.875 69.0679Z" fill="white" stroke="white" stroke-width="2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
@ -38,7 +38,7 @@ class MyApp extends StatelessWidget {
|
||||
useMaterial3: true, // Enable Material 3
|
||||
),
|
||||
home: isLoggedIn == 'Success'?
|
||||
const HomePage()
|
||||
HomePage()
|
||||
:
|
||||
const LoginPage(),
|
||||
);
|
||||
|
||||
@ -27,7 +27,7 @@ class LoginMobilePage extends StatelessWidget {
|
||||
// Navigate to home screen after successful login
|
||||
Navigator.pushReplacement(
|
||||
context,
|
||||
MaterialPageRoute(builder: (context) => const HomePage()),
|
||||
MaterialPageRoute(builder: (context) => HomePage()),
|
||||
);
|
||||
} else if (state is LoginFailure) {
|
||||
// Show error message
|
||||
|
||||
@ -29,7 +29,7 @@ class LoginWebPage extends StatelessWidget {
|
||||
// Navigate to home screen after successful login
|
||||
Navigator.pushReplacement(
|
||||
context,
|
||||
MaterialPageRoute(builder: (context) => const HomePage()),
|
||||
MaterialPageRoute(builder: (context) => HomePage()),
|
||||
);
|
||||
} else if (state is LoginFailure) {
|
||||
// Show error message
|
||||
|
||||
73
lib/pages/home/view/home_card.dart
Normal file
73
lib/pages/home/view/home_card.dart
Normal file
@ -0,0 +1,73 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/flutter_svg.dart';
|
||||
|
||||
import '../../../utils/color_manager.dart';
|
||||
|
||||
class HomeCard extends StatelessWidget {
|
||||
final bool active;
|
||||
final String img;
|
||||
final int index;
|
||||
final String name;
|
||||
final Function()? onTap;
|
||||
const HomeCard({
|
||||
super.key,
|
||||
required this.name,
|
||||
required this.index,
|
||||
this.active = false,
|
||||
required this.img,
|
||||
required this.onTap,
|
||||
});
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
bool evenNumbers = index % 2 == 0;
|
||||
return InkWell(
|
||||
onTap: active ? onTap : null,
|
||||
child: Container(
|
||||
padding: const EdgeInsets.only(left: 10, bottom: 10),
|
||||
decoration: BoxDecoration(
|
||||
color: evenNumbers&&active?
|
||||
ColorsManager.blueColor.withOpacity(0.8) :
|
||||
(active ?ColorsManager.blueColor
|
||||
: ColorsManager.blueColor.withOpacity(0.2)),
|
||||
borderRadius: BorderRadius.circular(30),
|
||||
),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Expanded(
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
FittedBox(
|
||||
fit: BoxFit.scaleDown,
|
||||
child: Text(
|
||||
name,
|
||||
style: const TextStyle(
|
||||
fontSize: 20,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
Expanded(
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
children: [
|
||||
SizedBox(
|
||||
child: SvgPicture.asset(
|
||||
img,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1,30 +1,119 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import 'package:flutter_svg/svg.dart';
|
||||
import 'package:syncrow_web/pages/home/bloc/home_bloc.dart';
|
||||
import 'package:syncrow_web/pages/home/view/tree_page.dart';
|
||||
import 'package:syncrow_web/utils/style.dart';
|
||||
import 'package:syncrow_web/pages/home/view/home_card.dart';
|
||||
import 'package:syncrow_web/utils/color_manager.dart';
|
||||
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||
import 'package:syncrow_web/web_layout/web_scaffold.dart';
|
||||
|
||||
class HomePage extends StatelessWidget {
|
||||
const HomePage({super.key});
|
||||
HomePage({super.key});
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return WebScaffold(
|
||||
appBarTitle: 'Space Management',
|
||||
appBarBody:[
|
||||
Text(
|
||||
'Community structure',
|
||||
style: appBarTextStyle,
|
||||
),
|
||||
Text(
|
||||
'Community ',
|
||||
style: appBarTextStyle
|
||||
),
|
||||
],
|
||||
Size size = MediaQuery.of(context).size;
|
||||
return WebScaffold(
|
||||
enableMenuSideba:false ,
|
||||
appBarTitle: Row(
|
||||
children: [
|
||||
SvgPicture.asset(
|
||||
Assets.loginLogo,
|
||||
width: 150,
|
||||
),
|
||||
],
|
||||
),
|
||||
scaffoldBody: BlocProvider(
|
||||
create: (context) => HomeBloc(),
|
||||
child: const TreeWidget(),
|
||||
child: SizedBox(
|
||||
height: size.height,
|
||||
width: size.width,
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
SizedBox(height: size.height * 0.1),
|
||||
const Text(
|
||||
'ACCESS YOUR APPS',
|
||||
style: TextStyle(fontSize: 40, fontWeight: FontWeight.w700),
|
||||
),
|
||||
const SizedBox(height: 30),
|
||||
Expanded(
|
||||
flex: 4,
|
||||
child: SizedBox(
|
||||
height: size.height * 0.6,
|
||||
width: size.width * 0.68,
|
||||
child: GridView.builder(
|
||||
itemCount: 8,
|
||||
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 4,
|
||||
crossAxisSpacing: 20.0,
|
||||
mainAxisSpacing: 20.0,
|
||||
childAspectRatio: 1.5,
|
||||
),
|
||||
itemBuilder: (context, index) {
|
||||
return HomeCard(
|
||||
index:index,
|
||||
active:ceilingSensorButtons[index]['active'],
|
||||
name: ceilingSensorButtons[index]['title'],
|
||||
img:ceilingSensorButtons[index]['icon'] ,
|
||||
onTap: () {
|
||||
|
||||
},);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
dynamic ceilingSensorButtons =
|
||||
[
|
||||
{
|
||||
'title': 'Access',
|
||||
'icon': Assets.accessIcon,
|
||||
'active': true,
|
||||
},
|
||||
{
|
||||
'title': 'Space Management',
|
||||
'icon': Assets.spaseManagementIcon,
|
||||
'color': ColorsManager.primaryColor,
|
||||
'active': true,
|
||||
},
|
||||
{
|
||||
'title': 'Devices',
|
||||
'icon':Assets.devicesIcon,
|
||||
'active': true,
|
||||
},
|
||||
{
|
||||
'title': 'Move in',
|
||||
'icon': Assets.moveinIcon,
|
||||
'active': false,
|
||||
},
|
||||
{
|
||||
'title': 'Construction',
|
||||
'icon': Assets.constructionIcon,
|
||||
'active': false,
|
||||
},
|
||||
{
|
||||
'title': 'Energy',
|
||||
'icon': Assets.energyIcon,
|
||||
'color': ColorsManager.slidingBlueColor.withOpacity(0.2),
|
||||
'active': false,
|
||||
},
|
||||
{
|
||||
'title': 'Integrations',
|
||||
'icon': Assets.integrationsIcon,
|
||||
'color': ColorsManager.slidingBlueColor.withOpacity(0.2),
|
||||
'active': false,
|
||||
}, {
|
||||
'title': 'Asset',
|
||||
'icon': Assets.assetIcon,
|
||||
'color': ColorsManager.slidingBlueColor.withOpacity(0.2),
|
||||
'active': false,
|
||||
},
|
||||
];
|
||||
}
|
||||
|
||||
@ -28,4 +28,5 @@ abstract class ColorsManager {
|
||||
static const Color graysColor = Color(0xffEBEBEB);
|
||||
static const Color textGray = Color(0xffD5D5D5);
|
||||
static const Color btnColor = Color(0xFF00008B);
|
||||
static const Color blueColor = Color(0xFF0036E6);
|
||||
}
|
||||
|
||||
@ -15,4 +15,12 @@ class Assets {
|
||||
static const String facebook = "assets/images/facebook.svg";
|
||||
static const String invisiblePassword = "assets/images/Password_invisible.svg";
|
||||
static const String visiblePassword = "assets/images/Password_visible.svg";
|
||||
static const String accessIcon = "assets/images/access_icon.svg";
|
||||
static const String spaseManagementIcon = "assets/images/spase_management_icon.svg";
|
||||
static const String devicesIcon = "assets/images/devices_icon.svg";
|
||||
static const String moveinIcon = "assets/images/movein_icon.svg";
|
||||
static const String constructionIcon = "assets/images/construction_icon.svg";
|
||||
static const String energyIcon = "assets/images/energy_icon.svg";
|
||||
static const String integrationsIcon = "assets/images/Integrations_icon.svg";
|
||||
static const String assetIcon = "assets/images/asset_icon.svg";
|
||||
}
|
||||
|
||||
@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
|
||||
import 'package:syncrow_web/utils/color_manager.dart';
|
||||
|
||||
class WebAppBar extends StatelessWidget {
|
||||
final String? title;
|
||||
final Widget? title;
|
||||
final List<Widget>? body;
|
||||
const WebAppBar({super.key,this.title,this.body});
|
||||
|
||||
@ -16,11 +16,13 @@ class WebAppBar extends StatelessWidget {
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Expanded(
|
||||
child: Text(
|
||||
title!,style: const TextStyle(
|
||||
fontSize: 30,
|
||||
color: Colors.white),)
|
||||
SizedBox(width: 40,),
|
||||
Expanded(
|
||||
child: title!
|
||||
// Text(
|
||||
// title!,style: const TextStyle(
|
||||
// fontSize: 30,
|
||||
// color: Colors.white),)
|
||||
),
|
||||
if (body != null)
|
||||
Expanded(
|
||||
@ -30,26 +32,26 @@ class WebAppBar extends StatelessWidget {
|
||||
children: body!,
|
||||
),
|
||||
),
|
||||
Row(
|
||||
const Row(
|
||||
children: [
|
||||
IconButton(onPressed: () {},
|
||||
icon: const Icon(Icons.apps_sharp,color: Colors.white,)),
|
||||
const SizedBox(width: 10,),
|
||||
const SizedBox.square(
|
||||
dimension: 40,
|
||||
child: CircleAvatar(
|
||||
backgroundColor: Colors.white,
|
||||
child: SizedBox.square(
|
||||
dimension: 35,
|
||||
child: CircleAvatar(
|
||||
backgroundColor: Colors.grey,
|
||||
child: FlutterLogo(),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(width: 10,),
|
||||
SizedBox.square(
|
||||
dimension: 40,
|
||||
child: CircleAvatar(
|
||||
backgroundColor: Colors.white,
|
||||
child: SizedBox.square(
|
||||
dimension: 35,
|
||||
child: CircleAvatar(
|
||||
backgroundColor: Colors.grey,
|
||||
child: FlutterLogo(),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 10,),
|
||||
const Text('mohamamd alnemer ',style: TextStyle(fontSize: 16,color: Colors.white),),
|
||||
Icon(Icons.arrow_drop_down,color: ColorsManager.whiteColors,),
|
||||
SizedBox(width: 40,)
|
||||
],
|
||||
)
|
||||
],
|
||||
|
||||
@ -6,7 +6,7 @@ import 'menu_sidebar.dart';
|
||||
|
||||
class WebScaffold extends StatelessWidget {
|
||||
final bool enableMenuSideba;
|
||||
final String? appBarTitle;
|
||||
final Widget? appBarTitle;
|
||||
final List<Widget>? appBarBody;
|
||||
final Widget? scaffoldBody;
|
||||
const WebScaffold({super.key,this.appBarTitle,this.appBarBody,this.scaffoldBody,this.enableMenuSideba=true});
|
||||
@ -24,6 +24,7 @@ class WebScaffold extends StatelessWidget {
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
Container(color: Colors.white.withOpacity(0.7),),
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
|
||||
Reference in New Issue
Block a user