foundry-component-library 0.0.0 → 0.0.2

package/lib/assets/svg/arrow.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 16L14.7273 3.27273M3.27273 2H16V14.7273" stroke="#E3E615" stroke-width="2.5" stroke-linecap="square" stroke-linejoin="round"/>
+</svg>

package/lib/assets/svg/caret-down.svg

@@ -0,0 +1,3 @@
+<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 1L5.75736 5.24264L1.51472 1" stroke="white" stroke-linecap="square" stroke-linejoin="round"/>
+</svg>

package/lib/assets/svg/caret-right.svg

@@ -0,0 +1,4 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle r="14.5" transform="matrix(1 -8.74228e-08 -8.74228e-08 -1 15 15)" stroke="black"/>
+<path d="M13.6543 18.7598L17.5462 14.9929L13.6543 11.2261" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/lib/assets/svg/close.svg

@@ -0,0 +1,5 @@
+<svg width="47" height="47" viewBox="0 0 47 47" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.1942 38.1923C46.3301 30.0564 46.3301 16.8655 38.1942 8.72955C30.0582 0.593625 16.8673 0.593625 8.73139 8.72955C0.595468 16.8655 0.595468 30.0564 8.73139 38.1923C16.8673 46.3282 30.0582 46.3282 38.1942 38.1923Z" stroke="#491B11" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.5703 17.5664L29.3554 29.3515" stroke="#491B11" stroke-width="4" stroke-linecap="square" stroke-linejoin="round"/>
+<path d="M17.5703 29.3516L29.3554 17.5665" stroke="#491B11" stroke-width="4" stroke-linecap="square" stroke-linejoin="round"/>
+</svg>

package/lib/assets/svg/comment.svg

@@ -0,0 +1,18 @@
+<svg width="38" height="41" viewBox="0 0 38 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.0203 2.51562H2.50977V5.02924H5.0203V2.51562Z" fill="black"/>
+<path d="M34.8211 2.51562H32.3105V5.02924H34.8211V2.51562Z" fill="black"/>
+<path d="M5.0203 27.4336H2.50977V29.9472H5.0203V27.4336Z" fill="black"/>
+<path d="M34.8211 27.4336H32.3105V29.9472H34.8211V27.4336Z" fill="black"/>
+<path d="M19.9226 32.4609H17.4121V34.9745H19.9226V32.4609Z" fill="black"/>
+<path d="M19.9226 15.0156H17.4121V17.5292H19.9226V15.0156Z" fill="black"/>
+<path d="M27.3797 15.0156H24.8691V17.5292H27.3797V15.0156Z" fill="black"/>
+<path d="M12.3914 15.0156H9.88086V17.5292H12.3914V15.0156Z" fill="black"/>
+<path d="M12.3914 32.4609H9.88086V40.0018H12.3914V32.4609Z" fill="black"/>
+<path d="M2.51053 5.02734H0V27.4314H2.51053V5.02734Z" fill="black"/>
+<path d="M37.3328 5.02734H34.8223V27.4314H37.3328V5.02734Z" fill="black"/>
+<path d="M17.4129 34.9727H14.9023V37.4863H17.4129V34.9727Z" fill="black"/>
+<path d="M14.9012 37.4883H12.3906V40.0019H14.9012V37.4883Z" fill="black"/>
+<path d="M32.3121 0H5.02148V2.51361H32.3121V0Z" fill="black"/>
+<path d="M32.3077 29.9453H19.9414V32.4589H32.3077V29.9453Z" fill="black"/>
+<path d="M9.87994 29.9453H5.02148V32.4589H9.87994V29.9453Z" fill="black"/>
+</svg>

package/lib/assets/svg/facebook.svg

@@ -0,0 +1,10 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_817_1876)">
+<path d="M10.04 0C4.5 0 0 4.5 0 10.04C0 15.01 3.62 19.13 8.37 19.93V12.13H5.94V9.33H8.36V7.26C8.36 4.86 9.83 3.55 11.97 3.55C13 3.55 13.88 3.63 14.13 3.66V6.17H12.64C11.48 6.17 11.25 6.72 11.25 7.54V9.33H14.03L13.67 12.14H11.25V20C16.22 19.4 20.07 15.17 20.07 10.04C20.08 4.5 15.59 0 10.04 0Z" fill="#010002"/>
+</g>
+<defs>
+<clipPath id="clip0_817_1876">
+<rect width="20.08" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/lib/assets/svg/footer-logo.svg

