tanweer919/lynkeduppro-crm
1
0
Fork 0
forked from Goutam/lynkeduppro-crm
Code Pull Requests Activity

Add LynkedUp Pro dashboard (dark + light) from Figma

Browse Source 
- Full dashboard at /dashboard matching the Figma Linkedup-Web frame
- Dark/light theme toggle (persisted to localStorage)
- Live animated charts: stat sparkbars, P&L grouped bars, donut, gauge,
  pipeline bars, progress, revenue-potential
- Sidebar, topbar, stat cards, weather, top sales reps
- 29 icons exported from Figma (currentColor) + lucide fallbacks
- Fix: bar charts had zero height (percentage in indefinite flex parent)
- Fix: removed content max-width that left a right-side gap

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Goutam Patidar
2026-06-27 20:12:35 +05:30
parent 8c5df83d63
commit 5ff655d786
38 changed files with 1223 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/icons/dashboard.svg
+20
View File
@@ -0,0 +1,20 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_8722_1189)">
<path d="M15.8238 12.8841C16.3955 12.8841 16.7945 12.8846 17.1061 12.9068C17.412 12.9287 17.5896 12.9701 17.725 13.0292C18.1252 13.2038 18.4447 13.5234 18.6193 13.9236C18.6783 14.0589 18.7189 14.2367 18.7407 14.5425C18.763 14.854 18.7634 15.2523 18.7634 15.8238C18.7634 16.3955 18.763 16.7945 18.7407 17.106C18.7189 17.4119 18.6784 17.5896 18.6193 17.725C18.4447 18.1252 18.1252 18.4447 17.725 18.6193C17.5896 18.6784 17.4119 18.7188 17.1061 18.7407C16.7945 18.763 16.3955 18.7634 15.8238 18.7634C15.2523 18.7634 14.854 18.763 14.5425 18.7407C14.2367 18.7189 14.059 18.6783 13.9236 18.6193C13.5234 18.4447 13.2039 18.1251 13.0293 17.725C12.9702 17.5896 12.9287 17.412 12.9069 17.106C12.8846 16.7945 12.8842 16.3955 12.8842 15.8238C12.8842 15.2523 12.8846 14.854 12.9069 14.5425C12.9287 14.2366 12.9702 14.059 13.0293 13.9236C13.2039 13.5234 13.5234 13.2038 13.9236 13.0292C14.059 12.9702 14.2366 12.9287 14.5425 12.9068C14.854 12.8846 15.2524 12.8841 15.8238 12.8841Z" stroke="#FDA913" stroke-width="1.1415"/>
<path d="M15.8238 21.2357C16.3955 21.2357 16.7945 21.2362 17.1061 21.2584C17.412 21.2803 17.5896 21.3218 17.725 21.3808C18.1252 21.5555 18.4447 21.875 18.6193 22.2752C18.6783 22.4106 18.7189 22.5883 18.7407 22.8941C18.763 23.2056 18.7634 23.6039 18.7634 24.1754C18.7634 24.7471 18.763 25.1461 18.7407 25.4577C18.7189 25.7635 18.6784 25.9412 18.6193 26.0766C18.4447 26.4768 18.1252 26.7963 17.725 26.9709C17.5896 27.03 17.4119 27.0705 17.1061 27.0923C16.7945 27.1146 16.3955 27.115 15.8238 27.115C15.2523 27.115 14.854 27.1146 14.5425 27.0923C14.2367 27.0705 14.059 27.0299 13.9236 26.9709C13.5234 26.7963 13.2039 26.4768 13.0293 26.0766C12.9702 25.9412 12.9287 25.7636 12.9069 25.4577C12.8846 25.1461 12.8842 24.7471 12.8842 24.1754C12.8842 23.604 12.8846 23.2056 12.9069 22.8941C12.9287 22.5882 12.9702 22.4106 13.0293 22.2752C13.2039 21.875 13.5234 21.5555 13.9236 21.3808C14.059 21.3218 14.2366 21.2803 14.5425 21.2584C14.854 21.2362 15.2524 21.2357 15.8238 21.2357Z" stroke="#FDA913" stroke-width="1.1415"/>
<path d="M24.1755 12.8841C24.7472 12.8841 25.1462 12.8846 25.4577 12.9068C25.7637 12.9287 25.9412 12.9701 26.0767 13.0292C26.4768 13.2038 26.7964 13.5234 26.971 13.9236C27.03 14.0589 27.0706 14.2367 27.0924 14.5425C27.1147 14.854 27.1151 15.2523 27.1151 15.8238C27.1151 16.3955 27.1147 16.7945 27.0924 17.106C27.0705 17.4119 27.03 17.5896 26.971 17.725C26.7964 18.1252 26.4769 18.4447 26.0767 18.6193C25.9413 18.6784 25.7636 18.7188 25.4577 18.7407C25.1462 18.763 24.7472 18.7634 24.1755 18.7634C23.604 18.7634 23.2057 18.763 22.8942 18.7407C22.5884 18.7189 22.4106 18.6783 22.2753 18.6193C21.8751 18.4447 21.5555 18.1251 21.3809 17.725C21.3218 17.5896 21.2804 17.412 21.2585 17.106C21.2363 16.7945 21.2358 16.3955 21.2358 15.8238C21.2358 15.2523 21.2363 14.854 21.2585 14.5425C21.2804 14.2366 21.3219 14.059 21.3809 13.9236C21.5555 13.5234 21.875 13.2038 22.2753 13.0292C22.4107 12.9702 22.5883 12.9287 22.8942 12.9068C23.2056 12.8846 23.604 12.8841 24.1755 12.8841Z" stroke="#FDA913" stroke-width="1.1415"/>
<path d="M24.1755 21.2357C24.7472 21.2357 25.1462 21.2362 25.4577 21.2584C25.7637 21.2803 25.9412 21.3218 26.0767 21.3808C26.4768 21.5555 26.7964 21.875 26.971 22.2752C27.03 22.4106 27.0706 22.5883 27.0924 22.8941C27.1147 23.2056 27.1151 23.6039 27.1151 24.1754C27.1151 24.7471 27.1147 25.1461 27.0924 25.4577C27.0705 25.7635 27.03 25.9412 26.971 26.0766C26.7964 26.4768 26.4769 26.7963 26.0767 26.9709C25.9413 27.03 25.7636 27.0705 25.4577 27.0923C25.1462 27.1146 24.7472 27.115 24.1755 27.115C23.604 27.115 23.2057 27.1146 22.8942 27.0923C22.5884 27.0705 22.4106 27.0299 22.2753 26.9709C21.8751 26.7963 21.5555 26.4768 21.3809 26.0766C21.3218 25.9412 21.2804 25.7636 21.2585 25.4577C21.2363 25.1461 21.2358 24.7471 21.2358 24.1754C21.2358 23.604 21.2363 23.2056 21.2585 22.8941C21.2804 22.5882 21.3219 22.4106 21.3809 22.2752C21.5555 21.875 21.875 21.5555 22.2753 21.3808C22.4107 21.3218 22.5883 21.2803 22.8942 21.2584C23.2056 21.2362 23.604 21.2357 24.1755 21.2357Z" stroke="#FDA913" stroke-width="1.1415"/>
</g>
<defs>
<filter id="filter0_d_8722_1189" x="-1.5384" y="-1.53846" width="43.0768" height="43.0768" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1189"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1189" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

public/icons/dispatch.svg
+18
View File
@@ -0,0 +1,18 @@
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_8722_1207)">
<path d="M25.2972 13.8379C26.8772 13.8379 28.1621 15.1228 28.1621 16.7027V25.2972C28.1621 26.8772 26.8772 28.162 25.2972 28.162H16.7028C15.1228 28.162 13.8379 26.8772 13.8379 25.2972V16.7027C13.8379 15.1228 15.1228 13.8379 16.7028 13.8379H25.2972ZM25.2972 12.4055H16.7028C15.5631 12.4055 14.47 12.8582 13.6642 13.6641C12.8583 14.47 12.4055 15.563 12.4055 16.7027V25.2972C12.4055 26.4369 12.8583 27.5299 13.6642 28.3358C14.47 29.1417 15.5631 29.5944 16.7028 29.5944H25.2972C26.4369 29.5944 27.53 29.1417 28.3358 28.3358C29.1417 27.5299 29.5945 26.4369 29.5945 25.2972V16.7027C29.5945 15.563 29.1417 14.47 28.3358 13.6641C27.53 12.8582 26.4369 12.4055 25.2972 12.4055Z" fill="#EAEAEA"/>
<path d="M24.5811 21.7161H17.419C17.229 21.7161 17.0469 21.6407 16.9126 21.5064C16.7782 21.3721 16.7028 21.1899 16.7028 20.9999C16.7028 20.81 16.7782 20.6278 16.9126 20.4935C17.0469 20.3592 17.229 20.2837 17.419 20.2837H24.5811C24.771 20.2837 24.9532 20.3592 25.0875 20.4935C25.2218 20.6278 25.2973 20.81 25.2973 20.9999C25.2973 21.1899 25.2218 21.3721 25.0875 21.5064C24.9532 21.6407 24.771 21.7161 24.5811 21.7161ZM24.5811 18.1351H17.419C17.229 18.1351 17.0469 18.0597 16.9126 17.9253C16.7782 17.791 16.7028 17.6089 16.7028 17.4189C16.7028 17.229 16.7782 17.0468 16.9126 16.9125C17.0469 16.7782 17.229 16.7027 17.419 16.7027H24.5811C24.771 16.7027 24.9532 16.7782 25.0875 16.9125C25.2218 17.0468 25.2973 17.229 25.2973 17.4189C25.2973 17.6089 25.2218 17.791 25.0875 17.9253C24.9532 18.0597 24.771 18.1351 24.5811 18.1351ZM24.5811 25.2972H17.419C17.229 25.2972 17.0469 25.2217 16.9126 25.0874C16.7782 24.9531 16.7028 24.7709 16.7028 24.581C16.7028 24.391 16.7782 24.2089 16.9126 24.0745C17.0469 23.9402 17.229 23.8648 17.419 23.8648H24.5811C24.771 23.8648 24.9532 23.9402 25.0875 24.0745C25.2218 24.2089 25.2973 24.391 25.2973 24.581C25.2973 24.7709 25.2218 24.9531 25.0875 25.0874C24.9532 25.2217 24.771 25.2972 24.5811 25.2972Z" fill="#EAEAEA"/>
</g>
<defs>
<filter id="filter0_d_8722_1207" x="-0.621829" y="-0.797472" width="43.4193" height="43.4192" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1207"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1207" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

public/icons/estimates.svg
+27
View File
@@ -0,0 +1,27 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_8722_1312)">
<path d="M23.9525 19.2094C24.2884 19.2094 24.5606 18.9372 24.5606 18.6013C24.5606 18.2655 24.2884 17.9933 23.9525 17.9933C23.6167 17.9933 23.3444 18.2655 23.3444 18.6013C23.3444 18.9372 23.6167 19.2094 23.9525 19.2094Z" fill="#EAEAEA"/>
<path d="M25.3512 13.4326H24.5607V12.8245C24.5607 12.4886 24.2885 12.2164 23.9526 12.2164C23.6168 12.2164 23.3445 12.4886 23.3445 12.8245V13.4326H20.5777V12.8245C20.5777 12.4886 20.3054 12.2164 19.9696 12.2164C19.6337 12.2164 19.3615 12.4886 19.3615 12.8245V13.4326H16.6251V12.8245C16.6251 12.4886 16.3528 12.2164 16.017 12.2164C15.6811 12.2164 15.4089 12.4886 15.4089 12.8245V13.4326H14.6488C13.3075 13.4326 12.2164 14.5237 12.2164 15.8649V25.3512C12.2164 26.6925 13.3075 27.7836 14.6488 27.7836H19.3007C19.6365 27.7836 19.9088 27.5114 19.9088 27.1755C19.9088 26.8397 19.6365 26.5674 19.3007 26.5674H14.6488C13.9781 26.5674 13.4326 26.0219 13.4326 25.3512V15.8649C13.4326 15.1943 13.9781 14.6488 14.6488 14.6488H15.4089V15.2568C15.4089 15.5927 15.6811 15.8649 16.017 15.8649C16.3528 15.8649 16.6251 15.5927 16.6251 15.2568V14.6488H19.3615V15.2568C19.3615 15.5927 19.6337 15.8649 19.9696 15.8649C20.3054 15.8649 20.5777 15.5927 20.5777 15.2568V14.6488H23.3445V15.2568C23.3445 15.5927 23.6168 15.8649 23.9526 15.8649C24.2885 15.8649 24.5607 15.5927 24.5607 15.2568V14.6488H25.3512C26.0219 14.6488 26.5674 15.1943 26.5674 15.8649V19.3311C26.5674 19.6669 26.8397 19.9392 27.1755 19.9392C27.5114 19.9392 27.7836 19.6669 27.7836 19.3311V15.8649C27.7836 14.5237 26.6925 13.4326 25.3512 13.4326Z" fill="#EAEAEA"/>
<path d="M24.1046 20.4257C22.076 20.4257 20.4256 22.076 20.4256 24.1046C20.4256 26.1333 22.076 27.7836 24.1046 27.7836C26.1332 27.7836 27.7836 26.1333 27.7836 24.1046C27.7836 22.076 26.1332 20.4257 24.1046 20.4257ZM24.1046 26.5674C22.7466 26.5674 21.6418 25.4626 21.6418 24.1046C21.6418 22.7466 22.7466 21.6419 24.1046 21.6419C25.4626 21.6419 26.5674 22.7466 26.5674 24.1046C26.5674 25.4626 25.4626 26.5674 24.1046 26.5674Z" fill="#EAEAEA"/>
<path d="M24.9864 23.4965H24.7127V22.858C24.7127 22.5222 24.4405 22.2499 24.1046 22.2499C23.7688 22.2499 23.4965 22.5222 23.4965 22.858V24.1046C23.4965 24.4405 23.7688 24.7127 24.1046 24.7127H24.9864C25.3222 24.7127 25.5945 24.4405 25.5945 24.1046C25.5945 23.7688 25.3222 23.4965 24.9864 23.4965Z" fill="#EAEAEA"/>
<path d="M21.3074 19.2094C21.6433 19.2094 21.9155 18.9372 21.9155 18.6013C21.9155 18.2655 21.6433 17.9933 21.3074 17.9933C20.9716 17.9933 20.6993 18.2655 20.6993 18.6013C20.6993 18.9372 20.9716 19.2094 21.3074 19.2094Z" fill="#EAEAEA"/>
<path d="M18.6622 21.8547C18.9981 21.8547 19.2703 21.5825 19.2703 21.2466C19.2703 20.9108 18.9981 20.6385 18.6622 20.6385C18.3264 20.6385 18.0541 20.9108 18.0541 21.2466C18.0541 21.5825 18.3264 21.8547 18.6622 21.8547Z" fill="#EAEAEA"/>
<path d="M16.0169 19.2094C16.3527 19.2094 16.625 18.9372 16.625 18.6013C16.625 18.2655 16.3527 17.9933 16.0169 17.9933C15.681 17.9933 15.4088 18.2655 15.4088 18.6013C15.4088 18.9372 15.681 19.2094 16.0169 19.2094Z" fill="#EAEAEA"/>
<path d="M16.0169 21.8547C16.3527 21.8547 16.625 21.5825 16.625 21.2466C16.625 20.9108 16.3527 20.6385 16.0169 20.6385C15.681 20.6385 15.4088 20.9108 15.4088 21.2466C15.4088 21.5825 15.681 21.8547 16.0169 21.8547Z" fill="#EAEAEA"/>
<path d="M16.0169 24.4999C16.3527 24.4999 16.625 24.2277 16.625 23.8918C16.625 23.556 16.3527 23.2837 16.0169 23.2837C15.681 23.2837 15.4088 23.556 15.4088 23.8918C15.4088 24.2277 15.681 24.4999 16.0169 24.4999Z" fill="#EAEAEA"/>
<path d="M18.6622 24.4999C18.9981 24.4999 19.2703 24.2277 19.2703 23.8918C19.2703 23.556 18.9981 23.2837 18.6622 23.2837C18.3264 23.2837 18.0541 23.556 18.0541 23.8918C18.0541 24.2277 18.3264 24.4999 18.6622 24.4999Z" fill="#EAEAEA"/>
<path d="M18.6622 19.2094C18.9981 19.2094 19.2703 18.9372 19.2703 18.6013C19.2703 18.2655 18.9981 17.9933 18.6622 17.9933C18.3264 17.9933 18.0541 18.2655 18.0541 18.6013C18.0541 18.9372 18.3264 19.2094 18.6622 19.2094Z" fill="#EAEAEA"/>
</g>
<defs>
<filter id="filter0_d_8722_1312" x="-1.09367" y="-0.937763" width="42.7572" height="42.7572" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1312"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1312" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

public/icons/home.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.58763 17.4843H3.75541C3.1589 17.4824 2.58724 17.2452 2.16468 16.8242C1.74212 16.4031 1.50283 15.8323 1.49882 15.2358V7.61592C1.50001 7.41063 1.5461 7.2081 1.63386 7.02251C1.72162 6.83693 1.84893 6.67279 2.00684 6.54162L2.68148 6.04214C2.8007 5.91491 2.87185 5.75009 2.88266 5.57606C2.89347 5.40203 2.84327 5.22968 2.74071 5.08867C2.63815 4.94766 2.48964 4.84681 2.32074 4.80349C2.15185 4.76017 1.97313 4.77708 1.81536 4.85132L1.12402 5.3675C0.779826 5.63379 0.500042 5.9742 0.305449 6.36345C0.110856 6.7527 0.00645504 7.18079 0 7.61592V15.244C0.00205873 16.2394 0.398366 17.1934 1.10218 17.8973C1.806 18.6012 2.76001 18.9976 3.75541 18.9998H7.58763C7.68744 19.002 7.7867 18.9843 7.87957 18.9476C7.97243 18.9109 8.05704 18.8561 8.12842 18.7863C8.1998 18.7165 8.25652 18.6331 8.29524 18.5411C8.33396 18.449 8.3539 18.3502 8.3539 18.2504C8.3539 18.1505 8.33396 18.0517 8.29524 17.9597C8.25652 17.8676 8.1998 17.7843 8.12842 17.7145C8.05704 17.6446 7.97243 17.5898 7.87957 17.5531C7.7867 17.5165 7.68744 17.4987 7.58763 17.501V17.4843Z" fill="white"/>
<path d="M17.9956 7.5992C17.9914 7.1671 17.8913 6.74133 17.7028 6.35255C17.5142 5.96376 17.2417 5.62162 16.905 5.35078L11.1502 0.762278C10.5364 0.268934 9.77255 0 8.98508 0C8.19761 0 7.43375 0.268934 6.81997 0.762278L4.99645 2.08632C4.83189 2.20442 4.72099 2.38306 4.68814 2.58292C4.65529 2.78279 4.70319 2.98753 4.82129 3.15208C4.93939 3.31664 5.11803 3.42754 5.3179 3.46039C5.51777 3.49323 5.7225 3.44534 5.88706 3.32724L7.73619 1.94493C8.08813 1.65556 8.52963 1.49737 8.98527 1.49737C9.4409 1.49737 9.8824 1.65556 10.2343 1.94493L15.9888 6.53343C16.1524 6.66299 16.2851 6.82735 16.3773 7.01458C16.4695 7.20182 16.5188 7.40722 16.5217 7.61589V15.244C16.5217 15.5392 16.4635 15.8316 16.3505 16.1044C16.2375 16.3772 16.0719 16.6251 15.8631 16.8338C15.6544 17.0426 15.4065 17.2082 15.1337 17.3212C14.8609 17.4342 14.5685 17.4924 14.2733 17.4924H12.5663C12.4823 17.4924 12.4018 17.459 12.3424 17.3997C12.2831 17.3403 12.2497 17.2598 12.2497 17.1759V13.7366C12.2497 13.2102 12.0412 12.7052 11.6697 12.3322C11.2983 11.9593 10.7941 11.7486 10.2677 11.7465H7.76958C7.50822 11.7464 7.24941 11.7979 7.00793 11.8979C6.76645 11.9979 6.54704 12.1444 6.36223 12.3293C6.17742 12.5141 6.03083 12.7335 5.93083 12.975C5.83084 13.2164 5.77939 13.4753 5.77944 13.7366V15.0525C5.77722 15.1523 5.79496 15.2516 5.83162 15.3444C5.86829 15.4373 5.92313 15.5219 5.99294 15.5933C6.06275 15.6647 6.14612 15.7214 6.23815 15.7601C6.33017 15.7988 6.42901 15.8188 6.52885 15.8188C6.62869 15.8188 6.72753 15.7988 6.81956 15.7601C6.91159 15.7214 6.99495 15.6647 7.06476 15.5933C7.13457 15.5219 7.18942 15.4373 7.22608 15.3444C7.26274 15.2516 7.28049 15.1523 7.27826 15.0525V13.7366C7.27708 13.6725 7.28868 13.6088 7.3124 13.5493C7.33611 13.4897 7.37146 13.4355 7.41637 13.3897C7.46129 13.344 7.51487 13.3076 7.57399 13.2828C7.6331 13.258 7.69657 13.2453 7.76068 13.2453H10.2596C10.3875 13.2453 10.5102 13.2961 10.6007 13.3866C10.6912 13.4771 10.742 13.5998 10.742 13.7277V17.1751C10.7442 17.6574 10.9373 18.1192 11.2791 18.4595C11.6209 18.7998 12.0836 18.9908 12.5659 18.9908H14.2302C14.7235 18.991 15.212 18.8941 15.6678 18.7054C16.1236 18.5168 16.5377 18.2403 16.8867 17.8916C17.2356 17.5429 17.5124 17.1289 17.7012 16.6732C17.8901 16.2175 17.9874 15.7291 17.9875 15.2358L17.9956 7.5992Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

