fix: ability icon

app/assets/icons/bmcd.svg

@@ -0,0 +1,21 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31.6364 0H16.3636C7.32625 0 0 7.32625 0 16.3636V31.6364C0 40.6738 7.32625 48 16.3636 48H31.6364C40.6738 48 48 40.6738 48 31.6364V16.3636C48 7.32625 40.6738 0 31.6364 0Z" fill="url(#paint0_linear_1159_1648)"/>
+<g filter="url(#filter0_d_1159_1648)">
+<path d="M34.8602 33.5551H32.8802V15.1351C32.8802 13.3201 31.4102 11.8501 29.5952 11.8501H18.4052C16.5902 11.8501 15.1202 13.3201 15.1202 15.1351V33.5551H13.1402C12.0452 33.5551 11.1602 34.4401 11.1602 35.5351C11.1602 36.6301 12.0452 37.5151 13.1402 37.5151H34.8452C35.9402 37.5151 36.8252 36.6301 36.8252 35.5351C36.8252 34.4401 35.9402 33.5551 34.8602 33.5551ZM23.6702 31.4701V28.1851H21.0302L24.3302 22.2601V25.5451H26.9702L23.6702 31.4701ZM28.2752 18.4201C28.2752 18.7801 27.9752 19.0801 27.6152 19.0801H20.3852C20.0252 19.0801 19.7252 18.7801 19.7252 18.4201V15.7951C19.7252 15.4351 20.0252 15.1351 20.3852 15.1351H27.6152C27.9752 15.1351 28.2752 15.4351 28.2752 15.7951V18.4201Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_1159_1648" x="1.16016" y="5.8501" width="45.665" height="45.665" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.338338 0 0 0 0 0.576089 0 0 0 0 0.982677 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1159_1648"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1159_1648" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1159_1648" x1="48.5" y1="5.75185e-06" x2="0.499998" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#73C3FF"/>
+<stop offset="1" stop-color="#1E9BF9"/>
+</linearGradient>
+</defs>
+</svg>

app/assets/icons/bsbx.svg

@@ -0,0 +1,43 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1159_1544)">
+<path d="M31.6364 0H16.3636C7.32625 0 0 7.32625 0 16.3636V31.6364C0 40.6738 7.32625 48 16.3636 48H31.6364C40.6738 48 48 40.6738 48 31.6364V16.3636C48 7.32625 40.6738 0 31.6364 0Z" fill="url(#paint0_linear_1159_1544)"/>
+<g clip-path="url(#clip1_1159_1544)">
+<g filter="url(#filter0_d_1159_1544)">
+<path d="M19.914 22.434C20.022 22.434 20.148 22.38 20.22 22.29L22.38 20.184C22.542 20.022 22.542 19.788 22.38 19.626L20.454 17.736L20.418 17.646C20.31 17.394 20.328 17.088 20.454 16.8L20.49 16.764L20.634 16.512C20.832 16.17 21.318 15.576 21.822 15.018L21.84 15C22.776 14.1 24.036 13.542 25.35 13.452H25.404C25.566 13.452 25.71 13.362 25.8 13.2C25.89 13.002 25.8 12.786 25.566 12.66H25.53C22.524 11.454 19.122 12.12 16.818 14.352L12.192 18.762C12.102 18.852 12.084 18.924 12.084 19.05C12.084 19.176 12.138 19.248 12.192 19.338L14.928 21.984C15.09 22.146 15.378 22.146 15.54 21.984L17.394 20.184L17.7 20.49L19.59 22.326C19.698 22.362 19.806 22.434 19.914 22.434ZM34.134 32.586C34.224 32.496 34.242 32.424 34.242 32.298C34.242 32.172 34.188 32.064 34.134 32.01L28.392 26.25C28.23 26.088 27.978 26.088 27.834 26.25L25.692 28.356C25.602 28.446 25.584 28.518 25.584 28.644C25.584 28.752 25.62 28.878 25.692 28.932L31.434 34.692C31.524 34.782 31.596 34.8 31.722 34.8C31.848 34.8 31.92 34.764 32.01 34.692L34.134 32.586Z" fill="white"/>
+</g>
+<g filter="url(#filter1_d_1159_1544)">
+<path d="M33.9539 20.8499C35.3939 19.4099 35.7539 17.2499 34.8899 15.3959C34.8359 15.2879 34.7279 15.1619 34.5839 15.1619C34.4399 15.1259 34.2959 15.1979 34.2239 15.2699L31.4699 18.0239L29.9219 16.4759L32.6579 13.7399C32.7659 13.6319 32.8019 13.4879 32.7659 13.3799C32.7299 13.2359 32.6579 13.1279 32.5139 13.0739C31.9019 12.7859 31.1999 12.6599 30.5159 12.6599C29.2199 12.6599 28.0319 13.1639 27.1499 14.0639C25.8899 15.3239 25.4399 17.2139 25.9619 18.9059L26.0519 19.1579L19.1399 26.0519L18.8879 25.9619C17.1959 25.4219 15.2879 25.8719 14.0279 27.1499C12.6239 28.5539 12.2279 30.7139 13.0379 32.5139C13.0919 32.6579 13.1999 32.7479 13.3439 32.7659C13.4879 32.7839 13.6319 32.7299 13.7039 32.6579L16.4039 29.9579L17.9519 31.5059L15.2879 34.2059C15.1979 34.2959 15.1439 34.4399 15.1799 34.5659C15.2159 34.6919 15.2879 34.8179 15.4139 34.8719C16.0619 35.1779 16.7639 35.3219 17.5019 35.3219C18.7979 35.3219 19.9859 34.8179 20.8859 33.9179C22.1459 32.6579 22.5959 30.7319 22.0379 29.0039L21.9479 28.7699L28.8059 21.9119L29.0579 22.0019C29.5619 22.1639 30.0659 22.2539 30.6059 22.2539C31.8839 22.2539 33.0539 21.7499 33.9539 20.8499Z" fill="white"/>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_1159_1544" x="2.08398" y="6.06665" width="42.1582" height="42.7334" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.427226 0 0 0 0 0.333117 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1159_1544"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1159_1544" result="shape"/>
+</filter>
+<filter id="filter1_d_1159_1544" x="2.62207" y="6.65991" width="42.7319" height="42.6621" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.427226 0 0 0 0 0.333117 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1159_1544"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1159_1544" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1159_1544" x1="48.5" y1="2.86102e-06" x2="0.500001" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFAD54"/>
+<stop offset="1" stop-color="#FE4C06"/>
+</linearGradient>
+<clipPath id="clip0_1159_1544">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1159_1544">
+<rect width="36" height="36" fill="white" transform="translate(6 6)"/>
+</clipPath>
+</defs>
+</svg>