@@ -0,0 +1,16 @@
+<svg width="415" height="110" viewBox="0 0 415 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M51.3664 80.0738C52.3787 80.0738 53.2626 80.4516 54.0181 81.2146C54.7735 81.9701 55.1588 82.8539 55.1588 83.8663C55.1588 84.8786 54.7735 85.7624 54.0181 86.5179C53.2551 87.2809 52.3787 87.6587 51.3664 87.6587H4.7924C3.7121 87.6587 2.80555 87.2809 2.08031 86.5179C1.35507 85.7624 1 84.8786 1 83.8663C1 82.8539 1.36262 81.9701 2.08031 81.2146C2.79799 80.4516 3.70454 80.0738 4.7924 80.0738H24.2908V30.2438H4.7924C3.7121 30.2438 2.80555 29.8812 2.08031 29.1635C1.35507 28.4458 1 27.5393 1 26.4514C1 25.4466 1.36262 24.5552 2.08031 23.7997C2.79799 23.0367 3.70454 22.659 4.7924 22.659H24.2908V4.78485C24.2908 3.78009 24.6534 2.88865 25.3711 2.13319C26.0888 1.37773 26.9953 1 28.0832 1H51.374C52.3863 1 53.2702 1.37773 54.0256 2.13319C54.7811 2.8962 55.1664 3.78009 55.1664 4.78485C55.1664 5.86516 54.7811 6.77171 54.0256 7.49695C53.2626 8.22219 52.3863 8.57726 51.374 8.57726H31.8756V22.659H51.374C52.3863 22.659 53.2702 23.0367 54.0256 23.7997C54.7811 24.5552 55.1664 25.4391 55.1664 26.4514C55.1664 27.5317 54.7811 28.4383 54.0256 29.1635C53.2626 29.8887 52.3863 30.2438 51.374 30.2438H31.8756V80.0738H51.374H51.3664Z" fill="white"/>
+<path d="M66.5364 87.6601C65.4561 87.6601 64.5495 87.2823 63.8243 86.5193C63.099 85.7639 62.744 84.88 62.744 83.8677V26.4528C62.744 25.448 63.1066 24.5566 63.8243 23.8012C64.542 23.0381 65.4485 22.6604 66.5364 22.6604H113.11C114.123 22.6604 115.007 23.0381 115.762 23.8012C116.518 24.5566 116.903 25.4405 116.903 26.4528V83.8677C116.903 84.88 116.518 85.7639 115.762 86.5193C114.999 87.2823 114.123 87.6601 113.11 87.6601H66.5364ZM70.3288 60.5769C70.3288 64.12 71.1976 67.3684 72.9276 70.3298C74.6576 73.2912 77.007 75.6558 79.9684 77.4236C82.9298 79.1989 86.2161 80.0752 89.8272 80.0752C93.4383 80.0752 96.7094 79.1914 99.633 77.4236C102.557 75.6558 104.899 73.2912 106.674 70.3298C108.442 67.3684 109.326 64.12 109.326 60.5769V49.7436C109.326 46.1325 108.442 42.8614 106.674 39.9377C104.899 37.0141 102.557 34.6722 99.633 32.8969C96.7094 31.1291 93.4383 30.2452 89.8272 30.2452C86.2161 30.2452 82.9298 31.1291 79.9684 32.8969C77.007 34.6722 74.6576 37.0141 72.9276 39.9377C71.1976 42.8614 70.3288 46.1325 70.3288 49.7436V60.5769Z" fill="white"/>
+<path d="M151.562 87.6601C146.576 87.6601 142.044 86.4362 137.964 83.981C133.885 81.5257 130.613 78.2546 128.158 74.1751C125.703 70.0956 124.479 65.5629 124.479 60.5769V26.4528C124.479 25.448 124.857 24.5566 125.62 23.8012C126.375 23.0381 127.259 22.6604 128.271 22.6604C129.352 22.6604 130.258 23.0381 130.976 23.8012C131.701 24.5566 132.056 25.4405 132.056 26.4528V60.5769C132.056 64.12 132.94 67.3684 134.708 70.3298C136.476 73.2912 138.84 75.6558 141.802 77.4236C144.763 79.1989 148.012 80.0752 151.555 80.0752C155.166 80.0752 158.445 79.1914 161.413 77.4236C164.375 75.6558 166.717 73.2912 168.454 70.3298C170.184 67.3684 171.053 64.12 171.053 60.5769V26.4528C171.053 25.448 171.438 24.5566 172.194 23.8012C172.957 23.0381 173.833 22.6604 174.846 22.6604C175.926 22.6604 176.832 23.0381 177.558 23.8012C178.275 24.5566 178.638 25.4405 178.638 26.4528V60.5769C178.638 65.5629 177.429 70.0956 175.004 74.1751C172.587 78.2546 169.316 81.5257 165.198 83.981C161.081 86.4362 156.533 87.6601 151.555 87.6601H151.562Z" fill="white"/>
+<path d="M186.328 87.6584C185.316 87.6584 184.432 87.2958 183.677 86.5781C182.914 85.8604 182.536 84.9916 182.536 83.9793C182.536 82.899 182.914 81.9698 183.677 81.2143C184.432 80.4513 185.354 80.0736 186.442 80.0736C187.235 80.0736 187.907 79.7865 188.443 79.2048C188.987 78.6307 189.259 77.981 189.259 77.2558V43.245C189.259 39.4904 190.181 36.0606 192.024 32.9557C193.868 29.8507 196.315 27.3577 199.39 25.4842C202.457 23.6106 205.872 22.6663 209.627 22.6663C213.381 22.6663 216.796 23.6031 219.863 25.4842C222.93 27.3577 225.385 29.8507 227.229 32.9557C229.072 36.0606 229.994 39.4904 229.994 43.245V77.2558C229.994 77.981 230.266 78.6307 230.81 79.2048C231.354 79.7865 232.018 80.0736 232.812 80.0736C233.892 80.0736 234.814 80.4513 235.577 81.2143C236.332 81.9698 236.717 82.8915 236.717 83.9793C236.717 84.9916 236.332 85.8529 235.577 86.5781C234.814 87.3034 233.937 87.6584 232.925 87.6584H219.493C218.481 87.6584 217.597 87.2958 216.841 86.5781C216.078 85.8604 215.7 84.9916 215.7 83.9793C215.7 82.899 216.078 81.9698 216.841 81.2143C217.597 80.4513 218.481 80.0736 219.493 80.0736C220.286 80.0736 220.966 79.7865 221.548 79.2048C222.122 78.6307 222.416 77.981 222.416 77.2558V43.0259C222.416 40.6387 221.857 38.4781 220.739 36.529C219.614 34.5799 218.103 33.0236 216.184 31.8678C214.273 30.7119 212.127 30.1378 209.74 30.1378C207.353 30.1378 205.192 30.7195 203.235 31.8678C201.286 33.0236 199.738 34.5799 198.582 36.529C197.426 38.4781 196.852 40.6387 196.852 43.0259V77.2558C196.852 77.981 197.139 78.6307 197.721 79.2048C198.295 79.7865 198.982 80.0736 199.775 80.0736C200.78 80.0736 201.672 80.4513 202.427 81.2143C203.182 81.9698 203.568 82.8915 203.568 83.9793C203.568 84.9916 203.182 85.8529 202.427 86.5781C201.664 87.3034 200.78 87.6584 199.775 87.6584H186.328Z" fill="white"/>
+<path d="M273.086 87.6599C268.607 87.6599 264.406 86.8138 260.463 85.1141C256.527 83.4218 253.082 81.0875 250.12 78.1336C247.159 75.1722 244.832 71.7198 243.132 67.7838C241.433 63.8479 240.587 59.6475 240.587 55.1677C240.587 50.6878 241.44 46.4875 243.132 42.544C244.832 38.608 247.159 35.1631 250.12 32.1942C253.082 29.2403 256.527 26.906 260.463 25.2137C264.399 23.514 268.607 22.6678 273.086 22.6678H287.168V4.7937C287.168 3.78894 287.546 2.8975 288.309 2.14204C289.072 1.38658 289.948 1.00885 290.961 1.00885C291.965 1.00885 292.857 1.38658 293.612 2.14204C294.375 2.90505 294.753 3.78894 294.753 4.7937V83.8676C294.753 84.8799 294.375 85.7637 293.612 86.5192C292.857 87.2822 291.973 87.6599 290.961 87.6599H273.086ZM248.171 55.1677C248.171 59.572 249.237 63.6666 251.367 67.459C253.497 71.2514 256.436 74.3034 260.191 76.6151C263.945 78.9268 268.244 80.0827 273.079 80.0827H287.161V30.2526H273.079C268.531 30.2526 264.361 31.3707 260.568 33.6069C256.776 35.8506 253.762 38.8422 251.526 42.5968C249.282 46.3515 248.171 50.5443 248.171 55.1601V55.1677Z" fill="white"/>
+<path d="M355.302 81.1615C356.095 81.8792 356.495 82.7857 356.495 83.8736C356.495 84.9539 356.102 85.8906 355.302 86.6914C354.584 87.4091 353.753 87.7717 352.816 87.7717C352.741 87.7717 352.431 87.7566 351.895 87.7188C351.351 87.6811 350.724 87.3034 349.998 86.5781L320.966 57.5458H309.921V83.8736C309.921 84.8859 309.536 85.7698 308.781 86.5252C308.025 87.2807 307.141 87.666 306.129 87.666C305.049 87.666 304.142 87.2882 303.417 86.5252C302.692 85.7698 302.336 84.8859 302.336 83.8736V26.4587C302.336 25.454 302.699 24.5625 303.417 23.8071C304.134 23.044 305.041 22.6663 306.129 22.6663H339.059C342.232 22.6663 345.141 23.4444 347.777 24.9931C350.414 26.5494 352.522 28.642 354.116 31.2785C355.702 33.9151 356.495 36.8538 356.495 40.1023C356.495 43.2828 355.702 46.2064 354.116 48.8732C352.522 51.5475 350.414 53.6628 347.777 55.2115C345.141 56.7601 342.232 57.5383 339.059 57.5383H331.694L355.309 81.1539L355.302 81.1615ZM309.921 40.1098C309.921 42.7842 310.873 45.0883 312.792 47.045C314.703 48.994 316.992 49.9686 319.674 49.9686H339.059C341.802 49.9686 344.128 48.994 346.047 47.045C347.959 45.0959 348.918 42.7464 348.918 40.0041C348.918 37.2618 347.943 34.9501 345.994 33.069C344.045 31.1954 341.696 30.2511 338.954 30.2511H319.674C317 30.2511 314.711 31.2105 312.792 33.1219C310.873 35.0407 309.921 37.3675 309.921 40.1098Z" fill="white"/>
+<path d="M364.178 109C363.098 109 362.191 108.622 361.466 107.859C360.741 107.104 360.386 106.22 360.386 105.208C360.386 104.195 360.748 103.311 361.466 102.556C362.184 101.793 363.09 101.415 364.178 101.415H392.447C395.114 101.415 397.554 100.766 399.76 99.4661C401.959 98.1667 403.711 96.4141 405.018 94.2081C406.318 92.0022 406.967 89.562 406.967 86.8953V85.052L361.149 28.725C360.643 28.0073 360.386 27.2065 360.386 26.3377C360.386 26.1942 360.424 25.8316 360.492 25.2574C360.567 24.6757 360.998 24.0638 361.791 23.4141C362.441 22.84 363.196 22.5529 364.065 22.5529C364.208 22.5529 364.586 22.5907 365.206 22.6586C365.818 22.7342 366.452 23.1648 367.102 23.958L391.579 54.1764C392.878 55.7628 394.14 56.7072 395.371 56.9942C396.602 57.2813 397.539 57.4249 398.189 57.4249C399.194 57.4249 400.372 57.1906 401.709 56.7223C403.047 56.2539 404.255 55.2945 405.343 53.8515C406.423 52.4086 406.967 50.6786 406.967 48.654V26.3377C406.967 25.333 407.33 24.4415 408.048 23.6861C408.765 22.9231 409.71 22.5453 410.866 22.5453C411.87 22.5453 412.739 22.9382 413.464 23.7389C414.182 24.5322 414.545 25.4387 414.545 26.4435V86.8877C414.545 90.9294 413.547 94.6312 411.568 97.9854C409.581 101.347 406.914 104.014 403.553 106.001C400.191 107.988 396.459 108.977 392.342 108.977H364.178V109Z" fill="white"/>
+<path d="M51.3664 80.0738C52.3787 80.0738 53.2626 80.4516 54.0181 81.2146C54.7735 81.9701 55.1588 82.8539 55.1588 83.8663C55.1588 84.8786 54.7735 85.7624 54.0181 86.5179C53.2551 87.2809 52.3787 87.6587 51.3664 87.6587H4.7924C3.7121 87.6587 2.80555 87.2809 2.08031 86.5179C1.35507 85.7624 1 84.8786 1 83.8663C1 82.8539 1.36262 81.9701 2.08031 81.2146C2.79799 80.4516 3.70454 80.0738 4.7924 80.0738H24.2908V30.2438H4.7924C3.7121 30.2438 2.80555 29.8812 2.08031 29.1635C1.35507 28.4458 1 27.5393 1 26.4514C1 25.4466 1.36262 24.5552 2.08031 23.7997C2.79799 23.0367 3.70454 22.659 4.7924 22.659H24.2908V4.78485C24.2908 3.78009 24.6534 2.88865 25.3711 2.13319C26.0888 1.37773 26.9953 1 28.0832 1H51.374C52.3863 1 53.2702 1.37773 54.0256 2.13319C54.7811 2.8962 55.1664 3.78009 55.1664 4.78485C55.1664 5.86516 54.7811 6.77171 54.0256 7.49695C53.2626 8.22219 52.3863 8.57726 51.374 8.57726H31.8756V22.659H51.374C52.3863 22.659 53.2702 23.0367 54.0256 23.7997C54.7811 24.5552 55.1664 25.4391 55.1664 26.4514C55.1664 27.5317 54.7811 28.4383 54.0256 29.1635C53.2626 29.8887 52.3863 30.2438 51.374 30.2438H31.8756V80.0738H51.374H51.3664Z" stroke="white" stroke-width="0.488" stroke-miterlimit="10"/>
+<path d="M66.5364 87.6601C65.4561 87.6601 64.5495 87.2823 63.8243 86.5193C63.099 85.7639 62.744 84.88 62.744 83.8677V26.4528C62.744 25.448 63.1066 24.5566 63.8243 23.8012C64.542 23.0381 65.4485 22.6604 66.5364 22.6604H113.11C114.123 22.6604 115.007 23.0381 115.762 23.8012C116.518 24.5566 116.903 25.4405 116.903 26.4528V83.8677C116.903 84.88 116.518 85.7639 115.762 86.5193C114.999 87.2823 114.123 87.6601 113.11 87.6601H66.5364ZM70.3288 60.5769C70.3288 64.12 71.1976 67.3684 72.9276 70.3298C74.6576 73.2912 77.007 75.6558 79.9684 77.4236C82.9298 79.1989 86.2161 80.0752 89.8272 80.0752C93.4383 80.0752 96.7094 79.1914 99.633 77.4236C102.557 75.6558 104.899 73.2912 106.674 70.3298C108.442 67.3684 109.326 64.12 109.326 60.5769V49.7436C109.326 46.1325 108.442 42.8614 106.674 39.9377C104.899 37.0141 102.557 34.6722 99.633 32.8969C96.7094 31.1291 93.4383 30.2452 89.8272 30.2452C86.2161 30.2452 82.9298 31.1291 79.9684 32.8969C77.007 34.6722 74.6576 37.0141 72.9276 39.9377C71.1976 42.8614 70.3288 46.1325 70.3288 49.7436V60.5769Z" stroke="white" stroke-width="0.488" stroke-miterlimit="10"/>
+<path d="M151.562 87.6601C146.576 87.6601 142.044 86.4362 137.964 83.981C133.885 81.5257 130.613 78.2546 128.158 74.1751C125.703 70.0956 124.479 65.5629 124.479 60.5769V26.4528C124.479 25.448 124.857 24.5566 125.62 23.8012C126.375 23.0381 127.259 22.6604 128.271 22.6604C129.352 22.6604 130.258 23.0381 130.976 23.8012C131.701 24.5566 132.056 25.4405 132.056 26.4528V60.5769C132.056 64.12 132.94 67.3684 134.708 70.3298C136.476 73.2912 138.84 75.6558 141.802 77.4236C144.763 79.1989 148.012 80.0752 151.555 80.0752C155.166 80.0752 158.445 79.1914 161.413 77.4236C164.375 75.6558 166.717 73.2912 168.454 70.3298C170.184 67.3684 171.053 64.12 171.053 60.5769V26.4528C171.053 25.448 171.438 24.5566 172.194 23.8012C172.957 23.0381 173.833 22.6604 174.846 22.6604C175.926 22.6604 176.832 23.0381 177.558 23.8012C178.275 24.5566 178.638 25.4405 178.638 26.4528V60.5769C178.638 65.5629 177.429 70.0956 175.004 74.1751C172.587 78.2546 169.316 81.5257 165.198 83.981C161.081 86.4362 156.533 87.6601 151.555 87.6601H151.562Z" stroke="white" stroke-width="0.488" stroke-miterlimit="10"/>
+<path d="M186.328 87.6584C185.316 87.6584 184.432 87.2958 183.677 86.5781C182.914 85.8604 182.536 84.9916 182.536 83.9793C182.536 82.899 182.914 81.9698 183.677 81.2143C184.432 80.4513 185.354 80.0736 186.442 80.0736C187.235 80.0736 187.907 79.7865 188.443 79.2048C188.987 78.6307 189.259 77.981 189.259 77.2558V43.245C189.259 39.4904 190.181 36.0606 192.024 32.9557C193.868 29.8507 196.315 27.3577 199.39 25.4842C202.457 23.6106 205.872 22.6663 209.627 22.6663C213.381 22.6663 216.796 23.6031 219.863 25.4842C222.93 27.3577 225.385 29.8507 227.229 32.9557C229.072 36.0606 229.994 39.4904 229.994 43.245V77.2558C229.994 77.981 230.266 78.6307 230.81 79.2048C231.354 79.7865 232.018 80.0736 232.812 80.0736C233.892 80.0736 234.814 80.4513 235.577 81.2143C236.332 81.9698 236.717 82.8915 236.717 83.9793C236.717 84.9916 236.332 85.8529 235.577 86.5781C234.814 87.3034 233.937 87.6584 232.925 87.6584H219.493C218.481 87.6584 217.597 87.2958 216.841 86.5781C216.078 85.8604 215.7 84.9916 215.7 83.9793C215.7 82.899 216.078 81.9698 216.841 81.2143C217.597 80.4513 218.481 80.0736 219.493 80.0736C220.286 80.0736 220.966 79.7865 221.548 79.2048C222.122 78.6307 222.416 77.981 222.416 77.2558V43.0259C222.416 40.6387 221.857 38.4781 220.739 36.529C219.614 34.5799 218.103 33.0236 216.184 31.8678C214.273 30.7119 212.127 30.1378 209.74 30.1378C207.353 30.1378 205.192 30.7195 203.235 31.8678C201.286 33.0236 199.738 34.5799 198.582 36.529C197.426 38.4781 196.852 40.6387 196.852 43.0259V77.2558C196.852 77.981 197.139 78.6307 197.721 79.2048C198.295 79.7865 198.982 80.0736 199.775 80.0736C200.78 80.0736 201.672 80.4513 202.427 81.2143C203.182 81.9698 203.568 82.8915 203.568 83.9793C203.568 84.9916 203.182 85.8529 202.427 86.5781C201.664 87.3034 200.78 87.6584 199.775 87.6584H186.328Z" stroke="white" stroke-width="0.488" stroke-miterlimit="10"/>
+<path d="M273.086 87.6599C268.607 87.6599 264.406 86.8138 260.463 85.1141C256.527 83.4218 253.082 81.0875 250.12 78.1336C247.159 75.1722 244.832 71.7198 243.132 67.7838C241.433 63.8479 240.587 59.6475 240.587 55.1677C240.587 50.6878 241.44 46.4875 243.132 42.544C244.832 38.608 247.159 35.1631 250.12 32.1942C253.082 29.2403 256.527 26.906 260.463 25.2137C264.399 23.514 268.607 22.6678 273.086 22.6678H287.168V4.7937C287.168 3.78894 287.546 2.8975 288.309 2.14204C289.072 1.38658 289.948 1.00885 290.961 1.00885C291.965 1.00885 292.857 1.38658 293.612 2.14204C294.375 2.90505 294.753 3.78894 294.753 4.7937V83.8676C294.753 84.8799 294.375 85.7637 293.612 86.5192C292.857 87.2822 291.973 87.6599 290.961 87.6599H273.086ZM248.171 55.1677C248.171 59.572 249.237 63.6666 251.367 67.459C253.497 71.2514 256.436 74.3034 260.191 76.6151C263.945 78.9268 268.244 80.0827 273.079 80.0827H287.161V30.2526H273.079C268.531 30.2526 264.361 31.3707 260.568 33.6069C256.776 35.8506 253.762 38.8422 251.526 42.5968C249.282 46.3515 248.171 50.5443 248.171 55.1601V55.1677Z" stroke="white" stroke-width="0.488" stroke-miterlimit="10"/>
+<path d="M355.302 81.1615C356.095 81.8792 356.495 82.7857 356.495 83.8736C356.495 84.9539 356.102 85.8906 355.302 86.6914C354.584 87.4091 353.753 87.7717 352.816 87.7717C352.741 87.7717 352.431 87.7566 351.895 87.7188C351.351 87.6811 350.724 87.3034 349.998 86.5781L320.966 57.5458H309.921V83.8736C309.921 84.8859 309.536 85.7698 308.781 86.5252C308.025 87.2807 307.141 87.666 306.129 87.666C305.049 87.666 304.142 87.2882 303.417 86.5252C302.692 85.7698 302.336 84.8859 302.336 83.8736V26.4587C302.336 25.454 302.699 24.5625 303.417 23.8071C304.134 23.044 305.041 22.6663 306.129 22.6663H339.059C342.232 22.6663 345.141 23.4444 347.777 24.9931C350.414 26.5494 352.522 28.642 354.116 31.2785C355.702 33.9151 356.495 36.8538 356.495 40.1023C356.495 43.2828 355.702 46.2064 354.116 48.8732C352.522 51.5475 350.414 53.6628 347.777 55.2115C345.141 56.7601 342.232 57.5383 339.059 57.5383H331.694L355.309 81.1539L355.302 81.1615ZM309.921 40.1098C309.921 42.7842 310.873 45.0883 312.792 47.045C314.703 48.994 316.992 49.9686 319.674 49.9686H339.059C341.802 49.9686 344.128 48.994 346.047 47.045C347.959 45.0959 348.918 42.7464 348.918 40.0041C348.918 37.2618 347.943 34.9501 345.994 33.069C344.045 31.1954 341.696 30.2511 338.954 30.2511H319.674C317 30.2511 314.711 31.2105 312.792 33.1219C310.873 35.0407 309.921 37.3675 309.921 40.1098Z" stroke="white" stroke-width="0.488" stroke-miterlimit="10"/>
+<path d="M364.178 109C363.098 109 362.191 108.622 361.466 107.859C360.741 107.104 360.386 106.22 360.386 105.208C360.386 104.195 360.748 103.311 361.466 102.556C362.184 101.793 363.09 101.415 364.178 101.415H392.447C395.114 101.415 397.554 100.766 399.76 99.4661C401.959 98.1667 403.711 96.4141 405.018 94.2081C406.318 92.0022 406.967 89.562 406.967 86.8953V85.052L361.149 28.725C360.643 28.0073 360.386 27.2065 360.386 26.3377C360.386 26.1942 360.424 25.8316 360.492 25.2574C360.567 24.6757 360.998 24.0638 361.791 23.4141C362.441 22.84 363.196 22.5529 364.065 22.5529C364.208 22.5529 364.586 22.5907 365.206 22.6586C365.818 22.7342 366.452 23.1648 367.102 23.958L391.579 54.1764C392.878 55.7628 394.14 56.7072 395.371 56.9942C396.602 57.2813 397.539 57.4249 398.189 57.4249C399.194 57.4249 400.372 57.1906 401.709 56.7223C403.047 56.2539 404.255 55.2945 405.343 53.8515C406.423 52.4086 406.967 50.6786 406.967 48.654V26.3377C406.967 25.333 407.33 24.4415 408.048 23.6861C408.765 22.9231 409.71 22.5453 410.866 22.5453C411.87 22.5453 412.739 22.9382 413.464 23.7389C414.182 24.5322 414.545 25.4387 414.545 26.4435V86.8877C414.545 90.9294 413.547 94.6312 411.568 97.9854C409.581 101.347 406.914 104.014 403.553 106.001C400.191 107.988 396.459 108.977 392.342 108.977H364.178V109Z" stroke="white" stroke-width="0.488" stroke-miterlimit="10"/>
+</svg>