public/icons/i_ar.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.84615 22.1154C8.84615 22.35 8.75295 22.575 8.58706 22.7409C8.42116 22.9068 8.19615 23 7.96154 23H3.24359C2.38353 22.9994 1.55887 22.6574 0.950716 22.0493C0.34256 21.4411 0.000624818 20.6165 0 19.7564V15.0385C0 14.8038 0.0932002 14.5788 0.259098 14.4129C0.424995 14.247 0.650001 14.1538 0.884615 14.1538C1.11923 14.1538 1.34424 14.247 1.51013 14.4129C1.67603 14.5788 1.76923 14.8038 1.76923 15.0385V19.7564C1.76923 20.5691 2.43092 21.2308 3.24359 21.2308H7.96154C8.19615 21.2308 8.42116 21.324 8.58706 21.4899C8.75295 21.6558 8.84615 21.8808 8.84615 22.1154ZM0.884615 8.84615C1.11923 8.84615 1.34424 8.75295 1.51013 8.58706C1.67603 8.42116 1.76923 8.19615 1.76923 7.96154V3.24359C1.76923 2.43092 2.43092 1.76923 3.24359 1.76923H7.96154C8.19615 1.76923 8.42116 1.67603 8.58706 1.51013C8.75295 1.34424 8.84615 1.11923 8.84615 0.884615C8.84615 0.650001 8.75295 0.424995 8.58706 0.259098C8.42116 0.0932002 8.19615 0 7.96154 0H3.24359C2.38353 0.000624818 1.55887 0.34256 0.950716 0.950716C0.34256 1.55887 0.000624818 2.38353 0 3.24359V7.96154C0 8.44985 0.396308 8.84615 0.884615 8.84615ZM19.7564 0H15.0385C14.8038 0 14.5788 0.0932002 14.4129 0.259098C14.247 0.424995 14.1538 0.650001 14.1538 0.884615C14.1538 1.11923 14.247 1.34424 14.4129 1.51013C14.5788 1.67603 14.8038 1.76923 15.0385 1.76923H19.7564C20.5691 1.76923 21.2308 2.43092 21.2308 3.24359V7.96154C21.2308 8.19615 21.324 8.42116 21.4899 8.58706C21.6558 8.75295 21.8808 8.84615 22.1154 8.84615C22.35 8.84615 22.575 8.75295 22.7409 8.58706C22.9068 8.42116 23 8.19615 23 7.96154V3.24359C22.9994 2.38353 22.6574 1.55887 22.0493 0.950716C21.4411 0.34256 20.6165 0.000624818 19.7564 0ZM22.1154 14.1538C21.8808 14.1538 21.6558 14.247 21.4899 14.4129C21.324 14.5788 21.2308 14.8038 21.2308 15.0385V19.7564C21.2308 20.5691 20.5691 21.2308 19.7564 21.2308H15.0385C14.8038 21.2308 14.5788 21.324 14.4129 21.4899C14.247 21.6558 14.1538 21.8808 14.1538 22.1154C14.1538 22.35 14.247 22.575 14.4129 22.7409C14.5788 22.9068 14.8038 23 15.0385 23H19.7564C20.6165 22.9994 21.4411 22.6574 22.0493 22.0493C22.6574 21.4411 22.9994 20.6165 23 19.7564V15.0385C23 14.8038 22.9068 14.5788 22.7409 14.4129C22.575 14.247 22.35 14.1538 22.1154 14.1538ZM12.5615 5.20862C12.2408 5.01583 11.8736 4.91398 11.4994 4.91398C11.1252 4.91398 10.758 5.01583 10.4373 5.20862L5.93164 7.912L11.3856 11.5826C11.4375 11.6121 11.5543 11.6156 11.651 11.5578L17.066 7.912L12.5615 5.20862ZM4.71795 9.22713V14.3721C4.71795 15.0915 5.10128 15.7697 5.72051 16.1425L10.4385 18.9732C10.4951 19.0074 10.5576 19.0216 10.6154 19.0487V13.1513C10.5576 13.123 10.4939 13.1088 10.4385 13.0746L4.71795 9.22713ZM18.2821 14.3721V9.22831L12.6016 13.051C12.5321 13.0935 12.4566 13.1112 12.3846 13.1454V19.0499C12.4424 19.0216 12.5061 19.0074 12.5615 18.9744L17.2807 16.1436C17.8975 15.7721 18.2821 15.0939 18.2821 14.3744V14.3721Z" fill="#285EF0"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

public/icons/i_bell.svg
+14
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 2.2 MiB

public/icons/i_collected.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.27899 12.7907C6.79274 12.7907 7.20922 12.3742 7.20922 11.8604C7.20922 11.3467 6.79274 10.9302 6.27899 10.9302C5.76524 10.9302 5.34876 11.3467 5.34876 11.8604C5.34876 12.3742 5.76524 12.7907 6.27899 12.7907Z" fill="#14BC83"/>
<path d="M6.27899 16.5116C6.79274 16.5116 7.20922 16.0951 7.20922 15.5813C7.20922 15.0676 6.79274 14.6511 6.27899 14.6511C5.76524 14.6511 5.34876 15.0676 5.34876 15.5813C5.34876 16.0951 5.76524 16.5116 6.27899 16.5116Z" fill="#14BC83"/>
<path d="M10 12.7907C10.5138 12.7907 10.9303 12.3742 10.9303 11.8604C10.9303 11.3467 10.5138 10.9302 10 10.9302C9.48628 10.9302 9.0698 11.3467 9.0698 11.8604C9.0698 12.3742 9.48628 12.7907 10 12.7907Z" fill="#14BC83"/>
<path d="M10 16.5116C10.5138 16.5116 10.9303 16.0951 10.9303 15.5813C10.9303 15.0676 10.5138 14.6511 10 14.6511C9.48628 14.6511 9.0698 15.0676 9.0698 15.5813C9.0698 16.0951 9.48628 16.5116 10 16.5116Z" fill="#14BC83"/>
<path d="M13.7211 12.7907C14.2348 12.7907 14.6513 12.3742 14.6513 11.8604C14.6513 11.3467 14.2348 10.9302 13.7211 10.9302C13.2073 10.9302 12.7908 11.3467 12.7908 11.8604C12.7908 12.3742 13.2073 12.7907 13.7211 12.7907Z" fill="#14BC83"/>
<path d="M13.7211 16.5116C14.2348 16.5116 14.6513 16.0951 14.6513 15.5813C14.6513 15.0676 14.2348 14.6511 13.7211 14.6511C13.2073 14.6511 12.7908 15.0676 12.7908 15.5813C12.7908 16.0951 13.2073 16.5116 13.7211 16.5116Z" fill="#14BC83"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 17.4418V5.34882C0.00049295 4.4238 0.368174 3.53681 1.02226 2.88272C1.67635 2.22863 2.56334 1.86095 3.48836 1.86046H6.51161V4.41859C6.51161 4.60362 6.58511 4.78108 6.71595 4.91192C6.84679 5.04276 7.02425 5.11626 7.20928 5.11626C7.39431 5.11626 7.57177 5.04276 7.70261 4.91192C7.83345 4.78108 7.90695 4.60362 7.90695 4.41859V1.86046H13.9534V4.41859C13.9534 4.60362 14.0269 4.78108 14.1578 4.91192C14.2886 5.04276 14.4661 5.11626 14.6511 5.11626C14.8362 5.11626 15.0136 5.04276 15.1444 4.91192C15.2753 4.78108 15.3488 4.60362 15.3488 4.41859V1.86046H16.5116C17.4366 1.86095 18.3236 2.22863 18.9777 2.88272C19.6318 3.53681 19.9994 4.4238 19.9999 5.34882V17.4418C19.9994 18.3668 19.6318 19.2538 18.9777 19.9079C18.3236 20.562 17.4366 20.9297 16.5116 20.9302H3.48836C2.56334 20.9297 1.67635 20.562 1.02226 19.9079C0.368174 19.2538 0.00049295 18.3668 0 17.4418ZM1.39534 8.37207V17.4418C1.39534 17.9969 1.61586 18.5293 2.00837 18.9218C2.40089 19.3143 2.93326 19.5348 3.48836 19.5348H16.5116C17.0667 19.5348 17.599 19.3143 17.9916 18.9218C18.3841 18.5293 18.6046 17.9969 18.6046 17.4418V8.37207H1.39534Z" fill="#14BC83"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0233 0.697672C13.0233 0.512638 13.0968 0.335182 13.2276 0.204343C13.3585 0.0735046 13.5359 0 13.7209 0C13.906 0 14.0834 0.0735046 14.2143 0.204343C14.3451 0.335182 14.4186 0.512638 14.4186 0.697672V4.41859C14.4186 4.60362 14.3451 4.78108 14.2143 4.91192C14.0834 5.04276 13.906 5.11626 13.7209 5.11626C13.5359 5.11626 13.3585 5.04276 13.2276 4.91192C13.0968 4.78108 13.0233 4.60362 13.0233 4.41859V0.697672ZM5.58144 0.697672C5.58144 0.512638 5.65494 0.335182 5.78578 0.204343C5.91662 0.0735046 6.09407 0 6.27911 0C6.46414 0 6.6416 0.0735046 6.77244 0.204343C6.90328 0.335182 6.97678 0.512638 6.97678 0.697672V4.41859C6.97678 4.60362 6.90328 4.78108 6.77244 4.91192C6.6416 5.04276 6.46414 5.11626 6.27911 5.11626C6.09407 5.11626 5.91662 5.04276 5.78578 4.91192C5.65494 4.78108 5.58144 4.60362 5.58144 4.41859V0.697672Z" fill="#14BC83"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

public/icons/i_hotleads.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8876 3.50381L12.6927 5.62436C12.7039 5.65509 12.7241 5.68178 12.7505 5.70101C12.777 5.72024 12.8086 5.73114 12.8413 5.73232L15.1069 5.84274C15.1409 5.84402 15.1738 5.85583 15.2009 5.87655C15.228 5.89727 15.248 5.92588 15.2582 5.95844C15.2691 5.99077 15.2697 6.02568 15.26 6.05837C15.2502 6.09106 15.2306 6.11993 15.2038 6.14101L13.4358 7.56198C13.4101 7.58217 13.3909 7.60958 13.3808 7.6407C13.3707 7.67182 13.3701 7.70525 13.3791 7.73672L13.9741 9.92548C13.9928 9.99399 13.9683 10.0634 13.9109 10.1052C13.8534 10.1469 13.7799 10.1487 13.7204 10.1098L11.8226 8.8675C11.7955 8.84924 11.7635 8.83948 11.7308 8.83948C11.698 8.83948 11.6661 8.84924 11.6389 8.8675L9.74117 10.1098C9.71285 10.1288 9.67933 10.1385 9.64523 10.1377C9.61113 10.1369 9.57813 10.1255 9.55076 10.1052C9.52294 10.0854 9.50192 10.0575 9.49059 10.0254C9.47926 9.99319 9.47818 9.95829 9.48749 9.92548L10.0825 7.73666C10.0915 7.70519 10.0909 7.67177 10.0808 7.64065C10.0707 7.60953 10.0515 7.58212 10.0258 7.56193L8.25783 6.14096C8.23099 6.11989 8.21135 6.09102 8.2016 6.05833C8.19185 6.02563 8.19248 5.99072 8.2034 5.95839C8.21357 5.92583 8.23359 5.89721 8.2607 5.87649C8.2878 5.85577 8.32066 5.84396 8.35476 5.84269L10.6203 5.73227C10.653 5.73109 10.6846 5.72019 10.711 5.70096C10.7375 5.68173 10.7577 5.65504 10.7689 5.62431L11.574 3.50376C11.5857 3.47174 11.6071 3.44415 11.6352 3.42478C11.6633 3.40541 11.6967 3.39521 11.7308 3.3956C11.7649 3.39524 11.7983 3.40545 11.8264 3.42482C11.8544 3.4442 11.8758 3.47179 11.8876 3.50381ZM11.7308 11.3456C13.2788 11.3456 14.5337 12.6006 14.5337 14.1485C14.5337 15.6965 13.2788 16.9515 11.7308 16.9515C10.1828 16.9515 8.92789 15.6965 8.92789 14.1485C8.92784 12.6005 10.1828 11.3456 11.7308 11.3456ZM17.2425 22.398C16.9449 19.6168 14.5909 17.4508 11.7308 17.4508C8.87066 17.4508 6.51666 19.6169 6.21903 22.398V23.5185C6.21903 24.3345 6.88455 25 7.70053 25H15.761C16.577 25 17.2425 24.3345 17.2425 23.5185V22.398ZM19.201 13.5572C20.4246 13.5572 21.4166 14.5491 21.4166 15.7728C21.4166 16.9963 20.4246 17.9882 19.201 17.9882C17.9775 17.9882 16.9856 16.9963 16.9856 15.7728C16.9855 14.5491 17.9774 13.5572 19.201 13.5572ZM18.0415 22.398V22.3554L18.0369 22.313C17.9169 21.1826 17.4933 20.1057 16.8112 19.1964C17.4985 18.7483 18.3193 18.4877 19.201 18.4877C21.2428 18.4877 22.9583 19.8842 23.4447 21.7742C23.4845 21.9287 23.4535 22.0785 23.3557 22.2046C23.2579 22.3307 23.1206 22.3981 22.961 22.3981L18.0415 22.398ZM0.500491 22.398C0.340941 22.398 0.203563 22.3307 0.105835 22.2046C0.00805761 22.0784 -0.0229036 21.9287 0.0168466 21.7741C0.503288 19.8842 2.21874 18.4876 4.26053 18.4876C5.14228 18.4876 5.96305 18.7482 6.65034 19.1964C5.96817 20.1057 5.54463 21.1826 5.42458 22.313L5.42003 22.3554V22.398H0.500491ZM4.26048 13.5572C5.48405 13.5572 6.47601 14.5491 6.47601 15.7728C6.47601 16.9963 5.4841 17.9882 4.26048 17.9882C3.03692 17.9882 2.04501 16.9963 2.04501 15.7728C2.04501 14.5491 3.03692 13.5572 4.26048 13.5572ZM7.49983 2.79066L8.91691 4.06661C8.99563 4.13683 9.09896 4.17301 9.20429 4.16723C9.30962 4.16145 9.40838 4.11418 9.47894 4.03577C9.54951 3.95736 9.58614 3.85419 9.58083 3.74883C9.57552 3.64348 9.52869 3.54451 9.45059 3.4736L8.03351 2.19765C7.95479 2.12743 7.85146 2.09125 7.74612 2.09703C7.64079 2.10281 7.54204 2.15008 7.47147 2.22849C7.40091 2.3069 7.36427 2.41007 7.36959 2.51543C7.3749 2.62078 7.42173 2.71974 7.49983 2.79066ZM15.4279 2.19765L14.0026 3.48104C13.9245 3.55196 13.8777 3.65092 13.8723 3.75627C13.867 3.86163 13.9037 3.9648 13.9742 4.04321C14.0448 4.12162 14.1436 4.16889 14.2489 4.17467C14.3542 4.18045 14.4575 4.14427 14.5363 4.07405L15.9616 2.79066C16.0397 2.71974 16.0865 2.62078 16.0918 2.51543C16.0971 2.41007 16.0605 2.3069 15.9899 2.22849C15.9194 2.15008 15.8206 2.10281 15.7153 2.09703C15.61 2.09125 15.5066 2.12743 15.4279 2.19765ZM12.1302 1.86561C12.1302 1.97157 12.0881 2.07318 12.0132 2.1481C11.9383 2.22302 11.8367 2.26511 11.7307 2.26511C11.6248 2.26511 11.5232 2.22302 11.4482 2.1481C11.3733 2.07318 11.3312 1.97157 11.3312 1.86561V0.3995C11.3312 0.293546 11.3733 0.191932 11.4482 0.117011C11.5232 0.0420901 11.6248 0 11.7307 0C11.8367 0 11.9383 0.0420901 12.0132 0.117011C12.0881 0.191932 12.1302 0.293546 12.1302 0.3995V1.86561Z" fill="#9036E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