app/assets/icons/iot.svg

@@ -0,0 +1,26 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1159_1787)">
+<path d="M31.6364 0H16.3636C7.32625 0 0 7.32625 0 16.3636V31.6364C0 40.6738 7.32625 48 16.3636 48H31.6364C40.6738 48 48 40.6738 48 31.6364V16.3636C48 7.32625 40.6738 0 31.6364 0Z" fill="url(#paint0_linear_1159_1787)"/>
+<g filter="url(#filter0_d_1159_1787)">
+<path d="M34.7812 29.1562C33.8438 29.1562 33.0937 29.4375 32.3437 29.9062L29.4375 27.0937C30.2812 26.0625 30.8437 24.6563 30.8437 23.1563C30.8437 21.4688 30.1875 19.9688 29.0625 18.8438L31.4062 16.5C31.875 16.7813 32.3437 16.875 32.9062 16.875C34.6875 16.9687 36.1875 15.4687 36.1875 13.6875C36.1875 11.9063 34.6875 10.4062 32.9062 10.4062C31.125 10.4062 29.625 11.9063 29.625 13.6875C29.625 14.25 29.8125 14.8125 30 15.2812L27.4688 17.8125C26.625 17.3437 25.5938 17.0625 24.4688 17.0625C22.9687 17.0625 21.5625 17.625 20.4375 18.5625L18 16.0312C18.1875 15.5625 18.375 15.0938 18.375 14.625C18.375 12.8438 16.875 11.3438 15.0938 11.3438C13.3125 11.3438 11.8125 12.8438 11.8125 14.625C11.8125 16.4062 13.3125 17.9062 15.0938 17.9062C15.75 17.9062 16.3125 17.7188 16.875 17.4375L19.4063 19.875C18.75 20.8125 18.4688 21.9375 18.4688 23.1563C18.4688 24.1875 18.75 25.2188 19.2187 26.0625L17.1562 28.125C16.3125 27.5625 15.375 27.1875 14.25 27.1875C11.3438 27.2812 9 29.625 9 32.4375C9 35.25 11.3438 37.5938 14.1562 37.5938C16.9688 37.5938 19.3125 35.25 19.3125 32.4375C19.3125 31.3125 18.9375 30.2812 18.375 29.5312L20.25 27.6562C21.375 28.7812 22.875 29.4375 24.5625 29.4375C25.875 29.4375 27.0937 29.0625 28.0312 28.4063L31.125 31.4062C30.75 31.875 30.5625 32.625 30.5625 33.375C30.5625 35.7188 32.4375 37.5938 34.7812 37.5938C37.125 37.5938 39 35.7188 39 33.375C39 31.0312 37.125 29.1562 34.7812 29.1562Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_1159_1787" x="-1" y="4.40625" width="50" height="47.1875" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.338338 0 0 0 0 0.576089 0 0 0 0 0.982677 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1159_1787"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1159_1787" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1159_1787" x1="48.5001" y1="-9.7275e-05" x2="0.499999" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7DA2FF"/>
+<stop offset="1" stop-color="#0049FF"/>
+</linearGradient>
+<clipPath id="clip0_1159_1787">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>