package/lib/assets/svg/hourglass.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 180" fill="none"><g class="rotate-right"><path d="M93.658 9.102l3.531.158-.099 2.081-6.224-.276L91.37 0l2.693.118-.404 8.983zm6.826 2.021c-.771-.613-1.361-1.424-1.706-2.347a5.71 5.71 0 0 1-.266-3.008 5.59 5.59 0 0 1 1.233-2.751 5.5 5.5 0 0 1 2.377-1.657 5.92 5.92 0 0 1 2.959-.237c.988.16 1.919.571 2.703 1.193a5.3 5.3 0 0 1 1.657 2.307c.337.966.424 2.003.251 3.012a6.04 6.04 0 0 1-1.238 2.757 5.42 5.42 0 0 1-2.357 1.657 6.05 6.05 0 0 1-2.945.217 6.06 6.06 0 0 1-2.697-1.203l.03.059zm5.346-1.755c.621-.575 1.034-1.34 1.175-2.175a3.83 3.83 0 0 0-.396-2.44 2.7 2.7 0 0 0-1.973-1.213 2.8 2.8 0 0 0-1.182.003c-.39.085-.757.252-1.076.49-.62.581-1.032 1.348-1.173 2.186a3.88 3.88 0 0 0 .394 2.449c.221.332.513.613.853.822s.722.343 1.119.391c.391.087.797.086 1.187-.002a2.7 2.7 0 0 0 1.072-.511zm11.195 4.369l-3.945-1.272-1.233 1.647-2.683-.868 7.24-9.289 2.959.986.384 11.764-2.722-.878v-2.091zm0-2.189l-.049-4.28-2.545 3.432 2.594.848zm14.547-.623a4.93 4.93 0 0 1 .986 2.643c.03 1.007-.187 2.007-.632 2.911a6.19 6.19 0 0 1-1.922 2.276 4.93 4.93 0 0 1-2.683.858 6.51 6.51 0 0 1-3.048-.72l-3.728-1.834 4.931-9.94 3.719 1.834a6.42 6.42 0 0 1 2.377 1.972zm-3.945 6.094c.404-.152.772-.386 1.082-.686a3.16 3.16 0 0 0 .723-1.059 2.96 2.96 0 0 0 .424-1.225 2.95 2.95 0 0 0-.818-2.394 2.96 2.96 0 0 0-1.086-.709l-1.144-.572-2.841 5.779 1.145.562a3.26 3.26 0 0 0 1.226.406c.432.053.87.019 1.289-.1zm10.979-2.771l-5.849 9.407-2.288-1.42 5.849-9.407 2.288 1.42zm3.481 16.272l-2.13-1.647.601-8.165-4.181 5.404-2.131-1.647 6.766-8.766 2.131 1.647-.612 8.194 4.192-5.443 2.13 1.657-6.766 8.766zm11.736 1.065a2.09 2.09 0 0 0 0-1.203 2.91 2.91 0 0 0-.71-1.154 2.74 2.74 0 0 0-2.081-.907c-.845.094-1.633.469-2.239 1.064a3.79 3.79 0 0 0-1.105 2.219 3.08 3.08 0 0 0 .986 2.239c.408.443.948.743 1.539.858a2.96 2.96 0 0 0 1.736-.286l-2.377-2.465 1.43-1.381 4.073 4.221-1.805 1.745a5.42 5.42 0 0 1-2.051.572 5.59 5.59 0 0 1-2.278-.335 5.74 5.74 0 0 1-2.121-1.42 5.99 5.99 0 0 1-1.519-2.603 5.12 5.12 0 0 1 .049-2.83c.3-.974.851-1.851 1.598-2.544a5.93 5.93 0 0 1 2.604-1.519 5.12 5.12 0 0 1 2.831 0 5.92 5.92 0 0 1 2.544 1.607 5.69 5.69 0 0 1 1.638 3.077c.169 1.097-.066 2.218-.661 3.155l-2.081-2.11zm7.821 20.6l1.647 3.126-1.834.986-2.959-5.512 9.794-5.167 1.312 2.396-7.96 4.171zm1.728 6.92a5.32 5.32 0 0 1 1.154-2.643c.658-.786 1.506-1.391 2.465-1.755a5.99 5.99 0 0 1 3.009-.325 5.38 5.38 0 0 1 2.614 1.213 5.68 5.68 0 0 1 1.696 2.426c.372.939.491 1.959.345 2.958a5.31 5.31 0 0 1-1.164 2.633 6.01 6.01 0 0 1-2.463 1.745c-.956.363-1.989.475-3.001.326a5.3 5.3 0 0 1-2.623-1.193 5.98 5.98 0 0 1-2.032-5.355v-.03zm4.261 3.698a3.35 3.35 0 0 0 2.465-.089c.818-.258 1.504-.824 1.914-1.578.175-.354.272-.742.284-1.136a2.77 2.77 0 0 0-.215-1.151 2.8 2.8 0 0 0-.606-1.018 2.83 2.83 0 0 0-.972-.678c-.807-.284-1.692-.253-2.476.089a3.42 3.42 0 0 0-1.913 1.578 2.77 2.77 0 0 0-.283 1.147c-.01.398.066.794.224 1.16a2.71 2.71 0 0 0 1.578 1.676zm1.823 11.893l-.838-4.004-2.051-.227-.612-2.761 11.678 1.558.67 3.047-10.01 6.271-.612-2.791 1.775-1.095zm1.884-1.124l3.669-2.199-4.251-.463.582 2.662zm7.901 12.257a4.93 4.93 0 0 1-1.795 2.159 5.79 5.79 0 0 1-2.841.937 5.66 5.66 0 0 1-2.959-.513 4.93 4.93 0 0 1-2.101-1.883c-.538-.898-.853-1.913-.917-2.958l-.306-4.132 11.057-.809.296 4.132c.106 1.042-.043 2.095-.434 3.067zm-7.259-.325a3.13 3.13 0 0 0 1.141.594 3.14 3.14 0 0 0 1.285.086 3.24 3.24 0 0 0 1.258-.26 3.26 3.26 0 0 0 1.06-.726c.27-.34.469-.731.584-1.149a3.21 3.21 0 0 0 .086-1.286l-.088-1.272-6.431.463.098 1.282a3.27 3.27 0 0 0 1.007 2.248v.02zm7.959 8.046l-11.076-.266.059-2.702 11.077.266-.06 2.702zm-12.25 11.252l.336-2.682 7.338-3.629-6.786-.848.335-2.672 10.998 1.371-.336 2.682-7.367 3.618 6.805.858-.335 2.673-10.988-1.371zm5.03 10.639a2.05 2.05 0 0 0 .986-.601 2.9 2.9 0 0 0 .641-1.193c.117-.373.154-.766.108-1.153a2.78 2.78 0 0 0-.374-1.096 3.3 3.3 0 0 0-1.973-1.38 3.35 3.35 0 0 0-2.525.158 3.01 3.01 0 0 0-.928.834c-.247.34-.422.727-.512 1.138a2.72 2.72 0 0 0 0 1.755 2.86 2.86 0 0 0 1.125 1.351l.917-3.304 1.913.533-1.568 5.66-2.416-.67c-.612-.383-1.136-.891-1.539-1.489-.443-.638-.74-1.365-.868-2.13-.147-.849-.093-1.721.158-2.544a5.85 5.85 0 0 1 1.469-2.633c.675-.687 1.529-1.169 2.466-1.391.977-.228 1.997-.198 2.959.089a5.92 5.92 0 0 1 2.633 1.479c.689.669 1.171 1.521 1.391 2.456a5.79 5.79 0 0 1-.089 3.007c-.284 1.153-.922 2.187-1.824 2.958-.865.692-1.952 1.042-3.058.986l.908-2.82zm-13.847 17.187l-1.864 3.008-1.776-1.104 3.295-5.296 9.409 5.858-1.43 2.287-7.634-4.753zm-5.11 4.98c.911-.371 1.906-.49 2.88-.345 1.013.155 1.965.585 2.751 1.242.811.628 1.433 1.467 1.796 2.426.351.917.446 1.912.276 2.879a6.03 6.03 0 0 1-1.232 2.682 6.04 6.04 0 0 1-2.358 1.776 5.35 5.35 0 0 1-2.861.335 5.74 5.74 0 0 1-2.742-1.253 5.66 5.66 0 0 1-1.805-2.425c-.357-.912-.459-1.904-.295-2.87.184-.98.608-1.899 1.235-2.675a6.03 6.03 0 0 1 2.355-1.772zm-1.085 5.522c.156.838.625 1.585 1.312 2.09a3.41 3.41 0 0 0 2.327.849 3.05 3.05 0 0 0 2.018-1.11c.501-.619.74-1.41.665-2.204a3.85 3.85 0 0 0-1.324-2.104c-.663-.535-1.484-.835-2.335-.854a2.77 2.77 0 0 0-1.106.346c-.34.192-.635.454-.867.768a2.73 2.73 0 0 0-.594 1.032c-.119.384-.152.789-.096 1.187zm-9.291 7.633l3.028-2.81-.838-1.884 2.071-1.923 4.586 10.847-2.298 2.121-10.464-5.414 2.1-1.972 1.815 1.035zm1.924 1.055l3.757 2.041-1.755-3.895-2.002 1.854zm-6.559 13.015a4.93 4.93 0 0 1-2.771-.444c-.894-.464-1.662-1.14-2.236-1.968a6.19 6.19 0 0 1-1.058-2.785 4.87 4.87 0 0 1 .562-2.771c.504-.93 1.229-1.722 2.111-2.307l3.412-2.367 6.313 9.112-3.413 2.357c-.861.626-1.864 1.03-2.92 1.173zm-3.402-6.41c-.063.428-.038.863.074 1.281a3.15 3.15 0 0 0 .577 1.145c.212.382.507.712.862.966a2.97 2.97 0 0 0 1.193.506 2.96 2.96 0 0 0 1.294-.053c.423-.113.815-.318 1.148-.6l1.056-.72-3.67-5.295-1.045.729a3.23 3.23 0 0 0-.959.882 3.22 3.22 0 0 0-.53 1.189v-.03zm-2.901 10.927l-5.376-9.683 2.357-1.312 5.376 9.684-2.357 1.311zm-15.889-4.881l2.475-1.065 6.845 4.497-2.693-6.281 2.476-1.056 4.369 10.177-2.475 1.065-6.855-4.526 2.703 6.301-2.476 1.065-4.369-10.177zm-6.668 9.762a2.08 2.08 0 0 0 1.046.602 2.9 2.9 0 0 0 1.351-.059 2.7 2.7 0 0 0 1.058-.48c.313-.235.572-.536.757-.881a3.79 3.79 0 0 0-1.243-4.526 2.96 2.96 0 0 0-1.182-.383 2.97 2.97 0 0 0-1.234.136 2.74 2.74 0 0 0-1.499.917 2.96 2.96 0 0 0-.602 1.657l3.314-.868.503 1.923-5.671 1.489-.641-2.426a5.23 5.23 0 0 1 .503-2.07c.332-.701.81-1.322 1.4-1.825a5.66 5.66 0 0 1 2.279-1.153c.984-.277 2.024-.294 3.018-.05a5.02 5.02 0 0 1 2.446 1.42 6.28 6.28 0 0 1 1.441 2.642c.26.984.276 2.017.048 3.008a5.17 5.17 0 0 1-1.42 2.446 5.93 5.93 0 0 1-2.634 1.44c-1.143.337-2.364.31-3.491-.079a4.51 4.51 0 0 1-2.427-2.12l2.88-.76zm-21.817-3.292l-3.531-.089v-2.08l6.233.157-.276 11.064-2.693-.059.266-8.993zm-6.893-1.885c.779.601 1.385 1.397 1.756 2.308.377.955.489 1.994.325 3.007a5.5 5.5 0 0 1-3.511 4.477c-.943.357-1.963.462-2.959.306-.992-.141-1.932-.531-2.732-1.134-.779-.592-1.379-1.387-1.736-2.298a5.77 5.77 0 0 1-.316-2.958 5.68 5.68 0 0 1 1.174-2.791 5.44 5.44 0 0 1 2.318-1.706c.943-.357 1.963-.463 2.959-.305.985.13 1.921.507 2.722 1.094zm-5.316 1.874a3.81 3.81 0 0 0-1.126 2.198c-.121.838.039 1.69.456 2.427a2.7 2.7 0 0 0 .855.807 2.69 2.69 0 0 0 1.118.366 2.74 2.74 0 0 0 1.179-.025 2.76 2.76 0 0 0 1.06-.517c.606-.593 1.001-1.369 1.124-2.208s-.033-1.695-.443-2.437a2.77 2.77 0 0 0-.858-.806c-.34-.204-.721-.333-1.115-.377-.388-.069-.786-.054-1.167.045a2.74 2.74 0 0 0-1.042.527h-.04zm-11.275-4.142l3.945 1.193 1.203-1.676 2.703.818-7.042 9.437-2.959-.907-.631-11.755 2.732.819.049 2.071zm.059 2.189l.138 4.279 2.476-3.48-2.614-.799zm-14.537.936c-.572-.762-.914-1.672-.986-2.622a5.71 5.71 0 0 1 .572-2.959 5.8 5.8 0 0 1 1.874-2.317c.782-.56 1.712-.879 2.673-.917 1.057-.027 2.106.2 3.057.661l3.758 1.755-4.675 10.038-3.758-1.755a6.42 6.42 0 0 1-2.515-1.884zm3.817-6.182c-.402.161-.767.402-1.072.709s-.544.673-.703 1.076a2.95 2.95 0 0 0-.4 1.234c-.04.436.017.875.166 1.286a2.95 2.95 0 0 0 .701 1.092 2.96 2.96 0 0 0 1.101.687l1.164.542 2.722-5.837-1.164-.543a3.3 3.3 0 0 0-1.233-.375 3.29 3.29 0 0 0-1.282.129zm-10.898 3.008l5.642-9.526 2.328 1.38-5.671 9.526-2.298-1.38zm-3.837-16.171l2.17 1.598-.424 8.184 4.054-5.502 2.18 1.607-6.588 8.875-2.17-1.597.454-8.205-4.083 5.522-2.17-1.607 6.579-8.875zm-11.747-.849a2.03 2.03 0 0 0 0 1.213c.15.43.401.818.73 1.134a2.73 2.73 0 0 0 .956.663c.363.15.753.22 1.145.204a3.8 3.8 0 0 0 2.217-1.111c.594-.608.966-1.397 1.058-2.241a3.02 3.02 0 0 0-.986-2.219 2.83 2.83 0 0 0-1.548-.828c-.598-.071-1.204.042-1.736.325l2.436 2.416-1.401 1.41-4.172-4.132 1.765-1.784c.635-.342 1.333-.55 2.052-.612a5.24 5.24 0 0 1 2.278.286c.812.287 1.547.756 2.15 1.371a5.81 5.81 0 0 1 1.568 2.574 5.12 5.12 0 0 1 0 2.83c-.286.976-.82 1.863-1.549 2.573a5.81 5.81 0 0 1-2.574 1.568c-.922.266-1.899.266-2.821 0a5.84 5.84 0 0 1-2.584-1.548 5.6 5.6 0 0 1-1.696-3.047 4.52 4.52 0 0 1 .592-3.165l2.121 2.12zm-8.256-20.412l-1.706-3.086 1.815-.987 3.028 5.453-9.685 5.375-1.312-2.357 7.861-4.398zm-1.874-6.903c-.113.976-.496 1.901-1.105 2.672a5.72 5.72 0 0 1-2.446 1.825c-.934.391-1.956.523-2.959.384a5.56 5.56 0 0 1-2.653-1.163 6.01 6.01 0 0 1-1.745-2.386c-.374-.928-.51-1.935-.395-2.929a5.28 5.28 0 0 1 1.105-2.653 6.03 6.03 0 0 1 2.429-1.795c.949-.383 1.98-.519 2.995-.394.967.14 1.879.535 2.643 1.144a5.96 5.96 0 0 1 1.748 2.379 5.97 5.97 0 0 1 .393 2.926l-.01-.01zm-4.29-3.639a3.85 3.85 0 0 0-2.466.138 3.84 3.84 0 0 0-1.874 1.608 3.04 3.04 0 0 0-.012 2.296c.296.737.871 1.329 1.599 1.648a3.35 3.35 0 0 0 2.476-.138c.81-.278 1.481-.857 1.874-1.617a2.73 2.73 0 0 0 0-2.307 2.69 2.69 0 0 0-.618-.991c-.276-.281-.61-.499-.98-.637zm-2.121-11.821l.986 4.023 2.052.187.661 2.752-11.688-1.312-.73-3.037 9.863-6.489.671 2.781-1.815 1.095zm-1.864 1.163l-3.62 2.288 4.261.365-.641-2.653zM.948 96.026a4.93 4.93 0 0 1 1.746-2.199 6.2 6.2 0 0 1 2.813-.985 6.18 6.18 0 0 1 2.947.443 4.93 4.93 0 0 1 2.14 1.844 6.46 6.46 0 0 1 .986 2.958l.395 4.132-11.096 1.016-.385-4.132a6.41 6.41 0 0 1 .454-3.076zm7.259.178a3.21 3.21 0 0 0-1.154-.565 3.19 3.19 0 0 0-1.283-.066 2.96 2.96 0 0 0-2.324 1.058 2.95 2.95 0 0 0-.635 2.472l.118 1.272 6.411-.611-.118-1.272c-.018-.433-.121-.858-.304-1.25s-.441-.745-.761-1.037h.049zM.059 88.176l11.076.178v2.702L.059 90.878v-2.702zm11.994-11.36l-.286 2.682-7.259 3.777 6.796.71-.276 2.682-11.066-1.183.286-2.682 7.289-3.777-6.825-.71.276-2.692 11.066 1.193zM6.797 66.274c-.384.103-.728.32-.986.621a2.78 2.78 0 0 0-.612 1.203 2.71 2.71 0 0 0 .316 2.248c.479.686 1.203 1.162 2.022 1.331.837.262 1.742.187 2.525-.207a3.04 3.04 0 0 0 .905-.841c.241-.339.409-.724.495-1.131a2.71 2.71 0 0 0-.079-1.755 2.85 2.85 0 0 0-1.154-1.331l-.848 3.323-1.973-.493 1.45-5.69 2.436.621c.612.373 1.142.866 1.558 1.45a5.42 5.42 0 0 1 .917 2.11 5.75 5.75 0 0 1-.099 2.544 6.03 6.03 0 0 1-1.42 2.662 5.09 5.09 0 0 1-2.436 1.44 5.84 5.84 0 0 1-2.959 0 5.99 5.99 0 0 1-2.663-1.42 5.19 5.19 0 0 1-1.45-2.436c-.256-.986-.256-2.021 0-3.008a5.64 5.64 0 0 1 1.766-3.008 4.53 4.53 0 0 1 3.028-1.085l-.74 2.85zm13.471-17.462l1.805-3.037 1.785 1.055-3.176 5.364-9.528-5.65 1.381-2.317 7.733 4.585zm5.011-5.089a5.39 5.39 0 0 1-2.87.404 5.73 5.73 0 0 1-2.791-1.183 5.66 5.66 0 0 1-1.844-2.386 5.51 5.51 0 0 1-.335-2.87c.15-.99.555-1.924 1.174-2.712a5.71 5.71 0 0 1 2.328-1.824c.896-.39 1.882-.526 2.85-.394a5.82 5.82 0 0 1 2.771 1.193 5.69 5.69 0 0 1 1.854 2.386 5.37 5.37 0 0 1 .355 2.86c-.162.984-.565 1.913-1.175 2.703a6.03 6.03 0 0 1-2.317 1.823zm.986-5.542a3.33 3.33 0 0 0-1.361-2.061c-.655-.551-1.492-.836-2.347-.799a3.05 3.05 0 0 0-1.989 1.156c-.487.63-.707 1.426-.614 2.217a3.36 3.36 0 0 0 1.371 2.061c.65.559 1.491.845 2.347.799a2.96 2.96 0 0 0 2.594-3.372zm9.114-7.82l-2.959 2.86.888 1.874-2.042 1.972-4.823-10.748 2.249-2.169 10.583 5.197-2.061 1.972-1.834-.956zm-1.973-.986L29.6 27.403l1.923 3.846 1.884-1.873zm6.302-13.184a4.93 4.93 0 0 1 2.781.385 5.8 5.8 0 0 1 2.278 1.972 5.71 5.71 0 0 1 1.115 2.751 4.93 4.93 0 0 1-.503 2.781 6.43 6.43 0 0 1-2.061 2.357l-3.363 2.426-6.5-8.973 3.363-2.426a6.42 6.42 0 0 1 2.89-1.272zm3.541 6.341c.054-.429.02-.865-.101-1.28s-.325-.802-.6-1.136a2.96 2.96 0 0 0-4.517-.729l-.986.749 3.778 5.216.986-.749c.735-.473 1.253-1.217 1.44-2.071zm2.663-11.005l5.583 9.565-2.338 1.361-5.573-9.565 2.328-1.361zm16.008 4.557l-2.456 1.114-6.904-4.349 2.831 6.222-2.456 1.114-4.645-10.088 2.456-1.114 6.904 4.378-2.84-6.242 2.456-1.114 4.655 10.078zm6.46-9.862a2.1 2.1 0 0 0-1.055-.572 2.79 2.79 0 0 0-1.351.089 2.68 2.68 0 0 0-1.043.503 2.66 2.66 0 0 0-.732.897 3.22 3.22 0 0 0-.128 2.416c.19.855.711 1.6 1.45 2.071a3.05 3.05 0 0 0 2.437.197 2.81 2.81 0 0 0 1.47-.986 2.76 2.76 0 0 0 .562-1.676l-3.284.986-.552-1.913 5.642-1.617.691 2.416c-.007.717-.162 1.425-.454 2.081a5.38 5.38 0 0 1-1.371 1.854 5.73 5.73 0 0 1-2.249 1.203 6.03 6.03 0 0 1-3.008.118 5.09 5.09 0 0 1-2.476-1.371c-.715-.724-1.232-1.621-1.499-2.603a6.06 6.06 0 0 1-.118-3.017 5.13 5.13 0 0 1 1.371-2.475 5.92 5.92 0 0 1 2.604-1.489 5.69 5.69 0 0 1 3.492 0 4.57 4.57 0 0 1 2.476 2.061l-2.87.828z" fill="#00f"/></g><g class="rotate-left"><path d="M72 58v6.667h3.364V78h3.364v3.333h3.364v3.333h3.364v6.667h-3.364v3.333h-3.364V98h-3.364v13.333H72V118h37v-6.667h-3.364V98h-3.363v-3.333h-3.364v-3.333h-3.364v-6.667h3.364v-3.333h3.364V78h3.363V64.667H109V58H72z" fill="#fff"/><g fill="#0023ff"><use xlink:href="#B"/><path d="M88.818 88h-3.364v3.333h3.364V88z"/><use xlink:href="#B" x="-3.363" y="6.668"/><use xlink:href="#B" x="-6.727" y="10"/><use xlink:href="#B" x="-3.363" y="-3.332"/><path d="M82.091 78h-3.364v3.333h3.364V78z"/><path d="M78.727 64.666h-3.364v13.333h3.364V64.666z"/><path d="M72 58v3.333 3.333h37v-3.333V58H72z"/><use xlink:href="#B" x="6.727"/><path d="M95.545 88h-3.364v3.333h3.364V88z"/><use xlink:href="#B" x="10.092" y="6.668"/><use xlink:href="#B" x="13.455" y="10"/><use xlink:href="#B" x="10.092" y="-3.332"/><path d="M92.182 78h-3.364v3.333h3.364V78z"/><use xlink:href="#B" y="-10"/><use xlink:href="#B" x="6.727" y="-10"/><path d="M102.273 78h-3.364v3.333h3.364V78z"/><path d="M105.636 64.666h-3.364v13.333h3.364V64.666zM78.727 98h-3.364v13.333h3.364V98z"/><path d="M72 111.334v3.333 3.334h37v-3.334-3.333H72zm23.545-6.667v-3.334h-3.364V98h-3.364v3.333h-3.364v3.334h-3.364V108h16.818v-3.333h-3.364z"/><path d="M105.636 98h-3.364v13.333h3.364V98z"/></g><defs ><path id="B" d="M88.818 84.666h-3.364v3.333h3.364v-3.333z"/></defs></g></svg>