public/icons/i_humidity.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.67856 5.37998C8.58407 5.38055 8.49043 5.36202 8.40327 5.32551C8.31612 5.289 8.23723 5.23526 8.17135 5.16752C7.92342 4.9404 7.59939 4.81443 7.26315 4.81443C6.92692 4.81443 6.60289 4.9404 6.35496 5.16752L6.34178 5.17781C5.87056 3.34342 3.57332 0.257383 3.47142 0.121419C3.44019 0.083452 3.40093 0.052874 3.35647 0.0318808C3.31201 0.0108875 3.26345 0 3.21428 0C3.16512 0 3.11656 0.0108875 3.0721 0.0318808C3.02764 0.052874 2.98838 0.083452 2.95714 0.121419C2.65435 0.526418 2.20504e-08 4.12159 2.20504e-08 5.77856C-6.81554e-05 6.3607 0.157962 6.93193 0.45722 7.43127C0.756477 7.9306 1.18573 8.33929 1.69914 8.61371C2.21255 8.88812 2.79084 9.01794 3.37228 8.98933C3.95372 8.96071 4.51647 8.77473 5.00046 8.45123C5.0713 8.40379 5.12039 8.33015 5.13694 8.24651C5.15349 8.16288 5.13613 8.07609 5.08869 8.00525C5.04125 7.93441 4.96761 7.88531 4.88397 7.86877C4.80034 7.85222 4.71355 7.86958 4.64271 7.91702C4.2555 8.17569 3.80533 8.32437 3.34022 8.34717C2.87512 8.36998 2.41256 8.26606 2.0019 8.04651C1.59125 7.82696 1.24792 7.50002 1.00856 7.10059C0.769205 6.70115 0.642806 6.24422 0.642856 5.77856C0.642856 4.67381 2.31171 2.11749 3.21428 0.860704C3.83753 1.7337 5.39999 4.01649 5.7256 5.36873C5.58149 5.33972 5.44867 5.27013 5.34278 5.16816C5.09507 4.94098 4.77118 4.81494 4.43507 4.81494C4.09895 4.81494 3.77506 4.94098 3.52735 5.16816C3.46169 5.23573 3.38306 5.28934 3.29618 5.32579C3.2093 5.36225 3.11596 5.38079 3.02175 5.38031C2.9365 5.38031 2.85474 5.41417 2.79446 5.47445C2.73418 5.53473 2.70032 5.61649 2.70032 5.70173C2.70032 5.78698 2.73418 5.86874 2.79446 5.92902C2.85474 5.9893 2.9365 6.02316 3.02175 6.02316C3.35839 6.02617 3.68329 5.89957 3.92914 5.66959C3.99514 5.60238 4.07387 5.54899 4.16074 5.51254C4.24761 5.4761 4.34086 5.45733 4.43507 5.45733C4.52927 5.45733 4.62253 5.4761 4.70939 5.51254C4.79626 5.54899 4.87499 5.60238 4.94099 5.66959C5.18887 5.89668 5.51285 6.02265 5.84903 6.02265C6.18521 6.02265 6.50918 5.89668 6.75706 5.66959C6.82326 5.60231 6.90218 5.54888 6.98924 5.5124C7.07629 5.47593 7.16973 5.45714 7.26412 5.45714C7.3585 5.45714 7.45194 5.47593 7.539 5.5124C7.62605 5.54888 7.70497 5.60231 7.77117 5.66959C8.01725 5.89917 8.34203 6.02561 8.67856 6.02284C8.76381 6.02284 8.84557 5.98898 8.90585 5.9287C8.96613 5.86842 8.99999 5.78666 8.99999 5.70141C8.99999 5.61616 8.96613 5.53441 8.90585 5.47413C8.84557 5.41385 8.76381 5.37998 8.67856 5.37998Z" fill="#636363"/>
<path d="M8.67866 6.70425C8.58417 6.70481 8.49053 6.68629 8.40337 6.64978C8.31622 6.61327 8.23733 6.55953 8.17145 6.49179C7.92352 6.26467 7.59949 6.13869 7.26325 6.13869C6.92702 6.13869 6.60299 6.26467 6.35506 6.49179C6.28897 6.55908 6.21013 6.61253 6.12316 6.64901C6.03618 6.6855 5.94281 6.70429 5.84849 6.70429C5.75417 6.70429 5.66079 6.6855 5.57382 6.64901C5.48684 6.61253 5.40801 6.55908 5.34192 6.49179C5.09421 6.2646 4.77032 6.13856 4.4342 6.13856C4.09809 6.13856 3.7742 6.2646 3.52649 6.49179C3.46082 6.55935 3.3822 6.61296 3.29532 6.64942C3.20844 6.68587 3.1151 6.70441 3.02088 6.70393C2.93563 6.70393 2.85388 6.73779 2.7936 6.79807C2.73332 6.85835 2.69945 6.94011 2.69945 7.02536C2.69945 7.11061 2.73332 7.19236 2.7936 7.25264C2.85388 7.31292 2.93563 7.34679 3.02088 7.34679C3.35752 7.3498 3.68242 7.2232 3.92827 6.99321C3.99428 6.926 4.07301 6.87261 4.15988 6.83617C4.24674 6.79972 4.34 6.78095 4.4342 6.78095C4.5284 6.78095 4.62166 6.79972 4.70853 6.83617C4.79539 6.87261 4.87413 6.926 4.94013 6.99321C5.18801 7.22031 5.51199 7.34628 5.84817 7.34628C6.18434 7.34628 6.50832 7.22031 6.7562 6.99321C6.8224 6.92593 6.90132 6.8725 6.98837 6.83603C7.07543 6.79955 7.16887 6.78077 7.26325 6.78077C7.35764 6.78077 7.45108 6.79955 7.53813 6.83603C7.62519 6.8725 7.70411 6.92593 7.77031 6.99321C8.01653 7.22326 8.34171 7.34995 8.67866 7.34711C8.76391 7.34711 8.84567 7.31324 8.90595 7.25296C8.96623 7.19268 9.00009 7.11093 9.00009 7.02568C9.00009 6.94043 8.96623 6.85867 8.90595 6.7984C8.84567 6.73812 8.76391 6.70425 8.67866 6.70425ZM7.55366 4.1714C7.93728 4.1714 8.30518 4.01901 8.57644 3.74775C8.8477 3.47649 9.00009 3.10859 9.00009 2.72497C9.00009 2.02972 8.00784 0.699972 7.80888 0.440258C7.77759 0.403016 7.73853 0.373072 7.69444 0.352529C7.65035 0.331985 7.6023 0.32134 7.55366 0.32134C7.50502 0.32134 7.45697 0.331985 7.41288 0.352529C7.3688 0.373072 7.32974 0.403016 7.29845 0.440258C7.09949 0.699972 6.10724 2.02972 6.10724 2.72497C6.10724 3.10859 6.25963 3.47649 6.53089 3.74775C6.80214 4.01901 7.17005 4.1714 7.55366 4.1714ZM7.55366 1.18211C7.94452 1.73947 8.35723 2.43568 8.35723 2.72497C8.35723 2.93809 8.27257 3.14248 8.12187 3.29318C7.97117 3.44388 7.76678 3.52854 7.55366 3.52854C7.34054 3.52854 7.13615 3.44388 6.98545 3.29318C6.83475 3.14248 6.75009 2.93809 6.75009 2.72497C6.75009 2.43568 7.16281 1.73947 7.55366 1.18211Z" fill="#636363"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

public/icons/i_meets.svg
+3
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

public/icons/i_payouts.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="23" height="28" viewBox="0 0 23 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.7592 6.748V4.48H12.3192C13.8648 4.48 15.1192 3.2256 15.1192 1.68V0.56C15.1192 0.252 14.8672 0 14.5592 0H13.4392C12.5208 0 11.7088 0.4536 11.1992 1.1368C10.9412 0.784854 10.604 0.498563 10.2148 0.301076C9.8257 0.10359 9.39555 0.000450893 8.95917 0H7.83917C7.53117 0 7.27917 0.252 7.27917 0.56V1.68C7.27917 3.2256 8.53357 4.48 10.0792 4.48H10.6392V6.748C7.81117 7.028 5.59917 9.4192 5.59917 12.32C5.59917 15.4056 8.11357 17.92 11.1992 17.92C14.2848 17.92 16.7992 15.4056 16.7992 12.32C16.7992 9.4192 14.5872 7.028 11.7592 6.748ZM10.712 11.452L12.1848 12.1912C12.6104 12.404 12.8792 12.8352 12.8792 13.3112C12.8792 13.9552 12.3864 14.4816 11.7592 14.5488V15.12C11.7592 15.428 11.5072 15.68 11.1992 15.68C10.8912 15.68 10.6392 15.428 10.6392 15.12V14.56H10.0792C9.77117 14.56 9.51917 14.308 9.51917 14C9.51917 13.692 9.77117 13.44 10.0792 13.44H11.6248C11.6976 13.44 11.7592 13.3784 11.7592 13.3056C11.7592 13.2552 11.7312 13.2104 11.6864 13.188L10.2136 12.4488C10.005 12.3453 9.82955 12.1856 9.70687 11.9877C9.58418 11.7898 9.51918 11.5616 9.51917 11.3288C9.51917 10.6848 10.012 10.1584 10.6392 10.0912V9.52C10.6392 9.212 10.8912 8.96 11.1992 8.96C11.5072 8.96 11.7592 9.212 11.7592 9.52V10.08H12.3192C12.6272 10.08 12.8792 10.332 12.8792 10.64C12.8792 10.948 12.6272 11.2 12.3192 11.2H10.7736C10.7008 11.2 10.6392 11.2616 10.6392 11.3344C10.6392 11.3848 10.6672 11.4296 10.712 11.452ZM13.9992 24.08H12.8792V19.6C12.8792 19.292 12.6272 19.04 12.3192 19.04H10.0792C9.77117 19.04 9.51917 19.292 9.51917 19.6V24.08H8.39917C8.17517 24.08 7.96797 24.2144 7.88397 24.4272C7.79437 24.6344 7.84477 24.8752 8.00717 25.0376L10.8072 27.8376C10.9192 27.9496 11.0592 28 11.2048 28C11.3504 28 11.4904 27.944 11.6024 27.8376L14.4024 25.0376C14.5648 24.8752 14.6096 24.6344 14.5256 24.4272C14.4416 24.22 14.2344 24.08 14.0104 24.08H13.9992ZM22.3544 24.4272C22.2704 24.22 22.0632 24.08 21.8392 24.08H20.7192V19.6C20.7192 19.292 20.4672 19.04 20.1592 19.04H17.9192C17.6112 19.04 17.3592 19.292 17.3592 19.6V24.08H16.2392C16.0152 24.08 15.808 24.2144 15.724 24.4272C15.6344 24.6344 15.6848 24.8752 15.8472 25.0376L18.6472 27.8376C18.7592 27.9496 18.8992 28 19.0448 28C19.1904 28 19.3304 27.944 19.4424 27.8376L22.2424 25.0376C22.4048 24.8752 22.4496 24.6344 22.3656 24.4272H22.3544ZM6.15917 24.08H5.03917V19.6C5.03917 19.292 4.78717 19.04 4.47917 19.04H2.23917C1.93117 19.04 1.67917 19.292 1.67917 19.6V24.08H0.559173C0.335173 24.08 0.127973 24.2144 0.0439726 24.4272C-0.0456274 24.6344 0.00477271 24.8752 0.167173 25.0376L2.96717 27.8376C3.07917 27.9496 3.21917 28 3.36477 28C3.51037 28 3.65037 27.944 3.76237 27.8376L6.56237 25.0376C6.72477 24.8752 6.76957 24.6344 6.68557 24.4272C6.60157 24.22 6.39437 24.08 6.17037 24.08H6.15917Z" fill="#FDA913"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

public/icons/i_revenue.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="22" height="25" viewBox="0 0 22 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.17161 24.6629C11.1257 24.6629 14.3423 21.4458 14.3423 17.4917C14.3423 13.5376 11.1252 10.321 7.17161 10.321C3.21797 10.321 0 13.5376 0 17.4917C0 21.4458 3.21753 24.6629 7.17161 24.6629ZM7.62358 17.9322H6.71876C5.56725 17.9322 4.63027 16.9953 4.63027 15.8437C4.63027 14.6922 5.56725 13.7548 6.71876 13.7548H6.73197V12.6993C6.73197 12.5825 6.77839 12.4705 6.861 12.3878C6.94361 12.3052 7.05566 12.2588 7.17249 12.2588C7.28932 12.2588 7.40137 12.3052 7.48398 12.3878C7.5666 12.4705 7.61301 12.5825 7.61301 12.6993V13.7548H7.62314C8.17698 13.7554 8.70797 13.9757 9.09959 14.3673C9.49122 14.7589 9.71149 15.2899 9.71207 15.8437C9.71207 15.9606 9.66566 16.0726 9.58305 16.1552C9.50043 16.2379 9.38839 16.2843 9.27155 16.2843C9.15472 16.2843 9.04267 16.2379 8.96006 16.1552C8.87745 16.0726 8.83104 15.9606 8.83104 15.8437C8.83069 15.5235 8.70331 15.2165 8.47687 14.99C8.25042 14.7636 7.94339 14.6362 7.62314 14.6358H7.18086C7.17778 14.6358 7.17558 14.6376 7.17249 14.6376C7.16941 14.6376 7.1672 14.6358 7.16412 14.6358H6.71876C6.0527 14.6358 5.5113 15.1777 5.5113 15.8437C5.5113 16.5098 6.0527 17.0512 6.71876 17.0512H7.62358C8.77553 17.0512 9.71251 17.9882 9.71251 19.1401C9.71251 20.2921 8.77553 21.2291 7.62358 21.2291H7.61345V22.2876C7.61345 22.4045 7.56704 22.5165 7.48442 22.5991C7.40181 22.6817 7.28976 22.7281 7.17293 22.7281C7.0561 22.7281 6.94405 22.6817 6.86144 22.5991C6.77883 22.5165 6.73242 22.4045 6.73242 22.2876V21.2291H6.7192C6.16544 21.2284 5.63456 21.008 5.24303 20.6164C4.8515 20.2248 4.63129 19.6939 4.63071 19.1401C4.63071 19.0233 4.67712 18.9113 4.75973 18.8286C4.84235 18.746 4.95439 18.6996 5.07123 18.6996C5.18806 18.6996 5.30011 18.746 5.38272 18.8286C5.46533 18.9113 5.51174 19.0233 5.51174 19.1401C5.51198 19.4603 5.63925 19.7674 5.86563 19.9938C6.09201 20.2203 6.39899 20.3477 6.7192 20.348H7.62402C8.29008 20.348 8.83192 19.8062 8.83192 19.1401C8.83192 18.4741 8.28964 17.9322 7.62358 17.9322Z" fill="#FDA913"/>
<path d="M8.00865 7.92324H10.8015C10.9184 7.92324 11.0304 7.96965 11.113 8.05227C11.1956 8.13488 11.242 8.24693 11.242 8.36376V10.5562C13.6199 11.9575 15.2234 14.5376 15.2234 17.4917C15.2234 19.1895 14.6922 20.7639 13.7918 22.0638H18.0172C18.1872 22.0638 18.3255 21.9237 18.3255 21.7511V8.36376C18.3255 8.24693 18.372 8.13488 18.4546 8.05227C18.5372 7.96965 18.6492 7.92324 18.7661 7.92324H21.5589C21.8277 7.92324 21.936 7.71796 21.9629 7.65541C21.9981 7.57592 22.0087 7.48767 21.9931 7.40212C21.9776 7.31657 21.9366 7.23767 21.8757 7.17568L15.101 0.127419C14.9358 -0.041739 14.6301 -0.0439415 14.4605 0.129622L7.69192 7.17568C7.5047 7.37039 7.57826 7.59197 7.60514 7.65497C7.63245 7.71796 7.74037 7.92324 8.00909 7.92324H8.00865Z" fill="#FDA913"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

public/icons/i_search.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.4099 16.0704C17.701 15.4725 17.1315 14.7268 16.741 13.8856C16.3505 13.0445 16.1486 12.1281 16.1494 11.2008V8.55164C16.1494 5.20795 13.6656 2.44007 10.4483 1.97638V0.950183C10.4483 0.698178 10.3482 0.456496 10.17 0.278302C9.99179 0.100108 9.75011 0 9.4981 0C9.2461 0 9.00442 0.100108 8.82622 0.278302C8.64803 0.456496 8.54792 0.698178 8.54792 0.950183V1.97638C5.32965 2.44007 2.84683 5.20795 2.84683 8.55164V11.2008C2.84719 12.13 2.64428 13.0481 2.25231 13.8906C1.86034 14.7332 1.28881 15.4797 0.577789 16.078C0.320821 16.2996 0.137668 16.5943 0.0528563 16.9228C-0.0319553 17.2513 -0.014376 17.5978 0.10324 17.9161C0.220856 18.2343 0.432893 18.509 0.710957 18.7034C0.98902 18.8977 1.31983 19.0025 1.6591 19.0037H17.3371C18.254 19.0037 18.9999 18.2578 18.9999 17.3408C18.9999 16.8543 18.788 16.3944 18.4099 16.0704ZM9.4981 22.8044C10.3191 22.8033 11.1146 22.5191 11.7505 21.9999C12.3864 21.4806 12.8238 20.758 12.9891 19.9538H6.00713C6.17238 20.758 6.60982 21.4806 7.24573 21.9999C7.88164 22.5191 8.67713 22.8033 9.4981 22.8044Z" fill="#666666"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

public/icons/i_theme.svg
+15
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 2.2 MiB

public/icons/i_vendor.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.41814 0H19.3451C20.6751 0 21.7632 1.08816 21.7632 2.41814V20.796C21.7632 22.4887 20.0705 23.6977 18.4987 23.0932L16.5642 22.3678C15.9597 22.1259 15.3552 22.1259 14.7506 22.4887L11.8489 23.8186C11.2443 24.0604 10.5189 24.0604 9.91435 23.8186L7.01259 22.4887C6.40806 22.2468 5.80353 22.2468 5.19899 22.3678L3.26448 22.9723C1.69269 23.5768 0 22.3678 0 20.796V2.41814C0 1.08816 1.08816 0 2.41814 0ZM16.9269 7.01259C17.4106 7.01259 17.8942 6.64987 17.8942 6.04534C17.8942 5.4408 17.4106 5.07808 16.9269 5.07808H4.83627C4.35264 5.07808 3.86902 5.56171 3.86902 6.04534C3.86902 6.52897 4.35264 7.01259 4.83627 7.01259H16.9269ZM17.8942 10.8816C17.8942 11.3652 17.5315 11.8489 16.9269 11.8489H4.83627C4.35264 11.8489 3.86902 11.4861 3.86902 10.8816C3.86902 10.2771 4.23174 9.91435 4.83627 9.91435H16.9269C17.4106 9.91435 17.8942 10.398 17.8942 10.8816ZM10.8816 16.6851C11.3652 16.6851 11.8489 16.3224 11.8489 15.7179C11.8489 15.1133 11.4861 14.7506 10.8816 14.7506H4.83627C4.35264 14.7506 3.86902 15.1133 3.86902 15.7179C3.86902 16.3224 4.23174 16.6851 4.83627 16.6851H10.8816Z" fill="#09B9C6"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

public/icons/i_wind.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.56253 1.49997C8.63252 1.49997 7.87502 2.25747 7.87502 3.18747C7.87502 3.39372 8.04377 3.56247 8.25002 3.56247C8.45627 3.56247 8.62502 3.39372 8.62502 3.18747C8.62502 2.93883 8.7238 2.70038 8.89961 2.52456C9.07543 2.34874 9.31389 2.24997 9.56253 2.24997C9.81117 2.24997 10.0496 2.34874 10.2254 2.52456C10.4013 2.70038 10.5 2.93883 10.5 3.18747C10.5 3.43611 10.4013 3.67457 10.2254 3.85039C10.0496 4.0262 9.81117 4.12498 9.56253 4.12498H0.375001C0.16875 4.12498 0 4.29373 0 4.49998C0 4.70623 0.16875 4.87498 0.375001 4.87498H9.56253C10.4925 4.87498 11.25 4.11748 11.25 3.18747C11.25 2.25747 10.4925 1.49997 9.56253 1.49997Z" fill="white" fill-opacity="0.39"/>
<path d="M2.62517 3.37501H5.81268C6.74268 3.37501 7.50018 2.61751 7.50018 1.6875C7.50018 0.757502 6.74268 0 5.81268 0C4.88267 0 4.12517 0.757502 4.12517 1.6875C4.12517 1.89376 4.29392 2.06251 4.50017 2.06251C4.70642 2.06251 4.87517 1.89376 4.87517 1.6875C4.87517 1.43886 4.97395 1.20041 5.14976 1.02459C5.32558 0.848774 5.56403 0.750002 5.81268 0.750002C6.06132 0.750002 6.29977 0.848774 6.47559 1.02459C6.65141 1.20041 6.75018 1.43886 6.75018 1.6875C6.75018 1.93615 6.65141 2.1746 6.47559 2.35042C6.29977 2.52624 6.06132 2.62501 5.81268 2.62501H2.62517C2.41892 2.62501 2.25017 2.79376 2.25017 3.00001C2.25017 3.20626 2.41892 3.37501 2.62517 3.37501ZM7.68768 5.62502H1.50016C1.29391 5.62502 1.12516 5.79377 1.12516 6.00002C1.12516 6.20627 1.29391 6.37502 1.50016 6.37502H7.68768C7.93632 6.37502 8.17478 6.47379 8.35059 6.64961C8.52641 6.82542 8.62518 7.06388 8.62518 7.31252C8.62518 7.56116 8.52641 7.79962 8.35059 7.97544C8.17478 8.15125 7.93632 8.25002 7.68768 8.25002C7.43904 8.25002 7.20058 8.15125 7.02477 7.97544C6.84895 7.79962 6.75018 7.56116 6.75018 7.31252C6.75018 7.10627 6.58143 6.93752 6.37518 6.93752C6.16893 6.93752 6.00018 7.10627 6.00018 7.31252C6.00018 8.24252 6.75768 9.00003 7.68768 9.00003C8.61768 9.00003 9.37519 8.24252 9.37519 7.31252C9.37519 6.38252 8.61768 5.62502 7.68768 5.62502Z" fill="white" fill-opacity="0.39"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