app/assets/icons/llfw.svg

@@ -0,0 +1,26 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1159_1526)">
+<path d="M31.6364 0H16.3636C7.32625 0 0 7.32625 0 16.3636V31.6364C0 40.6738 7.32625 48 16.3636 48H31.6364C40.6738 48 48 40.6738 48 31.6364V16.3636C48 7.32625 40.6738 0 31.6364 0Z" fill="url(#paint0_linear_1159_1526)"/>
+<g filter="url(#filter0_d_1159_1526)">
+<path d="M34.908 15.1711C34.908 13.1461 33.288 11.5066 31.2885 11.5066H16.8075C14.808 11.5066 13.1865 13.1461 13.1865 15.1711L11.979 33.4951C11.979 35.5201 13.599 37.1611 15.6 37.1611H32.496C34.4955 37.1611 36.1172 35.5201 36.1172 33.4951L34.908 15.1711ZM30.8745 16.4806C30.8745 18.2851 30.18 19.9831 28.9185 21.2596C27.6585 22.5361 25.9815 23.2396 24.198 23.2396C22.4145 23.2396 20.7375 22.5361 19.476 21.2596C18.216 19.9831 17.5215 18.2851 17.5215 16.4806V16.4611L19.1625 16.4641V16.4851C19.1655 19.2931 21.423 21.5776 24.198 21.5776C26.973 21.5776 29.2305 19.2931 29.232 16.4851V16.4656L30.8745 16.4581V16.4806Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_1159_1526" x="1.979" y="5.50659" width="44.1382" height="45.6545" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.338338 0 0 0 0 0.576089 0 0 0 0 0.982677 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1159_1526"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1159_1526" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1159_1526" x1="48.5" y1="5.75185e-06" x2="0.499998" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#73C3FF"/>
+<stop offset="1" stop-color="#1E9BF9"/>
+</linearGradient>
+<clipPath id="clip0_1159_1526">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>

app/assets/icons/rxcrk.svg