package/lib/assets/svg/linkedin.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM7.09333 15.12H4.66V7.79333H7.09333V15.12ZM5.87333 6.78667H5.86C5.04 6.78667 4.51333 6.22667 4.51333 5.52C4.51333 4.8 5.06 4.25333 5.89333 4.25333C6.72667 4.25333 7.24 4.8 7.25333 5.52C7.25333 6.22667 6.72667 6.78667 5.87333 6.78667ZM15.8733 15.12H13.44V11.2C13.44 10.2133 13.0867 9.54 12.2067 9.54C11.5333 9.54 11.1333 9.99333 10.96 10.4333C10.8933 10.5867 10.88 10.8067 10.88 11.0267V15.12H8.44667C8.44667 15.12 8.48 8.48 8.44667 7.79333H10.88V8.83333C11.2067 8.33333 11.78 7.62667 13.0733 7.62667C14.6733 7.62667 15.88 8.67333 15.88 10.9267V15.12H15.8733Z" fill="black"/>
+</svg>

package/lib/assets/svg/logo.svg

@@ -0,0 +1,3 @@
+<svg width="115" height="36" viewBox="0 0 115 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M54.0872 9.72257C53.8981 9.02909 53.1015 9.08104 52.5329 9.15636C51.489 9.48232 49.1964 9.16415 49.3363 10.7433C49.8829 15.3158 49.7702 19.9364 49.9956 24.5257C47.2484 24.1998 47.0658 15.5911 46.6604 13.2367C46.5645 12.2588 46.2653 10.2615 44.8937 10.9952C44.2072 11.1693 43.5259 11.2809 42.9081 11.5744C42.4133 11.7134 41.7683 11.8913 41.7308 12.4354C41.4367 16.83 41.6984 21.3701 43.162 25.5517C43.8433 26.6802 44.2357 28.1321 45.3638 28.8944C46.8676 29.8125 48.4102 30.4358 50.1342 30.7125C52.7725 31.567 54.8811 28.8346 55.2865 26.4789C55.859 24.6439 55.2257 22.6765 55.2153 20.7922C55.0184 17.0884 55.1026 13.312 54.0872 9.72257ZM41.3733 24.5205C41.4536 20.4948 41.4393 13.8561 36.2209 13.3523C33.1564 13.4886 30.4675 15.7119 29.2267 18.3949C27.6633 22.0687 29.5777 25.9088 29.9624 29.6138C30.0919 31.8215 34.2366 32.8098 36.0499 32.5318C40.556 32.6422 41.6815 28.2321 41.3888 24.5167L41.3733 24.5205ZM35.2974 26.5127C34.563 26.0036 34.5203 24.6634 34.2508 23.8219C33.6149 21.8181 33.7263 19.7766 35.5344 18.4442C36.0629 19.4559 36.1704 26.1464 35.2922 26.5153L35.2974 26.5127ZM8.77383 7.4032C8.49925 6.16949 8.87357 4.30595 7.78817 3.54624C7.00647 3.80708 6.21082 4.02386 5.40496 4.19556C3.78464 4.71502 5.0423 7.5902 4.83507 8.88365C3.26655 9.51868 0.733096 9.60439 0 11.3017C0.281063 12.1913 0.462394 13.1081 0.647611 14.0185C1.88973 13.686 3.13055 13.5419 4.3649 13.1834C3.57481 14.6197 2.36248 15.8288 2.14877 17.5261C2.06199 17.7923 2.04774 17.8001 2.28865 17.9157C3.12666 18.191 3.98281 18.9364 4.83507 18.9377C6.44244 18.0845 6.75199 15.9833 7.75837 14.5652C9.06914 15.7015 10.3242 17.5936 12.2917 17.3702C16.1216 15.6158 12.1621 12.9367 10.5858 11.1939C11.8811 10.4147 14.693 10.4862 14.4262 8.44471C13.8628 5.00591 10.9265 6.37728 8.77383 7.4032ZM26.6259 22.0453C24.9939 20.5039 23.0938 22.5323 21.3608 22.7765C20.8621 20.3506 21.4502 20.9077 23.2622 19.8208C24.4836 19.2312 25.4757 18.2871 26.6142 17.5754C27.5209 17.0962 28.6192 16.6768 29.2694 15.8872C29.7629 14.5301 29.0635 11.5472 27.4626 11.1926C26.622 10.9926 26.7593 10.9251 25.9575 11.3225C25.0454 11.6456 24.1659 12.0548 23.3308 12.5445C21.037 14.1717 18.3468 15.0366 15.9584 16.4547C15.2163 16.8092 15.7201 18.8143 15.8004 19.1819C15.8587 20.0091 15.8678 20.8272 16.0595 21.6415C16.505 25.9361 16.3302 31.0137 18.1888 35.0395C18.2769 35.5382 18.9426 35.233 19.2949 35.4148C21.0603 36.1135 23.757 36.7407 22.9721 33.8188C22.5835 32.0799 22.3931 30.3307 22.1392 28.5606C23.6417 27.7814 25.0561 26.8659 26.5987 26.1763C27.2463 25.9426 27.8421 25.527 27.9962 24.814C28.298 23.657 27.3732 22.7752 26.6259 22.0453ZM72.1905 5.60718C72.1244 4.78255 69.8293 5.29811 69.2853 5.21759C67.7505 5.16694 67.731 5.67211 67.6779 7.03568C67.6443 9.57972 67.6468 12.0874 67.6391 14.6366C66.0602 12.8861 62.3416 5.83445 59.6527 7.67591C58.6412 8.14472 57.1063 7.93564 56.8356 9.35116C56.3694 12.4354 56.7696 15.5651 56.8563 18.665C56.9185 21.0766 56.4807 23.5258 57.2164 25.8919C57.877 27.9632 61.5632 28.1619 62.1758 26.0049C62.6849 23.018 62.2833 19.9493 62.3649 16.9404C63.5889 18.3234 64.6031 19.8961 65.7053 21.3817C66.8438 23.0609 68.4525 26.7062 70.982 25.4257C71.6944 25.166 72.7604 24.992 72.8614 24.1037C73.509 21.3882 73.0259 18.626 72.7915 15.8846C72.3744 12.4796 72.9029 8.98105 72.1905 5.60718ZM114.117 5.13318C114.367 4.48386 115.332 2.26709 114.882 1.78269C113.881 1.08922 112.639 0.654177 111.652 0.133423C110.53 -0.966524 107.852 5.06825 106.957 6.01366C105.615 4.96176 104.774 0.548986 103.497 0.395747C98.6221 1.771 99.1091 2.4437 101.057 6.64609C101.863 8.02135 102.819 9.31219 103.648 10.6719C104.759 12.8211 103.166 20.9584 106.812 20.6376C111.946 19.8584 109.479 15.134 110.117 11.8277C111.635 9.73426 112.851 7.39541 114.117 5.13318ZM101.918 18.091C101.994 16.8716 101.516 15.8963 100.795 14.9353C100.526 14.1211 99.1453 13.8808 99.2088 13.0302C99.9251 11.2952 100.026 9.35635 99.7904 7.50839C99.258 4.60334 97.3981 0.989225 93.9722 1.31388C92.0696 1.24116 89.5853 1.78269 88.1075 3.1138C87.9201 3.28713 87.7773 3.50328 87.6911 3.74386C87.605 3.98443 87.5781 4.24231 87.6127 4.49555C88.1437 8.86547 86.706 19.7909 89.4921 21.9259C90.628 22.5752 92.247 22.3323 93.2068 21.4765C94.1419 20.2402 93.4943 18.5364 93.4451 17.2339C94.3582 17.1495 95.8244 17.0404 95.8594 18.2962C95.7596 19.6091 95.8956 20.996 95.9746 22.322C98.2154 24.4361 99.0715 24.3439 101.674 22.7726C102.488 21.4402 101.896 19.6013 101.918 18.091ZM92.9956 11.7744C92.962 10.0498 92.6783 8.43951 92.7495 6.73051C94.6496 6.6422 93.9671 10.9589 92.9956 11.7744ZM79.0811 4.30595C77.2678 4.12933 74.2499 4.31763 74.7835 6.8266C74.1838 7.05127 74.2512 7.57072 74.3108 8.09667C74.3108 9.68231 74.3872 11.1822 74.3678 12.4913C74.7162 15.4054 73.5699 20.8026 75.8586 22.7856C78.2068 24.2037 79.2987 25.0179 81.8101 23.8245C84.271 22.9531 86.3602 21.2363 86.6801 18.5105C87.3277 15.0548 87.2733 11.1355 85.5973 7.9785C84.2257 5.75263 81.6275 4.53321 79.0811 4.30595ZM79.8414 17.9949C79.6302 15.3703 79.6147 12.7289 79.6238 10.0914C81.3076 10.9277 80.8672 13.1704 81.1236 14.7262C81.1884 15.9495 81.0925 17.378 79.8414 17.9949Z" fill="black"/>
+</svg>