public/icons/leaderboard.svg
+17
View File
@@ -0,0 +1,17 @@
<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_8722_1268)">
<path d="M19.2236 17.0263L18.8732 19.0696C18.856 19.17 18.8672 19.2732 18.9056 19.3675C18.9439 19.4618 19.0079 19.5435 19.0903 19.6034C19.1727 19.6633 19.2702 19.6989 19.3717 19.7063C19.4733 19.7136 19.5749 19.6924 19.665 19.645L21.5 18.6803L23.335 19.645C23.4133 19.6862 23.5004 19.7077 23.5889 19.7077H23.5905C23.8915 19.7073 24.1353 19.4631 24.1353 19.162C24.1353 19.1201 24.1307 19.0793 24.1217 19.0401L23.7764 17.0263L25.2609 15.5791C25.3339 15.5081 25.3854 15.418 25.4098 15.3192C25.4343 15.2203 25.4305 15.1166 25.399 15.0198C25.3676 14.923 25.3096 14.8369 25.2318 14.7713C25.1539 14.7057 25.0593 14.6631 24.9585 14.6485L22.907 14.3503L21.9894 12.491C21.9443 12.3998 21.8746 12.3229 21.7881 12.2692C21.7016 12.2155 21.6019 12.187 21.5001 12.187C21.3983 12.187 21.2985 12.2155 21.212 12.2692C21.1256 12.3229 21.0558 12.3998 21.0107 12.491L20.0932 14.3502L18.0415 14.6483C17.9407 14.663 17.8461 14.7056 17.7683 14.7712C17.6904 14.8368 17.6325 14.9229 17.6011 15.0198C17.5696 15.1166 17.5659 15.2203 17.5902 15.3191C17.6146 15.418 17.6662 15.508 17.7391 15.5791L19.2236 17.0263ZM20.534 15.3891C20.6215 15.3764 20.7047 15.3425 20.7762 15.2905C20.8478 15.2385 20.9056 15.1699 20.9448 15.0905L21.5 13.9657L22.0552 15.0905C22.0944 15.1699 22.1523 15.2385 22.2239 15.2905C22.2955 15.3425 22.3786 15.3764 22.4662 15.3891L23.7076 15.5694L22.8092 16.4451C22.7458 16.5068 22.6985 16.583 22.6711 16.6671C22.6438 16.7513 22.6374 16.8408 22.6523 16.928L22.8644 18.1644L21.7539 17.5807C21.6756 17.5395 21.5885 17.518 21.5001 17.518C21.4116 17.518 21.3245 17.5395 21.2462 17.5807L20.1358 18.1644L20.3478 16.9281C20.3628 16.8409 20.3563 16.7514 20.329 16.6672C20.3017 16.5831 20.2543 16.5069 20.1909 16.4451L19.2925 15.5694L20.534 15.3891ZM28.806 24.4611H26.4681C26.1496 24.4608 25.8356 24.5369 25.5525 24.6831V22.961C25.5525 21.8545 24.6523 20.9542 23.5457 20.9542H19.4543C18.3477 20.9542 17.4473 21.8545 17.4473 22.961V23.2218C17.1643 23.0758 16.8504 22.9997 16.5319 23H14.194C13.0873 22.9998 12.187 23.9002 12.187 25.0068V30.2672C12.187 30.5685 12.4313 30.8127 12.7327 30.8127H30.2673C30.5687 30.8127 30.813 30.5685 30.813 30.2672V26.468C30.813 25.3614 29.9127 24.4611 28.806 24.4611ZM13.2784 25.0068C13.2784 24.502 13.6891 24.0912 14.194 24.0912H16.5319C17.0366 24.0912 17.4473 24.502 17.4473 25.0068V29.7215H13.2784V25.0068ZM18.5387 25.0068V22.961C18.5387 22.4563 18.9495 22.0456 19.4543 22.0456H23.5457C24.0505 22.0456 24.4612 22.4563 24.4612 22.961V29.7215H18.5387V25.0068ZM29.7216 29.7215H25.5525V26.468C25.5525 25.9631 25.9632 25.5524 26.4681 25.5524H28.806C29.3109 25.5524 29.7216 25.9631 29.7216 26.468V29.7215Z" fill="#EAEAEA"/>
</g>
<defs>
<filter id="filter0_d_8722_1268" x="2.57725e-05" y="2.57725e-05" width="42.9999" height="43.3733" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1268"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1268" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

public/icons/leads.svg
+19
View File
@@ -0,0 +1,19 @@
<svg width="42" height="44" viewBox="0 0 42 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_8722_1228)">
<path d="M16.9975 21.7499H20.9995C21.5768 21.7486 22.1439 21.9019 22.6418 22.194C23.1398 22.4861 23.5504 22.9062 23.831 23.4107C23.9276 23.5794 24.0866 23.7033 24.2738 23.7557C24.461 23.8081 24.6613 23.7848 24.8315 23.6908C24.9999 23.5941 25.1243 23.4357 25.1784 23.2491C25.2325 23.0625 25.2122 22.8622 25.1216 22.6903C24.4992 21.5923 23.4665 20.7862 22.2502 20.4492C22.9409 19.7955 23.4197 18.9495 23.6244 18.0207C23.8292 17.0919 23.7506 16.1231 23.3988 15.2395C23.0469 14.3559 22.4381 13.5982 21.651 13.0643C20.8638 12.5305 19.9346 12.2451 18.9835 12.2451C18.0325 12.2451 17.1033 12.5305 16.3161 13.0643C15.529 13.5982 14.9201 14.3559 14.5683 15.2395C14.2165 16.1231 14.1378 17.0919 14.3426 18.0207C14.5474 18.9495 15.0261 19.7955 15.7169 20.4492C14.7221 20.7276 13.8451 21.3225 13.2186 22.1439C12.5922 22.9653 12.2505 23.9685 12.2452 25.0015V30.004C12.2478 30.4675 12.4331 30.9113 12.7609 31.2391C13.0887 31.5669 13.5325 31.7522 13.996 31.7549H24.001C24.2094 31.755 24.4161 31.7177 24.6113 31.6448C24.7044 31.6068 24.7887 31.5503 24.8592 31.4787C24.9296 31.4071 24.9848 31.3219 25.0213 31.2283C25.0578 31.1347 25.0749 31.0347 25.0715 30.9343C25.0681 30.8339 25.0443 30.7352 25.0015 30.6443C24.922 30.4582 24.7726 30.3109 24.5854 30.2342C24.3981 30.1574 24.1883 30.1574 24.001 30.2341H13.996C13.933 30.2343 13.8723 30.2107 13.8259 30.168C13.7795 30.1254 13.751 30.0668 13.7459 30.004V25.0015C13.7486 24.1399 14.092 23.3144 14.7012 22.7051C15.3104 22.0959 16.136 21.7525 16.9975 21.7499ZM18.9985 13.7459C19.6417 13.7459 20.2703 13.9366 20.805 14.2939C21.3398 14.6511 21.7565 15.159 22.0026 15.7531C22.2488 16.3473 22.3132 17.0011 22.1877 17.6318C22.0622 18.2626 21.7525 18.842 21.2978 19.2967C20.843 19.7515 20.2637 20.0612 19.6329 20.1866C19.0021 20.3121 18.3484 20.2477 17.7542 20.0016C17.16 19.7555 16.6522 19.3387 16.2949 18.804C15.9376 18.2693 15.7469 17.6406 15.7469 16.9975C15.7496 16.1359 16.093 15.3104 16.7022 14.7011C17.3114 14.0919 18.137 13.7485 18.9985 13.7459Z" fill="#EAEAEA"/>
<path d="M25.0016 31.7548C24.0617 31.7548 23.1428 31.4761 22.3613 30.9539C21.5798 30.4317 20.9707 29.6895 20.611 28.8211C20.2513 27.9527 20.1572 26.9972 20.3405 26.0753C20.5239 25.1534 20.9765 24.3067 21.6412 23.642C22.3058 22.9774 23.1526 22.5248 24.0745 22.3414C24.9963 22.158 25.9519 22.2521 26.8203 22.6118C27.6886 22.9715 28.4309 23.5807 28.9531 24.3622C29.4753 25.1437 29.754 26.0625 29.754 27.0025C29.754 28.2629 29.2533 29.4717 28.362 30.3629C27.4708 31.2541 26.262 31.7548 25.0016 31.7548ZM25.0016 23.7508C24.3585 23.7508 23.7298 23.9415 23.1951 24.2988C22.6604 24.6561 22.2436 25.164 21.9975 25.7581C21.7514 26.3523 21.687 27.0061 21.8125 27.6368C21.9379 28.2676 22.2476 28.847 22.7024 29.3017C23.1571 29.7565 23.7365 30.0661 24.3672 30.1916C24.998 30.3171 25.6518 30.2527 26.2459 30.0066C26.8401 29.7605 27.3479 29.3437 27.7052 28.809C28.0625 28.2742 28.2532 27.6456 28.2532 27.0025C28.2506 26.1409 27.9072 25.3154 27.2979 24.7061C26.6887 24.0969 25.8632 23.7535 25.0016 23.7508Z" fill="#EAEAEA"/>
<path d="M25.0017 24.5012L25.732 25.9819L27.3728 26.2221L26.1822 27.3726L26.4624 29.0034L25.0017 28.2331L23.5409 29.0034L23.8211 27.3726L22.6305 26.2221L24.2713 25.9819L25.0017 24.5012Z" fill="#EAEAEA"/>
</g>
<defs>
<filter id="filter0_d_8722_1228" x="-0.85895" y="-4.79545e-06" width="42.858" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1228"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1228" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

public/icons/owners.svg
+19
View File
@@ -0,0 +1,19 @@
<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_8722_1197)">
<path d="M25.0365 15.5245C25.2047 15.5245 25.366 15.4577 25.4849 15.3388C25.6038 15.2199 25.6707 15.0586 25.6707 14.8904C25.6707 14.7222 25.6038 14.5609 25.4849 14.442C25.366 14.3231 25.2047 14.2563 25.0365 14.2563H22.462C20.9088 14.2563 19.6921 14.2563 18.7257 14.3611C17.7406 14.4676 16.9416 14.6892 16.2602 15.1846C15.8475 15.4845 15.4845 15.8474 15.1847 16.2601C14.6892 16.9424 14.4677 17.7398 14.3611 18.7256C14.2563 19.692 14.2563 20.9087 14.2563 22.4619V22.538C14.2563 24.0912 14.2563 25.3079 14.3611 26.2735C14.4677 27.2593 14.6892 28.0575 15.1847 28.7398C15.4845 29.1525 15.8475 29.5155 16.2602 29.8153C16.9425 30.3108 17.7398 30.5323 18.7257 30.6388C19.6921 30.7437 20.9088 30.7437 22.462 30.7437H22.538C24.0912 30.7437 25.3079 30.7437 26.2743 30.6388C27.2594 30.5323 28.0584 30.3108 28.7398 29.8153C29.1526 29.5155 29.5155 29.1525 29.8153 28.7398C30.3108 28.0575 30.5323 27.2602 30.6389 26.2743C30.7437 25.3079 30.7437 24.0912 30.7437 22.538V19.9634C30.7437 19.7953 30.6769 19.634 30.558 19.515C30.439 19.3961 30.2778 19.3293 30.1096 19.3293C29.9414 19.3293 29.7801 19.3961 29.6612 19.515C29.5422 19.634 29.4754 19.7953 29.4754 19.9634V22.5C29.4754 24.0997 29.4746 25.2479 29.3782 26.1373C29.2827 27.015 29.1009 27.5646 28.7889 27.9941C28.5674 28.2985 28.2985 28.5673 27.9941 28.7889C27.5646 29.1017 27.015 29.2835 26.1374 29.3782C25.2479 29.4746 24.0997 29.4754 22.5 29.4754C20.9003 29.4754 19.7521 29.4746 18.8626 29.3782C17.985 29.2826 17.4354 29.1008 17.0059 28.7889C16.7009 28.5673 16.4327 28.2991 16.2111 27.9941C15.8983 27.5646 15.7165 27.015 15.6218 26.1373C15.5254 25.2479 15.5246 24.0997 15.5246 22.5C15.5246 20.9003 15.5254 19.7521 15.6218 18.8626C15.7165 17.985 15.8991 17.4354 16.2111 17.0059C16.4326 16.7015 16.7015 16.4326 17.0059 16.2111C17.4354 15.8982 17.985 15.7165 18.8626 15.6218C19.7521 15.5254 20.9003 15.5245 22.5 15.5245H25.0365Z" fill="#EAEAEA"/>
<path d="M17.7035 24.6366C17.6363 24.7866 17.6299 24.9568 17.6858 25.1114C17.7417 25.266 17.8554 25.3929 18.003 25.4653C18.1506 25.5377 18.3205 25.5499 18.477 25.4994C18.6334 25.4489 18.7641 25.3396 18.8415 25.1946L20.076 22.6775C20.459 21.898 21.5844 21.936 21.9133 22.7401C22.6565 24.5571 25.1972 24.6425 26.0622 22.8804L27.2966 20.3634C27.3639 20.2134 27.3702 20.0431 27.3143 19.8885C27.2585 19.7339 27.1447 19.607 26.9971 19.5347C26.8495 19.4623 26.6796 19.4501 26.5232 19.5006C26.3667 19.551 26.236 19.6603 26.1586 19.8053L24.9241 22.3224C24.5411 23.102 23.4157 23.0639 23.0868 22.2598C22.3436 20.4429 19.8029 20.3575 18.9379 22.1195L17.7035 24.6366Z" fill="#EAEAEA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M27.1503 15.7359C27.1503 16.2965 27.373 16.8342 27.7694 17.2306C28.1659 17.627 28.7035 17.8497 29.2641 17.8497C29.8247 17.8497 30.3624 17.627 30.7588 17.2306C31.1552 16.8342 31.3779 16.2965 31.3779 15.7359C31.3779 15.1753 31.1552 14.6377 30.7588 14.2412C30.3624 13.8448 29.8247 13.6221 29.2641 13.6221C28.7035 13.6221 28.1659 13.8448 27.7694 14.2412C27.373 14.6377 27.1503 15.1753 27.1503 15.7359ZM28.4186 15.7359C28.4186 15.9602 28.5077 16.1752 28.6662 16.3338C28.8248 16.4923 29.0399 16.5814 29.2641 16.5814C29.4883 16.5814 29.7034 16.4923 29.862 16.3338C30.0205 16.1752 30.1096 15.9602 30.1096 15.7359C30.1096 15.5117 30.0205 15.2966 29.862 15.138C29.7034 14.9795 29.4883 14.8904 29.2641 14.8904C29.0399 14.8904 28.8248 14.9795 28.6662 15.138C28.5077 15.2966 28.4186 15.5117 28.4186 15.7359Z" fill="#EAEAEA"/>
</g>
<defs>
<filter id="filter0_d_8722_1197" x="2.61254e-05" y="-4.83803e-06" width="44.9999" height="44.9999" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1197"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1197" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

public/icons/people.svg
+17
View File
@@ -0,0 +1,17 @@
<svg width="45" height="41" viewBox="0 0 45 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_8722_1296)">
<path d="M19.6917 21.7504C18.829 21.7504 17.9856 21.4946 17.2683 21.0153C16.551 20.536 15.9919 19.8548 15.6618 19.0577C15.3317 18.2607 15.2453 17.3837 15.4136 16.5375C15.5819 15.6914 15.9973 14.9142 16.6073 14.3042C17.2174 13.6941 17.9946 13.2787 18.8407 13.1104C19.6868 12.9421 20.5639 13.0285 21.3609 13.3586C22.1579 13.6888 22.8392 14.2478 23.3185 14.9651C23.7978 15.6825 24.0536 16.5258 24.0536 17.3885C24.0523 18.545 23.5924 19.6537 22.7746 20.4715C21.9569 21.2892 20.8482 21.7492 19.6917 21.7504ZM19.6917 14.4406C19.1087 14.4406 18.5387 14.6135 18.0539 14.9375C17.5692 15.2614 17.1913 15.7218 16.9682 16.2604C16.7451 16.7991 16.6867 17.3918 16.8005 17.9636C16.9142 18.5354 17.195 19.0607 17.6072 19.4729C18.0195 19.8852 18.5448 20.166 19.1166 20.2797C19.6884 20.3934 20.2811 20.3351 20.8198 20.112C21.3584 19.8888 21.8188 19.511 22.1427 19.0262C22.4666 18.5415 22.6395 17.9715 22.6395 17.3885C22.639 16.6067 22.3283 15.8571 21.7756 15.3043C21.2229 14.7514 20.4734 14.4405 19.6917 14.4397V14.4406ZM26.2708 28.3701C26.1155 28.3701 25.9645 28.319 25.8411 28.2246C25.7178 28.1302 25.6289 27.9978 25.5883 27.8478L24.8785 25.2299C24.7558 24.7809 24.4892 24.3844 24.1195 24.1016C23.7497 23.8187 23.2974 23.665 22.8318 23.6641H16.5119C16.0465 23.6649 15.5943 23.8185 15.2245 24.1012C14.8548 24.3839 14.5881 24.7801 14.4653 25.229L13.7555 27.8478C13.7311 27.9375 13.6894 28.0214 13.6326 28.0949C13.5758 28.1684 13.5051 28.23 13.4246 28.2762C13.344 28.3224 13.2551 28.3522 13.163 28.3641C13.0709 28.3759 12.9773 28.3694 12.8877 28.3451C12.7981 28.3208 12.7141 28.2791 12.6406 28.2223C12.5671 28.1655 12.5055 28.0948 12.4593 28.0142C12.4132 27.9337 12.3833 27.8448 12.3715 27.7526C12.3596 27.6605 12.3661 27.567 12.3904 27.4774L13.1012 24.8595C13.3054 24.111 13.7498 23.4503 14.366 22.9789C14.9822 22.5074 15.7361 22.2514 16.5119 22.25H22.8318C23.6077 22.2514 24.3616 22.5074 24.9778 22.9789C25.594 23.4503 26.0383 24.111 26.2426 24.8595L26.9534 27.4774C26.9776 27.567 26.984 27.6605 26.9721 27.7526C26.9603 27.8447 26.9304 27.9336 26.8841 28.0141C26.8379 28.0946 26.7763 28.1653 26.7028 28.222C26.6292 28.2787 26.5452 28.3204 26.4556 28.3447C26.3954 28.3614 26.3333 28.3699 26.2708 28.3701ZM26.3368 19.9923C25.9648 19.992 25.5948 19.9374 25.2386 19.8301C25.0653 19.7712 24.9215 19.6474 24.8376 19.4848C24.7537 19.3221 24.7362 19.1332 24.7887 18.9578C24.8412 18.7825 24.9597 18.6343 25.1192 18.5445C25.2787 18.4548 25.4668 18.4303 25.6439 18.4764C25.9735 18.5746 26.3203 18.6008 26.6608 18.5532C27.0014 18.5056 27.3277 18.3854 27.6177 18.2006C27.9077 18.0158 28.1546 17.7708 28.3416 17.4822C28.5286 17.1937 28.6513 16.8683 28.7015 16.5281C28.7517 16.1879 28.7282 15.8409 28.6325 15.5106C28.5368 15.1803 28.3712 14.8745 28.1469 14.6138C27.9226 14.3532 27.6449 14.1438 27.3326 13.9999C27.0203 13.856 26.6807 13.7809 26.3368 13.7798C25.8112 13.7776 25.3004 13.9537 24.8879 14.2794C24.8148 14.3368 24.7312 14.3793 24.6418 14.4043C24.5523 14.4294 24.4588 14.4366 24.3666 14.4255C24.2744 14.4144 24.1853 14.3853 24.1043 14.3398C24.0233 14.2943 23.9521 14.2332 23.8947 14.1602C23.8374 14.0872 23.7949 14.0035 23.7699 13.9141C23.7448 13.8246 23.7376 13.7311 23.7487 13.6389C23.7598 13.5467 23.7889 13.4576 23.8344 13.3766C23.8799 13.2956 23.941 13.2244 24.014 13.1671C24.6753 12.6448 25.4942 12.3623 26.3368 12.3657C27.3482 12.3657 28.3181 12.7675 29.0332 13.4826C29.7483 14.1977 30.1501 15.1677 30.1501 16.179C30.1501 17.1903 29.7483 18.1603 29.0332 18.8754C28.3181 19.5905 27.3482 19.9923 26.3368 19.9923ZM31.9271 26.035C31.7692 26.0351 31.6159 25.9823 31.4915 25.885C31.3672 25.7878 31.2789 25.6518 31.2408 25.4986L30.8072 23.7546C30.6804 23.2553 30.3908 22.8126 29.984 22.4965C29.5773 22.1805 29.0767 22.0091 28.5616 22.0097H24.3854C24.1979 22.0097 24.0181 21.9352 23.8855 21.8026C23.7529 21.67 23.6784 21.4901 23.6784 21.3026C23.6784 21.1151 23.7529 20.9353 23.8855 20.8027C24.0181 20.6701 24.1979 20.5956 24.3854 20.5956H28.5616C29.3919 20.5951 30.1986 20.8717 30.8538 21.3816C31.5091 21.8915 31.9754 22.6055 32.1788 23.4105L32.6134 25.1574C32.6393 25.2616 32.6411 25.3703 32.6188 25.4753C32.5964 25.5804 32.5504 25.6789 32.4842 25.7635C32.4181 25.8481 32.3335 25.9165 32.237 25.9636C32.1405 26.0106 32.0345 26.035 31.9271 26.035Z" fill="#EAEAEA"/>
</g>
<defs>
<filter id="filter0_d_8722_1296" x="2.61504e-05" y="-1.31439" width="44.9999" height="43.2799" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1296"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1296" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