@@ -0,0 +1,26 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1159_1748)">
+<path d="M31.6364 0H16.3636C7.32625 0 0 7.32625 0 16.3636V31.6364C0 40.6738 7.32625 48 16.3636 48H31.6364C40.6738 48 48 40.6738 48 31.6364V16.3636C48 7.32625 40.6738 0 31.6364 0Z" fill="url(#paint0_linear_1159_1748)"/>
+<g filter="url(#filter0_d_1159_1748)">
+<path d="M21.4211 17.9965H15.2089V13.9187C15.2153 13.8141 15.2011 13.7092 15.1669 13.6101C15.1328 13.511 15.0794 13.4196 15.0098 13.3411C14.9403 13.2627 14.8559 13.1988 14.7616 13.153C14.6673 13.1072 14.5648 13.0806 14.4602 13.0745H10.8603C10.7543 13.0765 10.6498 13.0997 10.5529 13.1426C10.456 13.1856 10.3686 13.2474 10.2959 13.3246C10.2232 13.4017 10.1666 13.4926 10.1295 13.5919C10.0924 13.6911 10.0755 13.7968 10.0797 13.9028V34.1325C10.0758 34.3452 10.1553 34.5509 10.3012 34.7057C10.4471 34.8605 10.6477 34.952 10.8603 34.9608H14.4124C14.5184 34.9587 14.6229 34.9355 14.7198 34.8926C14.8167 34.8497 14.9041 34.7878 14.9768 34.7107C15.0495 34.6335 15.106 34.5426 15.1431 34.4433C15.1803 34.3441 15.1972 34.2384 15.1929 34.1325V30.0531H21.4052C22.2654 30.0849 22.9822 29.3681 23.014 28.4602V19.6372C23.0257 19.2134 22.8702 18.8021 22.581 18.4922C22.2919 18.1822 21.8924 17.9984 21.4689 17.9806C21.4543 17.9891 21.438 17.9946 21.4211 17.9965ZM16.2442 28.3344L15.2089 27.2352L19.1274 24.145L15.2089 21.0548L16.1168 19.8124L21.5008 24.0335L16.2442 28.3344ZM37.221 13.0904H33.6688C33.5629 13.0924 33.4584 13.1156 33.3615 13.1586C33.2645 13.2015 33.1772 13.2634 33.1045 13.3405C33.0318 13.4176 32.9752 13.5085 32.9381 13.6078C32.901 13.7071 32.8841 13.8128 32.8883 13.9187V17.9965H26.6761C25.8159 17.9646 25.0991 18.6814 25.0672 19.5894V28.4459C25.057 28.8703 25.2156 29.2816 25.5083 29.5892C25.801 29.8968 26.2038 30.0757 26.6283 30.0865H32.8405V34.1643C32.8366 34.377 32.9161 34.5828 33.062 34.7376C33.2079 34.8924 33.4085 34.9839 33.6211 34.9926H37.1732C37.2792 34.9906 37.3837 34.9674 37.4806 34.9245C37.5775 34.8815 37.6649 34.8197 37.7376 34.7425C37.8102 34.6654 37.8668 34.5745 37.9039 34.4752C37.9411 34.3759 37.958 34.2702 37.9537 34.1643V13.9649C37.9661 13.7532 37.8972 13.5447 37.761 13.3822C37.6248 13.2196 37.4316 13.1152 37.221 13.0904ZM32.7768 27.2193L31.7415 28.3184L26.5646 24.0654L31.9485 19.7965L32.8565 21.0389L28.8424 24.1132L32.7768 27.2193Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_1159_1748" x="0.0791016" y="7.07446" width="47.876" height="41.9182" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.741176 0 0 0 0 0.564706 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1159_1748"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1159_1748" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1159_1748" x1="48.5" y1="2.86102e-06" x2="0.500001" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6DF7D8"/>
+<stop offset="1" stop-color="#00BC8F"/>
+</linearGradient>
+<clipPath id="clip0_1159_1748">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>

app/assets/icons/sqaf.svg