package/lib/assets/svg/mute.svg

@@ -0,0 +1 @@
+<svg width="800" height="800" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.2 2.1c.7.4.8 1.2.8 1.6v16.6c0 .4-.1 1.2-.8 1.6-.8.3-1.5 0-1.8-.4L5 16.6H3a2 2 0 0 1-2-2V9.4c0-1 .9-2 2-2h2l5.4-4.9c.3-.3 1-.7 1.8-.4ZM21.8 15.7a1 1 0 0 1-1.4 0l-1.9-2-2 2a1 1 0 0 1-1.3 0l-.4-.4a1 1 0 0 1 0-1.4l2-1.9-2-2a1 1 0 0 1 0-1.3l.4-.4a1 1 0 0 1 1.4 0l1.9 2 2-2a1 1 0 0 1 1.3 0l.4.4c.4.4.4 1 0 1.4l-2 1.9 2 2c.4.3.4 1 0 1.3l-.4.4Z" fill="#000"/></svg>

package/lib/assets/svg/muted.svg

@@ -0,0 +1 @@
+<svg width="800" height="800" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 3.7c0-.4-.1-1.2-.8-1.6-.8-.3-1.5 0-1.8.4l-5.5 5H3a2 2 0 0 0-2 2v5.1c0 1.1.9 2 2 2h2l5.4 4.9c.3.3 1 .7 1.8.4.7-.4.8-1.2.8-1.6V3.7ZM17.3 3.8h-.2a1 1 0 0 0-1.2.6l-.2.5c-.1.5.2 1 .7 1.2l.3.1c2.3.6 4 3 4 5.8 0 2.9-1.7 5.2-4 5.8h-.3a1 1 0 0 0-.7 1.3l.2.5c.1.5.7.8 1.2.7l.2-.1c3.5-1 6-4.3 6-8.2 0-3.9-2.5-7.2-6-8.2Z" fill="#000"/><path d="M16.4 7.8H16a1 1 0 0 0-1.2.6l-.2.5c-.1.5.2 1 .7 1.2l.2.1c.6.2 1.2.8 1.2 1.8s-.6 1.6-1.2 1.8h-.2a1 1 0 0 0-.7 1.3l.2.5c.1.5.7.8 1.2.7l.3-.1c1.7-.5 2.9-2.3 2.9-4.2 0-1.9-1.2-3.7-3-4.2Z" fill="#000"/></svg>