public/icons/pipeline.svg
+20
View File
@@ -0,0 +1,20 @@
<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_8722_1303)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 30.2597C22.1776 30.2597 22.3479 30.3303 22.4735 30.4559C22.5991 30.5815 22.6697 30.7518 22.6697 30.9294C22.6697 31.1071 22.5991 31.2774 22.4735 31.403C22.3479 31.5286 22.1776 31.5991 22 31.5991H14.8564C14.2054 31.5991 13.5803 31.3402 13.1196 30.8803C12.6595 30.4194 12.401 29.7948 12.4008 29.1435V14.8563C12.4008 14.2054 12.6597 13.5803 13.1196 13.1195C13.5805 12.6595 14.2051 12.401 14.8564 12.4007H22.5232C22.9376 12.4007 23.3349 12.565 23.6278 12.8588L27.5693 16.8003C27.8631 17.0932 28.0274 17.4905 28.0274 17.9049V21.107C28.0274 21.2846 27.9568 21.4549 27.8312 21.5805C27.7056 21.7061 27.5353 21.7767 27.3577 21.7767C27.18 21.7767 27.0097 21.7061 26.8841 21.5805C26.7585 21.4549 26.688 21.2846 26.688 21.107V17.9049C26.688 17.8755 26.6823 17.8465 26.6711 17.8194C26.6599 17.7922 26.6435 17.7676 26.6228 17.7468L22.6813 13.8053C22.6605 13.7846 22.6359 13.7682 22.6087 13.757C22.5816 13.7458 22.5526 13.7401 22.5232 13.7401H14.8564C14.5605 13.7406 14.2768 13.8584 14.0676 14.0676C13.8584 14.2768 13.7406 14.5604 13.7402 14.8563V29.1435C13.7406 29.4394 13.8584 29.7231 14.0676 29.9323C14.2768 30.1415 14.5605 30.2592 14.8564 30.2597H22Z" fill="#EAEAEA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.2231 13.5169C22.2231 13.3393 22.2936 13.1689 22.4192 13.0433C22.5448 12.9178 22.7152 12.8472 22.8928 12.8472C23.0704 12.8472 23.2408 12.9178 23.3664 13.0433C23.492 13.1689 23.5625 13.3393 23.5625 13.5169V16.6422C23.5625 16.7655 23.6625 16.8655 23.7857 16.8655H26.9111C27.0887 16.8655 27.259 16.936 27.3846 17.0616C27.5102 17.1872 27.5808 17.3576 27.5808 17.5352C27.5808 17.7128 27.5102 17.8831 27.3846 18.0087C27.259 18.1343 27.0887 18.2049 26.9111 18.2049H23.7857C23.3713 18.2049 22.9738 18.0403 22.6808 17.7472C22.3877 17.4541 22.2231 17.0567 22.2231 16.6422V13.5169ZM16.6421 21.3302C16.4645 21.3302 16.2942 21.2597 16.1686 21.1341C16.043 21.0085 15.9724 20.8381 15.9724 20.6605C15.9724 20.4829 16.043 20.3125 16.1686 20.187C16.2942 20.0614 16.4645 19.9908 16.6421 19.9908H23.7857C23.9634 19.9908 24.1337 20.0614 24.2593 20.187C24.3849 20.3125 24.4555 20.4829 24.4555 20.6605C24.4555 20.8381 24.3849 21.0085 24.2593 21.1341C24.1337 21.2597 23.9634 21.3302 23.7857 21.3302H16.6421ZM16.6421 24.4555C16.4645 24.4555 16.2942 24.385 16.1686 24.2594C16.043 24.1338 15.9724 23.9635 15.9724 23.7858C15.9724 23.6082 16.043 23.4379 16.1686 23.3123C16.2942 23.1867 16.4645 23.1161 16.6421 23.1161H20.6604C20.838 23.1161 21.0084 23.1867 21.134 23.3123C21.2596 23.4379 21.3301 23.6082 21.3301 23.7858C21.3301 23.9635 21.2596 24.1338 21.134 24.2594C21.0084 24.385 20.838 24.4555 20.6604 24.4555H16.6421ZM16.6421 27.5809C16.4645 27.5809 16.2942 27.5103 16.1686 27.3847C16.043 27.2591 15.9724 27.0888 15.9724 26.9112C15.9724 26.7335 16.043 26.5632 16.1686 26.4376C16.2942 26.312 16.4645 26.2414 16.6421 26.2414H20.6604C20.838 26.2414 21.0084 26.312 21.134 26.4376C21.2596 26.5632 21.3301 26.7335 21.3301 26.9112C21.3301 27.0888 21.2596 27.2591 21.134 27.3847C21.0084 27.5103 20.838 27.5809 20.6604 27.5809H16.6421Z" fill="#EAEAEA"/>
<path d="M27.2335 28.3622C27.9732 28.3622 28.5729 27.7625 28.5729 27.0228C28.5729 26.283 27.9732 25.6834 27.2335 25.6834C26.4937 25.6834 25.8941 26.283 25.8941 27.0228C25.8941 27.7625 26.4937 28.3622 27.2335 28.3622Z" fill="#EAEAEA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.6042 22.9322L28.9203 23.6956C29.0408 23.7564 29.1578 23.8242 29.2712 23.8975L30.0909 23.7903C30.2003 23.7763 30.3114 23.7894 30.4145 23.8284C30.5176 23.8675 30.6095 23.9314 30.6821 24.0144C31.0714 24.4609 31.3705 24.9797 31.5634 25.5405C31.5991 25.6449 31.6083 25.7566 31.5904 25.8655C31.5725 25.9744 31.5279 26.0771 31.4607 26.1647L30.9589 26.8201C30.966 26.9549 30.966 27.0906 30.9589 27.2246L31.4607 27.8809C31.5279 27.9684 31.5725 28.0712 31.5904 28.1801C31.6083 28.289 31.5991 28.4006 31.5634 28.5051C31.3708 29.0658 31.0715 29.584 30.6821 30.0311C30.6095 30.1141 30.5176 30.178 30.4145 30.2171C30.3114 30.2562 30.2003 30.2693 30.0909 30.2553C30.0909 30.2553 29.2712 30.1481 29.2721 30.1472C29.1589 30.2211 29.0418 30.2888 28.9212 30.3499L28.6042 31.1134C28.562 31.2153 28.4952 31.3051 28.4098 31.3749C28.3244 31.4448 28.2231 31.4923 28.1148 31.5134C27.5328 31.6277 26.9342 31.6277 26.3522 31.5134C26.2439 31.4923 26.1426 31.4448 26.0572 31.3749C25.9718 31.3051 25.905 31.2153 25.8628 31.1134L25.5467 30.3499C25.4261 30.2891 25.309 30.2218 25.1958 30.1481L24.3761 30.2553C24.2667 30.2694 24.1555 30.2563 24.0524 30.2172C23.9493 30.1781 23.8574 30.1142 23.7849 30.0311C23.3949 29.5845 23.0955 29.0662 22.9036 28.5051C22.868 28.4007 22.8587 28.2891 22.8764 28.1803C22.8942 28.0714 22.9385 27.9686 23.0054 27.8809L23.5081 27.2255C23.501 27.0907 23.501 26.9557 23.5081 26.821L23.0054 26.1647C22.9385 26.077 22.8942 25.9742 22.8764 25.8653C22.8587 25.7564 22.868 25.6449 22.9036 25.5405C23.0956 24.9797 23.3947 24.4609 23.7849 24.0144C23.8574 23.9313 23.9493 23.8674 24.0524 23.8283C24.1555 23.7892 24.2667 23.7762 24.3761 23.7903C24.3761 23.7903 25.1958 23.8975 25.1949 23.8983C25.3083 23.8242 25.4253 23.7564 25.5458 23.6956L25.8628 22.9322C25.905 22.8303 25.9718 22.7404 26.0572 22.6706C26.1426 22.6008 26.2439 22.5532 26.3522 22.5321C26.9342 22.4178 27.5328 22.4178 28.1148 22.5321C28.2231 22.5532 28.3244 22.6008 28.4098 22.6706C28.4952 22.7404 28.562 22.8303 28.6042 22.9322ZM27.513 23.7983C27.327 23.7818 27.14 23.7818 26.954 23.7983L26.6826 24.4511C26.6144 24.6149 26.484 24.745 26.32 24.8127C26.1256 24.893 25.9428 24.9987 25.7762 25.127C25.6353 25.2349 25.4575 25.2828 25.2815 25.2601L24.5806 25.1681C24.4734 25.3217 24.3796 25.4833 24.3011 25.653L24.7306 26.2138C24.8385 26.355 24.886 26.5332 24.8627 26.7094C24.835 26.9174 24.835 27.1282 24.8627 27.3362C24.886 27.5124 24.8385 27.6906 24.7306 27.8318L24.3011 28.3935C24.3796 28.5622 24.4734 28.7247 24.5806 28.8774L25.2815 28.7855C25.4575 28.7628 25.6353 28.8106 25.7762 28.9185C25.9432 29.0471 26.1254 29.1525 26.32 29.2328C26.484 29.3006 26.6144 29.4307 26.6826 29.5945L26.954 30.2472C27.1397 30.2642 27.3273 30.2642 27.513 30.2472L27.7845 29.5945C27.8526 29.4307 27.983 29.3006 28.147 29.2328C28.3408 29.1525 28.5238 29.0471 28.6908 28.9185C28.8317 28.8106 29.0095 28.7628 29.1855 28.7855L29.8865 28.8774C29.9936 28.7238 30.0874 28.5622 30.166 28.3926L29.7364 27.8318C29.6286 27.6906 29.581 27.5124 29.6043 27.3362C29.6311 27.1281 29.6311 26.9174 29.6043 26.7094C29.581 26.5332 29.6286 26.355 29.7364 26.2138L30.166 25.6521C30.0868 25.4831 29.9933 25.3211 29.8865 25.1681L29.1855 25.2601C29.0095 25.2828 28.8317 25.2349 28.6908 25.127C28.5241 24.9989 28.3413 24.8932 28.147 24.8127C27.983 24.745 27.8526 24.6149 27.7845 24.4511L27.513 23.7983Z" fill="#EAEAEA"/>
</g>
<defs>
<filter id="filter0_d_8722_1303" x="2.62244e-05" y="-4.85638e-06" width="43.9999" height="43.9999" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1303"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1303" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

public/icons/procanvas.svg
+17
View File
@@ -0,0 +1,17 @@
<svg width="39" height="43" viewBox="0 0 39 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_8722_1290)">
<path d="M26.6558 25.8261V24.1381C26.6558 23.9792 26.5926 23.8267 26.4802 23.7143C26.3678 23.6019 26.2153 23.5387 26.0563 23.5387H25.6937V15.7461C25.6937 15.5871 25.6305 15.4346 25.5181 15.3222C25.4057 15.2098 25.2532 15.1466 25.0942 15.1466H23.0364V14.0575C23.0364 13.8985 22.9732 13.746 22.8608 13.6336C22.7484 13.5212 22.5959 13.458 22.4369 13.458H20.0992V12.9437C20.0992 12.7847 20.036 12.6323 19.9236 12.5199C19.8112 12.4074 19.6587 12.3443 19.4997 12.3443C19.3407 12.3443 19.1883 12.4074 19.0759 12.5199C18.9634 12.6323 18.9003 12.7847 18.9003 12.9437V13.458H16.5625C16.4035 13.458 16.2511 13.5212 16.1386 13.6336C16.0262 13.746 15.9631 13.8985 15.9631 14.0575V15.1466H13.9052C13.7462 15.1466 13.5938 15.2098 13.4814 15.3222C13.3689 15.4346 13.3058 15.5871 13.3058 15.7461V23.5387H12.9437C12.7847 23.5387 12.6323 23.6019 12.5199 23.7143C12.4074 23.8267 12.3443 23.9792 12.3443 24.1381V25.8261C12.3443 25.9851 12.4074 26.1376 12.5199 26.25C12.6323 26.3624 12.7847 26.4256 12.9437 26.4256H14.1923L13.3274 29.569C13.3045 29.6455 13.2972 29.7258 13.3058 29.8051C13.3144 29.8845 13.3388 29.9613 13.3775 30.0311C13.4162 30.1009 13.4684 30.1623 13.5312 30.2117C13.5939 30.261 13.6659 30.2973 13.7429 30.3185C13.8198 30.3396 13.9002 30.3452 13.9794 30.3349C14.0585 30.3245 14.1348 30.2985 14.2038 30.2583C14.2727 30.2181 14.3329 30.1645 14.3809 30.1007C14.4289 30.0369 14.4636 29.9641 14.4831 29.8867L15.4356 26.425H18.9003V29.7278C18.9003 29.8868 18.9634 30.0393 19.0759 30.1517C19.1883 30.2641 19.3407 30.3273 19.4997 30.3273C19.6587 30.3273 19.8112 30.2641 19.9236 30.1517C20.036 30.0393 20.0992 29.8868 20.0992 29.7278V26.425H23.5639L24.517 29.8861C24.5354 29.9646 24.5695 30.0386 24.6171 30.1036C24.6648 30.1686 24.7251 30.2234 24.7944 30.2646C24.8638 30.3058 24.9407 30.3325 25.0206 30.3433C25.1005 30.354 25.1818 30.3486 25.2595 30.3272C25.3373 30.3058 25.4099 30.2689 25.4731 30.2188C25.5363 30.1687 25.5887 30.1064 25.6272 30.0355C25.6657 29.9647 25.6895 29.8868 25.6973 29.8065C25.705 29.7263 25.6964 29.6453 25.6721 29.5684L24.8071 26.425H26.0557C26.2147 26.425 26.3672 26.3618 26.4796 26.2494C26.592 26.137 26.6552 25.9845 26.6552 25.8255L26.6558 25.8261ZM17.1619 14.6569H21.8375V15.1466H17.1619V14.6569ZM14.5046 16.3455H24.4948V23.5387H14.5046V16.3455ZM25.4563 25.2267H13.5432V24.7376H25.4569L25.4563 25.2267Z" fill="#EAEAEA"/>
</g>
<defs>
<filter id="filter0_d_8722_1290" x="-2.25743" y="2.6105e-05" width="43.205" height="43.4384" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1290"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1290" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

public/icons/projects.svg
+29
View File
@@ -0,0 +1,29 @@
<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_8722_1253)">
<g filter="url(#filter1_d_8722_1253)">
<path d="M30.1786 20.7614L27.2324 19.2884L30.1786 17.8152C30.7056 17.5518 30.7061 16.7971 30.1786 16.5333L21.7224 12.3052C21.6228 12.2555 21.5131 12.2296 21.4018 12.2296C21.2906 12.2296 21.1809 12.2555 21.0813 12.3052L12.6251 16.5333C12.0981 16.7968 12.0976 17.5515 12.6251 17.8152L15.5712 19.2884L12.625 20.7614C12.0981 21.025 12.0975 21.7795 12.625 22.0434L15.5712 23.5165L12.6251 24.9895C12.0981 25.2531 12.0976 26.0076 12.6251 26.2715L21.0813 30.4996C21.1808 30.5493 21.2906 30.5752 21.4018 30.5752C21.5131 30.5752 21.6228 30.5493 21.7223 30.4996L30.1785 26.2715C30.7056 26.0079 30.7061 25.2534 30.1785 24.9895L27.2325 23.5165L30.1786 22.0434C30.7056 21.7799 30.7061 21.0252 30.1786 20.7614L30.1786 20.7614ZM21.4018 13.7474L28.2556 17.1743L21.4018 20.6011L14.5481 17.1743L21.4018 13.7474ZM28.2556 25.6306L21.4018 29.0574L14.5481 25.6306L17.1737 24.3177L21.0813 26.2715C21.1808 26.3212 21.2906 26.3471 21.4018 26.3471C21.5131 26.3471 21.6228 26.3212 21.7223 26.2715L25.6299 24.3177L28.2556 25.6306ZM21.4018 24.8293L14.5481 21.4024L17.1737 20.0896L21.0813 22.0434C21.1808 22.0931 21.2906 22.119 21.4018 22.119C21.5131 22.119 21.6228 22.0931 21.7223 22.0434L25.6299 20.0895L28.2556 21.4024L21.4018 24.8293Z" fill="#EAEAEA"/>
</g>
</g>
<defs>
<filter id="filter0_d_8722_1253" x="2.58625e-05" y="-4.78936e-06" width="43.4588" height="43" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1253"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1253" result="shape"/>
</filter>
<filter id="filter1_d_8722_1253" x="2.58625e-05" y="-4.78936e-06" width="42.8036" height="43" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1253"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1253" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