@@ -0,0 +1,26 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1159_1763)">
+<path d="M31.6364 0H16.3636C7.32625 0 0 7.32625 0 16.3636V31.6364C0 40.6738 7.32625 48 16.3636 48H31.6364C40.6738 48 48 40.6738 48 31.6364V16.3636C48 7.32625 40.6738 0 31.6364 0Z" fill="url(#paint0_linear_1159_1763)"/>
+<g filter="url(#filter0_d_1159_1763)">
+<path d="M18.3933 25.5458L18.3983 25.5374L14.6042 21.4799C14.33 21.1867 14.1709 20.8045 14.1561 20.4034C14.1412 20.0023 14.2716 19.6093 14.5233 19.2966L15.4142 18.1899L30.4133 33.4983L28.6633 34.5674C28.4034 34.7264 28.1048 34.8111 27.8001 34.8123C27.4954 34.8135 27.1962 34.7311 26.935 34.5741L18.3933 25.5458ZM17.955 26.2891L20.3692 28.8408L18.8167 31.4691C18.7001 31.667 18.5439 31.8387 18.3577 31.9732C18.1715 32.1078 17.9595 32.2023 17.735 32.2508C17.6167 32.2783 17.4933 32.2924 17.3667 32.2924H14.8333V34.8424C14.8334 35.0613 14.7903 35.2781 14.7065 35.4803C14.6228 35.6826 14.5 35.8663 14.3453 36.0211C14.1905 36.1759 14.0068 36.2987 13.8045 36.3825C13.6023 36.4662 13.3856 36.5094 13.1667 36.5094C12.9478 36.5094 12.731 36.4662 12.5288 36.3825C12.3266 36.2987 12.1428 36.1759 11.9881 36.0211C11.8333 35.8663 11.7105 35.6826 11.6268 35.4803C11.5431 35.2781 11.5 35.0613 11.5 34.8424V28.1758C11.5 27.9569 11.5431 27.7401 11.6268 27.5379C11.7105 27.3356 11.8333 27.1519 11.9881 26.9971C12.1428 26.8423 12.3266 26.7195 12.5288 26.6357C12.731 26.552 12.9478 26.5089 13.1667 26.5089C13.3856 26.5089 13.6023 26.552 13.8045 26.6357C14.0068 26.7195 14.1905 26.8423 14.3453 26.9971C14.5 27.1519 14.6228 27.3356 14.7065 27.5379C14.7903 27.7401 14.8334 27.9569 14.8333 28.1758V28.9999H16.3542L17.9542 26.2891H17.955ZM16.4608 16.8891L20.2958 12.1224C20.4419 11.9409 20.6243 11.792 20.8315 11.6854C21.0386 11.5787 21.2658 11.5167 21.4984 11.5033C21.731 11.4898 21.9638 11.5253 22.1818 11.6074C22.3998 11.6895 22.5982 11.8164 22.7642 11.9799L37.6483 26.6491C37.8287 26.8268 37.9662 27.0431 38.0504 27.2819C38.1346 27.5206 38.1634 27.7753 38.1345 28.0268C38.1056 28.2783 38.0197 28.5199 37.8835 28.7333C37.7473 28.9467 37.5643 29.1262 37.3483 29.2583L31.865 32.6099L16.4608 16.8891Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_1159_1763" x="1.5" y="5.50049" width="46.6455" height="45.0088" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.427226 0 0 0 0 0.333117 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1159_1763"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1159_1763" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1159_1763" x1="48.5" y1="2.86102e-06" x2="0.500001" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFAD54"/>
+<stop offset="1" stop-color="#FE4C06"/>
+</linearGradient>
+<clipPath id="clip0_1159_1763">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>

app/assets/icons/sqxx.svg

@@ -0,0 +1,26 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1159_1570)">
+<path d="M31.6364 0H16.3636C7.32625 0 0 7.32625 0 16.3636V31.6364C0 40.6738 7.32625 48 16.3636 48H31.6364C40.6738 48 48 40.6738 48 31.6364V16.3636C48 7.32625 40.6738 0 31.6364 0Z" fill="url(#paint0_linear_1159_1570)"/>
+<g filter="url(#filter0_d_1159_1570)">
+<path d="M26.5397 34.8799L26.6139 34.8838C27.0043 34.9266 27.2795 35.2998 27.179 35.6806L27.14 35.8175C26.7291 37.1276 25.4785 38.0799 24.0001 38.0799L23.8478 38.0767C22.3861 38.0114 21.1733 37.015 20.8206 35.6806L20.8065 35.6095C20.7515 35.2306 21.0568 34.8799 21.4606 34.8799H26.5397ZM24.0001 9.91992C24.2548 9.91992 24.4989 10.0211 24.679 10.2011C24.859 10.3811 24.9601 10.6253 24.9601 10.8799V11.8873C29.8805 12.382 33.6001 16.709 33.6001 21.7113V28.4799L33.604 28.5759C33.6282 28.8978 33.7731 29.1987 34.0098 29.4183C34.2465 29.6378 34.5573 29.7599 34.8801 29.7599H35.1086L35.2174 29.7631C36.011 29.813 36.7125 30.3986 36.7918 31.1948L36.7989 31.2972C36.8073 31.5124 36.7722 31.727 36.6957 31.9283C36.6192 32.1296 36.5029 32.3134 36.3537 32.4686C36.2044 32.6239 36.0254 32.7474 35.8273 32.8319C35.6292 32.9163 35.4161 32.9598 35.2008 32.9599H12.8917L12.7829 32.9567C11.9893 32.9068 11.2878 32.3212 11.2085 31.525L11.2014 31.4226C11.193 31.2074 11.2281 30.9927 11.3046 30.7914C11.3812 30.59 11.4976 30.4062 11.6468 30.251C11.7961 30.0957 11.9752 29.9722 12.1734 29.8878C12.3716 29.8034 12.5848 29.7599 12.8001 29.7599H13.1201L13.2161 29.7567C13.5382 29.7325 13.8391 29.5875 14.0587 29.3507C14.2783 29.1139 14.4002 28.8029 14.4001 28.4799V21.4399C14.4001 16.462 18.1889 12.3692 23.0401 11.8873V10.8799C23.0401 10.6253 23.1413 10.3811 23.3213 10.2011C23.5014 10.0211 23.7455 9.91992 24.0001 9.91992Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_1159_1570" x="1.2002" y="3.91992" width="45.6001" height="48.1599" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.338338 0 0 0 0 0.576089 0 0 0 0 0.982677 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1159_1570"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1159_1570" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1159_1570" x1="48.5001" y1="-9.7275e-05" x2="0.499999" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7DA2FF"/>
+<stop offset="1" stop-color="#0049FF"/>
+</linearGradient>
+<clipPath id="clip0_1159_1570">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>