package/lib/assets/svg/play-button.svg

@@ -0,0 +1,4 @@
+<svg width="154" height="154" viewBox="0 0 154 154" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M77 153.5C34.7491 153.5 0.5 119.251 0.5 77C0.5 34.7491 34.7491 0.5 77 0.5C119.251 0.5 153.5 34.7491 153.5 77C153.5 119.251 119.251 153.5 77 153.5ZM77 138.2C93.2312 138.2 108.798 131.752 120.275 120.275C131.752 108.798 138.2 93.2312 138.2 77C138.2 60.7687 131.752 45.2023 120.275 33.7251C108.798 22.2478 93.2312 15.8 77 15.8C60.7687 15.8 45.2023 22.2478 33.7251 33.7251C22.2478 45.2023 15.8 60.7687 15.8 77C15.8 93.2312 22.2478 108.798 33.7251 120.275C45.2023 131.752 60.7687 138.2 77 138.2Z" fill="white" fill-opacity="0.7"/>
+<path d="M91.5049 73.3794C94.3954 75.3661 94.3954 79.6339 91.5049 81.6206L73.8321 93.7674C70.5146 96.0477 66 93.6725 66 89.6469V65.3531C66 61.3275 70.5146 58.9523 73.8321 61.2326L91.5049 73.3794Z" fill="white" fill-opacity="0.7"/>
+</svg>