public/icons/schedule.svg
+18
View File
@@ -0,0 +1,18 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_8722_1214)">
<path d="M20 12.2249C18.4622 12.2249 16.959 12.6809 15.6804 13.5352C14.4018 14.3896 13.4052 15.6039 12.8167 17.0246C12.2283 18.4453 12.0743 20.0086 12.3743 21.5168C12.6743 23.0251 13.4148 24.4105 14.5022 25.4978C15.5895 26.5852 16.9749 27.3257 18.4832 27.6257C19.9914 27.9257 21.5547 27.7717 22.9754 27.1833C24.3961 26.5948 25.6104 25.5982 26.4648 24.3196C27.3191 23.041 27.7751 21.5378 27.7751 20C27.7727 17.9387 26.9527 15.9624 25.4951 14.5049C24.0376 13.0473 22.0613 12.2273 20 12.2249ZM20 26.3614C18.7418 26.3614 17.5119 25.9884 16.4658 25.2893C15.4196 24.5903 14.6043 23.5968 14.1228 22.4344C13.6413 21.272 13.5153 19.9929 13.7608 18.7589C14.0062 17.5249 14.6121 16.3914 15.5018 15.5018C16.3914 14.6121 17.5249 14.0062 18.7589 13.7608C19.9929 13.5153 21.272 13.6413 22.4344 14.1228C23.5968 14.6043 24.5903 15.4196 25.2894 16.4658C25.9884 17.5119 26.3614 18.7418 26.3614 20C26.3594 21.6865 25.6885 23.3034 24.496 24.4959C23.3034 25.6885 21.6865 26.3594 20 26.3614Z" fill="#EAEAEA"/>
<path d="M20.7068 19.7074V15.7591C20.7068 15.5716 20.6324 15.3918 20.4998 15.2593C20.3673 15.1267 20.1875 15.0522 20 15.0522C19.8126 15.0522 19.6328 15.1267 19.5002 15.2593C19.3677 15.3918 19.2932 15.5716 19.2932 15.7591V20C19.2932 20.1875 19.3677 20.3672 19.5003 20.4998L21.6208 22.6202C21.7541 22.749 21.9326 22.8202 22.118 22.8186C22.3033 22.817 22.4806 22.7427 22.6116 22.6116C22.7427 22.4806 22.817 22.3033 22.8186 22.118C22.8202 21.9326 22.749 21.7541 22.6202 21.6208L20.7068 19.7074Z" fill="#EAEAEA"/>
</g>
<defs>
<filter id="filter0_d_8722_1214" x="-1.32068" y="-1.75173" width="42.7871" height="42.787" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1214"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1214" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

public/icons/settings.svg
+18
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.5 KiB

public/icons/storm.svg
+18
View File
@@ -0,0 +1,18 @@
<svg width="42" height="43" viewBox="0 0 42 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_8722_1260)">
<path d="M24.9109 12.2572C23.7513 12.257 22.6304 12.6748 21.7539 13.434C20.8774 14.1932 20.3039 15.243 20.1387 16.3908C20.1265 16.4767 20.1331 16.5642 20.1578 16.6473C20.1826 16.7305 20.2251 16.8073 20.2823 16.8725C20.3395 16.9377 20.4101 16.9898 20.4893 17.0252C20.5685 17.0607 20.6545 17.0785 20.7412 17.0777C20.8865 17.0793 21.0276 17.0284 21.1383 16.9343C21.249 16.8402 21.322 16.7092 21.3438 16.5655C21.4748 15.6131 21.9789 14.7517 22.745 14.1708C23.5112 13.59 24.4767 13.3373 25.4291 13.4684C26.3816 13.5994 27.243 14.1034 27.8238 14.8696C28.4046 15.6357 28.6573 16.6013 28.5263 17.5537C28.3891 18.4417 27.9341 19.2496 27.2457 19.8271C26.5574 20.4046 25.6827 20.7123 24.7844 20.693H12.8598C12.7 20.693 12.5467 20.7565 12.4337 20.8695C12.3207 20.9825 12.2572 21.1358 12.2572 21.2956C12.2572 21.4554 12.3207 21.6087 12.4337 21.7217C12.5467 21.8347 12.7 21.8981 12.8598 21.8981H24.7422C25.987 21.9183 27.1934 21.4667 28.1189 20.634C29.0443 19.8012 29.6204 18.6491 29.7314 17.4091C29.7769 16.7487 29.6859 16.0861 29.4641 15.4625C29.2423 14.8388 28.8945 14.2675 28.4422 13.7842C27.99 13.3009 27.4431 12.9158 26.8355 12.6531C26.228 12.3904 25.5728 12.2557 24.9109 12.2572ZM22.3742 23.1033H12.8598C12.7 23.1033 12.5467 23.1667 12.4337 23.2797C12.3207 23.3927 12.2572 23.546 12.2572 23.7058C12.2572 23.8656 12.3207 24.0189 12.4337 24.1319C12.5467 24.2449 12.7 24.3084 12.8598 24.3084H22.3742C22.739 24.3082 23.099 24.3908 23.4273 24.55C23.7555 24.7092 24.0433 24.9409 24.269 25.2275C24.4947 25.5141 24.6524 25.8482 24.7302 26.2046C24.808 26.561 24.8038 26.9304 24.7181 27.285C24.5894 27.816 24.2842 28.2875 23.8524 28.6222C23.4206 28.957 22.888 29.1351 22.3417 29.1274C21.7954 29.1197 21.2679 28.9266 20.8458 28.5798C20.4236 28.233 20.1318 27.7531 20.0182 27.2187C19.9938 27.0773 19.9197 26.9491 19.8092 26.8574C19.6987 26.7658 19.5591 26.7165 19.4156 26.7186C19.3283 26.7176 19.2417 26.7356 19.162 26.7714C19.0824 26.8072 19.0114 26.8598 18.9541 26.9257C18.8968 26.9917 18.8545 27.0692 18.8301 27.1531C18.8058 27.237 18.7999 27.3252 18.813 27.4115C18.9443 28.0837 19.2638 28.7047 19.7343 29.2024C20.2048 29.7 20.8069 30.0538 21.4706 30.2225C22.1344 30.3912 22.8324 30.3679 23.4834 30.1554C24.1344 29.9429 24.7117 29.5498 25.148 29.0219C25.5843 28.4941 25.8617 27.8532 25.9479 27.1738C26.0341 26.4944 25.9256 25.8045 25.635 25.1844C25.3444 24.5642 24.8836 24.0394 24.3063 23.671C23.729 23.3026 23.059 23.1057 22.3742 23.1033Z" fill="#EAEAEA"/>
<path d="M16.2282 18.1925H12.9081C12.7483 18.1925 12.595 18.256 12.482 18.369C12.369 18.482 12.3055 18.6352 12.3055 18.795C12.3055 18.9548 12.369 19.1081 12.482 19.2211C12.595 19.3341 12.7483 19.3976 12.9081 19.3976H16.198C16.8869 19.4089 17.5557 19.1655 18.0761 18.714C18.5966 18.2625 18.932 17.6348 19.018 16.9512C19.0842 16.2803 18.8982 15.6088 18.4961 15.0676C18.094 14.5265 17.5047 14.1545 16.8432 14.0243C16.1817 13.8941 15.4955 14.0151 14.9183 14.3635C14.3411 14.7119 13.9145 15.2628 13.7215 15.9088C13.6935 16.001 13.688 16.0985 13.7054 16.1932C13.7229 16.288 13.7628 16.3771 13.8218 16.4533C13.8808 16.5294 13.9572 16.5903 14.0446 16.6308C14.132 16.6713 14.2278 16.6903 14.3241 16.6861C14.4617 16.6901 14.5966 16.6468 14.7062 16.5635C14.8159 16.4802 14.8936 16.3618 14.9266 16.2281C15.0397 15.874 15.2798 15.5742 15.6006 15.3864C15.9215 15.1986 16.3004 15.1361 16.6646 15.2108C17.0288 15.2856 17.3524 15.4924 17.5733 15.7915C17.7942 16.0905 17.8967 16.4606 17.8611 16.8307C17.8087 17.2209 17.612 17.5772 17.3096 17.8294C17.0073 18.0815 16.6214 18.2111 16.2282 18.1925Z" fill="#EAEAEA"/>
</g>
<defs>
<filter id="filter0_d_8722_1260" x="-0.900224" y="-1.28688" width="42.9002" height="43.878" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1260"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1260" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

public/icons/subtasks.svg
+19
View File
@@ -0,0 +1,19 @@
<svg width="42" height="43" viewBox="0 0 42 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_8722_1244)">
<path d="M29.1623 25.3543C29.2414 25.3278 29.3143 25.2858 29.377 25.2308C29.4396 25.1758 29.4907 25.1089 29.5272 25.034C29.5638 24.9591 29.585 24.8777 29.5898 24.7944C29.5945 24.7112 29.5827 24.6279 29.5549 24.5493C29.5271 24.4707 29.4839 24.3985 29.4279 24.3367C29.3719 24.275 29.3042 24.225 29.2287 24.1897C29.1532 24.1544 29.0714 24.1345 28.9881 24.1311C28.9048 24.1277 28.8217 24.141 28.7436 24.17C28.0443 24.4179 27.3643 24.8953 26.7562 25.4288C26.1415 25.9673 25.5645 26.5954 25.0712 27.1867C24.6273 27.7185 24.2454 28.2277 23.9599 28.6272C23.6726 28.2369 23.387 27.9739 23.1249 27.7981C22.9545 27.6819 22.7672 27.5929 22.5696 27.5342C22.4737 27.5069 22.3752 27.4901 22.2757 27.484H22.2547C22.2547 27.484 22.2531 27.484 22.2531 28.1121V27.484C22.0908 27.485 21.9351 27.5487 21.8188 27.6619C21.7025 27.7751 21.6345 27.9289 21.6291 28.0911C21.6237 28.2534 21.6813 28.4114 21.7898 28.5321C21.8983 28.6527 22.0493 28.7268 22.2112 28.7386L22.2246 28.7419C22.2539 28.7503 22.3251 28.7754 22.4281 28.8441C22.6316 28.9798 22.985 29.3047 23.3661 30.0677C23.4158 30.1671 23.491 30.2517 23.5841 30.3125C23.6771 30.3734 23.7847 30.4085 23.8958 30.4142C24.0068 30.42 24.1174 30.3961 24.2162 30.345C24.315 30.294 24.3985 30.2176 24.4582 30.1238L24.459 30.1221L24.464 30.1137L24.485 30.0819L24.5696 29.9538C25.0239 29.2745 25.5131 28.6193 26.0352 27.9907C26.5042 27.4296 27.0351 26.8542 27.5845 26.3726C28.1398 25.8852 28.68 25.5251 29.1623 25.3543ZM16.8094 24.134C16.6428 24.134 16.483 24.2002 16.3652 24.318C16.2474 24.4358 16.1812 24.5956 16.1812 24.7622C16.1812 24.9287 16.2474 25.0885 16.3652 25.2063C16.483 25.3241 16.6428 25.3903 16.8094 25.3903H20.1593C20.3259 25.3903 20.4857 25.3241 20.6035 25.2063C20.7213 25.0885 20.7874 24.9287 20.7874 24.7622C20.7874 24.5956 20.7213 24.4358 20.6035 24.318C20.4857 24.2002 20.3259 24.134 20.1593 24.134H16.8094Z" fill="#EAEAEA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.8077 14.9518C14.9217 15.0188 14.5038 15.1738 14.2173 15.4593C13.9854 15.6922 13.8346 16.0179 13.7517 16.6327C13.6671 17.2658 13.6654 18.1058 13.6654 19.3084V24.7572C13.6654 25.9606 13.6671 26.8006 13.7517 27.4329C13.8346 28.0485 13.9862 28.3743 14.2173 28.6063C14.4493 28.8382 14.7751 28.9898 15.3898 29.0727C16.0221 29.1573 16.8605 29.159 18.0623 29.159H20.156C20.3226 29.159 20.4823 29.2252 20.6001 29.343C20.7179 29.4608 20.7841 29.6205 20.7841 29.7871C20.7841 29.9537 20.7179 30.1135 20.6001 30.2313C20.4823 30.3491 20.3226 30.4152 20.156 30.4152H18.0162C16.8713 30.4152 15.9476 30.4152 15.2215 30.3173C14.4677 30.2168 13.8329 29.999 13.3288 29.4948C12.8246 28.9898 12.6085 28.355 12.5072 27.6004C12.4092 26.8735 12.4092 25.9506 12.4092 24.8032V19.2632C12.4092 18.1159 12.4092 17.1921 12.5072 16.466C12.6077 15.7114 12.8254 15.0758 13.3288 14.5716C13.9736 13.9267 14.8421 13.745 15.925 13.6839C16.0858 13.3056 16.3543 12.9831 16.6971 12.7564C17.0399 12.5297 17.4419 12.409 17.8529 12.4092H22.4591C22.8702 12.4091 23.2722 12.5299 23.615 12.7568C23.9579 12.9836 24.2263 13.3063 24.387 13.6847C25.4699 13.745 26.3383 13.9267 26.9832 14.5724C27.4874 15.0766 27.7034 15.7114 27.8056 16.4652C27.9028 17.1921 27.9028 18.1167 27.9028 19.2624V22.6685C27.9028 22.835 27.8366 22.9948 27.7188 23.1126C27.601 23.2304 27.4412 23.2966 27.2747 23.2966C27.1081 23.2966 26.9483 23.2304 26.8305 23.1126C26.7127 22.9948 26.6465 22.835 26.6465 22.6685V19.3084C26.6465 18.1058 26.6449 17.2658 26.5603 16.6327C26.4774 16.0179 26.3258 15.6922 26.0946 15.4602C25.8082 15.1738 25.3911 15.0188 24.5051 14.9518C24.4026 15.4181 24.1438 15.8354 23.7717 16.1345C23.3996 16.4337 22.9365 16.5967 22.4591 16.5966H17.8529C17.3756 16.5967 16.9126 16.4336 16.5406 16.1345C16.1686 15.8353 15.9101 15.418 15.8077 14.9518ZM17.0154 14.5029C17.0154 14.2808 17.1036 14.0678 17.2607 13.9107C17.4177 13.7537 17.6308 13.6654 17.8529 13.6654H22.4591C22.6812 13.6654 22.8942 13.7537 23.0513 13.9107C23.2083 14.0678 23.2966 14.2808 23.2966 14.5029C23.2966 14.725 23.2083 14.9381 23.0513 15.0951C22.8942 15.2522 22.6812 15.3404 22.4591 15.3404H17.8529C17.6308 15.3404 17.4177 15.2522 17.2607 15.0951C17.1036 14.9381 17.0154 14.725 17.0154 14.5029Z" fill="#EAEAEA"/>
<path d="M16.1812 20.5747C16.1812 20.4081 16.2474 20.2483 16.3652 20.1305C16.483 20.0128 16.6428 19.9466 16.8094 19.9466H23.5093C23.6759 19.9466 23.8356 20.0128 23.9534 20.1305C24.0712 20.2483 24.1374 20.4081 24.1374 20.5747C24.1374 20.7413 24.0712 20.901 23.9534 21.0188C23.8356 21.1366 23.6759 21.2028 23.5093 21.2028H16.8094C16.6428 21.2028 16.483 21.1366 16.3652 21.0188C16.2474 20.901 16.1812 20.7413 16.1812 20.5747Z" fill="#EAEAEA"/>
</g>
<defs>
<filter id="filter0_d_8722_1244" x="-1.2973" y="-0.129669" width="43.4321" height="43.4321" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1244"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1244" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

public/icons/territory.svg
+20
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

public/icons/verify.svg
+17
View File
@@ -0,0 +1,17 @@
<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_8722_1283)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.598 12.9451C19.6 13.0336 19.5846 13.1217 19.5526 13.2043C19.5206 13.2868 19.4726 13.3623 19.4114 13.4263C19.3502 13.4903 19.277 13.5417 19.196 13.5774C19.1149 13.6131 19.0277 13.6325 18.9391 13.6345C16.5176 13.6894 15.3895 13.9338 14.647 14.6736C14.0034 15.3154 13.7266 16.2556 13.634 18.1172C13.6309 18.2065 13.6101 18.2944 13.5728 18.3756C13.5355 18.4568 13.4824 18.5298 13.4166 18.5904C13.3508 18.6509 13.2736 18.6977 13.1896 18.7281C13.1055 18.7585 13.0162 18.7719 12.927 18.7675C12.8377 18.7631 12.7502 18.741 12.6695 18.7024C12.5888 18.6639 12.5167 18.6097 12.4572 18.543C12.3976 18.4763 12.352 18.3984 12.3229 18.3139C12.2937 18.2294 12.2817 18.1399 12.2875 18.0507C12.3819 16.1505 12.665 14.7455 13.6951 13.7181C14.8663 12.5532 16.5382 12.3401 18.9086 12.2862C18.9971 12.2842 19.0852 12.2996 19.1677 12.3316C19.2503 12.3637 19.3258 12.4116 19.3898 12.4728C19.4538 12.534 19.5052 12.6072 19.5409 12.6882C19.5766 12.7693 19.596 12.8565 19.598 12.9451ZM23.402 12.9451C23.404 12.8565 23.4234 12.7693 23.4591 12.6882C23.4949 12.6072 23.5462 12.534 23.6102 12.4728C23.6743 12.4116 23.7497 12.3637 23.8323 12.3316C23.9149 12.2996 24.0029 12.2842 24.0915 12.2862C26.4627 12.3401 28.1346 12.5523 29.3049 13.719C30.335 14.7455 30.6182 16.1505 30.7126 18.0507C30.7183 18.1399 30.7063 18.2294 30.6772 18.3139C30.648 18.3984 30.6024 18.4763 30.5429 18.543C30.4834 18.6097 30.4112 18.6639 30.3305 18.7024C30.2499 18.741 30.1623 18.7631 30.0731 18.7675C29.9838 18.7719 29.8945 18.7585 29.8104 18.7281C29.7264 18.6977 29.6492 18.6509 29.5834 18.5904C29.5176 18.5298 29.4645 18.4568 29.4272 18.3756C29.3899 18.2944 29.3691 18.2065 29.366 18.1172C29.2735 16.2556 28.9975 15.3154 28.353 14.6745C27.6105 13.9338 26.4825 13.6894 24.0609 13.6345C23.9724 13.6325 23.8851 13.6131 23.804 13.5774C23.723 13.5417 23.6498 13.4903 23.5886 13.4263C23.5274 13.3623 23.4795 13.2868 23.4474 13.2043C23.4154 13.1217 23.4 13.0336 23.402 12.9451ZM12.9275 24.2412C13.106 24.2324 13.2808 24.2949 13.4133 24.4149C13.5457 24.5349 13.6251 24.7027 13.634 24.8812C13.7266 26.7428 14.0025 27.683 14.647 28.3239C15.3895 29.0646 16.5176 29.3091 18.9391 29.3639C19.0277 29.3659 19.1149 29.3853 19.1959 29.421C19.277 29.4568 19.3502 29.5081 19.4113 29.5721C19.4725 29.6362 19.5205 29.7116 19.5525 29.7942C19.5846 29.8767 19.6 29.9648 19.598 30.0533C19.596 30.1419 19.5766 30.2291 19.5408 30.3101C19.5051 30.3912 19.4538 30.4644 19.3897 30.5255C19.3257 30.5867 19.2503 30.6347 19.1677 30.6667C19.0852 30.6988 18.9971 30.7142 18.9086 30.7122C16.5373 30.6583 14.8654 30.4461 13.6951 29.2794C12.665 28.2529 12.3828 26.8479 12.2875 24.9477C12.2787 24.7692 12.3412 24.5944 12.4612 24.4619C12.5812 24.3295 12.7489 24.2501 12.9275 24.2412ZM30.0726 24.2412C30.2511 24.2501 30.4188 24.3295 30.5389 24.4619C30.6589 24.5944 30.7214 24.7692 30.7126 24.9477C30.6182 26.8479 30.335 28.2529 29.3049 29.2803C28.1346 30.4461 26.4627 30.6583 24.0915 30.7122C23.9127 30.7162 23.7396 30.6491 23.6103 30.5255C23.481 30.402 23.4061 30.2321 23.402 30.0533C23.398 29.8745 23.4651 29.7014 23.5887 29.5721C23.7122 29.4429 23.8821 29.3679 24.0609 29.3639C26.4825 29.3091 27.6105 29.0646 28.353 28.3248C28.9966 27.683 29.2735 26.7428 29.366 24.8812C29.3749 24.7027 29.4543 24.5349 29.5868 24.4149C29.7193 24.2949 29.894 24.2324 30.0726 24.2412ZM21.4928 17.6794C20.6209 17.6794 19.9162 18.3851 19.9162 19.2525C19.9162 20.1208 20.6209 20.8255 21.4928 20.8255C22.3638 20.8255 23.0685 20.1208 23.0685 19.2525C23.0685 18.3851 22.3638 17.6794 21.4928 17.6794ZM18.5679 19.2525C18.5681 18.8686 18.644 18.4885 18.7911 18.134C18.9382 17.7794 19.1537 17.4573 19.4253 17.186C19.6969 16.9148 20.0193 16.6996 20.374 16.553C20.7288 16.4063 21.1089 16.3309 21.4928 16.3311C22.2679 16.3309 23.0114 16.6385 23.5597 17.1863C24.1081 17.7342 24.4164 18.4774 24.4169 19.2525C24.4164 20.0276 24.1081 20.7708 23.5597 21.3186C23.0114 21.8664 22.2679 22.174 21.4928 22.1738C21.1089 22.174 20.7288 22.0987 20.374 21.952C20.0193 21.8053 19.6969 21.5902 19.4253 21.3189C19.1537 21.0476 18.9382 20.7255 18.7911 20.371C18.644 20.0164 18.5681 19.6363 18.5679 19.2525ZM25.0488 26.4506C23.2097 24.4551 19.7859 24.5289 17.9423 26.4596C17.8818 26.5264 17.8086 26.5804 17.727 26.6184C17.6453 26.6564 17.5569 26.6777 17.4669 26.6809C17.3769 26.6842 17.2871 26.6694 17.2029 26.6374C17.1187 26.6054 17.0418 26.5568 16.9767 26.4946C16.9116 26.4323 16.8596 26.3577 16.8238 26.275C16.788 26.1924 16.7692 26.1034 16.7684 26.0133C16.7675 25.9233 16.7848 25.834 16.819 25.7507C16.8533 25.6674 16.9039 25.5918 16.9679 25.5284C19.3167 23.0682 23.6429 22.9352 26.0402 25.5374C26.1533 25.67 26.2107 25.8413 26.2003 26.0152C26.1899 26.1892 26.1124 26.3524 25.9843 26.4706C25.8561 26.5887 25.6872 26.6526 25.513 26.6489C25.3387 26.6452 25.1727 26.5741 25.0497 26.4506H25.0488Z" fill="#EAEAEA"/>
</g>
<defs>
<filter id="filter0_d_8722_1283" x="-0.00120575" y="-0.00135972" width="43.0012" height="43.0011" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.088"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_8722_1283"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8722_1283" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