app/assets/icons/zhnh.svg

@@ -0,0 +1,26 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1159_1813)">
+<path d="M31.6364 0H16.3636C7.32625 0 0 7.32625 0 16.3636V31.6364C0 40.6738 7.32625 48 16.3636 48H31.6364C40.6738 48 48 40.6738 48 31.6364V16.3636C48 7.32625 40.6738 0 31.6364 0Z" fill="url(#paint0_linear_1159_1813)"/>
+<g filter="url(#filter0_d_1159_1813)">
+<path d="M31.3963 34.8015V34.892C31.3963 36.6151 30.076 38 28.4369 38H19.5501C17.911 38 16.5907 36.6129 16.5907 34.892V34.7972C14.0643 34.3126 12.1538 31.9908 12.1538 29.1929V15.6991C12.1538 12.548 14.579 10 17.5772 10H30.4227C33.4209 10 35.8461 12.548 35.8461 15.6991V29.1908C35.8461 31.9929 33.9292 34.3169 31.3963 34.7994V34.8015ZM18.0855 14.6631C17.8858 14.6664 17.6888 14.7094 17.5059 14.7895C17.3229 14.8696 17.1578 14.9852 17.0199 15.1297C16.882 15.2742 16.7742 15.4446 16.7028 15.6311C16.6313 15.8176 16.5976 16.0164 16.6037 16.216V22.432C16.6037 23.2849 17.2713 23.9849 18.0833 23.9849H29.9295C30.7415 23.9849 31.4092 23.2849 31.4092 22.432V16.216C31.4092 15.3631 30.7415 14.6609 29.9295 14.6609H18.0833L18.0855 14.6631Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_1159_1813" x="2.15381" y="4" width="43.6924" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.741176 0 0 0 0 0.564706 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1159_1813"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1159_1813" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1159_1813" x1="48.5" y1="2.86102e-06" x2="0.500001" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6DF7D8"/>
+<stop offset="1" stop-color="#00BC8F"/>
+</linearGradient>
+<clipPath id="clip0_1159_1813">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>

app/assets/icons/znmj.svg