package/lib/assets/svg/plus.svg

@@ -0,0 +1,5 @@
+<svg width="52" height="50" viewBox="0 0 52 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.0007 45.8327C37.611 45.8327 47.0229 36.5053 47.0229 24.9993C47.0229 13.4934 37.611 4.16602 26.0007 4.16602C14.3905 4.16602 4.97852 13.4934 4.97852 24.9993C4.97852 36.5053 14.3905 45.8327 26.0007 45.8327Z" stroke="#491B11" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M26 16.666V33.3327" stroke="#491B11" stroke-width="4" stroke-linecap="square" stroke-linejoin="round"/>
+<path d="M17.5918 25H34.4096" stroke="#491B11" stroke-width="4" stroke-linecap="square" stroke-linejoin="round"/>
+</svg>

package/lib/assets/svg/unicorn.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.4789 9.95805L21.1294 0L11.9759 5.71723L10.3251 3.76116C10.3251 3.76116 0.202708 12.26 0 24H12.6535L9.78394 14.1448L19.4551 18.3214C19.4551 18.3214 21.6191 18.489 21.9347 15.3234C21.9347 15.3234 23.0052 14.1014 16.4789 9.95864V9.95805ZM12.4681 11.8446C11.542 11.8446 10.7913 11.1248 10.7913 10.2368C10.7913 9.34882 11.542 8.62904 12.4681 8.62904C13.3943 8.62904 14.145 9.34882 14.145 10.2368C14.145 11.1248 13.3943 11.8446 12.4681 11.8446Z" fill="#380DE8"/>
+</svg>