src/app/dashboard/dashboard.css
+212
View File
@@ -0,0 +1,212 @@
/* =========================================================================
LynkedUp Pro — Dashboard (matches Figma "Linkedup-Web")
Dark + light themes via [data-theme] on .dash-root.
========================================================================= */
.dash-root {
/* accents (shared) */
--orange: #fda913;
--orange-2: #fd6d13;
--yellow: #ffd60a;
--cyan: #09b9c6;
--green: #14bc83;
--blue: #285ef0;
--purple: #9036e9;
--red: #f0563f;
--radius: 16px;
--radius-sm: 12px;
--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
min-height: 100vh;
display: flex;
background: var(--bg);
color: var(--text);
font-family: var(--font);
-webkit-font-smoothing: antialiased;
}
/* ---- dark (default) ---- */
.dash-root,
.dash-root[data-theme="dark"] {
--bg: #060608;
--panel: #0e0e13;
--panel-2: #15151b;
--panel-3: #1b1b22;
--border: rgba(255, 255, 255, 0.07);
--border-2: rgba(255, 255, 255, 0.12);
--text: #ffffff;
--text-2: #eaeaea;
--muted: #8c8c8c;
--faint: #686868;
--track: rgba(255, 255, 255, 0.08);
--sidebar: #08080b;
--shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.8);
}
/* ---- light ---- */
.dash-root[data-theme="light"] {
--bg: #eef1f7;
--panel: #ffffff;
--panel-2: #f5f7fb;
--panel-3: #eef1f7;
--border: rgba(15, 23, 42, 0.08);
--border-2: rgba(15, 23, 42, 0.14);
--text: #0c0e14;
--text-2: #1f2430;
--muted: #5b6472;
--faint: #97a0b0;
--track: rgba(15, 23, 42, 0.07);
--sidebar: #ffffff;
--shadow: 0 18px 40px -26px rgba(15, 23, 42, 0.25);
}
.dash-root * { box-sizing: border-box; }
.dash-root h1, .dash-root h2, .dash-root h3, .dash-root h4 { margin: 0; }
/* ---- sidebar ---- */
.dash-sidebar {
width: 214px;
flex: 0 0 214px;
background: var(--sidebar);
border-right: 1px solid var(--border);
display: flex;
flex-direction: column;
height: 100vh;
position: sticky;
top: 0;
}
.dash-brand { display: flex; align-items: center; gap: 9px; padding: 18px 18px 14px; }
.dash-brand img { height: 26px; width: auto; }
.dash-brand .bk { font-size: 15px; font-weight: 700; letter-spacing: -0.01em; }
.dash-nav { flex: 1; overflow-y: auto; padding: 6px 12px 12px; }
.dash-nav::-webkit-scrollbar { width: 6px; }
.dash-nav::-webkit-scrollbar-thumb { background: var(--border-2); border-radius: 99px; }
.nav-group { font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--faint); padding: 14px 10px 6px; }
.nav-item {
display: flex; align-items: center; gap: 11px;
width: 100%; padding: 8.5px 10px; border-radius: 9px;
border: 0; background: none; cursor: pointer;
color: var(--muted); font-family: inherit; font-size: 13px; font-weight: 500;
text-align: left; transition: background 0.14s, color 0.14s;
}
.nav-item:hover { background: var(--panel-2); color: var(--text-2); }
.nav-item.active { background: var(--orange); color: #1a1206; font-weight: 600; }
.nav-item.active svg { color: #1a1206; }
.nav-item svg { color: var(--faint); flex: 0 0 auto; }
.nav-item:hover svg { color: var(--text-2); }
.fig-ic { display: inline-flex; flex: 0 0 auto; color: inherit; }
.fig-ic svg { width: 100%; height: 100%; display: block; }
.dash-sidebar .sb-foot { border-top: 1px solid var(--border); padding: 10px 12px; }
.sb-user { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; }
.sb-user:hover { background: var(--panel-2); }
.sb-user .av { width: 30px; height: 30px; border-radius: 8px; object-fit: cover; flex: 0 0 30px; }
.sb-user .nm { font-size: 12.5px; font-weight: 600; }
.sb-user .rl { font-size: 11px; color: var(--faint); }
/* ---- main ---- */
.dash-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.dash-topbar {
height: 64px; display: flex; align-items: center; justify-content: space-between;
padding: 0 24px; border-bottom: 1px solid var(--border);
position: sticky; top: 0; z-index: 20;
background: color-mix(in srgb, var(--bg) 80%, transparent);
backdrop-filter: blur(10px);
}
.dash-title h1 { font-size: 20px; font-weight: 700; letter-spacing: -0.01em; }
.dash-title p { font-size: 12.5px; color: var(--muted); margin-top: 2px; }
.top-actions { display: flex; align-items: center; gap: 8px; }
.ic-btn { width: 38px; height: 38px; border-radius: 10px; border: 1px solid var(--border); background: var(--panel); color: var(--muted); display: grid; place-items: center; cursor: pointer; transition: 0.14s; }
.ic-btn:hover { color: var(--text); border-color: var(--border-2); }
.top-user { display: flex; align-items: center; gap: 9px; padding: 5px 8px 5px 5px; border: 1px solid var(--border); border-radius: 99px; background: var(--panel); cursor: pointer; }
.top-user .av { width: 30px; height: 30px; border-radius: 99px; object-fit: cover; }
.top-user .nm { font-size: 12.5px; font-weight: 600; }
.top-user .rl { font-size: 10.5px; color: var(--faint); }
.dash-content { padding: 22px 28px 40px; width: 100%; }
.sec-title { font-size: 15px; font-weight: 700; margin: 6px 0 14px; }
/* ---- grid helpers ---- */
.grid { display: grid; gap: 16px; }
.row { display: flex; align-items: center; }
.between { justify-content: space-between; }
.gap-2 { gap: 8px; } .gap-3 { gap: 12px; }
.muted { color: var(--muted); } .faint { color: var(--faint); }
/* ---- card ---- */
.dcard { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px; }
.dcard-pad-0 { padding: 0; }
.card-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.card-h h3 { font-size: 14px; font-weight: 600; }
.card-sub { font-size: 11.5px; color: var(--faint); }
/* ---- stat bits ---- */
.stat-ic { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; }
.big-val { font-size: 26px; font-weight: 800; letter-spacing: -0.02em; }
.mid-val { font-size: 21px; font-weight: 800; letter-spacing: -0.02em; }
.lbl { font-size: 12px; color: var(--muted); }
.pill { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: 99px; font-size: 11px; font-weight: 600; }
.pill-orange { background: color-mix(in srgb, var(--orange) 18%, transparent); color: var(--orange); }
.pill-green { background: color-mix(in srgb, var(--green) 18%, transparent); color: var(--green); }
.pill-blue { background: color-mix(in srgb, var(--blue) 20%, transparent); color: #6f9bff; }
.pill-cyan { background: color-mix(in srgb, var(--cyan) 18%, transparent); color: var(--cyan); }
.pill-red { background: color-mix(in srgb, var(--red) 18%, transparent); color: var(--red); }
/* small stat card (right 2x2) */
.mini-card { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 14px 15px; }
.mini-card .top { display: flex; justify-content: space-between; align-items: flex-start; }
/* progress */
.bar { height: 8px; border-radius: 99px; background: var(--track); overflow: hidden; }
.bar > span { display: block; height: 100%; border-radius: 99px; }
/* legend dot */
.ldot { width: 8px; height: 8px; border-radius: 99px; display: inline-block; }
/* pipeline rows */
.pl-row { display: grid; grid-template-columns: 92px 1fr 22px; align-items: center; gap: 10px; margin-bottom: 10px; }
.pl-row .lab { font-size: 12px; color: var(--muted); }
.pl-row .n { font-size: 12px; font-weight: 700; text-align: right; }
/* weather */
.wx-hours { display: flex; justify-content: space-between; gap: 6px; margin-top: 14px; }
.wx-hr { text-align: center; flex: 1; }
.wx-hr .t { font-size: 11px; color: var(--faint); }
.wx-hr .te { font-size: 13px; font-weight: 700; margin-top: 6px; }
/* reps */
.rep-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--border); }
.rep-row:last-child { border-bottom: 0; }
.rep-row .rk { width: 22px; font-size: 12px; font-weight: 700; color: var(--faint); }
.rep-row .av { width: 34px; height: 34px; border-radius: 99px; object-fit: cover; }
.rep-row .nm { font-size: 13px; font-weight: 600; }
.rep-row .em { font-size: 11px; color: var(--faint); }
.rep-row .amt { font-size: 13px; font-weight: 700; color: var(--green); }
.link-btn { font-size: 12px; font-weight: 600; color: var(--orange); background: none; border: 0; cursor: pointer; }
/* ---- charts ---- */
.chart { display: flex; gap: 8px; width: 100%; }
.chart-y { display: flex; flex-direction: column; justify-content: space-between; font-size: 9px; color: var(--faint); padding-bottom: 16px; text-align: right; min-width: 18px; }
.chart-plot { flex: 1; display: flex; align-items: flex-end; gap: 2px; }
.bar-group { flex: 1; display: flex; flex-direction: column; align-items: center; height: 100%; }
.bar-group .bars { height: calc(100% - 20px); width: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 3px; }
.vbar { border-radius: 3px; align-self: flex-end; transition: height 0.7s cubic-bezier(0.2, 0.7, 0.2, 1); }
.bar-x { font-size: 10px; color: var(--faint); margin-top: 7px; }
.spark { display: flex; align-items: flex-end; gap: 4px; }
.spark > span { border-radius: 3px; transition: height 0.7s cubic-bezier(0.2, 0.7, 0.2, 1); }
.donut { position: relative; display: grid; place-items: center; }
.donut-c { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; }
.donut-c .dv { font-size: 30px; font-weight: 800; letter-spacing: -0.02em; }
.donut-c .dl { font-size: 11px; color: var(--faint); }
.gauge { position: relative; }
.gauge-c { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }
.gauge-c .gv { font-size: 18px; font-weight: 800; }
.gauge-c .gl { font-size: 10px; color: var(--faint); }
/* responsive */
@media (max-width: 1100px) { .dash-sidebar { display: none; } }
@media (max-width: 760px) { .dash-content { padding: 16px; } }
src/app/dashboard/layout.tsx
+15 -10
View File
@@ -1,14 +1,19 @@
import { Sidebar } from "@/components/layout/sidebar";
import type { Metadata } from "next";
export default function DashboardLayout({
children,
}: {
children: React.ReactNode;
}) {
export const metadata: Metadata = {
title: "Dashboard — LynkedUp Pro",
};
export default function DashboardLayout({ children }: { children: React.ReactNode }) {
return (
<div className="flex min-h-screen">
<Sidebar />
<div className="flex-1 flex flex-col">{children}</div>
</div>
<>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
rel="stylesheet"
/>
{children}
</>
);
}
src/app/dashboard/page.tsx
+2 -38
View File
@@ -1,41 +1,5 @@
import type { Metadata } from "next";
import { Header } from "@/components/layout/header";
export const metadata: Metadata = {
title: "Dashboard",
};
const stats = [
{ label: "Total Leads", value: "0" },
{ label: "Open Deals", value: "0" },
{ label: "Contacts", value: "0" },
{ label: "Revenue", value: "$0" },
];
import { Dashboard } from "@/components/dashboard/dashboard";
export default function DashboardPage() {
return (
<>
<Header title="Dashboard" />
<main className="flex-1 p-6 bg-neutral-50 dark:bg-neutral-900">
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
{stats.map((stat) => (
<div
key={stat.label}
className="rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-950 p-5"
>
<p className="text-sm text-neutral-500">{stat.label}</p>
<p className="mt-2 text-2xl font-semibold">{stat.value}</p>
</div>
))}
</div>
<div className="mt-6 rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-950 p-6">
<p className="text-neutral-500 text-sm">
Yahan pages add karenge — Leads, Contacts, Deals, Tasks. Aap batao
kaunsa page pehle banana hai.
</p>
</div>
</main>
</>
);
return <Dashboard />;
}
src/components/dashboard/charts.tsx
+180
View File
@@ -0,0 +1,180 @@
"use client";
import { useEffect, useState } from "react";
/* ---- vertical bar chart (HTML/CSS, animated heights) ---- */
export function BarsChart({
labels,
series,
max,
yTicks,
height = 132,
highlight,
barWidth = 7,
}: {
labels: string[];
series: { color: string; values: number[] }[];
max: number;
yTicks?: string[];
height?: number;
highlight?: number; // single-series: index to highlight, others muted
barWidth?: number;
}) {
const [on, setOn] = useState(false);
useEffect(() => {
const t = setTimeout(() => setOn(true), 40);
return () => clearTimeout(t);
}, []);
return (
<div className="chart" style={{ height }}>
{yTicks && (
<div className="chart-y">
{yTicks.map((t) => <span key={t}>{t}</span>)}
</div>
)}
<div className="chart-plot">
{labels.map((lab, i) => (
<div className="bar-group" key={i}>
<div className="bars">
{series.map((s, si) => {
const muted = highlight !== undefined && i !== highlight;
return (
<span
key={si}
className="vbar"
style={{
width: barWidth,
height: on ? `${Math.max(2, (s.values[i] / max) * 100)}%` : "0%",
background: muted ? "var(--track)" : s.color,
transitionDelay: `${i * 35 + si * 20}ms`,
}}
/>
);
})}
</div>
<span className="bar-x">{lab}</span>
</div>
))}
</div>
</div>
);
}
/* ---- mini sparkline bars (stat cards) ---- */
export function Spark({ values, color, height = 40, width = 8 }: { values: number[]; color: string; height?: number; width?: number }) {
const [on, setOn] = useState(false);
useEffect(() => { const t = setTimeout(() => setOn(true), 40); return () => clearTimeout(t); }, []);
const max = Math.max(...values, 1);
return (
<div className="spark" style={{ height }}>
{values.map((v, i) => (
<span key={i} style={{ width, height: on ? `${(v / max) * 100}%` : "0%", background: color, transitionDelay: `${i * 30}ms` }} />
))}
</div>
);
}
/* ---- donut chart ---- */
export function Donut({
segments, total, label, size = 150, thickness = 18,
}: {
segments: { value: number; color: string }[];
total: string;
label: string;
size?: number;
thickness?: number;
}) {
const [on, setOn] = useState(false);
useEffect(() => { const t = setTimeout(() => setOn(true), 60); return () => clearTimeout(t); }, []);
const r = (size - thickness) / 2;
const c = 2 * Math.PI * r;
const sum = segments.reduce((a, s) => a + s.value, 0) || 1;
let offset = 0;
return (
<div className="donut" style={{ width: size, height: size }}>
<svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>
<circle cx={size / 2} cy={size / 2} r={r} fill="none" stroke="var(--track)" strokeWidth={thickness} />
{segments.map((s, i) => {
const frac = s.value / sum;
const len = on ? frac * c : 0;
const dash = `${len} ${c - len}`;
const el = (
<circle
key={i}
cx={size / 2} cy={size / 2} r={r} fill="none"
stroke={s.color} strokeWidth={thickness} strokeLinecap="round"
strokeDasharray={dash}
strokeDashoffset={-offset * c}
transform={`rotate(-90 ${size / 2} ${size / 2})`}
style={{ transition: "stroke-dasharray .9s cubic-bezier(.2,.7,.2,1)" }}
/>
);
offset += frac;
return el;
})}
</svg>
<div className="donut-c">
<div className="dv">{total}</div>
<div className="dl">{label}</div>
</div>
</div>
);
}
/* ---- semicircle gauge ---- */
export function Gauge({
value, max = 100, color, size = 150, label, sub,
}: {
value: number; max?: number; color: string; size?: number; label?: string; sub?: string;
}) {
const [on, setOn] = useState(false);
useEffect(() => { const t = setTimeout(() => setOn(true), 60); return () => clearTimeout(t); }, []);
const sw = 14;
const r = (size - sw) / 2;
const cx = size / 2, cy = size / 2;
const semi = Math.PI * r; // half circumference
const frac = Math.min(1, value / max);
const len = on ? frac * semi : 0;
return (
<div className="gauge" style={{ width: size, height: size / 2 + 16 }}>
<svg width={size} height={size / 2 + 16} viewBox={`0 0 ${size} ${size / 2 + 16}`}>
<path d={`M ${sw / 2} ${cy} A ${r} ${r} 0 0 1 ${size - sw / 2} ${cy}`} fill="none" stroke="var(--track)" strokeWidth={sw} strokeLinecap="round" />
<path
d={`M ${sw / 2} ${cy} A ${r} ${r} 0 0 1 ${size - sw / 2} ${cy}`}
fill="none" stroke={color} strokeWidth={sw} strokeLinecap="round"
strokeDasharray={`${len} ${semi}`}
style={{ transition: "stroke-dasharray 1s cubic-bezier(.2,.7,.2,1)" }}
/>
</svg>
{(label || sub) && (
<div className="gauge-c">
{label && <div className="gv">{label}</div>}
{sub && <div className="gl">{sub}</div>}
</div>
)}
</div>
);
}
/* ---- progress bar ---- */
export function Progress({ value, color, track }: { value: number; color: string; track?: boolean }) {
const [on, setOn] = useState(false);
useEffect(() => { const t = setTimeout(() => setOn(true), 50); return () => clearTimeout(t); }, []);
return (
<div className="bar">
<span style={{ width: on ? `${value}%` : "0%", background: color, transition: "width .9s cubic-bezier(.2,.7,.2,1)" }} />
</div>
);
}
/* ---- horizontal segmented bar (pipeline) ---- */
export function HBar({ value, max, color }: { value: number; max: number; color: string }) {
const [on, setOn] = useState(false);
useEffect(() => { const t = setTimeout(() => setOn(true), 50); return () => clearTimeout(t); }, []);
return (
<div className="bar" style={{ height: 9 }}>
<span style={{ width: on ? `${(value / max) * 100}%` : "0%", background: color, transition: "width .8s cubic-bezier(.2,.7,.2,1)" }} />
</div>
);
}
src/components/dashboard/dashboard.tsx
+258
View File
@@ -0,0 +1,258 @@
"use client";
import { useEffect, useState } from "react";
import { TrendingUp, Cloud, MoreHorizontal, ArrowUpRight } from "lucide-react";
import { Sidebar } from "./sidebar";
import { Topbar } from "./topbar";
import { FigIcon } from "./figicon";
import { BarsChart, Spark, Donut, Gauge, Progress, HBar } from "./charts";
import "../../app/dashboard/dashboard.css";
const C = {
orange: "#fda913", orange2: "#fd6d13", yellow: "#ffd60a",
cyan: "#09b9c6", green: "#14bc83", blue: "#285ef0", purple: "#9036e9", red: "#f0563f",
};
const rnd = (v: number, p = 0.12) => Math.max(1, Math.round(v * (1 + (Math.random() * 2 - 1) * p)));
const arr = (base: number[], p = 0.14) => base.map((v) => rnd(v, p));
export function Dashboard() {
const [theme, setTheme] = useState<"dark" | "light">("dark");
const [active, setActive] = useState("dashboard");
useEffect(() => {
try { const t = localStorage.getItem("lup_dash_theme"); if (t === "light" || t === "dark") setTheme(t); } catch {}
}, []);
function toggle() {
setTheme((t) => { const n = t === "dark" ? "light" : "dark"; try { localStorage.setItem("lup_dash_theme", n); } catch {} return n; });
}
// ---- live data ----
const [pnl, setPnl] = useState({
revenue: [4, 6, 3, 7, 5, 6, 4], gross: [5, 3, 6, 4, 7, 5, 6],
comm: [3, 5, 4, 6, 5, 7, 4], net: [4, 6, 5, 3, 6, 4, 7],
});
const [rev, setRev] = useState([5, 7, 4, 8, 6, 9, 16, 7, 5, 8]);
const [sparks, setSparks] = useState({
revenue: [4, 7, 5, 9, 6, 10, 8], leads: [6, 4, 8, 5, 9, 6, 10], meets: [5, 8, 6, 9, 7, 10, 8],
});
useEffect(() => {
const id = setInterval(() => {
setPnl((p) => ({ revenue: arr(p.revenue), gross: arr(p.gross), comm: arr(p.comm), net: arr(p.net) }));
setRev((r) => r.map((v, i) => (i === 6 ? 16 : rnd(v, 0.18))));
setSparks((s) => ({ revenue: arr(s.revenue), leads: arr(s.leads), meets: arr(s.meets) }));
}, 2600);
return () => clearInterval(id);
}, []);
const days = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
const yk = ["8k", "6k", "4k", "2k", "0"];
return (
<div className="dash-root" data-theme={theme}>
<Sidebar active={active} onSelect={setActive} />
<div className="dash-main">
<Topbar theme={theme} onToggle={toggle} />
<div className="dash-content">
{/* ===== Statistics ===== */}
<h2 className="sec-title">Statistics</h2>
<div className="grid" style={{ gridTemplateColumns: "1.55fr 1fr", marginBottom: 16 }}>
<div className="grid" style={{ gridTemplateColumns: "1fr 1fr 1fr" }}>
<BigStat icon={<FigIcon name="i_revenue" size={18} />} ic={C.orange} tag="GROSS PROFIT $114K" value="$626K" label="Revenue" spark={sparks.revenue} sc={C.orange} />
<BigStat icon={<FigIcon name="i_hotleads" size={18} />} ic={C.red} tag="REQUIRES ACTION" value="20k" label="Hot Leads" spark={sparks.leads} sc={C.purple} />
<BigStat icon={<FigIcon name="i_meets" size={18} />} ic={C.cyan} tag="NEXT 7 DAYS" value="70k" label="Upcoming Meets" spark={sparks.meets} sc={C.cyan} />
</div>
<div className="grid" style={{ gridTemplateColumns: "1fr 1fr" }}>
<MiniStat icon={<FigIcon name="i_collected" size={16} />} ic={C.cyan} value="$311.3k" label="Collected to Date" sub="32 payments" pill="pill-cyan" />
<MiniStat icon={<FigIcon name="i_ar" size={16} />} ic={C.orange} value="$325.9k" label="Outstanding AR" sub="25 pending" pill="pill-orange" />
<MiniStat icon={<FigIcon name="i_payouts" size={16} />} ic={C.purple} value="$203.7k" label="Pending Payouts" sub="20 pending" pill="pill-blue" />
<MiniStat icon={<FigIcon name="i_vendor" size={16} />} ic={C.blue} value="$432.4k" label="YTD Vendor Spend" sub="57 invoices" pill="pill-blue" />
</div>
</div>
{/* ===== Pipeline / Win / Storm ===== */}
<div className="grid" style={{ gridTemplateColumns: "1fr 1fr 1fr", marginBottom: 16 }}>
<div className="dcard">
<div className="card-h"><h3>Open Pipeline</h3><span className="pill pill-orange">27 leads</span></div>
<div className="big-val" style={{ marginBottom: 14 }}>$396K</div>
{[["New", 6], ["Contacted", 7], ["Appointment", 7], ["Estimate", 3]].map(([l, n]) => (
<div className="pl-row" key={l as string}>
<span className="lab">{l}</span>
<HBar value={n as number} max={8} color={C.orange} />
<span className="n">{n}</span>
</div>
))}
</div>
<div className="dcard">
<div className="card-h"><h3>Win Rate</h3><TrendingUp size={16} color={C.green} /></div>
<div className="big-val" style={{ marginBottom: 14 }}>94%</div>
<Progress value={94} color={C.cyan} />
<div className="row" style={{ gap: 16, marginTop: 14, flexWrap: "wrap" }}>
<Legend dot={C.cyan} text="17 Won" />
<Legend dot="var(--muted)" text="18 Decided" />
<Legend dot={C.red} text="1 Lost" />
</div>
</div>
<div className="dcard">
<div className="card-h"><h3>Storm-Attributed Revenue</h3><span className="pill pill-blue">19 Storm Leads</span></div>
<div className="big-val" style={{ marginBottom: 14 }}>24%</div>
<Progress value={24} color={C.blue} />
<div className="lbl" style={{ marginTop: 12 }}>$56K of $626K</div>
</div>
</div>
{/* ===== Roof / Risk / Weather ===== */}
<div className="grid" style={{ gridTemplateColumns: "1fr 1.15fr 1.25fr", marginBottom: 16 }}>
<div className="dcard">
<div className="card-h"><div><h3>Roof Condition</h3><div className="card-sub">Territory health snapshot</div></div></div>
<div className="row" style={{ justifyContent: "center", margin: "6px 0 10px" }}>
<Donut segments={[{ value: 30, color: C.orange }, { value: 14, color: C.cyan }]} total="44" label="Total" />
</div>
<div className="row" style={{ gap: 18, justifyContent: "center" }}>
<Legend dot={C.orange} text="Good" />
<Legend dot={C.cyan} text="Bad" />
</div>
</div>
<div className="dcard">
<div className="card-h"><div><h3>Risk Index</h3><div className="card-sub">Storm Impact Probability</div></div></div>
<div className="row" style={{ justifyContent: "center", margin: "4px 0" }}>
<Gauge value={51} max={100} color={C.blue} size={170} label="51" sub="of 100" />
</div>
<div className="row between" style={{ marginTop: 6 }}>
<Readout big="10 mph" small="Wind Exp." />
<Readout big="52%" small="Vulnerable" color={C.orange} />
</div>
</div>
<div className="dcard">
<div className="row between">
<div>
<div className="row gap-2"><Cloud size={20} color={C.cyan} /><span className="big-val">80&deg;F</span></div>
<div className="lbl">Plano, US</div>
</div>
<div style={{ textAlign: "right" }}>
<div className="card-sub">Updated: 02:48 PM</div>
<div className="row gap-3" style={{ marginTop: 8, justifyContent: "flex-end" }}>
<span className="row gap-2" style={{ fontSize: 12 }}><span style={{ color: "var(--muted)", display: "inline-flex" }}><FigIcon name="i_wind" size={14} /></span> 10 mph</span>
<span className="row gap-2" style={{ fontSize: 12 }}><span style={{ color: C.blue, display: "inline-flex" }}><FigIcon name="i_humidity" size={14} /></span> 82%</span>
</div>
</div>
</div>
<div className="wx-hours">
{[["12 PM", 94], ["5 PM", 79], ["8 PM", 82], ["10 PM", 90], ["1 AM", 92], ["5 AM", 79]].map(([t, te]) => (
<div className="wx-hr" key={t as string}>
<div className="t">{t}</div>
<Cloud size={16} color="var(--faint)" style={{ display: "block", margin: "6px auto 0" }} />
<div className="te">{te}&deg;</div>
</div>
))}
</div>
</div>
</div>
{/* ===== P&L Summary ===== */}
<h2 className="sec-title">P&amp;L Summary</h2>
<div className="grid" style={{ gridTemplateColumns: "1fr 1fr 1fr 1fr", marginBottom: 16 }}>
<PnlCard title="Revenue" value="$626K" labels={days} yk={yk}
series={[{ color: C.orange, values: pnl.revenue }, { color: C.orange2, values: pnl.gross }]} />
<PnlCard title="Gross Profit" value="$114K" labels={days} yk={yk}
series={[{ color: C.cyan, values: pnl.gross }, { color: C.orange, values: pnl.revenue }]} />
<PnlCard title="Commissions" value="$63K" labels={days} yk={yk}
series={[{ color: C.blue, values: pnl.comm }, { color: "#6f9bff", values: pnl.net }]} />
<PnlCard title="Net Profit" value="$51K" labels={days} yk={yk}
series={[{ color: C.orange, values: pnl.net }, { color: C.blue, values: pnl.comm }]} />
</div>
{/* ===== Revenue Potential / Top Reps ===== */}
<div className="grid" style={{ gridTemplateColumns: "1.7fr 1fr" }}>
<div className="dcard">
<div className="card-h">
<div><h3>Revenue Potential</h3><div className="card-sub">By neighborhood rating</div></div>
<span className="pill pill-orange"><ArrowUpRight size={13} /> live</span>
</div>
<BarsChart
labels={["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]}
series={[{ color: C.orange, values: rev }]}
max={18} highlight={6} height={210} barWidth={26}
yTicks={["$240k", "$180k", "$120k", "$60k", "0"]}
/>
</div>
<div className="dcard">
<div className="card-h"><h3>Top Sales Reps</h3><button className="link-btn">View All</button></div>
{[["Hannah Reyes", "hannah@lynkeduppro.com", C.orange], ["Cody Tatum", "cody@lynkeduppro.com", C.cyan], ["Travis Boone", "travis@lynkeduppro.com", C.blue]].map(([nm, em, col], i) => (
<div className="rep-row" key={nm as string}>
<span className="rk">0{i + 1}</span>
<span className="av" style={{ background: col as string, display: "grid", placeItems: "center", color: "#fff", fontWeight: 700, fontSize: 12 }}>{(nm as string).split(" ").map((x) => x[0]).join("")}</span>
<div style={{ flex: 1 }}>
<div className="nm">{nm}</div>
<div className="em">{em}</div>
</div>
<span className="amt">$112,500</span>
</div>
))}
</div>
</div>
</div>
</div>
</div>
);
}
/* ---- sub components ---- */
function BigStat({ icon, ic, tag, value, label, spark, sc }: { icon: React.ReactNode; ic: string; tag: string; value: string; label: string; spark: number[]; sc: string }) {
return (
<div className="dcard">
<div className="row between" style={{ marginBottom: 14 }}>
<span className="stat-ic" style={{ background: `color-mix(in srgb, ${ic} 18%, transparent)`, color: ic }}>{icon}</span>
<span className="card-sub" style={{ fontWeight: 600, letterSpacing: "0.04em" }}>{tag}</span>
</div>
<div className="row between" style={{ alignItems: "flex-end" }}>
<div>
<div className="big-val">{value}</div>
<div className="lbl">{label}</div>
</div>
<Spark values={spark} color={sc} />
</div>
</div>
);
}
function MiniStat({ icon, ic, value, label, sub, pill }: { icon: React.ReactNode; ic: string; value: string; label: string; sub: string; pill: string }) {
return (
<div className="mini-card">
<div className="top">
<span className="stat-ic" style={{ width: 30, height: 30, background: `color-mix(in srgb, ${ic} 18%, transparent)`, color: ic }}>{icon}</span>
<span className={`pill ${pill}`}>{sub}</span>
</div>
<div className="mid-val" style={{ marginTop: 12 }}>{value}</div>
<div className="lbl">{label}</div>
</div>
);
}
function PnlCard({ title, value, labels, yk, series }: { title: string; value: string; labels: string[]; yk: string[]; series: { color: string; values: number[] }[] }) {
return (
<div className="dcard">
<div className="card-h"><h3>{title}</h3><MoreHorizontal size={16} color="var(--faint)" /></div>
<div className="mid-val" style={{ marginBottom: 14 }}>{value}</div>
<BarsChart labels={labels} series={series} max={9} yTicks={yk} height={120} barWidth={5} />
</div>
);
}
function Legend({ dot, text }: { dot: string; text: string }) {
return <span className="row gap-2" style={{ fontSize: 12, color: "var(--muted)" }}><span className="ldot" style={{ background: dot }} /> {text}</span>;
}
function Readout({ big, small, color }: { big: string; small: string; color?: string }) {
return (
<div>
<div style={{ fontSize: 16, fontWeight: 800, color: color || "var(--text)" }}>{big}</div>
<div className="lbl">{small}</div>
</div>
);
}
src/components/dashboard/figicon.tsx
+17
View File
@@ -0,0 +1,17 @@
"use client";
import { Sparkles } from "lucide-react";
import { figmaIcons } from "./figma-icons";
/** Renders a Figma-exported icon (recolored to currentColor) or a fallback. */
export function FigIcon({ name, size = 18 }: { name: string; size?: number }) {
const svg = figmaIcons[name];
if (!svg) return <Sparkles size={size} />;
return (
<span
className="fig-ic"
style={{ width: size, height: size }}
dangerouslySetInnerHTML={{ __html: svg }}
/>
);
}
src/components/dashboard/figma-icons.ts
+32
View File
File diff suppressed because one or more lines are too long
src/components/dashboard/sidebar.tsx
+88
View File
@@ -0,0 +1,88 @@
"use client";
import { ChevronsUpDown } from "lucide-react";
import { FigIcon } from "./figicon";
type Item = { key: string; label: string };
const GROUPS: { title: string; items: Item[] }[] = [
{
title: "Workspace",
items: [
{ key: "dashboard", label: "Dashboard" },
{ key: "owners", label: "Owners Box" },
{ key: "projects", label: "Projects" },
{ key: "leads", label: "Leads" },
{ key: "verify", label: "Lead Verification" },
{ key: "pipeline", label: "Pipeline" },
],
},
{
title: "Workspace",
items: [
{ key: "dispatch", label: "LynkDispatch" },
{ key: "storm", label: "Storm Intel" },
{ key: "territory", label: "Territory Map" },
{ key: "procanvas", label: "ProCanvas" },
{ key: "estimates", label: "Estimates" },
],
},
{
title: "Team",
items: [
{ key: "schedule", label: "Team Schedule" },
{ key: "leaderboard", label: "Leaderboard" },
{ key: "subtasks", label: "Subcontractor Tasks" },
{ key: "people", label: "People" },
],
},
];
const EXTRA: Item[] = [
{ key: "settings", label: "Org Settings" },
{ key: "ai", label: "AI Assistant" },
{ key: "home", label: "Home" },
];
export function Sidebar({ active, onSelect }: { active: string; onSelect: (k: string) => void }) {
return (
<aside className="dash-sidebar">
<div className="dash-brand">
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src="/image/logo.png" alt="LynkedUp Pro" />
<span className="bk">LynkedUp Pro</span>
</div>
<nav className="dash-nav">
{GROUPS.map((g, gi) => (
<div key={gi}>
<div className="nav-group">{g.title}</div>
{g.items.map((it) => <NavBtn key={it.key} it={it} active={active} onSelect={onSelect} />)}
</div>
))}
<div style={{ height: 8 }} />
{EXTRA.map((it) => <NavBtn key={it.key} it={it} active={active} onSelect={onSelect} />)}
</nav>
<div className="sb-foot">
<div className="sb-user">
<span className="av" style={{ background: "linear-gradient(135deg,#285ef0,#09b9c6)", display: "grid", placeItems: "center", color: "#fff", fontWeight: 700, fontSize: 12 }}>JJ</span>
<div style={{ flex: 1 }}>
<div className="nm">Justin Johnson</div>
<div className="rl">Owner</div>
</div>
<ChevronsUpDown size={15} />
</div>
</div>
</aside>
);
}
function NavBtn({ it, active, onSelect }: { it: Item; active: string; onSelect: (k: string) => void }) {
return (
<button className={`nav-item ${active === it.key ? "active" : ""}`} onClick={() => onSelect(it.key)}>
<FigIcon name={it.key} size={18} />
{it.label}
</button>
);
}
src/components/dashboard/topbar.tsx
+33
View File
@@ -0,0 +1,33 @@
"use client";
import { Sun, ChevronDown } from "lucide-react";
import { FigIcon } from "./figicon";
export function Topbar({ theme, onToggle }: { theme: "dark" | "light"; onToggle: () => void }) {
return (
<header className="dash-topbar">
<div className="dash-title">
<h1>Dashboard Overview</h1>
<p>Welcome back, here&apos;s what&apos;s happening with your territory</p>
</div>
<div className="top-actions">
<button className="ic-btn" aria-label="Search"><FigIcon name="i_search" size={18} /></button>
<button className="ic-btn" aria-label="Toggle theme" onClick={onToggle}>
{theme === "dark" ? <FigIcon name="i_theme" size={18} /> : <Sun size={18} />}
</button>
<button className="ic-btn" aria-label="Notifications" style={{ position: "relative" }}>
<FigIcon name="i_bell" size={18} />
<span style={{ position: "absolute", top: 9, right: 10, width: 7, height: 7, borderRadius: 99, background: "var(--orange)", border: "2px solid var(--panel)" }} />
</button>
<button className="top-user">
<span className="av" style={{ background: "linear-gradient(135deg,#fda913,#fd6d13)", display: "grid", placeItems: "center", color: "#fff", fontWeight: 700, fontSize: 12 }}>JJ</span>
<div style={{ textAlign: "left" }}>
<div className="nm">Justin Johnson</div>
<div className="rl">Owner</div>
</div>
<ChevronDown size={16} />
</button>
</div>
</header>
);
}