@@ -0,0 +1,38 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1159_1507)">
+<path d="M31.6364 0H16.3636C7.32625 0 0 7.32625 0 16.3636V31.6364C0 40.6738 7.32625 48 16.3636 48H31.6364C40.6738 48 48 40.6738 48 31.6364V16.3636C48 7.32625 40.6738 0 31.6364 0Z" fill="url(#paint0_linear_1159_1507)"/>
+<g filter="url(#filter0_d_1159_1507)">
+<path d="M36.0471 20.9782C35.9966 20.5783 35.8644 20.1931 35.6585 19.8466C35.6573 19.8437 35.6558 19.8409 35.654 19.8383C35.5075 19.6166 35.3296 19.4174 35.1259 19.2468L34.6952 18.8824L26.248 11.7351C25.013 10.6895 22.9889 10.6895 21.7525 11.7351L13.303 18.8817L12.8723 19.2461C12.6685 19.4166 12.4906 19.6158 12.3442 19.8375L12.3396 19.8458C12.134 20.1924 12.002 20.5776 11.9519 20.9774C11.9358 21.104 11.9277 21.2315 11.9277 21.3592V34.2348C11.9277 35.7828 13.1016 37.0495 14.5373 37.0495H33.4624C34.8958 37.0495 36.0727 35.7828 36.0727 34.2348V21.36C36.0718 21.2323 36.0633 21.1048 36.0471 20.9782ZM29.5712 25.6043C29.3366 27.2572 27.8043 28.634 26.1386 28.7094C25.372 28.7533 24.6094 28.5718 23.9448 28.1874C23.8846 28.2718 23.8196 28.3526 23.7501 28.4295C22.5069 29.6768 21.2618 30.9218 20.015 32.1646C19.5458 32.6308 18.8525 32.5531 18.5228 32.0137C18.47 31.927 18.4308 31.8319 18.3855 31.7406V31.288L19.7148 29.7475L18.3855 28.1949V27.7423C18.7748 26.8249 19.6552 26.837 20.1855 27.4805C20.4609 27.8169 20.7891 28.1104 21.072 28.4031L22.6343 26.837C22.62 26.8075 22.5959 26.757 22.571 26.7072C21.579 24.7457 22.3605 22.4772 24.3589 21.5644C24.709 21.4044 25.099 21.332 25.471 21.2189H26.3144C26.3452 21.2385 26.3784 21.2539 26.4132 21.2649C28.5648 21.6451 29.8767 23.4444 29.5712 25.6043Z" fill="white"/>
+</g>
+<g filter="url(#filter1_d_1159_1507)">
+<path d="M25.9182 23.0997C25.6695 23.0977 25.4228 23.1447 25.1923 23.2381C24.9618 23.3315 24.752 23.4694 24.5748 23.6439C24.3976 23.8184 24.2565 24.0262 24.1597 24.2552C24.0628 24.4843 24.012 24.7302 24.0103 24.9789C24.0103 26.0049 24.8529 26.8529 25.8624 26.8491C26.9185 26.8453 27.7823 25.9898 27.7658 24.9631C27.7484 23.9605 26.9042 23.1087 25.9182 23.0997Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_1159_1507" x="1.92773" y="4.95093" width="44.145" height="46.0986" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.741176 0 0 0 0 0.564706 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1159_1507"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1159_1507" result="shape"/>
+</filter>
+<filter id="filter1_d_1159_1507" x="14.0103" y="17.0996" width="23.7559" height="23.7495" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.741176 0 0 0 0 0.564706 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1159_1507"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1159_1507" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1159_1507" x1="48.5" y1="2.86102e-06" x2="0.500001" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6DF7D8"/>
+<stop offset="1" stop-color="#00BC8F"/>
+</linearGradient>
+<clipPath id="clip0_1159_1507">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>

app/assets/icons/zxjf.svg

@@ -0,0 +1,31 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1159_1483)">
+<path d="M31.6364 0H16.3636C7.32625 0 0 7.32625 0 16.3636V31.6364C0 40.6738 7.32625 48 16.3636 48H31.6364C40.6738 48 48 40.6738 48 31.6364V16.3636C48 7.32625 40.6738 0 31.6364 0Z" fill="url(#paint0_linear_1159_1483)"/>
+<g clip-path="url(#clip1_1159_1483)">
+<g filter="url(#filter0_d_1159_1483)">
+<path d="M33.9167 16.9166C34.6681 16.9166 35.3888 17.2151 35.9201 17.7465C36.4515 18.2779 36.75 18.9985 36.75 19.75V22.5833H30.375C29.4758 22.5832 28.6102 22.9251 27.9539 23.5396C27.2975 24.1542 26.8994 24.9954 26.8404 25.8926L26.8333 26.125C26.8332 27.0242 27.1751 27.8897 27.7896 28.5461C28.4042 29.2025 29.2454 29.6006 30.1427 29.6596L30.375 29.6666H36.75V32.5C36.75 33.2514 36.4515 33.9721 35.9201 34.5034C35.3888 35.0348 34.6681 35.3333 33.9167 35.3333H14.0833C13.3319 35.3333 12.6112 35.0348 12.0799 34.5034C11.5485 33.9721 11.25 33.2514 11.25 32.5V19.75C11.25 18.9985 11.5485 18.2779 12.0799 17.7465C12.6112 17.2151 13.3319 16.9166 14.0833 16.9166H33.9167ZM36.0417 24C36.6053 24 37.1458 24.2239 37.5443 24.6224C37.9428 25.0209 38.1667 25.5614 38.1667 26.125C38.1667 26.6886 37.9428 27.2291 37.5443 27.6276C37.1458 28.0261 36.6053 28.25 36.0417 28.25H30.375C29.8114 28.25 29.2709 28.0261 28.8724 27.6276C28.4739 27.2291 28.25 26.6886 28.25 26.125C28.25 25.5614 28.4739 25.0209 28.8724 24.6224C29.2709 24.2239 29.8114 24 30.375 24H36.0417ZM29.0943 12.1453L30.8298 15.0721C30.8553 15.1152 30.8689 15.1642 30.8694 15.2142C30.8698 15.2642 30.857 15.3134 30.8322 15.3569C30.8075 15.4003 30.7717 15.4364 30.7284 15.4616C30.6852 15.4867 30.6361 15.5 30.5861 15.5H18.067C18.0037 15.4999 17.9422 15.4787 17.8924 15.4396C17.8426 15.4006 17.8072 15.346 17.7921 15.2845C17.7769 15.223 17.7828 15.1583 17.8087 15.1005C17.8347 15.0428 17.8792 14.9954 17.9352 14.9659L25.3416 11.0814C25.9843 10.7443 26.7319 10.6668 27.4302 10.8648C28.1284 11.0627 28.7241 11.5211 29.0943 12.1453Z" fill="white"/>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_1159_1483" x="7.25" y="10.7573" width="34.9165" height="32.5759" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.137235 0 0 0 0 0.610392 0 0 0 0 0.967492 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1159_1483"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1159_1483" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1159_1483" x1="48.5" y1="2.86102e-06" x2="0.500001" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#73C3FF"/>
+<stop offset="1" stop-color="#1E9BF9"/>
+</linearGradient>
+<clipPath id="clip0_1159_1483">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1159_1483">
+<rect width="34" height="34" fill="white" transform="translate(7 7)"/>
+</clipPath>
+</defs>
+</svg>