package/lib/components/AgencyNumbers/index.tsx

@@ -0,0 +1,50 @@
+import Container from "../Container";
+import styles from "./styles.module.scss";
+import { NextLink } from "../../types";
+
+const AgencyNumbers = ({
+  heading,
+  items,
+  Link,
+}: {
+  heading: string;
+  items: {
+    text?: string;
+    number?: string;
+  }[];
+  Link: NextLink;
+}) => {
+  return (
+    <div className={styles.numbers}>
+      <Container>
+        <div className={styles.wrapper}>
+          <div className={styles.headingWrapper}>
+            {heading && (
+              <div
+                className={styles.heading}
+                dangerouslySetInnerHTML={{ __html: heading }}
+              />
+            )}
+            {Link && (
+              <Link className={styles.button} href="/about-us">
+                About Us
+              </Link>
+            )}
+          </div>
+          <div className={styles.columns}>
+            {items.map((item) => {
+              return (
+                <div key={item.text} className={styles.item}>
+                  <div className={styles.number}>{item.number}</div>
+                  <div className={styles.description}>{item.text}</div>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      </Container>
+    </div>
+  );
+};
+
+export default AgencyNumbers;

package/lib/components/AgencyNumbers/styles.module.scss

@@ -0,0 +1,71 @@
+@use "../variables" as *;
+
+.numbers {
+  padding: 64px 0;
+  background-color: $color-pink;
+  color: $color-brown;
+}
+
+.wrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  @media screen and (max-width: $screen-md) {
+    display: block;
+  }
+}
+
+.heading {
+  font-size: 42px;
+  margin-bottom: 36px;
+  white-space: pre-wrap;
+  line-height: 1.2;
+
+  em {
+    font-style: normal;
+    color: $color-white;
+  }
+}
+
+.button {
+  @extend .button--brown;
+  display: inline-block;
+
+  @media screen and (max-width: $screen-md) {
+    margin-bottom: 60px;
+  }
+}
+
+.columns {
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: 24px;
+  width: 664px;
+  max-width: 100%;
+}
+
+.item {
+  width: calc(50% - 12px);
+  max-width: 100%;
+  border-top: solid 1px $color-brown;
+  padding: 16px;
+  margin-bottom: 24px;
+
+  @media screen and (max-width: $screen-sm) {
+    width: 100%;
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.number {
+  font-size: 42px;
+  margin-bottom: 5px;
+}
+
+.description {
+  font-size: 22px;
+}

package/lib/components/Awards/index.tsx

@@ -0,0 +1,48 @@
+import styles from "./styles.module.scss";
+import Container from "../Container";
+import { NextImage } from "../../types";
+
+const Awards = ({
+  heading,
+  awards,
+  Image,
+}: {
+  heading?: string;
+  awards?: {
+    image?: {
+      sourceUrl: string;
+    };
+    heading?: string;
+    text?: string;
+  }[];
+  Image: NextImage;
+}) => {
+  if (!awards) return;
+
+  return (
+    <Container>
+      <div className={styles.awards}>
+        {heading && <div className={styles.heading}>{heading}</div>}
+        <div className={styles.items}>
+          {awards.map((award, i) => {
+            const { image, heading, text } = award;
+
+            if (!heading) return;
+
+            return (
+              <div key={heading + i} className={styles.award}>
+                <div className={styles.image}>
+                  {image && <Image src={image?.sourceUrl} alt="" fill />}
+                </div>
+                <div className={styles.text}>{heading}</div>
+                {text && <div className={styles.client}>{text}</div>}
+              </div>
+            );
+          })}
+        </div>
+      </div>
+    </Container>
+  );
+};
+
+export default Awards;

package/lib/components/Awards/styles.module.scss

@@ -0,0 +1,52 @@
+@use "../variables" as *;
+
+.awards {
+  padding: 64px 0;
+}
+
+.heading {
+  font-size: 42px;
+  font-family: $font-secondary;
+  color: $color-brown;
+  margin-bottom: 64px;
+  line-height: 1.3;
+}
+
+.items {
+  display: flex;
+
+  @media screen and (max-width: $screen-sm) {
+    flex-wrap: wrap;
+  }
+}
+
+.award {
+  width: 20%;
+  text-align: center;
+  color: $color-brown;
+
+  @media screen and (max-width: $screen-sm) {
+    width: 50%;
+    margin-bottom: 30px;
+  }
+}
+
+.image {
+  position: relative;
+  height: 64px;
+  margin-bottom: 64px;
+
+  img {
+    object-fit: contain;
+  }
+}
+
+.text {
+  font-size: 18px;
+  margin-bottom: 10px;
+  font-weight: 500;
+}
+
+.client {
+  font-size: 18px;
+}

package/lib/components/Capabilities/Item.tsx

@@ -0,0 +1,139 @@
+"use client";
+import React from "react";
+import { useState, useRef, Dispatch, SetStateAction } from "react";
+import { Case, NextImage } from "../../types";
+import styles from "./styles.module.scss";
+import Arrow from "../../assets/svg/arrow.svg?react";
+import LinkType from "next/link";
+
+const Item = ({
+  title,
+  text,
+  cases,
+  active,
+  setActive,
+  Link,
+  Image,
+}: {
+  title: string;
+  text: string;
+  cases: Case[];
+  active: string;
+  setActive: Dispatch<SetStateAction<string>>;
+  Link?: typeof LinkType | React.ElementType;
+  Image: NextImage;
+}) => {
+  const casesRef = useRef<HTMLDivElement>(null);
+  const [isDragging, setIsDragging] = useState(false);
+  const [startX, setStartX] = useState(0);
+  const [scrollLeft, setScrollLeft] = useState(0);
+  const [preventClick, setPreventClick] = useState(false);
+
+  const handleMouseDown = (e: React.MouseEvent<HTMLDivElement>) => {
+    if (!casesRef.current) return;
+    setIsDragging(true);
+    setStartX(e.pageX - casesRef.current.offsetLeft);
+    setScrollLeft(casesRef.current.scrollLeft);
+    setPreventClick(false);
+    casesRef.current.style.cursor = "grabbing";
+  };
+
+  const handleMouseMove = (e: React.MouseEvent<HTMLDivElement>) => {
+    if (!isDragging || !casesRef.current) return;
+    const x = e.pageX - casesRef.current.offsetLeft;
+    const walk = (x - startX) * 2;
+    casesRef.current.scrollLeft = scrollLeft - walk;
+
+    if (Math.abs(walk) > 5) {
+      setPreventClick(true);
+    }
+  };
+
+  const handleMouseUp = () => {
+    setIsDragging(false);
+    if (casesRef.current) casesRef.current.style.cursor = "grab";
+  };
+
+  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {
+    if (preventClick) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  };
+
+  const isActive = active === title;
+
+  return (
+    <div className={`${styles.item} ${isActive ? styles.active : ""}`}>
+      <div className={styles.top}>
+        <div className={styles.title}>{title}</div>
+        <button
+          className={styles.icon}
+          onClick={() => {
+            if (isActive) {
+              setActive("");
+            } else {
+              setActive(title);
+            }
+          }}
+        >
+          {isActive && <span>-</span>}
+          {!isActive && <span>+</span>}
+        </button>
+      </div>
+      <div className={styles.rows}>
+        <div className={styles.row}>
+          <div className={styles.rowWrapper}>
+            <div className={styles.text}>{text}</div>
+            <div className={styles.right}>
+              <div
+                className={styles.cases}
+                ref={casesRef}
+                onMouseDown={handleMouseDown}
+                onMouseMove={handleMouseMove}
+                onMouseUp={handleMouseUp}
+                onMouseLeave={handleMouseUp}
+                style={{
+                  overflow: "hidden",
+                  cursor: "grab",
+                  userSelect: "none",
+                  overflowX: "auto",
+                  scrollbarWidth: "none",
+                  msOverflowStyle: "none",
+                }}
+              >
+                {Link &&
+                  cases.map((item) => {
+                    return (
+                      <Link
+                        href={item.uri}
+                        key={item.uri}
+                        className={styles.case}
+                        draggable={false}
+                        onClick={handleClick}
+                      >
+                        <div className={styles.caseImage}>
+                          {Image && (
+                            <Image
+                              src={item.case?.mainImage?.sourceUrl || ""}
+                              alt={item.title}
+                              fill
+                            />
+                          )}
+                        </div>
+                        <div className={styles.caseTitle}>
+                          {item.title} <Arrow />
+                        </div>
+                      </Link>
+                    );
+                  })}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Item;

package/lib/components/Capabilities/index.tsx

@@ -0,0 +1,49 @@
+"use client";
+import { useState } from "react";
+import Container from "../Container";
+import styles from "./styles.module.scss";
+import type { Case, NextImage } from "../../types";
+import Item from "./Item";
+import LinkType from "next/link";
+
+const Capabilities = ({
+  items,
+  Link,
+  Image,
+}: {
+  items: {
+    heading: string;
+    text: string;
+    cases: Case[];
+  }[];
+  Link?: typeof LinkType | React.ElementType;
+  Image: NextImage;
+}) => {
+  const [active, setActive] = useState("");
+
+  if (!items) return;
+
+  return (
+    <Container>
+      <div className={styles.heading}>Our capabilities</div>
+      <div className={styles.items}>
+        {items.map((item) => {
+          return (
+            <Item
+              key={item.heading}
+              title={item.heading}
+              text={item.text}
+              cases={item.cases}
+              active={active}
+              setActive={setActive}
+              Link={Link}
+              Image={Image}
+            />
+          );
+        })}
+      </div>
+    </Container>
+  );
+};
+
+export default Capabilities;