app/constants/common.ts

@@ -152,64 +152,64 @@ export const abilities: Record<string, Card[]> = {
     {
       title: '在线缴费查账',
       desc: '物业费、车位费、水电煤一键缴纳，账单历史随时可查，缴费凭证电子化保存，便捷又透明。',
-      icon: '',
+      icon: 'i-custom-zxjf',
     },
     {
       title: '一键报事报修',
       desc: '手机拍照上传问题，实时跟踪处理进度，服务完成后进行评价，让报修过程全程可视化。',
-      icon: '',
+      icon: 'i-custom-bsbx',
     },
     {
       title: '智能门禁通行',
       desc: '手机蓝牙、动态二维码、人脸识别多种方式开门，访客可远程邀请，提升社区安全与便利性。',
-      icon: '',
+      icon: 'i-custom-znmj',
     },
     {
       title: '社区信息直达',
       desc: '停水停电、小区通知、政务公告精准推送，重要信息不再错过，提升信息传达效率。',
-      icon: '',
+      icon: 'i-custom-sqxx',
     },
     {
       title: '邻里服务与商城',
       desc: '物业发布家政、维修等增值服务，业主可在线预约支付，打造社区生活服务生态圈。',
-      icon: '',
+      icon: 'i-custom-llfw',
     },
     {
       title: '线上投票与议事',
       desc: '重要事项在线投票，议事结果公开透明，提升社区治理效率与业主参与度。',
-      icon: '',
+      icon: 'i-custom-xstp',
     },
   ],
   hardware: [
     {
       title: '人行出入口',
       desc: '人脸识别门禁机、门禁闸机、智能门锁，实现人员进出智能化管理，提升社区安全等级。',
-      icon: '',
+      icon: 'i-custom-rxcrk',
     },
     {
       title: '车行出入口',
       desc: '车牌识别摄像机、智能道闸、车位引导系统，实现车辆无人化值守，提升通行效率。',
-      icon: '',
+      icon: 'i-custom-cxcrk',
     },
     {
       title: '社区安防监控',
       desc: '高清监控摄像机、周界报警、电梯电动车禁入系统、高空抛物监测，打造立体安防体系。',
-      icon: '',
+      icon: 'i-custom-sqaf',
     },
     {
       title: '智慧能耗管理',
       desc: '远程智能水电表、节能控制设备，实现能耗数据实时采集与分析，助力节能降耗。',
-      icon: '',
+      icon: 'i-custom-zhnh',
     },
     {
       title: '便民充电设施',
       desc: '电动汽车充电桩、两轮车智能充电桩，支持多种支付方式，安全可靠，解决社区充电难题。',
-      icon: '',
+      icon: 'i-custom-bmcd',
     },
     {
       title: '物联网平台',
       desc: '统一设备接入与管理平台，打破硬件信息孤岛，实现设备联动与智能场景化控制。',
-      icon: '',
+      icon: 'i-custom-iot',
     },
   ],
 }