github-personal/firezone
1
0
Fork 0
mirror of https://github.com/outbackdingo/firezone.git synced 2026-01-27 18:18:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(website): New landing page hero and footer (#6075)

Browse Source 
refs #5962
This commit is contained in:
Jamil
2024-07-29 22:26:30 -07:00
committed by GitHub
parent 0230708182
commit be15afdabd
31 changed files with 760 additions and 324 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
website/public/images/cust-logo-bunq-gray.svg Normal file
View File

@@ -0,0 +1,19 @@
<svg width="591" height="408" viewBox="0 0 591 408" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M113.33 305.92C115.62 304.68 117.07 302.43 117.07 299.53C117.07 295.01 113.45 291.97 106.42 291.97H92.6699V321.03H107.22C114.61 321.04 118.47 318.13 118.47 313.1C118.48 309.45 116.47 306.96 113.33 305.92ZM99.1499 297.04H105.62C108.8 297.04 110.52 298.17 110.52 300.44C110.52 302.72 108.79 303.89 105.62 303.89H99.1499V297.04ZM106.74 315.97H99.1399V308.79H106.74C110.12 308.79 111.93 309.95 111.93 312.4C111.93 314.85 110.12 315.97 106.74 315.97Z" fill="#F8F7F7"/>
<path d="M109.9 205.82C114.77 209.82 120.4 212.79 126.45 214.54L126.46 214.53C137.73 217.77 149.82 216.63 160.28 211.32C183.44 199.47 192.62 171.09 180.77 147.93C176.26 139.11 169.09 131.94 160.28 127.44V127.45C149.81 122.14 137.73 120.99 126.45 124.24C120.99 125.82 115.86 128.4 111.33 131.84V84.8601H92.6699V169.39C92.6699 170.18 92.6899 170.96 92.7299 171.74H92.6699V214H108.99L109.9 205.82ZM126.45 141.42C130.12 139.73 134.1 138.86 138.14 138.86C147 138.86 154.94 143.01 160.28 149.55C164.84 155.15 167.31 162.16 167.28 169.39C167.31 176.61 164.83 183.63 160.27 189.23C154.92 195.77 146.99 199.91 138.13 199.91C134.09 199.91 130.11 199.04 126.44 197.35C116.17 192.63 108.99 181.87 108.99 169.39C108.99 156.91 116.19 146.14 126.45 141.42Z" fill="#F8F7F7"/>
<path d="M132.26 291.98L126.45 305.43L119.72 321.03H126.39L126.45 320.88L128.88 314.8H141.94L144.43 321.03H151.26L138.68 291.97H132.26V291.98ZM130.98 309.71L135.43 298.58L139.89 309.71H130.98Z" fill="#F8F7F7"/>
<path d="M173.58 309.62L160.29 292.85L159.59 291.98H154.21V321.04H160.29H160.64V303.39L174.66 321.04H180.01V291.98H173.58V309.62Z" fill="#F8F7F7"/>
<path d="M212.1 291.98H204.86L194.11 303.69L192.4 305.55V291.98H185.93V321.04H192.4V313.69L194.11 311.84L196.18 309.62L205.18 321.04H212.78L200.44 304.93L212.1 291.98Z" fill="#F8F7F7"/>
<path d="M260.97 291.98V321.04H261.73H267.48V310.45H280.5V305.05H267.48V297.37H282.23V291.98H261.73H260.97Z" fill="#F8F7F7"/>
<path d="M240.67 291.48C235.18 291.48 230.59 293.93 227.89 297.83C226.15 300.39 225.24 303.41 225.27 306.5C225.24 309.59 226.15 312.62 227.89 315.17C230.59 319.08 235.18 321.52 240.67 321.52C249.51 321.53 256.06 315.17 256.06 306.49C256.06 297.81 249.51 291.48 240.67 291.48ZM241.42 315.81L241.43 315.8C236.4 315.8 232.63 312.02 232.63 306.51C232.63 301 236.41 297.22 241.43 297.22C246.46 297.22 250.23 301 250.23 306.51C250.23 312.02 246.45 315.81 241.42 315.81Z" fill="#F8F7F7"/>
<path d="M267.56 174.08C267.6 180.27 265.55 186.29 261.73 191.16C257.46 196.52 251.21 199.91 244.24 199.91C237.89 199.91 232.13 197.09 227.92 192.52L227.89 192.47C223.59 187.8 220.92 181.28 220.92 174.08V124.77H202.27V174.08C202.25 191.02 212.33 206.34 227.9 213.01C238.74 217.62 251.03 217.44 261.73 212.5C276.68 205.55 286.23 190.56 286.21 174.07V124.76H267.55L267.56 174.08Z" fill="#F8F7F7"/>
<path d="M295.6 297.46H304.6V321.04H311.12V297.46H320.12V291.98H295.6V297.46Z" fill="#F8F7F7"/>
<path d="M344.41 303.44H331.63V291.98H329.34H325.12V321.04H329.34H331.63V309.12H344.41V321.04H350.92V291.98H344.41V303.44Z" fill="#F8F7F7"/>
<path d="M394.43 291.98V321.04H396.99H400.94V310.45H413.97V305.05H400.94V297.37H415.69V291.98H396.99H394.43Z" fill="#F8F7F7"/>
<path d="M363.17 125.75V125.77L363.16 125.76C358 123.56 352.45 122.42 346.84 122.43C340.8 122.42 334.82 123.73 329.33 126.27C314.39 133.22 304.84 148.22 304.86 164.7V214.01H323.51V164.7C323.47 158.52 325.52 152.51 329.32 147.65V147.66C333.59 142.28 339.86 138.88 346.83 138.88C353.18 138.88 358.95 141.69 363.15 146.27L363.16 146.26C367.47 150.95 370.15 157.48 370.15 164.69V214H388.8V164.69C388.83 147.74 378.74 132.42 363.17 125.75Z" fill="#F8F7F7"/>
<path d="M363.31 308.91H376.37V303.68H363.31V297.37H378.1V291.98H363.16H356.84V321.04H363.16H378.63V315.64H363.31V308.91Z" fill="#F8F7F7"/>
<path d="M456.13 315.64V308.91H464.6H469.19V303.68H464.6H456.13V297.37H464.6H470.92V291.98H464.6H449.65V321.04H464.6H471.44V315.64H464.6H456.13Z" fill="#F8F7F7"/>
<path d="M444.51 302.52C444.51 296 439.81 291.98 432.29 291.98H430.78H420.12V321.04H426.63V312.94H430.78L430.79 312.93H432.62L438.05 321.02H445.04L438.73 311.69C442.38 310.08 444.51 306.88 444.51 302.52ZM431.93 307.59H430.78H426.63V297.46H430.78H431.94C435.92 297.46 437.93 299.33 437.93 302.53C437.92 305.68 435.91 307.59 431.93 307.59Z" fill="#F8F7F7"/>
<path d="M498.42 124.77H482.1L481.2 132.95C476.32 128.95 470.68 125.98 464.62 124.23V124.25L464.61 124.23C453.33 120.99 441.24 122.14 430.78 127.45C407.62 139.31 398.47 167.7 410.34 190.86C414.84 199.65 422 206.8 430.78 211.3V211.31C441.24 216.62 453.33 217.77 464.61 214.53L464.62 214.51V214.53C470.09 212.95 475.23 210.37 479.77 206.93V253.9H498.42V169.38C498.42 168.59 498.4 167.81 498.36 167.03H498.42V124.77ZM464.62 197.36H464.61C460.95 199.04 456.97 199.91 452.94 199.91C444.08 199.91 436.13 195.75 430.79 189.21L430.78 189.19C426.24 183.59 423.77 176.6 423.8 169.39C423.77 162.18 426.24 155.18 430.78 149.57V149.56C436.13 143.01 444.07 138.86 452.94 138.86C456.97 138.86 460.95 139.73 464.61 141.41H464.62C474.9 146.13 482.1 156.89 482.1 169.39C482.1 181.89 474.9 192.64 464.62 197.36Z" fill="#F8F7F7"/>
<path d="M483.09 308.91H496.16V303.68H483.09V297.37H497.89V291.98H476.62V321.04H498.41V315.64H483.09V308.91Z" fill="#F8F7F7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

16
website/public/images/cust-logo-corrdyn-gray.svg Normal file
View File

@@ -0,0 +1,16 @@
<svg width="2879" height="305" viewBox="0 0 2879 305" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1310_831)">
<path d="M354.765 186.945C354.353 227.476 353.095 241.271 347.246 253.801C336.379 277.623 313.815 288.902 270.356 291.83C253.228 293.5 219.797 293.919 164.22 293.919C83.99 293.919 58.0851 290.16 35.5204 275.534C7.93838 257.98 0 228.734 0 145.995C0 72.4523 8.35775 46.1212 37.6099 29.4126C62.6762 14.7865 89.4198 11.0269 167.561 11.0269C271.614 11.0269 294.178 13.1094 317.994 24.8144C340.558 36.0933 351.005 60.7473 351.005 101.698V110.894H269.943C268.273 80.3908 262.005 77.8821 188.455 77.8821C119.091 77.8821 106.555 79.5523 96.1075 88.7486C86.0794 97.938 83.99 109.224 83.99 154.353C83.99 221.208 90.2583 226.226 171.74 226.226C234.842 226.226 244.032 225.806 255.737 220.796C267.854 215.778 272.445 207.001 272.445 186.945H354.765Z" fill="#F8F7F7"/>
<path d="M723.765 14.3671C766.804 22.3056 787.692 44.4509 793.548 89.1677C795.218 100.447 796.05 123.011 796.05 156.861C796.05 224.136 788.95 251.299 765.127 270.935C748.418 285.142 725.015 291.83 684.484 293.5C669.439 294.338 632.248 294.758 605.086 294.758C538.643 294.758 504.799 293.5 488.084 290.16C457.162 284.723 439.195 273.025 428.748 252.55C417.881 232.074 415.373 211.599 415.373 150.593C415.373 103.787 416.211 92.0888 421.229 73.2838C429.167 43.6193 445.463 27.7354 476.805 18.546C500.201 11.8584 525.694 10.1882 599.237 10.1882C679.467 10.1882 704.121 11.0267 723.765 14.3671ZM515.666 88.3292C504.38 97.1062 501.04 110.894 501.04 151.006C501.04 191.963 504.38 207.001 514.827 215.778C526.113 224.975 539.901 226.645 603.835 226.645C676.958 226.645 692.004 224.136 701.612 210.761C709.551 200.733 711.64 186.526 711.64 149.335C711.64 79.1329 710.389 78.3013 605.924 78.3013C543.66 78.3013 526.525 80.3907 515.666 88.3292Z" fill="#F8F7F7"/>
<path d="M862.918 13.1094H1103.19C1152.5 13.1094 1174.23 17.2883 1190.11 30.6634C1206.4 43.6194 1213.92 67.4348 1213.92 105.045C1213.92 156.862 1201.39 177.337 1165.87 185.275C1200.56 191.124 1211 205.75 1210.16 247.952V291.83H1124.08V257.148C1123.67 227.057 1115.31 220.796 1077.29 221.627H947.328V291.83H862.918V13.1094ZM1079.79 153.514C1120.74 153.514 1128.68 148.504 1128.68 120.922C1128.68 102.955 1127.01 95.4292 1121.58 89.5802C1115.31 82.8994 1108.21 81.6417 1082.72 81.6417H947.328V153.514H1079.79Z" fill="#F8F7F7"/>
<path d="M1282.47 13.1094H1522.74C1572.05 13.1094 1593.78 17.2883 1609.66 30.6634C1625.96 43.6194 1633.48 67.4348 1633.48 105.045C1633.48 156.862 1620.94 177.337 1585.42 185.275C1620.11 191.124 1630.55 205.75 1629.72 247.952V291.83H1543.64V257.148C1543.22 227.057 1534.86 220.796 1496.84 221.627H1366.88V291.83H1282.47V13.1094ZM1499.34 153.514C1540.29 153.514 1548.23 148.504 1548.23 120.922C1548.23 102.955 1546.56 95.4292 1541.13 89.5802C1534.86 82.8994 1527.76 81.6417 1502.27 81.6417H1366.88V153.514H1499.34Z" fill="#F8F7F7"/>
<path d="M2211.51 195.303L2052.3 13.1094H2160.53L2254.55 128.441L2347.74 13.1094H2453.87L2296.76 195.303V291.83H2211.51V195.303Z" fill="#F8F7F7"/>
<path d="M2498.03 13.1094H2633L2801.82 224.975L2799.73 13.1094H2879.96V291.83H2743.74L2577.43 82.0609L2579.52 291.83H2498.03V13.1094Z" fill="#F8F7F7"/>
<path d="M2033.65 107.134C2030.72 71.6137 2024.46 54.0665 2009 39.0212C1989.77 19.797 1962.2 13.1094 1903.28 13.1094H1697.8V37.2402V82.4802V139.598H1780.8V82.4802H1891.16C1940.05 82.4802 1950.08 94.5976 1950.08 153.095C1950.08 201.152 1944.64 215.778 1924.17 222.047C1914.14 225.387 1912.47 225.387 1889.49 225.387H1697.8V291.83H1914.56C1944.23 291.83 1956.76 290.991 1972.65 287.651C2003.15 281.802 2026.55 255.89 2031.14 222.466C2033.65 206.582 2035.32 177.749 2035.32 152.683C2035.32 139.307 2034.49 120.083 2033.65 107.134Z" fill="#F8F7F7"/>
</g>
<defs>
<clipPath id="clip0_1310_831">
<rect width="2879" height="304" fill="white" transform="translate(0 0.5)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

22
website/public/images/cust-logo-double11-gray.svg Normal file
View File

@@ -0,0 +1,22 @@
<svg width="1068" height="1183" viewBox="0 0 1068 1183" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1310_842)">
<path d="M0.62207 767.843H54.0692C92.6119 767.843 121.646 774.267 141.432 789.172C161.99 804.589 173.295 829.769 173.295 861.117C173.295 888.869 164.558 911.995 146.829 928.183C128.328 944.885 99.8069 953.878 55.0969 953.878H0.62207V767.843ZM55.6098 909.168C89.271 909.168 102.89 902.488 110.856 892.98C117.792 884.501 120.362 873.195 120.362 861.117C120.362 843.645 114.966 831.055 104.432 823.089C93.1249 814.61 76.1669 812.553 55.3533 812.553H53.5546V909.168H55.6098Z" fill="#F8F7F7"/>
<path d="M290.99 765.017C347.005 765.017 390.431 807.157 390.431 860.861C390.431 914.565 347.005 956.705 290.99 956.705C234.974 956.705 191.549 914.565 191.549 860.861C191.549 807.157 234.974 765.017 290.99 765.017ZM290.99 909.168C317.2 909.168 337.498 887.842 337.498 860.861C337.498 833.882 317.2 812.553 290.99 812.553C264.78 812.553 244.481 833.882 244.481 860.861C244.481 887.842 264.78 909.168 290.99 909.168Z" fill="#F8F7F7"/>
<path d="M586.497 865.744C586.497 894.007 581.101 913.537 570.823 927.156C556.946 945.656 531.509 956.705 500.418 956.705C469.84 956.705 443.117 946.17 428.984 926.384C419.221 912.766 414.337 892.98 414.337 865.744V767.843H467.27V862.66C467.27 880.647 469.327 891.181 474.465 898.376C479.605 905.571 488.598 910.71 501.446 910.71C513.008 910.71 521.488 906.599 526.884 899.918C532.794 892.723 535.62 880.903 535.62 862.66V767.843H586.497V865.744Z" fill="#F8F7F7"/>
<path d="M616.826 767.843H674.383C703.932 767.843 722.176 771.184 735.024 778.379C748.386 785.831 757.38 797.907 757.38 814.61C757.38 832.083 747.358 843.388 729.115 850.327V850.84C755.066 859.577 765.087 876.022 765.087 896.577C765.087 918.162 754.039 934.863 732.712 944.372C718.579 950.795 699.822 953.878 677.21 953.878H616.826V767.843ZM681.064 842.104C696.996 842.104 704.447 837.221 704.447 825.916C704.447 820.005 702.392 815.638 696.739 812.812C692.884 810.755 686.974 809.985 675.926 809.985H669.758V842.104H681.064ZM677.466 911.738C692.627 911.738 700.335 910.452 704.703 908.141C709.843 905.314 712.155 900.689 712.155 894.007C712.155 881.418 703.419 876.022 686.46 876.022H669.758V911.738H677.466Z" fill="#F8F7F7"/>
<path d="M786.677 767.843H839.61V909.168H917.21V953.878H786.677V767.843Z" fill="#F8F7F7"/>
<path d="M943.17 767.843H1064.45V812.553H996.102V836.193H1053.92V878.333H996.102V909.168H1067.54V953.878H943.17V767.843Z" fill="#F8F7F7"/>
<path d="M35.8291 996.236H157.111V1040.95H88.7616V1064.59H146.575V1106.73H88.7616V1137.56H160.194V1182.27H35.8291V996.236Z" fill="#F8F7F7"/>
<path d="M191.549 996.236H244.481V1137.56H322.081V1182.27H191.549V996.236Z" fill="#F8F7F7"/>
<path d="M348.041 996.236H469.323V1040.95H400.974V1064.59H458.788V1106.73H400.974V1137.56H472.406V1182.27H348.041V996.236Z" fill="#F8F7F7"/>
<path d="M487.314 996.236H544.101L569.796 1068.95C575.192 1084.37 580.332 1099.28 585.213 1114.18H585.728C590.866 1099.02 596.52 1083.09 601.915 1068.44L628.381 996.236H682.856L611.679 1182.27H558.49L487.314 996.236Z" fill="#F8F7F7"/>
<path d="M698.283 996.236H819.566V1040.95H751.216V1064.59H809.03V1106.73H751.216V1137.56H822.648V1182.27H698.283V996.236Z" fill="#F8F7F7"/>
<path d="M933.402 1114.95C923.124 1101.07 914.13 1088.48 904.88 1075.12L904.366 1075.38C904.622 1091.05 904.88 1106.98 904.88 1122.66V1182.27H854.003V996.236H903.595L952.93 1063.56C963.209 1077.43 972.201 1090.02 981.453 1103.39L981.966 1103.13C981.709 1087.46 981.453 1071.52 981.453 1055.85V996.236H1032.33V1182.27H982.737L933.402 1114.95Z" fill="#F8F7F7"/>
<path d="M854.474 149.363H833.223C759.855 149.363 683.587 1.16919 504.546 1.16919C338.99 1.16919 280.395 110.419 213.469 142.66C185.681 156.045 179.716 187.334 192.991 207.882C221.446 262.202 294.853 390.533 260.794 563.073L255.053 584.862C250.724 601.291 260.533 618.118 276.962 622.447L312.861 631.906C329.29 636.235 346.117 626.426 350.446 609.997L359.222 576.69C359.284 576.454 359.314 576.218 359.371 575.981C369.131 540.154 380.547 464.23 360.688 365.985H360.704C360.688 365.894 360.673 365.803 360.673 365.708C360.673 364.893 361.334 364.232 362.149 364.232C362.435 364.232 362.705 364.318 362.934 364.456C455.26 435.51 464.257 640.586 671.035 640.586C757.999 640.586 818.352 581.973 818.352 510.406C818.352 443.407 769.156 390.322 693.721 390.322C691.631 390.322 689.612 390.368 687.627 390.436C687.096 390.454 686.561 390.469 686.036 390.49C684.413 390.561 682.826 390.654 681.273 390.767C680.257 390.839 679.262 390.924 678.273 391.013C677.953 391.043 677.642 391.076 677.326 391.108C667.36 392.069 658.754 393.887 651.366 396.342C639.513 400.158 631.072 405.161 624.885 409.461C623.759 410.195 622.645 410.96 621.559 411.789L618.107 414.421L607.85 422.244C595.582 431.603 593.222 449.134 602.58 461.403L629.109 496.184C638.467 508.452 655.999 510.812 668.268 501.454C676.733 494.997 682.567 490.882 689.396 489.099C690.07 488.932 690.762 488.79 691.461 488.659C691.887 488.58 692.314 488.5 692.751 488.438C693.3 488.356 693.858 488.289 694.425 488.234C695.487 488.138 696.561 488.06 697.708 488.06C706.291 488.06 721.013 495.857 721.013 510.406C721.013 529.256 705.065 543.54 671.035 543.54C575.055 543.54 556.402 466.546 506.952 386.06C619.636 382.617 687.508 338.934 715.885 320.742C717.896 319.692 719.861 318.5 721.759 317.14L722.996 316.254C723.145 316.163 723.315 316.056 723.46 315.969C725.947 314.47 728.175 312.843 730.173 311.113L737.775 305.667C749.537 297.242 752.241 280.877 743.815 269.116L717.578 232.491C709.153 220.73 692.788 218.026 681.028 226.451L671.671 233.153C670.976 233.54 670.35 233.95 669.803 234.381C669.269 234.802 668.527 235.375 667.608 236.064L665.011 237.924C664.728 238.127 664.458 238.343 664.18 238.551C644.849 252.204 584.377 288.876 491.525 288.876C447.726 288.876 412.188 278.976 383.48 264.543C380.522 262.908 377.511 261.296 374.431 259.711C345.115 243.19 323.563 222.099 308.049 203.031C305.153 199.472 305.701 194.246 309.232 191.317C333.85 170.908 362.234 147.035 395.535 128.617C395.063 132.749 394.796 136.942 394.796 141.199C394.796 201.813 443.932 250.949 504.546 250.949C565.159 250.949 614.296 201.813 614.296 141.199C614.296 137.293 614.084 133.436 613.686 129.635C687.377 172.653 739.895 245.269 830.498 246.714C831.347 246.758 832.2 246.782 833.059 246.782H854.474C869.639 246.782 881.933 234.488 881.933 219.323V176.822C881.933 161.657 869.639 149.363 854.474 149.363Z" fill="#F8F7F7"/>
</g>
<defs>
<clipPath id="clip0_1310_842">
<rect width="1068" height="1182" fill="white" transform="translate(0 0.5)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

12
website/public/images/cust-logo-mst-gray.svg Normal file
View File

@@ -0,0 +1,12 @@
<svg width="652" height="653" viewBox="0 0 652 653" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M255.2 230.4C268.7 231.9 281.9 234.2 294.9 237.3C298.5 233.3 302.1 229.2 305.9 225.3C322.3 208.2 339.9 193 358.5 179.8C319.5 145.3 281.1 112.4 247.2 84.9999C234.2 73.8999 215.8 69.4999 198.2 75.0999C180.6 80.6999 168.1 94.8999 163.9 111.5C152.6 151.6 141.4 195.4 130.6 240.4C170.1 229.3 212.2 225.5 255.2 230.4Z" fill="#F8F7F7"/>
<path d="M204.5 462.2C164.7 469.1 124 468.9 84.3998 461.8C81.3998 478.9 78.5998 495.6 76.0998 511.7C72.9998 528.6 78.3998 546.7 91.9998 559.1C105.7 571.6 124.2 575.3 140.7 570.6C163.2 564.9 187.2 558.4 212.2 551.4C205.9 522.1 203.3 492.1 204.5 462.2Z" fill="#F8F7F7"/>
<path d="M204.5 462.2C207.7 382.2 237.8 302.4 294.9 237.4C282 234.3 268.8 232 255.2 230.5C212.1 225.6 170 229.4 130.6 240.5C112.9 314.4 96.6999 391.7 84.3999 461.9C124 468.8 164.7 469.1 204.5 462.2Z" fill="#F8F7F7"/>
<path d="M528.8 447.4C529.6 447.1 530.4 446.8 531.3 446.5C547.5 440.8 560.5 427 564.4 409C568.3 391 562.3 373.1 550 361.1C523 333.2 490.4 301.2 455.3 268.2C449 282.2 441.7 295.8 433.4 308.9C475.8 345.9 508.9 393.6 528.8 447.4Z" fill="#F8F7F7"/>
<path d="M305.9 225.3C302.1 229.2 298.5 233.2 294.9 237.3C347.3 249.9 394.3 274.9 433.4 308.9C441.6 295.8 448.9 282.2 455.3 268.2C424.2 238.9 391.1 208.7 358.5 179.8C339.9 193.1 322.2 208.2 305.9 225.3Z" fill="#F8F7F7"/>
<path d="M433.4 308.9C409.5 346.9 377.8 380.6 338.6 407.5C297.1 436.1 251.4 454.1 204.6 462.2C203.4 492.2 206 522.2 212.3 551.4C315.5 522.3 434.9 483.7 528.8 447.4C508.8 393.6 475.8 345.9 433.4 308.9Z" fill="#F8F7F7"/>
<path d="M433.4 308.9C394.3 274.9 347.3 249.9 294.9 237.3C237.8 302.3 207.8 382.2 204.5 462.1C251.3 454 297 436 338.5 407.4C377.7 380.6 409.4 346.9 433.4 308.9Z" fill="#F8F7F7"/>
<path d="M357.9 376.8C352.6 370.3 340.9 364.3 330.5 359C323 355.2 316 351.6 314.1 349C312.1 346.3 311.1 343.5 311.1 340.2C311.1 338.6 312 333.1 314.9 330.3C317.7 327.6 321.2 326.2 325.5 326.2C334.2 326.2 341.2 331.1 341.4 331.3C341.5 331.3 341.5 331.5 341.5 331.5L342.3 333.4C342.6 334.5 343.7 335.3 344.8 335.3H356.6C357.9 335.3 359 334.2 359 332.9V313.1C359 311.9 358.1 310.8 357 310.5C357 310.5 344.9 307.5 340.9 306.9C335.2 306 329.5 305.6 323.7 305.6H323C310.1 305.6 300.1 309 293.2 315.7C286.2 322.4 275.6 342.9 288.9 361.5C295.2 370.3 307 376.9 318.6 382.6C327.7 387 335.6 391 335.6 399.9C335.6 410.3 324 411.9 317 411.9C305.3 411.9 290.6 405.8 288.9 405.1L287.5 404.5C286.1 403.9 284.6 404.8 284.5 406.2C284.4 406.9 283.6 410.4 282.7 416.4C281.7 423.1 281.8 425.7 281.8 425.7C281.7 427 282.6 428.1 283.7 428.4C284.6 428.7 304.8 435 319.6 435C330.3 435 335.8 433.6 341.9 430.9C345.3 429.5 351.6 425.1 352 424.8C360.2 417.9 364.4 408.6 364.4 397.2C364.6 389.2 362.4 382.3 357.9 376.8Z" fill="white"/>
<path d="M471.4 308.5H380.7C378.4 308.5 376.6 310.4 376.6 312.6V334.2C376.6 335.4 377.6 336.4 378.8 336.4H389.6C390.6 336.4 391.6 335.7 391.9 334.7L392.7 332.2H413.2V425.8C413.2 427.9 414.9 429.6 417 429.6H435C437.1 429.6 438.8 427.9 438.8 425.8V332.2H459.2L460.1 334.7C460.4 335.7 461.4 336.4 462.4 336.4H473.2C474.4 336.4 475.5 335.4 475.5 334.2V312.6C475.6 310.4 473.7 308.5 471.4 308.5Z" fill="white"/>
<path d="M264.8 312.7C264.8 310.7 262.8 308.6 260.8 308.6H234.4C232.8 308.6 230.6 310 229.8 311.4L199.3 369.7L168.9 311.2C168.1 309.7 166.1 308.6 164.5 308.6H137.7C135.8 308.6 133.8 310.7 133.8 312.7V329.3C133.8 330.4 134.6 331.4 135.7 331.6L140.8 332.6V426C140.8 428.1 142.5 429.9 144.6 429.9H162.5C164.6 429.9 166.3 428.2 166.3 426V355.6L184.4 390.4C185.3 392.4 187.2 393.3 189.2 393.3H209.4C211.4 393.3 213.4 392.3 214.3 390.3L232.4 355.6V426.1C232.4 428.2 234.1 430 236.2 430H254C256.1 430 257.8 428.3 257.8 426.1V332.5L262.9 331.5C264 331.3 264.8 330.3 264.8 329.2V312.7Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

3
website/public/images/cust-logo-seb-gray.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="3333" height="1667" viewBox="0 0 3333 1667" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M948.062 494.041L778.182 620.882C697.972 551.888 594.61 538.322 537.548 538.322C479.835 538.322 419.675 554.819 410.349 596.231C401.317 636.402 438.62 667.637 502.79 685.049C575.959 704.809 642.573 722.221 745.184 751.504C897.782 795.066 1002.12 861.06 1002.12 1014.18C1002.12 1225.21 814.834 1334.57 563.892 1334.57C312.987 1334.57 141.998 1203.82 90.9033 1142.85L270.466 1008.57C396.623 1118.52 484.333 1134.04 557.631 1134.04C641.758 1134.04 720.403 1115.98 730.513 1068.7C738.73 1030.48 707.034 1000.09 635.368 983.464C554.306 964.749 485.865 949.684 409.534 929.601C202.58 875.277 144.216 754.959 144.216 646.903C144.216 498.084 282.76 345.226 536.112 345.226C795.922 345.226 948.062 494.041 948.062 494.041ZM2030.77 360.094H1273.54V1306.53H2044.67V1088.33H1539.46V935.861H1887.5V727.046H1539.46V576.341H2030.77V360.094ZM1077.54 1524.99H1136.36V141.34H1077.54V1524.99ZM2144.12 1524.99H2202.94V141.34H2144.12V1524.99ZM2339.75 1306.53H2947.99C3110.63 1306.53 3242.43 1208.52 3242.43 1051.55C3242.43 929.076 3162.28 847.821 3049.92 812.085C3049.92 812.085 3045.29 810.976 3039.03 810.716C3045.29 810.128 3049.92 808.826 3049.92 808.826C3114.29 783.327 3185.57 715.504 3185.57 600.014C3185.57 453.543 3055.99 360.094 2896.02 360.094H2339.75V1306.53ZM2607 556.906H2819.46C2868.37 556.906 2907.95 595.514 2907.95 639.924C2907.95 684.398 2868.37 723.07 2819.46 723.07H2607V556.906ZM2866.87 1096.15L2607 1096.22V923.601H2866.87C2912.84 923.601 2950.08 960.836 2950.08 1009.87C2950.08 1058.98 2912.84 1096.15 2866.87 1096.15Z" fill="#F8F7F7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

11
website/public/images/cust-logo-square1-gray.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg width="164" height="32" viewBox="0 0 164 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1310_868)">
<path d="M17.36 3.36998L13.67 7.41998C11.72 6.27998 10.32 5.69998 9.47 5.69998C9.14573 5.70294 8.82592 5.77596 8.5325 5.91405C8.23908 6.05213 7.97897 6.252 7.77 6.49998C7.53754 6.73173 7.35401 7.00784 7.23033 7.31189C7.10664 7.61595 7.04532 7.94176 7.05 8.26998C7.05 9.62998 8.28 10.8 10.75 11.8C12.1744 12.37 13.5435 13.0696 14.84 13.89C15.8078 14.5571 16.603 15.4449 17.16 16.48C17.7817 17.5735 18.1026 18.8122 18.09 20.07C18.0878 21.2455 17.831 22.4066 17.3373 23.4734C16.8436 24.5402 16.1247 25.4875 15.23 26.25C13.3981 27.9675 10.9709 28.9069 8.46 28.87C5.6 28.87 2.79 27.52 0 24.87L3.91 20.31C5.65 22.11 7.29 23.02 8.81 23.02C9.20384 22.9976 9.58939 22.8977 9.94459 22.7261C10.2998 22.5545 10.6177 22.3146 10.88 22.02C11.1756 21.7736 11.417 21.4687 11.5891 21.1245C11.7612 20.7804 11.8603 20.4043 11.88 20.02C11.88 18.58 10.3633 17.3133 7.33 16.22C6.01823 15.8058 4.77232 15.2064 3.63 14.44C2.82971 13.8007 2.20086 12.9726 1.8 12.03C1.28347 11.0132 1.00964 9.89044 1 8.74998C0.951959 7.6378 1.14011 6.52807 1.55206 5.49388C1.96401 4.45969 2.59042 3.52452 3.39 2.74998C4.23756 1.97762 5.22991 1.38106 6.30959 0.994849C7.38928 0.608632 8.53486 0.44043 9.68 0.499981C12.5167 0.41645 15.2733 1.44661 17.36 3.36998ZM45.47 24.74L48.87 28.65L44.87 31.19L41.78 27.5C39.7899 28.2852 37.6785 28.7183 35.54 28.78C33.6818 28.8409 31.8316 28.511 30.109 27.8117C28.3863 27.1123 26.8298 26.059 25.54 24.72C24.218 23.3259 23.1884 21.6813 22.5117 19.8832C21.8351 18.0851 21.5251 16.1697 21.6 14.25C21.6114 10.7191 22.9748 7.32672 25.41 4.76998C26.6762 3.36242 28.2364 2.25035 29.98 1.51248C31.7236 0.7746 33.608 0.428948 35.5 0.499981C37.3345 0.453968 39.159 0.785263 40.8602 1.47333C42.5615 2.1614 44.1033 3.19157 45.39 4.49998C46.6991 5.79459 47.7293 7.34345 48.4172 9.05121C49.1051 10.759 49.4362 12.5895 49.39 14.43C49.4644 18.2382 48.026 21.9206 45.39 24.67L45.47 24.74ZM37.89 22.94L35 19.5L38.9 16.95L41.57 20.11C42.7546 18.6119 43.336 16.725 43.2 14.82C43.3277 12.5018 42.5779 10.2205 41.1 8.42998C40.4068 7.63561 39.5431 7.00807 38.5735 6.59423C37.6038 6.18038 36.5532 5.99092 35.5 6.03998C34.467 6.01127 33.4401 6.20746 32.4904 6.61496C31.5407 7.02246 30.691 7.63153 30 8.39998C28.5243 10.081 27.751 12.2649 27.84 14.5C27.7508 16.7588 28.4786 18.9741 29.89 20.74C30.5114 21.5216 31.3048 22.1494 32.2085 22.5743C33.1121 22.9993 34.1016 23.2099 35.1 23.19C36.0351 23.1792 36.9679 23.0957 37.89 22.94ZM54.48 0.869981H60.33V17.73C60.2672 19.1081 60.7361 20.4578 61.64 21.5C62.0721 21.9723 62.6019 22.3448 63.1925 22.5918C63.783 22.8387 64.4203 22.9541 65.06 22.93C65.7553 22.9722 66.4517 22.8666 67.1033 22.6201C67.7548 22.3736 68.3467 21.9919 68.84 21.5C69.7965 20.3718 70.277 18.9159 70.18 17.44V0.869981H76V18.72C75.9714 20.4161 75.5612 22.084 74.8 23.6C74.0162 25.2793 72.6973 26.651 71.05 27.5C69.3052 28.4142 67.3596 28.8782 65.39 28.85C61.62 28.85 58.85 27.8 57.1 25.69C55.4601 23.8616 54.5304 21.5056 54.48 19.05V0.869981ZM89.8 0.869981H94.39L105.65 28.44H99.65L97.39 23.02H86.87L84.71 28.44H78.77L89.8 0.869981ZM92.1 9.86998L88.89 18H95.42L92.1 9.89998V9.86998ZM109.93 0.869981H119C121.379 0.74194 123.718 1.52504 125.54 3.05998C126.345 3.80998 126.976 4.72634 127.391 5.74528C127.805 6.76421 127.993 7.86123 127.94 8.95998C127.909 10.4908 127.533 11.9948 126.84 13.36C125.97 15.012 124.526 16.2888 122.78 16.95L130.48 28.44H123.68L116.54 17.78H115.87V28.44H109.93V0.869981ZM115.93 5.78998V12.97H117.21C120.303 12.97 121.85 11.7033 121.85 9.16998C121.867 8.69056 121.765 8.21439 121.554 7.78359C121.343 7.35279 121.029 6.98062 120.64 6.69998C119.653 6.03758 118.476 5.71784 117.29 5.78998H115.93ZM135.23 0.869981H150.75V6.32998H141.17V22.98H154.77V28.44H135.23V0.869981ZM152.23 11.97H146.85V17.34H152.23V11.97Z" fill="#F8F7F7"/>
<path d="M154.45 0.870117H163.82V28.4401H157.97V6.33012H153.43L154.45 0.870117Z" fill="#F8F7F7"/>
</g>
<defs>
<clipPath id="clip0_1310_868">
<rect width="163.82" height="30.69" fill="white" transform="translate(0 0.5)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

22
website/public/images/cust-logo-teracloud-gray.svg Normal file
View File

@@ -0,0 +1,22 @@
<svg width="191" height="23" viewBox="0 0 191 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1310_883)">
<path d="M10.5 18.2499C10.9218 17.372 11.8815 16.933 13.379 16.933H15.1787C15.8536 16.933 16.3914 16.7708 16.7922 16.4463C17.1929 16.1219 17.3933 15.7115 17.3933 15.2153V13.4976H21V15.2153C21 16.6658 20.4622 17.9064 19.3865 18.937C18.3319 19.9867 16.9187 20.5115 15.147 20.5115H14.0118C13.4001 20.5115 12.9045 20.6356 12.5248 20.8837C12.1663 21.1509 11.987 21.5231 11.987 22.0002H10.5C10.5 20.9508 10.5 20.8837 10.5 18.2499Z" fill="#F8F7F7"/>
<path d="M10.5 18.2487C10.0782 17.3706 9.11849 16.9315 7.62097 16.9315H5.82134C5.1464 16.9315 4.60856 16.7692 4.20782 16.4446C3.80707 16.1201 3.6067 15.7096 3.6067 15.2133V13.4951H0L1.65855e-07 15.2133C2.35842e-07 16.6642 0.537842 17.9051 1.61352 18.936C2.66811 19.986 4.08126 20.511 5.85298 20.511H6.98821C7.59988 20.511 8.09553 20.6351 8.47518 20.8833C8.83375 21.1506 9.01303 21.5228 9.01303 22.0001H10.5C10.5 20.9504 10.5 20.8833 10.5 18.2487Z" fill="#F8F7F7"/>
<path d="M10.5 4.7503C10.0782 5.62823 9.11849 6.0672 7.62097 6.0672H5.82134C5.1464 6.0672 4.60856 6.22942 4.20782 6.55388C3.80707 6.87833 3.6067 7.28867 3.6067 7.78489V9.50259H0V7.78489C-7.00684e-08 6.33439 0.537841 5.09384 1.61352 4.06322C2.66811 3.01352 4.08126 2.48867 5.85298 2.48867H6.98821C7.59988 2.48867 8.09553 2.36461 8.47518 2.1165C8.83375 1.84931 9.01303 1.47714 9.01303 1H10.5C10.5 2.04938 10.5 2.1165 10.5 4.7503Z" fill="#F8F7F7"/>
<path d="M10.5 4.75136C10.9218 5.62954 11.8815 6.06863 13.379 6.06863L15.1787 6.06864C15.8536 6.06864 16.3914 6.23091 16.7922 6.55545C17.1929 6.88 17.3933 7.29045 17.3933 7.78682V9.505H21V7.78682C21 6.33591 20.4622 5.095 19.3865 4.06409C18.3319 3.01409 16.9187 2.48909 15.147 2.48909H14.0118C13.4001 2.48909 12.9045 2.365 12.5248 2.11682C12.1663 1.84955 11.987 1.47727 11.987 1H10.5C10.5 2.04968 10.5 2.11682 10.5 4.75136Z" fill="#F8F7F7"/>
<path d="M42.1811 7.73375V18.1418H38.6107V7.73375H33V4.83887H47.8013V7.73375H42.1811Z" fill="#F8F7F7"/>
<path d="M65.2159 17.4834C64.1316 17.8449 63.0473 18.103 61.9631 18.258C60.8852 18.4193 59.7817 18.5 58.6525 18.5C57.2089 18.5 55.9225 18.3451 54.7934 18.0353C53.6706 17.719 52.7242 17.2639 51.9543 16.6701C51.1844 16.0763 50.5974 15.3502 50.1932 14.4917C49.789 13.6332 49.5869 12.6618 49.5869 11.5775C49.5869 10.5705 49.789 9.63785 50.1932 8.77939C50.6038 7.91448 51.1812 7.16574 51.9255 6.5332C52.6761 5.89419 53.5808 5.39719 54.6394 5.04219C55.698 4.68073 56.8785 4.5 58.1809 4.5C59.3807 4.5 60.4778 4.66459 61.4722 4.99378C62.4731 5.31651 63.3296 5.79737 64.0418 6.43638C64.7604 7.07538 65.3153 7.86284 65.7067 8.79876C66.1045 9.73467 66.3034 10.8126 66.3034 12.0325V12.9232H53.2728C53.3883 13.3428 53.5776 13.7268 53.8406 14.0754C54.1101 14.4239 54.4726 14.7208 54.9281 14.9661C55.3836 15.2114 55.9418 15.4018 56.6026 15.5373C57.2699 15.6729 58.0654 15.7407 58.9893 15.7407C59.6437 15.7407 60.2853 15.7019 60.9141 15.6245C61.5428 15.5406 62.1299 15.4341 62.6752 15.305C63.2206 15.1694 63.7114 15.021 64.1477 14.8596C64.5903 14.6982 64.9464 14.5369 65.2159 14.3755V17.4834ZM62.7522 10.2898C62.7201 9.96058 62.6207 9.62172 62.4539 9.27317C62.2935 8.91816 62.0368 8.59866 61.684 8.31466C61.3311 8.03066 60.8692 7.79829 60.2981 7.61757C59.7271 7.43038 59.015 7.33679 58.1617 7.33679C57.3597 7.33679 56.6668 7.43684 56.0829 7.63693C55.4991 7.83702 55.0083 8.08552 54.6105 8.38243C54.2191 8.67935 53.9144 8.99885 53.6962 9.34094C53.4781 9.68303 53.337 9.99931 53.2728 10.2898H62.7522Z" fill="#F8F7F7"/>
<path d="M81.2152 7.84993C81.119 7.81766 80.9779 7.7757 80.7918 7.72407C80.6121 7.66597 80.4004 7.61111 80.1566 7.55947C79.9128 7.50138 79.6434 7.45297 79.3482 7.41425C79.0595 7.37552 78.7612 7.35615 78.4532 7.35615C77.8116 7.35615 77.2118 7.43684 76.6536 7.5982C76.1018 7.75311 75.5853 7.96289 75.1041 8.22752C74.623 8.48571 74.1739 8.78262 73.7568 9.11826C73.3462 9.44744 72.9677 9.78631 72.6212 10.1349V18.1418H69.0508V4.83887H72.6212V6.99793C73.0511 6.6752 73.4906 6.36538 73.9397 6.06846C74.3952 5.7651 74.8668 5.49723 75.3544 5.26487C75.8484 5.0325 76.3681 4.84855 76.9134 4.713C77.4588 4.571 78.0362 4.5 78.6457 4.5C78.8767 4.5 79.1108 4.51291 79.3482 4.53873C79.592 4.55809 79.8262 4.58391 80.0508 4.61618C80.2817 4.64846 80.4967 4.68396 80.6956 4.72268C80.8944 4.76141 81.0677 4.80014 81.2152 4.83887V7.84993Z" fill="#F8F7F7"/>
<path d="M94.6977 18.1417V16.8346C94.2422 17.0863 93.7514 17.309 93.2253 17.5027C92.7056 17.6963 92.1635 17.8609 91.5989 17.9964C91.0343 18.132 90.4504 18.232 89.8474 18.2966C89.2507 18.3676 88.6476 18.4031 88.0381 18.4031C87.3259 18.4031 86.6362 18.3353 85.969 18.1998C85.3081 18.0642 84.7211 17.8448 84.2078 17.5414C83.6946 17.238 83.2807 16.8411 82.9664 16.3505C82.6584 15.86 82.5044 15.2597 82.5044 14.5497C82.5044 13.6525 82.7482 12.907 83.2358 12.3132C83.7234 11.7129 84.4677 11.2224 85.4685 10.8415C86.4694 10.4607 87.7333 10.167 89.2603 9.96044C90.7937 9.75389 92.6062 9.59253 94.6977 9.47635V9.19557C94.6977 8.97612 94.64 8.75989 94.5245 8.54689C94.409 8.32743 94.1973 8.13702 93.8893 7.97566C93.5878 7.80784 93.1708 7.67229 92.6382 7.56902C92.1121 7.46574 91.4385 7.41411 90.6173 7.41411C89.9693 7.41411 89.3277 7.44961 88.6925 7.52061C88.0637 7.58515 87.4542 7.67552 86.864 7.7917C86.2801 7.90788 85.7252 8.04343 85.1991 8.19834C84.673 8.35325 84.195 8.51461 83.7651 8.68243V5.48741C84.2142 5.37123 84.7179 5.25827 85.2761 5.14855C85.8342 5.03882 86.4149 4.94523 87.018 4.86777C87.6211 4.78386 88.2306 4.71932 88.8465 4.67413C89.4624 4.6225 90.0527 4.59668 90.6173 4.59668C91.7272 4.59668 92.7505 4.69027 93.6872 4.87745C94.6239 5.05818 95.4291 5.34218 96.1028 5.72946C96.7829 6.11673 97.3122 6.60728 97.6907 7.2011C98.0757 7.79493 98.2681 8.5017 98.2681 9.32144V18.1417H94.6977ZM94.6977 12.0711C93.3247 12.1228 92.1571 12.197 91.1947 12.2938C90.2387 12.3906 89.4432 12.5036 88.808 12.6327C88.1728 12.7618 87.6724 12.9005 87.3067 13.049C86.9474 13.1975 86.6779 13.3491 86.4983 13.504C86.3186 13.659 86.2064 13.8139 86.1614 13.9688C86.123 14.1237 86.1037 14.2657 86.1037 14.3948C86.1037 14.5497 86.1454 14.7014 86.2288 14.8498C86.3122 14.9918 86.4566 15.1177 86.6619 15.2274C86.8736 15.3372 87.1527 15.4243 87.4992 15.4888C87.8456 15.5534 88.2819 15.5857 88.808 15.5857C89.3918 15.5857 89.9628 15.5405 90.521 15.4501C91.0792 15.3597 91.6085 15.2371 92.1089 15.0822C92.6094 14.9208 93.0777 14.7336 93.514 14.5206C93.9567 14.3012 94.3513 14.0688 94.6977 13.8236V12.0711Z" fill="#F8F7F7"/>
<path d="M116.51 17.2141C116.049 17.4075 115.586 17.5815 115.119 17.7362C114.653 17.8909 114.17 18.023 113.672 18.1326C113.173 18.2486 112.646 18.3356 112.09 18.3936C111.54 18.4517 110.949 18.4807 110.316 18.4807C108.974 18.4807 107.737 18.3356 106.606 18.0456C105.481 17.7555 104.51 17.3204 103.691 16.7403C102.88 16.1538 102.247 15.4254 101.793 14.5552C101.339 13.6786 101.113 12.657 101.113 11.4903C101.113 10.3237 101.339 9.30525 101.793 8.43508C102.247 7.55847 102.88 6.83011 103.691 6.25C104.51 5.66344 105.481 5.22514 106.606 4.93508C107.737 4.64503 108.974 4.5 110.316 4.5C110.949 4.5 111.54 4.52901 112.09 4.58702C112.646 4.64503 113.173 4.73204 113.672 4.84807C114.17 4.95764 114.653 5.08978 115.119 5.24448C115.586 5.39917 116.049 5.5732 116.51 5.76657V8.99586C116.145 8.79604 115.762 8.59945 115.359 8.40608C114.956 8.20626 114.512 8.02901 114.026 7.87431C113.541 7.71317 113.007 7.58425 112.425 7.48757C111.844 7.38444 111.189 7.33287 110.46 7.33287C109.342 7.33287 108.412 7.4489 107.67 7.68094C106.935 7.91298 106.347 8.22238 105.906 8.60912C105.465 8.99586 105.155 9.44061 104.976 9.94337C104.797 10.4397 104.708 10.9553 104.708 11.4903C104.708 11.8448 104.746 12.1961 104.823 12.5442C104.899 12.8858 105.027 13.2113 105.206 13.5207C105.385 13.8237 105.619 14.1041 105.906 14.3619C106.194 14.6197 106.552 14.8421 106.98 15.029C107.408 15.2159 107.907 15.3642 108.476 15.4738C109.051 15.5769 109.712 15.6285 110.46 15.6285C111.189 15.6285 111.844 15.5833 112.425 15.4931C113.007 15.3964 113.541 15.2707 114.026 15.116C114.512 14.9613 114.956 14.7873 115.359 14.5939C115.762 14.3941 116.145 14.1911 116.51 13.9848V17.2141Z" fill="#F8F7F7"/>
<path d="M123.384 12.4378C123.384 12.9922 123.435 13.4466 123.537 13.8011C123.639 14.1492 123.805 14.4263 124.036 14.6326C124.266 14.8389 124.563 14.9807 124.927 15.058C125.298 15.1354 125.752 15.174 126.289 15.174H133.038V18.1229H125.56C124.524 18.1229 123.642 18.0391 122.914 17.8715C122.192 17.6975 121.6 17.4332 121.14 17.0787C120.68 16.7178 120.344 16.2634 120.134 15.7155C119.929 15.1676 119.827 14.5166 119.827 13.7624V4.83838H123.384V12.4378Z" fill="#F8F7F7"/>
<path d="M152.941 11.4903C152.941 12.6312 152.733 13.64 152.318 14.5166C151.902 15.3867 151.308 16.1151 150.535 16.7017C149.761 17.2882 148.822 17.733 147.716 18.0359C146.617 18.3324 145.38 18.4807 144.006 18.4807C142.632 18.4807 141.388 18.3324 140.276 18.0359C139.171 17.733 138.228 17.2882 137.448 16.7017C136.668 16.1151 136.068 15.3867 135.646 14.5166C135.224 13.64 135.013 12.6312 135.013 11.4903C135.013 10.3495 135.224 9.34392 135.646 8.47376C136.068 7.59715 136.668 6.86556 137.448 6.27901C138.228 5.69245 139.171 5.25092 140.276 4.95442C141.388 4.65147 142.632 4.5 144.006 4.5C145.38 4.5 146.617 4.65147 147.716 4.95442C148.822 5.25092 149.761 5.69245 150.535 6.27901C151.308 6.86556 151.902 7.59715 152.318 8.47376C152.733 9.34392 152.941 10.3495 152.941 11.4903ZM149.346 11.4903C149.346 10.994 149.266 10.5009 149.106 10.0111C148.953 9.51473 148.675 9.06998 148.272 8.6768C147.876 8.28361 147.332 7.96455 146.642 7.71961C145.952 7.47468 145.073 7.35221 144.006 7.35221C143.29 7.35221 142.66 7.41022 142.117 7.52624C141.574 7.63582 141.104 7.79052 140.708 7.99033C140.311 8.19015 139.979 8.42541 139.711 8.69613C139.442 8.96041 139.228 9.24724 139.068 9.55663C138.909 9.85958 138.793 10.1786 138.723 10.5138C138.659 10.8425 138.627 11.168 138.627 11.4903C138.627 11.8191 138.659 12.151 138.723 12.4862C138.793 12.8214 138.909 13.1436 139.068 13.453C139.228 13.756 139.442 14.0396 139.711 14.3039C139.979 14.5681 140.311 14.8002 140.708 15C141.104 15.1934 141.574 15.3481 142.117 15.4641C142.66 15.5737 143.29 15.6285 144.006 15.6285C145.073 15.6285 145.952 15.506 146.642 15.2611C147.332 15.0161 147.876 14.6971 148.272 14.3039C148.675 13.9107 148.953 13.4692 149.106 12.9793C149.266 12.483 149.346 11.9866 149.346 11.4903Z" fill="#F8F7F7"/>
<path d="M159.185 4.83838V12.3218C159.185 12.8181 159.226 13.2693 159.309 13.6754C159.392 14.075 159.546 14.4199 159.77 14.7099C159.993 14.9936 160.306 15.2159 160.709 15.3771C161.112 15.5318 161.636 15.6091 162.281 15.6091C162.767 15.6091 163.275 15.5414 163.806 15.4061C164.343 15.2707 164.873 15.0902 165.397 14.8646C165.921 14.639 166.42 14.3812 166.893 14.0912C167.372 13.7947 167.8 13.4885 168.178 13.1727V4.83838H171.725V18.1229H168.178V16.3052C167.73 16.5631 167.254 16.8241 166.749 17.0884C166.244 17.3462 165.707 17.5815 165.138 17.7942C164.57 18.0005 163.966 18.168 163.326 18.297C162.687 18.4323 162.013 18.5 161.304 18.5C160.415 18.5 159.619 18.3904 158.916 18.1713C158.213 17.9586 157.619 17.6556 157.133 17.2624C156.647 16.8628 156.273 16.3826 156.011 15.8218C155.756 15.2546 155.628 14.6229 155.628 13.9268V4.83838H159.185Z" fill="#F8F7F7"/>
<path d="M191 11.471C191 12.3218 190.907 13.0792 190.722 13.7431C190.537 14.4006 190.275 14.9742 189.936 15.4641C189.603 15.954 189.201 16.3697 188.728 16.7113C188.261 17.0529 187.74 17.3269 187.165 17.5331C186.59 17.7394 185.97 17.8909 185.305 17.9876C184.64 18.0778 183.947 18.1229 183.225 18.1229H174.865V4.83838H183.206C183.928 4.83838 184.621 4.88672 185.286 4.98341C185.951 5.07364 186.571 5.2219 187.146 5.42816C187.728 5.63442 188.255 5.90836 188.728 6.24998C189.201 6.58516 189.603 7.0009 189.936 7.49722C190.275 7.98709 190.537 8.56075 190.722 9.21821C190.907 9.87567 191 10.6266 191 11.471ZM187.414 11.471C187.414 10.8329 187.331 10.2785 187.165 9.80799C187.005 9.33746 186.743 8.95072 186.379 8.64777C186.021 8.33838 185.551 8.10956 184.97 7.96131C184.388 7.80661 183.679 7.72926 182.841 7.72926H178.422V15.232H182.841C183.679 15.232 184.388 15.1579 184.97 15.0097C185.551 14.855 186.021 14.6229 186.379 14.3135C186.743 13.9977 187.005 13.6045 187.165 13.134C187.331 12.6634 187.414 12.1091 187.414 11.471Z" fill="#F8F7F7"/>
</g>
<defs>
<clipPath id="clip0_1310_883">
<rect width="191" height="22" fill="white" transform="translate(0 0.5)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

4
website/public/images/cust-logo-wolfram-gray.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="198" height="157" viewBox="0 0 198 157" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M137.932 58.9576L153.801 41.1529L130.499 36.0727L132.873 12.3396L111.034 21.9255L98.9991 1.33105L86.9719 21.9234L65.1365 12.3314L67.5057 36.0645L44.2008 41.1405L60.0677 58.9494L44.1982 76.7541L67.5006 81.8343L65.1267 105.566L86.9652 95.9805L99.0001 116.575L111.027 95.9835L132.864 105.575L130.495 81.8414L153.799 76.7654L137.932 58.9576ZM145.63 72.3516L131.884 67.6498L122.764 55.7962L134.895 60.3031L145.63 72.3516ZM108.802 93.5227L100.581 107.598V92.6727L109.126 80.204L108.802 93.5227ZM94.4014 35.1674L80.2554 30.1369L71.7914 18.7092L86.6264 25.2256L94.4014 35.1674ZM111.38 25.2286L126.213 18.7164L117.744 30.1369L103.602 35.166L111.38 25.2286ZM127.254 36.7456L119.877 47.2067L120.295 32.0071L128.887 20.4209L127.254 36.7456ZM98.9996 89.386L89.1019 74.9447L98.9996 61.5145L108.897 74.9447L98.9996 89.386ZM81.3971 51.2496L80.9154 33.7277L97.4184 39.5962V56.6478L81.3971 51.2496ZM100.581 39.5962L117.084 33.7277L116.602 51.2496L100.581 56.6478V39.5962ZM70.7513 36.7393L69.1217 20.418L77.7045 32.0062L78.1222 47.2024L70.7513 36.7393ZM96.441 59.6564L86.547 73.0815L69.7385 68.1265L80.4116 54.2554L96.441 59.6564ZM88.8708 80.201L97.4184 92.6728V107.601L89.1903 93.5201L88.8708 80.201ZM101.558 59.6564L117.588 54.2554L128.261 68.1266L111.452 73.0816L101.558 59.6564ZM147.839 43.0902L135.352 57.0992L120.628 51.629L129.474 39.0855L147.839 43.0902ZM99.0001 7.60018L108.473 23.8109L99 35.9145L89.5331 23.8093L99.0001 7.60018ZM50.1632 43.0779L68.5308 39.0786L77.3716 51.6281L62.6482 57.0912L50.1632 43.0779ZM63.1043 60.2951L75.2384 55.7926L66.117 67.6483L52.365 72.3436L63.1043 60.2951ZM53.0598 75.4489L67.1139 70.6505L81.7518 74.9652L69.1395 78.9552L53.0598 75.4489ZM70.6837 81.7828L85.6321 77.0535L86.0133 92.9437L68.812 100.495L70.6837 81.7828ZM111.979 92.9475L112.366 77.0543L127.311 81.7886L129.179 100.502L111.979 92.9475ZM128.856 78.961L116.244 74.966L130.887 70.6501L144.943 75.4581L128.856 78.961Z" fill="#F8F7F7"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 128.686H6.82461L10.0374 146.416L14.7707 128.686H20.7719L26.3907 146.726L29.6772 128.686H36.1621L30.6142 155.215H23.1269L18.1485 138.663L13.0551 155.215H5.20028L0 128.686ZM198 155.215H191.175L187.968 137.421L183.23 155.215H177.227L171.632 137.179L168.324 155.215H161.837L167.386 128.686H174.872L179.85 145.251L184.948 128.686H192.799L198 155.215ZM50.4549 128.227C59.0903 128.227 63.5951 133.437 63.5951 141.95C63.5951 150.388 59.0158 155.669 50.4549 155.669C41.8976 155.669 37.3182 150.388 37.3182 141.95C37.3182 133.437 41.8222 128.227 50.4549 128.227ZM50.4549 150.424C54.6983 150.424 56.3858 146.319 56.3858 141.95C56.3858 137.347 54.6983 133.472 50.4549 133.472C46.2124 133.472 44.524 137.347 44.524 141.95C44.524 146.319 46.2124 150.424 50.4549 150.424ZM67.4995 128.682H74.4829V149.967H85.2942V155.21H67.4995V128.682ZM88.1848 128.682H105.71V133.7H95.1658V139.517H105.26V144.531H95.1658V155.21H88.1848L88.1848 128.682ZM109.361 128.682H121.823C126.479 128.682 130.271 130.809 130.271 135.374C130.271 138.91 128.619 141.264 125.241 142.062V142.139C127.491 142.748 127.644 144.763 128.957 147.994L131.507 155.21H124.226L122.727 150.424C121.298 145.864 120.399 144.722 117.809 144.722H116.342V155.21H109.361V128.682ZM116.342 139.708H118.185C120.435 139.708 123.289 139.63 123.289 136.627C123.289 134.158 120.848 133.7 118.185 133.7H116.342V139.708ZM142.085 128.682H150.646L160.743 155.21H153.085L151.133 149.55H141.3L139.234 155.21H132.137L142.085 128.682ZM146.366 134.158H146.293L142.915 144.531H149.481L146.366 134.158Z" fill="#F8F7F7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

5
website/public/images/logo-main-dark.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M164 24C217.408 66.0806 162.118 159.343 181.629 197C141.535 142.575 196.161 95.8027 164 24Z" fill="#C25700"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M192.574 106C225.849 127.538 185.907 178.004 207.17 190.922C228.704 204.005 226.267 149.633 256 163.581C225.042 153.088 237.884 217.823 199.526 209.208C155.628 199.349 210.221 129.789 192.574 106Z" fill="#C25700"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 179.368C63.3527 129.281 149.647 209.658 190.369 214.68C242.738 221.138 228.788 161.052 255 163.291C230.847 166.181 245.345 229.021 191.345 230.963C132.537 233.078 73.8644 144.105 0.000108358 179.368H0Z" fill="#C25700"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 802 B

5
website/public/images/logo-main-light.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M159.858 36C204.958 73.5635 158.268 156.815 174.744 190.43C140.887 141.847 187.016 100.095 159.858 36Z" fill="#C25700"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M184.867 108.302C214.346 127.457 178.96 172.337 197.798 183.825C216.876 195.46 214.717 147.106 241.059 159.51C213.632 150.179 225.01 207.748 191.025 200.087C152.134 191.319 200.501 129.458 184.867 108.302Z" fill="#8D1E00"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 173.888C70.1454 129.155 146.622 200.939 182.711 205.425C229.123 211.192 216.76 157.53 239.99 159.53C218.585 162.111 231.433 218.233 183.576 219.967C131.459 221.856 79.4612 142.395 14.0001 173.888H14Z" fill="#331700"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 821 B

12
website/public/images/logo-main.svg
View File

@@ -1,12 +0,0 @@
<svg width="220" height="220" viewBox="0 0 220 220" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_418_848)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M141.858 18C186.958 55.5635 140.268 138.815 156.744 172.43C122.887 123.847 169.016 82.0952 141.858 18Z" fill="#C25700"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M166.867 90.3025C196.346 109.457 160.96 154.337 179.798 165.825C198.876 177.46 196.717 129.106 223.059 141.51C195.632 132.179 207.01 189.748 173.025 182.087C134.134 173.319 182.501 111.458 166.867 90.3025Z" fill="#8D1E00"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-4 155.888C52.1454 111.155 128.622 182.939 164.711 187.425C211.123 193.192 198.76 139.53 221.99 141.53C200.585 144.111 213.433 200.233 165.576 201.967C113.459 203.856 61.4612 124.395 -3.9999 155.888H-4Z" fill="#331700"/>
</g>
<defs>
<clipPath id="clip0_418_848">
<rect width="220" height="220" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 965 B

13
website/public/images/logo-text-dark.svg Normal file
View File

@@ -0,0 +1,13 @@
<svg width="349" height="110" viewBox="0 0 349 110" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_415_820)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M78.2375 14C98.1001 30.5434 77.5376 67.2083 84.7938 82.0126C69.8826 60.6161 90.1985 42.2283 78.2375 14Z" fill="#C25700"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M89.2523 45.843C102.235 54.2788 86.6509 74.0445 94.9475 79.104C103.35 84.2283 102.399 62.9324 114 68.3954C101.921 64.2858 106.932 89.6401 91.9646 86.2659C74.8363 82.4046 96.1376 55.1602 89.2523 45.843Z" fill="#C25700"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 74.7275C38.7271 55.0265 72.4083 86.641 88.3024 88.6165C108.743 91.1567 103.298 67.5233 113.529 68.4038C104.101 69.5407 109.76 94.2572 88.6835 95.021C65.7302 95.8529 42.8299 60.8575 14 74.7275Z" fill="#C25700"/>
<path d="M140.312 82V40.144H165.592V46.416H147.736V58.256H162.968V64.528H147.736V82H140.312ZM169.097 82V50.576H176.457V82H169.097ZM172.745 45.072C171.465 45.072 170.398 44.688 169.545 43.92C168.734 43.152 168.329 42.128 168.329 40.848C168.329 39.568 168.734 38.5653 169.545 37.84C170.398 37.072 171.465 36.688 172.745 36.688C174.068 36.688 175.134 37.072 175.945 37.84C176.756 38.5653 177.161 39.568 177.161 40.848C177.161 42.128 176.756 43.152 175.945 43.92C175.134 44.688 174.068 45.072 172.745 45.072ZM182.647 82V50.576H188.727L189.239 56.144H189.495C190.604 54.096 191.927 52.5387 193.463 51.472C195.042 50.3627 196.684 49.808 198.391 49.808C199.202 49.808 199.884 49.8507 200.439 49.936C200.994 50.0213 201.506 50.192 201.975 50.448L200.503 56.72C199.991 56.592 199.522 56.5067 199.095 56.464C198.668 56.3787 198.114 56.336 197.431 56.336C196.194 56.336 194.892 56.8267 193.527 57.808C192.162 58.7467 190.988 60.4107 190.007 62.8V82H182.647ZM216.201 82.768C213.257 82.768 210.59 82.128 208.201 80.848C205.854 79.5253 203.998 77.648 202.633 75.216C201.268 72.7413 200.585 69.7547 200.585 66.256C200.585 62.8427 201.289 59.92 202.697 57.488C204.105 55.0133 205.918 53.1147 208.137 51.792C210.356 50.4693 212.702 49.808 215.177 49.808C218.036 49.808 220.425 50.448 222.345 51.728C224.265 53.008 225.694 54.7787 226.633 57.04C227.614 59.2587 228.105 61.8187 228.105 64.72C228.105 65.4027 228.062 66.064 227.977 66.704C227.934 67.344 227.849 67.9627 227.721 68.56H206.089V62.928H221.577C221.577 60.6667 221.065 58.896 220.041 57.616C219.017 56.2933 217.438 55.632 215.305 55.632C214.11 55.632 212.937 55.952 211.785 56.592C210.676 57.232 209.737 58.32 208.969 59.856C208.244 61.392 207.881 63.5253 207.881 66.256C207.881 68.7307 208.308 70.7573 209.161 72.336C210.014 73.872 211.145 75.024 212.553 75.792C213.961 76.5173 215.476 76.88 217.097 76.88C218.462 76.88 219.742 76.688 220.937 76.304C222.174 75.92 223.326 75.3867 224.393 74.704L226.953 79.44C225.502 80.464 223.838 81.2747 221.961 81.872C220.126 82.4693 218.206 82.768 216.201 82.768ZM229.188 82V78.032L244.036 56.4H230.852V50.576H253.252V54.48L238.468 76.112H253.764V82H229.188ZM269.099 82.768C266.496 82.768 264.064 82.128 261.803 80.848C259.541 79.5253 257.707 77.648 256.299 75.216C254.891 72.7413 254.187 69.776 254.187 66.32C254.187 62.8213 254.891 59.856 256.299 57.424C257.707 54.9493 259.541 53.072 261.803 51.792C264.064 50.4693 266.496 49.808 269.099 49.808C271.744 49.808 274.197 50.4693 276.459 51.792C278.72 53.072 280.555 54.9493 281.963 57.424C283.371 59.856 284.075 62.8213 284.075 66.32C284.075 69.776 283.371 72.7413 281.963 75.216C280.555 77.648 278.72 79.5253 276.459 80.848C274.197 82.128 271.744 82.768 269.099 82.768ZM269.099 76.752C270.635 76.752 271.957 76.3253 273.067 75.472C274.176 74.6187 275.029 73.4027 275.627 71.824C276.224 70.2453 276.523 68.4107 276.523 66.32C276.523 64.2293 276.224 62.3947 275.627 60.816C275.029 59.2373 274.176 58.0213 273.067 57.168C271.957 56.272 270.635 55.824 269.099 55.824C267.563 55.824 266.24 56.272 265.131 57.168C264.064 58.0213 263.232 59.2373 262.635 60.816C262.037 62.3947 261.739 64.2293 261.739 66.32C261.739 68.4107 262.037 70.2453 262.635 71.824C263.232 73.4027 264.064 74.6187 265.131 75.472C266.24 76.3253 267.563 76.752 269.099 76.752ZM288.16 82V50.576H294.24L294.752 54.8H295.008C296.416 53.4347 297.952 52.2613 299.616 51.28C301.28 50.2987 303.178 49.808 305.312 49.808C308.682 49.808 311.136 50.896 312.672 53.072C314.208 55.248 314.976 58.32 314.976 62.288V82H307.616V63.248C307.616 60.6453 307.232 58.8107 306.464 57.744C305.696 56.6773 304.437 56.144 302.688 56.144C301.322 56.144 300.106 56.4853 299.04 57.168C298.016 57.808 296.842 58.768 295.52 60.048V82H288.16ZM334.276 82.768C331.332 82.768 328.665 82.128 326.276 80.848C323.929 79.5253 322.073 77.648 320.708 75.216C319.343 72.7413 318.66 69.7547 318.66 66.256C318.66 62.8427 319.364 59.92 320.772 57.488C322.18 55.0133 323.993 53.1147 326.212 51.792C328.431 50.4693 330.777 49.808 333.252 49.808C336.111 49.808 338.5 50.448 340.42 51.728C342.34 53.008 343.769 54.7787 344.708 57.04C345.689 59.2587 346.18 61.8187 346.18 64.72C346.18 65.4027 346.137 66.064 346.052 66.704C346.009 67.344 345.924 67.9627 345.796 68.56H324.164V62.928H339.652C339.652 60.6667 339.14 58.896 338.116 57.616C337.092 56.2933 335.513 55.632 333.38 55.632C332.185 55.632 331.012 55.952 329.86 56.592C328.751 57.232 327.812 58.32 327.044 59.856C326.319 61.392 325.956 63.5253 325.956 66.256C325.956 68.7307 326.383 70.7573 327.236 72.336C328.089 73.872 329.22 75.024 330.628 75.792C332.036 76.5173 333.551 76.88 335.172 76.88C336.537 76.88 337.817 76.688 339.012 76.304C340.249 75.92 341.401 75.3867 342.468 74.704L345.028 79.44C343.577 80.464 341.913 81.2747 340.036 81.872C338.201 82.4693 336.281 82.768 334.276 82.768Z" fill="#FCFCFC"/>
</g>
<defs>
<clipPath id="clip0_415_820">
<rect width="349" height="110" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

13
website/public/images/logo-text-light.svg Normal file
View File

@@ -0,0 +1,13 @@
<svg width="349" height="110" viewBox="0 0 349 110" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_415_814)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M78.2375 14C98.1001 30.5434 77.5376 67.2083 84.7938 82.0126C69.8826 60.6161 90.1985 42.2283 78.2375 14Z" fill="#C25700"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M89.2523 45.843C102.235 54.2788 86.6509 74.0445 94.9475 79.104C103.35 84.2283 102.399 62.9324 114 68.3954C101.921 64.2858 106.932 89.6401 91.9646 86.2659C74.8363 82.4046 96.1376 55.1602 89.2523 45.843Z" fill="#8D1E00"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 74.7276C38.7271 55.0266 72.4083 86.6411 88.3024 88.6166C108.743 91.1568 103.298 67.5234 113.529 68.4039C104.101 69.5408 109.76 94.2573 88.6835 95.0211C65.7302 95.853 42.8299 60.8576 14 74.7276Z" fill="#1B140E"/>
<path d="M140.312 81V39.144H165.592V45.416H147.736V57.256H162.968V63.528H147.736V81H140.312ZM169.097 81V49.576H176.457V81H169.097ZM172.745 44.072C171.465 44.072 170.398 43.688 169.545 42.92C168.734 42.152 168.329 41.128 168.329 39.848C168.329 38.568 168.734 37.5653 169.545 36.84C170.398 36.072 171.465 35.688 172.745 35.688C174.068 35.688 175.134 36.072 175.945 36.84C176.756 37.5653 177.161 38.568 177.161 39.848C177.161 41.128 176.756 42.152 175.945 42.92C175.134 43.688 174.068 44.072 172.745 44.072ZM182.647 81V49.576H188.727L189.239 55.144H189.495C190.604 53.096 191.927 51.5387 193.463 50.472C195.042 49.3627 196.684 48.808 198.391 48.808C199.202 48.808 199.884 48.8507 200.439 48.936C200.994 49.0213 201.506 49.192 201.975 49.448L200.503 55.72C199.991 55.592 199.522 55.5067 199.095 55.464C198.668 55.3787 198.114 55.336 197.431 55.336C196.194 55.336 194.892 55.8267 193.527 56.808C192.162 57.7467 190.988 59.4107 190.007 61.8V81H182.647ZM216.201 81.768C213.257 81.768 210.59 81.128 208.201 79.848C205.854 78.5253 203.998 76.648 202.633 74.216C201.268 71.7413 200.585 68.7547 200.585 65.256C200.585 61.8427 201.289 58.92 202.697 56.488C204.105 54.0133 205.918 52.1147 208.137 50.792C210.356 49.4693 212.702 48.808 215.177 48.808C218.036 48.808 220.425 49.448 222.345 50.728C224.265 52.008 225.694 53.7787 226.633 56.04C227.614 58.2587 228.105 60.8187 228.105 63.72C228.105 64.4027 228.062 65.064 227.977 65.704C227.934 66.344 227.849 66.9627 227.721 67.56H206.089V61.928H221.577C221.577 59.6667 221.065 57.896 220.041 56.616C219.017 55.2933 217.438 54.632 215.305 54.632C214.11 54.632 212.937 54.952 211.785 55.592C210.676 56.232 209.737 57.32 208.969 58.856C208.244 60.392 207.881 62.5253 207.881 65.256C207.881 67.7307 208.308 69.7573 209.161 71.336C210.014 72.872 211.145 74.024 212.553 74.792C213.961 75.5173 215.476 75.88 217.097 75.88C218.462 75.88 219.742 75.688 220.937 75.304C222.174 74.92 223.326 74.3867 224.393 73.704L226.953 78.44C225.502 79.464 223.838 80.2747 221.961 80.872C220.126 81.4693 218.206 81.768 216.201 81.768ZM229.188 81V77.032L244.036 55.4H230.852V49.576H253.252V53.48L238.468 75.112H253.764V81H229.188ZM269.099 81.768C266.496 81.768 264.064 81.128 261.803 79.848C259.541 78.5253 257.707 76.648 256.299 74.216C254.891 71.7413 254.187 68.776 254.187 65.32C254.187 61.8213 254.891 58.856 256.299 56.424C257.707 53.9493 259.541 52.072 261.803 50.792C264.064 49.4693 266.496 48.808 269.099 48.808C271.744 48.808 274.197 49.4693 276.459 50.792C278.72 52.072 280.555 53.9493 281.963 56.424C283.371 58.856 284.075 61.8213 284.075 65.32C284.075 68.776 283.371 71.7413 281.963 74.216C280.555 76.648 278.72 78.5253 276.459 79.848C274.197 81.128 271.744 81.768 269.099 81.768ZM269.099 75.752C270.635 75.752 271.957 75.3253 273.067 74.472C274.176 73.6187 275.029 72.4027 275.627 70.824C276.224 69.2453 276.523 67.4107 276.523 65.32C276.523 63.2293 276.224 61.3947 275.627 59.816C275.029 58.2373 274.176 57.0213 273.067 56.168C271.957 55.272 270.635 54.824 269.099 54.824C267.563 54.824 266.24 55.272 265.131 56.168C264.064 57.0213 263.232 58.2373 262.635 59.816C262.037 61.3947 261.739 63.2293 261.739 65.32C261.739 67.4107 262.037 69.2453 262.635 70.824C263.232 72.4027 264.064 73.6187 265.131 74.472C266.24 75.3253 267.563 75.752 269.099 75.752ZM288.16 81V49.576H294.24L294.752 53.8H295.008C296.416 52.4347 297.952 51.2613 299.616 50.28C301.28 49.2987 303.178 48.808 305.312 48.808C308.682 48.808 311.136 49.896 312.672 52.072C314.208 54.248 314.976 57.32 314.976 61.288V81H307.616V62.248C307.616 59.6453 307.232 57.8107 306.464 56.744C305.696 55.6773 304.437 55.144 302.688 55.144C301.322 55.144 300.106 55.4853 299.04 56.168C298.016 56.808 296.842 57.768 295.52 59.048V81H288.16ZM334.276 81.768C331.332 81.768 328.665 81.128 326.276 79.848C323.929 78.5253 322.073 76.648 320.708 74.216C319.343 71.7413 318.66 68.7547 318.66 65.256C318.66 61.8427 319.364 58.92 320.772 56.488C322.18 54.0133 323.993 52.1147 326.212 50.792C328.431 49.4693 330.777 48.808 333.252 48.808C336.111 48.808 338.5 49.448 340.42 50.728C342.34 52.008 343.769 53.7787 344.708 56.04C345.689 58.2587 346.18 60.8187 346.18 63.72C346.18 64.4027 346.137 65.064 346.052 65.704C346.009 66.344 345.924 66.9627 345.796 67.56H324.164V61.928H339.652C339.652 59.6667 339.14 57.896 338.116 56.616C337.092 55.2933 335.513 54.632 333.38 54.632C332.185 54.632 331.012 54.952 329.86 55.592C328.751 56.232 327.812 57.32 327.044 58.856C326.319 60.392 325.956 62.5253 325.956 65.256C325.956 67.7307 326.383 69.7573 327.236 71.336C328.089 72.872 329.22 74.024 330.628 74.792C332.036 75.5173 333.551 75.88 335.172 75.88C336.537 75.88 337.817 75.688 339.012 75.304C340.249 74.92 341.401 74.3867 342.468 73.704L345.028 78.44C343.577 79.464 341.913 80.2747 340.036 80.872C338.201 81.4693 336.281 81.768 334.276 81.768Z" fill="#1B140E"/>
</g>
<defs>
<clipPath id="clip0_415_814">
<rect width="349" height="110" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

13
website/public/images/logo-text.svg
View File

@@ -1,13 +0,0 @@
<svg width="325" height="89" viewBox="0 0 325 89" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_418_842)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M58.9379 8C77.1618 23.0395 58.2957 56.3712 64.9533 69.8296C51.2723 50.3783 69.9121 33.6621 58.9379 8Z" fill="#C25700"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M69.044 36.9481C80.9556 44.617 66.6572 62.5858 74.2693 67.1854C81.9786 71.8438 81.1061 52.4839 91.75 57.4503C80.6675 53.7143 85.2651 76.7637 71.5325 73.6962C55.8173 70.1859 75.3612 45.4183 69.044 36.9481Z" fill="#8D1E00"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 63.2069C22.6871 45.2969 53.5896 74.0374 68.1725 75.8333C86.9267 78.1425 81.9309 56.6576 91.3179 57.4581C82.6677 58.4916 87.8598 80.9612 68.5221 81.6555C47.4625 82.4118 26.4514 50.5978 0 63.2069Z" fill="#1B140E"/>
<path d="M111.312 64V22.144H136.592V28.416H118.736V40.256H133.968V46.528H118.736V64H111.312ZM140.097 64V32.576H147.457V64H140.097ZM143.745 27.072C142.465 27.072 141.398 26.688 140.545 25.92C139.734 25.152 139.329 24.128 139.329 22.848C139.329 21.568 139.734 20.5653 140.545 19.84C141.398 19.072 142.465 18.688 143.745 18.688C145.068 18.688 146.134 19.072 146.945 19.84C147.756 20.5653 148.161 21.568 148.161 22.848C148.161 24.128 147.756 25.152 146.945 25.92C146.134 26.688 145.068 27.072 143.745 27.072ZM153.647 64V32.576H159.727L160.239 38.144H160.495C161.604 36.096 162.927 34.5387 164.463 33.472C166.042 32.3627 167.684 31.808 169.391 31.808C170.202 31.808 170.884 31.8507 171.439 31.936C171.994 32.0213 172.506 32.192 172.975 32.448L171.503 38.72C170.991 38.592 170.522 38.5067 170.095 38.464C169.668 38.3787 169.114 38.336 168.431 38.336C167.194 38.336 165.892 38.8267 164.527 39.808C163.162 40.7467 161.988 42.4107 161.007 44.8V64H153.647ZM187.201 64.768C184.257 64.768 181.59 64.128 179.201 62.848C176.854 61.5253 174.998 59.648 173.633 57.216C172.268 54.7413 171.585 51.7547 171.585 48.256C171.585 44.8427 172.289 41.92 173.697 39.488C175.105 37.0133 176.918 35.1147 179.137 33.792C181.356 32.4693 183.702 31.808 186.177 31.808C189.036 31.808 191.425 32.448 193.345 33.728C195.265 35.008 196.694 36.7787 197.633 39.04C198.614 41.2587 199.105 43.8187 199.105 46.72C199.105 47.4027 199.062 48.064 198.977 48.704C198.934 49.344 198.849 49.9627 198.721 50.56H177.089V44.928H192.577C192.577 42.6667 192.065 40.896 191.041 39.616C190.017 38.2933 188.438 37.632 186.305 37.632C185.11 37.632 183.937 37.952 182.785 38.592C181.676 39.232 180.737 40.32 179.969 41.856C179.244 43.392 178.881 45.5253 178.881 48.256C178.881 50.7307 179.308 52.7573 180.161 54.336C181.014 55.872 182.145 57.024 183.553 57.792C184.961 58.5173 186.476 58.88 188.097 58.88C189.462 58.88 190.742 58.688 191.937 58.304C193.174 57.92 194.326 57.3867 195.393 56.704L197.953 61.44C196.502 62.464 194.838 63.2747 192.961 63.872C191.126 64.4693 189.206 64.768 187.201 64.768ZM200.188 64V60.032L215.036 38.4H201.852V32.576H224.252V36.48L209.468 58.112H224.764V64H200.188ZM240.099 64.768C237.496 64.768 235.064 64.128 232.803 62.848C230.541 61.5253 228.707 59.648 227.299 57.216C225.891 54.7413 225.187 51.776 225.187 48.32C225.187 44.8213 225.891 41.856 227.299 39.424C228.707 36.9493 230.541 35.072 232.803 33.792C235.064 32.4693 237.496 31.808 240.099 31.808C242.744 31.808 245.197 32.4693 247.459 33.792C249.72 35.072 251.555 36.9493 252.963 39.424C254.371 41.856 255.075 44.8213 255.075 48.32C255.075 51.776 254.371 54.7413 252.963 57.216C251.555 59.648 249.72 61.5253 247.459 62.848C245.197 64.128 242.744 64.768 240.099 64.768ZM240.099 58.752C241.635 58.752 242.957 58.3253 244.067 57.472C245.176 56.6187 246.029 55.4027 246.627 53.824C247.224 52.2453 247.523 50.4107 247.523 48.32C247.523 46.2293 247.224 44.3947 246.627 42.816C246.029 41.2373 245.176 40.0213 244.067 39.168C242.957 38.272 241.635 37.824 240.099 37.824C238.563 37.824 237.24 38.272 236.131 39.168C235.064 40.0213 234.232 41.2373 233.635 42.816C233.037 44.3947 232.739 46.2293 232.739 48.32C232.739 50.4107 233.037 52.2453 233.635 53.824C234.232 55.4027 235.064 56.6187 236.131 57.472C237.24 58.3253 238.563 58.752 240.099 58.752ZM259.16 64V32.576H265.24L265.752 36.8H266.008C267.416 35.4347 268.952 34.2613 270.616 33.28C272.28 32.2987 274.178 31.808 276.312 31.808C279.682 31.808 282.136 32.896 283.672 35.072C285.208 37.248 285.976 40.32 285.976 44.288V64H278.616V45.248C278.616 42.6453 278.232 40.8107 277.464 39.744C276.696 38.6773 275.437 38.144 273.688 38.144C272.322 38.144 271.106 38.4853 270.04 39.168C269.016 39.808 267.842 40.768 266.52 42.048V64H259.16ZM305.276 64.768C302.332 64.768 299.665 64.128 297.276 62.848C294.929 61.5253 293.073 59.648 291.708 57.216C290.343 54.7413 289.66 51.7547 289.66 48.256C289.66 44.8427 290.364 41.92 291.772 39.488C293.18 37.0133 294.993 35.1147 297.212 33.792C299.431 32.4693 301.777 31.808 304.252 31.808C307.111 31.808 309.5 32.448 311.42 33.728C313.34 35.008 314.769 36.7787 315.708 39.04C316.689 41.2587 317.18 43.8187 317.18 46.72C317.18 47.4027 317.137 48.064 317.052 48.704C317.009 49.344 316.924 49.9627 316.796 50.56H295.164V44.928H310.652C310.652 42.6667 310.14 40.896 309.116 39.616C308.092 38.2933 306.513 37.632 304.38 37.632C303.185 37.632 302.012 37.952 300.86 38.592C299.751 39.232 298.812 40.32 298.044 41.856C297.319 43.392 296.956 45.5253 296.956 48.256C296.956 50.7307 297.383 52.7573 298.236 54.336C299.089 55.872 300.22 57.024 301.628 57.792C303.036 58.5173 304.551 58.88 306.172 58.88C307.537 58.88 308.817 58.688 310.012 58.304C311.249 57.92 312.401 57.3867 313.468 56.704L316.028 61.44C314.577 62.464 312.913 63.2747 311.036 63.872C309.201 64.4693 307.281 64.768 305.276 64.768Z" fill="#1B140E"/>
</g>
<defs>
<clipPath id="clip0_418_842">
<rect width="325" height="89" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 5.6 KiB

BIN
website/public/images/overview-screencap.webm
View File

Binary file not shown.

3
website/public/images/ribbon.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="1282" height="722" viewBox="0 0 1282 722" style="opacity: 0.375" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M89.008 721C126.541 571.325 324.559 402.175 639.059 352.097M639.059 352.097C953.558 302.02 1208.52 1.55641 1208.52 1.55641M639.059 352.097C324.559 402.175 165.368 571.325 127.835 721M639.059 352.097C953.558 302.02 1174.87 1.55641 1174.87 1.55641M639.059 352.097C324.559 402.175 200.312 571.325 162.779 721M639.059 352.097C953.558 302.02 1247.35 1.55641 1247.35 1.55641M639.059 352.097C324.559 402.175 90.3022 571.325 52.7694 721M639.059 352.097C953.558 302.02 1138.63 1.55641 1138.63 1.55641M639.059 352.097C324.559 402.175 236.551 571.325 199.018 721M639.059 352.097C953.558 302.02 1107.57 1.55641 1107.57 1.55641M639.059 352.097C324.559 402.175 270.201 571.325 232.668 721M639.059 352.097C953.558 302.02 1077.8 1.55641 1077.8 1.55641M639.059 352.097C324.559 402.175 306.44 571.325 268.907 721M639.059 352.097C953.558 302.02 1045.45 1.5564 1045.45 1.5564M639.059 352.097C953.558 302.02 1281 1.55641 1281 1.55641M639.059 352.097C324.559 402.175 55.3579 571.325 17.825 721M639.059 352.097C324.559 402.175 109.716 571.325 72.1829 721M639.059 352.097C324.559 402.175 144.66 571.325 107.127 721M639.059 352.097C324.559 402.175 183.487 571.325 145.954 721M639.059 352.097C324.559 402.175 73.4772 571.325 35.9443 721M639.059 352.097C324.559 402.175 219.726 571.325 182.193 721M639.059 352.097C324.559 402.175 253.376 571.325 215.843 721M639.059 352.097C324.559 402.175 289.615 571.325 252.082 721M639.059 352.097C324.559 402.175 38.5328 571.325 0.999912 721M639.059 352.097C953.558 302.02 1191.69 1.55641 1191.69 1.55641M639.059 352.097C953.558 302.02 1158.05 0.999995 1158.05 0.999995M639.059 352.097C953.558 302.02 1227.94 1.55641 1227.94 1.55641M639.059 352.097C953.558 302.02 1123.1 1.55641 1123.1 1.55641M639.059 352.097C953.558 302.02 1090.75 1.55641 1090.75 1.55641M639.059 352.097C953.558 302.02 1060.98 1.5564 1060.98 1.5564M639.059 352.097C953.558 302.02 1028.62 1.5564 1028.62 1.5564M639.059 352.097C953.558 302.02 1264.17 1.55641 1264.17 1.55641" stroke="#FF7300"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

90
website/public/images/soc2.svg Normal file
View File

@@ -0,0 +1,90 @@
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="15.4407 26.2273 465.3067 465.3062" xmlns="http://www.w3.org/2000/svg">
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath20">
<path d="M 3538.44,1850.88 C 3577.53,888.012 2828.66,75.7617 1865.79,36.6602 902.914,-2.42969 90.6602,746.441 51.5664,1709.31 12.4688,2672.18 761.34,3484.44 1724.21,3523.53 c 962.87,39.1 1775.13,-709.77 1814.23,-1672.65 z" id="path18"/>
</clipPath>
<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-3489.8,0,0,3489.8,3539.9,1780.1)" spreadMethod="pad" id="linearGradient26">
<stop style="stop-opacity:1;stop-color:#345cb2" offset="0" id="stop22"/>
<stop style="stop-opacity:1;stop-color:#55c3f2" offset="1" id="stop24"/>
</linearGradient>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath36">
<path d="M 3149.02,1780.1 C 3149.02,1032.29 2542.8,426.082 1795,426.082 c -747.8,0 -1354.02,606.208 -1354.02,1354.018 0,747.8 606.22,1354.02 1354.02,1354.02 747.8,0 1354.02,-606.22 1354.02,-1354.02 z" id="path34"/>
</clipPath>
<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(2708.04,0,0,-2708.04,440.98,1780.1)" spreadMethod="pad" id="linearGradient42">
<stop style="stop-opacity:1;stop-color:#345cb2" offset="0" id="stop38"/>
<stop style="stop-opacity:1;stop-color:#55c3f2" offset="1" id="stop40"/>
</linearGradient>
</defs>
<g id="g10" transform="matrix(1.3333330154418945, 0, 0, -1.3333330154418945, 8.76037693023693, 496.22637939453125)">
<g id="g12" transform="scale(0.1)">
<g id="g14">
<g id="g16" clip-path="url(#clipPath20)">
<path d="M 3538.44,1850.88 C 3577.53,888.012 2828.66,75.7617 1865.79,36.6602 902.914,-2.42969 90.6602,746.441 51.5664,1709.31 12.4688,2672.18 761.34,3484.44 1724.21,3523.53 c 962.87,39.1 1775.13,-709.77 1814.23,-1672.65" style="fill:url(#linearGradient26);fill-opacity:1;fill-rule:nonzero;stroke:none" id="path28"/>
</g>
</g>
<g id="g30">
<g id="g32" clip-path="url(#clipPath36)">
<path d="M 3149.02,1780.1 C 3149.02,1032.29 2542.8,426.082 1795,426.082 c -747.8,0 -1354.02,606.208 -1354.02,1354.018 0,747.8 606.22,1354.02 1354.02,1354.02 747.8,0 1354.02,-606.22 1354.02,-1354.02" style="fill:url(#linearGradient42);fill-opacity:1;fill-rule:nonzero;stroke:none" id="path44"/>
</g>
</g>
<g id="g46" transform="scale(10)">
<text transform="matrix(0.718209,-0.695827,-0.695827,-0.718209,64.4938,66.523)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text50"><tspan x="0" y="0" id="tspan48">S</tspan></text>
<text transform="matrix(0.765411,-0.643542,-0.643542,-0.765411,72.1254,59.1199)" style="font-variant: normal; font-weight: 300; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text54"><tspan x="0" y="0" id="tspan52">O</tspan></text>
<text transform="matrix(0.810688,-0.585479,-0.585479,-0.810688,81.3887,51.3711)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text58"><tspan x="0" y="0" id="tspan56">C</tspan></text>
<text transform="matrix(0.855777,-0.517344,-0.517344,-0.855777,94.3832,42.3609)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text62"><tspan x="0" y="0" id="tspan60">f</tspan></text>
<text transform="matrix(0.880425,-0.474186,-0.474186,-0.880425,99.498,39.223)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text66"><tspan x="0" y="0" id="tspan64">o</tspan></text>
<text transform="matrix(0.903171,-0.42928,-0.42928,-0.903171,108.272,34.5629)" style="font-variant: normal; font-weight: 300; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text70"><tspan x="0" y="0" id="tspan68">r</tspan></text>
<text transform="matrix(0.934383,-0.35627,-0.35627,-0.934383,117.767,30.1629)" style="font-variant: normal; font-weight: 300; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text74"><tspan x="0" y="0" id="tspan72">S</tspan></text>
<text transform="matrix(0.954761,-0.297374,-0.297374,-0.954761,127.636,26.4371)" style="font-variant: normal; font-weight: 300; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text78"><tspan x="0" y="0" id="tspan76">e</tspan></text>
<text transform="matrix(0.967923,-0.251248,-0.251248,-0.967923,136.389,23.7582)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text82"><tspan x="0" y="0" id="tspan80">r</tspan></text>
<text transform="matrix(0.978666,-0.205457,-0.205457,-0.978666,142.437,22.1719)" style="font-variant: normal; font-weight: 300; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text86"><tspan x="0" y="0" id="tspan84">v</tspan></text>
<text transform="matrix(0.985998,-0.166758,-0.166758,-0.985998,150.729,20.4801)" style="font-variant: normal; font-weight: 300; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text90"><tspan x="0" y="0" id="tspan88">i</tspan></text>
<text transform="matrix(0.992066,-0.125721,-0.125721,-0.992066,154.822,19.743)" style="font-variant: normal; font-weight: 300; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text94"><tspan x="0" y="0" id="tspan92">c</tspan></text>
<text transform="matrix(0.997632,-0.068778,-0.068778,-0.997632,163.94,18.6)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text98"><tspan x="0" y="0" id="tspan96">e</tspan></text>
<text transform="matrix(0.999727,0.0233508,0.0233508,-0.999727,177.551,17.823)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text102"><tspan x="0" y="0" id="tspan100">O</tspan></text>
<text transform="matrix(0.996857,0.0792179,0.0792179,-0.996857,189.503,18.1961)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text106"><tspan x="0" y="0" id="tspan104">r</tspan></text>
<text transform="matrix(0.991843,0.127468,0.127468,-0.991843,195.427,18.6262)" style="font-variant: normal; font-weight: 300; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text110"><tspan x="0" y="0" id="tspan108">g</tspan></text>
<text transform="matrix(0.982244,0.187605,0.187605,-0.982244,205.236,19.9051)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text114"><tspan x="0" y="0" id="tspan112">a</tspan></text>
<text transform="matrix(0.968992,0.247092,0.247092,-0.968992,214.65,21.7141)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text118"><tspan x="0" y="0" id="tspan116">n</tspan></text>
<text transform="matrix(0.95732,0.289031,0.289031,-0.95732,224.017,24.1719)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text122"><tspan x="0" y="0" id="tspan120">i</tspan></text>
<text transform="matrix(0.944983,0.327119,0.327119,-0.944983,227.98,25.3289)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text126"><tspan x="0" y="0" id="tspan124">z</tspan></text>
<text transform="matrix(0.924621,0.380889,0.380889,-0.924621,236.223,28.1828)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text130"><tspan x="0" y="0" id="tspan128">a</tspan></text>
<text transform="matrix(0.905291,0.424793,0.424793,-0.905291,244.952,31.8352)" style="font-variant: normal; font-weight: 300; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text134"><tspan x="0" y="0" id="tspan132">t</tspan></text>
<text transform="matrix(0.89185,0.452332,0.452332,-0.89185,250.116,34.2762)" style="font-variant: normal; font-weight: 300; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text138"><tspan x="0" y="0" id="tspan136">i</tspan></text>
<text transform="matrix(0.871203,0.490923,0.490923,-0.871203,253.828,36.0969)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text142"><tspan x="0" y="0" id="tspan140">o</tspan></text>
<text transform="matrix(0.839093,0.543988,0.543988,-0.839093,262.551,41.0328)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text146"><tspan x="0" y="0" id="tspan144">n</tspan></text>
<text transform="matrix(0.805728,0.592285,0.592285,-0.805728,270.753,46.3781)" style="font-variant: normal; font-weight: 300; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text150"><tspan x="0" y="0" id="tspan148">s</tspan></text>
<text transform="matrix(0.746249,0.665667,0.665667,-0.746249,284.628,57.2488)" style="font-variant: normal; font-weight: 300; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text154"><tspan x="0" y="0" id="tspan152">|</tspan></text>
<text transform="matrix(0.676441,0.736497,0.736497,-0.676441,293.964,65.9609)" style="font-variant: normal; font-weight: 500; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text158"><tspan x="0" y="0" id="tspan156">S</tspan></text>
<text transform="matrix(0.628552,0.777768,0.777768,-0.628552,301.211,73.9)" style="font-variant: normal; font-weight: 500; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text162"><tspan x="0" y="0" id="tspan160">e</tspan></text>
<text transform="matrix(0.58926,0.807943,0.807943,-0.58926,307.17,81.3531)" style="font-variant: normal; font-weight: 500; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text166"><tspan x="0" y="0" id="tspan164">r</tspan></text>
<text transform="matrix(0.549801,0.835295,0.835295,-0.549801,311.009,86.5852)" style="font-variant: normal; font-weight: 500; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text170"><tspan x="0" y="0" id="tspan168">v</tspan></text>
<text transform="matrix(0.51442,0.857538,0.857538,-0.51442,315.768,93.9059)" style="font-variant: normal; font-weight: 500; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text174"><tspan x="0" y="0" id="tspan172">i</tspan></text>
<text transform="matrix(0.476677,0.879079,0.879079,-0.476677,318.207,97.8891)" style="font-variant: normal; font-weight: 500; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text178"><tspan x="0" y="0" id="tspan176">c</tspan></text>
<text transform="matrix(0.423576,0.905861,0.905861,-0.423576,322.668,106.138)" style="font-variant: normal; font-weight: 500; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text182"><tspan x="0" y="0" id="tspan180">e</tspan></text>
<text transform="matrix(0.333846,0.942628,0.942628,-0.333846,328.49,119.009)" style="font-variant: normal; font-weight: 500; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text186"><tspan x="0" y="0" id="tspan184">O</tspan></text>
<text transform="matrix(0.278055,0.960565,0.960565,-0.278055,332.469,130.537)" style="font-variant: normal; font-weight: 500; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text190"><tspan x="0" y="0" id="tspan188">r</tspan></text>
<text transform="matrix(0.229102,0.973403,0.973403,-0.229102,334.236,136.493)" style="font-variant: normal; font-weight: 500; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text194"><tspan x="0" y="0" id="tspan192">g</tspan></text>
<text transform="matrix(0.1683,0.985736,0.985736,-0.1683,336.53,146.334)" style="font-variant: normal; font-weight: 500; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text198"><tspan x="0" y="0" id="tspan196">a</tspan></text>
<text transform="matrix(0.107507,0.994204,0.994204,-0.107507,338.151,155.896)" style="font-variant: normal; font-weight: 500; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text202"><tspan x="0" y="0" id="tspan200">n</tspan></text>
<text transform="matrix(0.0626611,0.998035,0.998035,-0.0626611,339.14,165.655)" style="font-variant: normal; font-weight: 500; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text206"><tspan x="0" y="0" id="tspan204">i</tspan></text>
<text transform="matrix(0.0209694,0.99978,0.99978,-0.0209694,339.469,170.307)" style="font-variant: normal; font-weight: 500; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text210"><tspan x="0" y="0" id="tspan208">z</tspan></text>
<text transform="matrix(-0.0358024,0.999359,0.999359,0.0358024,339.656,179.244)" style="font-variant: normal; font-weight: 500; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text214"><tspan x="0" y="0" id="tspan212">a</tspan></text>
<text transform="matrix(-0.0839419,0.996471,0.996471,0.0839419,339.262,188.809)" style="font-variant: normal; font-weight: 500; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text218"><tspan x="0" y="0" id="tspan216">t</tspan></text>
<text transform="matrix(-0.11652,0.993188,0.993188,0.11652,338.75,194.706)" style="font-variant: normal; font-weight: 500; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text222"><tspan x="0" y="0" id="tspan220">i</tspan></text>
<text transform="matrix(-0.162102,0.986774,0.986774,0.162102,338.256,199.376)" style="font-variant: normal; font-weight: 500; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text226"><tspan x="0" y="0" id="tspan224">o</tspan></text>
<text transform="matrix(-0.223969,0.974596,0.974596,0.223969,336.59,209.401)" style="font-variant: normal; font-weight: 500; font-size: 17.0223px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text230"><tspan x="0" y="0" id="tspan228">n</tspan></text>
<text transform="matrix(-0.282342,0.959314,0.959314,0.282342,334.343,219.076)" style="font-variant: normal; font-weight: 500; font-size: 17.0224px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text234"><tspan x="0" y="0" id="tspan232">s</tspan></text>
<text transform="matrix(1,0,0,-1,80.3824,201.192)" style="font-variant: normal; font-weight: 300; font-size: 76.2788px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text240"><tspan x="0 46.874496 66.410591 115.18399 156.248" y="0" id="tspan236">AICPA</tspan><tspan x="29.536699 73.952698 124.81207" y="88.074203" id="tspan238">SOC</tspan></text>
</g>
<path d="M 798.227,1835.7 H 2865.26" style="fill:none;stroke:#ffffff;stroke-width:9.31588;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path242"/>
<g id="g244" transform="scale(10)">
<text transform="matrix(1,0,0,-1,105.947,81.7148)" style="font-variant: normal; font-weight: normal; font-size: 19.7922px; font-family: Roboto; writing-mode: lr-tb; fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text248"><tspan x="0 10.270998 14.579111 24.444334 35.053726 45.324238 50.038593 60.831596 66.850143 77.459541 85.121162 94.8321 105.62513 115.48988 126.10897 135.81992" y="0" id="tspan246">aicpa.org/soc4so</tspan></text>
</g>
<g id="g250" transform="scale(10)">
<text transform="matrix(1,0,0,-1,320.375,22.4891)" style="font-variant: normal; font-weight: normal; font-size: 26.7826px; font-family: MyriadPro; writing-mode: lr-tb; fill: rgb(33, 29, 29); fill-opacity: 1; fill-rule: nonzero; stroke: none; white-space: pre;" id="text254"><tspan x="0" y="0" id="tspan252">™</tspan></text>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

18
website/public/images/yc-logo-gray.svg Normal file
View File

@@ -0,0 +1,18 @@
<svg width="301" height="60" viewBox="0 0 301 60" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_1313_913" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="301" height="60">
<path d="M300.75 0H0V60H300.75V0Z" fill="white"/>
</mask>
<g mask="url(#mask0_1313_913)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M60 60H0V0H60V60ZM32.4373 46.3125V32.9812L45.3561 13.6875H39.1873L29.9249 27.9375L20.6248 13.6875H14.4561L27.3748 32.9812V46.3125H32.4373Z" fill="#C7C4C2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M95.1851 20.122C89.6351 20.122 85.4731 24.4158 85.4731 29.9658C85.4731 35.5158 89.6351 39.847 95.1851 39.847C98.7481 39.847 101.841 38.0095 103.51 34.9158L108.273 37.747C105.61 42.3033 100.623 45.2658 95.1851 45.2658C86.6351 45.247 79.8481 38.4595 79.8481 29.9658C79.8481 21.4533 86.6351 14.6658 95.1851 14.6658C100.679 14.6658 105.61 17.5908 108.273 22.1845L103.51 25.0158C101.823 21.922 98.7481 20.122 95.1851 20.122Z" fill="#C7C4C2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M126.573 33.8283C126.573 30.3595 124.041 27.7345 120.779 27.7345C117.423 27.7345 114.891 30.3595 114.891 33.8283C114.891 37.297 117.423 39.922 120.779 39.922C123.985 39.922 126.573 37.297 126.573 33.8283ZM109.435 33.8283C109.435 27.5658 114.46 22.5408 120.779 22.5408C127.004 22.5408 132.029 27.5658 132.029 33.8283C132.029 40.0908 127.004 45.1158 120.779 45.1158C114.46 45.1158 109.435 40.0908 109.435 33.8283Z" fill="#C7C4C2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M167.429 32.0283V44.6283H161.991V32.9845C161.991 29.722 160.398 27.6595 157.998 27.6595C155.541 27.6595 153.741 29.722 153.741 32.9845V44.6283H148.491V32.9845C148.491 29.722 146.841 27.6595 144.423 27.6595C142.004 27.6595 140.241 29.722 140.241 32.9845V44.6283H134.804V23.0658H140.241V25.822C141.573 23.7595 143.635 22.4658 146.166 22.4658C148.923 22.4658 151.098 24.022 152.429 26.4408C153.798 24.2845 156.329 22.4658 159.516 22.4658C164.298 22.4658 167.429 26.6845 167.429 32.0283Z" fill="#C7C4C2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M186.76 34.0532C186.76 30.4532 184.529 27.8657 181.398 27.8657C178.341 27.8657 176.035 30.3219 176.035 33.9969C176.035 37.6532 178.398 40.1282 181.491 40.1282C184.529 40.1094 186.76 37.5782 186.76 34.0532ZM182.541 45.1907C179.541 45.1907 177.329 43.8219 176.054 41.9282V44.6282H170.616V14.6282H176.054V25.6907C177.366 23.9282 179.579 22.6532 182.448 22.6532C188.016 22.6532 192.273 27.4532 192.366 33.9219C192.46 40.4657 188.11 45.1907 182.541 45.1907Z" fill="#C7C4C2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M194.616 44.6283H200.054V23.0658H194.616V44.6283ZM193.923 16.9533C193.923 15.1158 195.46 13.7283 197.316 13.7283C199.116 13.7283 200.616 15.097 200.616 16.9533C200.616 18.7908 199.116 20.1783 197.316 20.1783C195.479 20.1595 193.923 18.7908 193.923 16.9533Z" fill="#C7C4C2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M223.491 32.122V44.6283H218.241V33.2845C218.241 29.8158 216.423 27.6595 213.798 27.6595C210.91 27.6595 208.866 30.2845 208.866 33.3783V44.6283H203.616V23.0658H208.866V25.7845C210.329 23.7595 212.673 22.4658 215.41 22.4658C220.248 22.4658 223.491 26.5908 223.491 32.122Z" fill="#C7C4C2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M239.991 35.0656V34.5968L234.498 35.6656C232.66 36.0968 231.535 37.0343 231.535 38.2906C231.535 39.6218 232.754 40.6156 234.76 40.5593C237.648 40.4656 239.991 37.9531 239.991 35.0656ZM245.241 31.6156V44.6281H239.991V42.1343C238.398 43.8593 235.904 45.1343 233.148 45.1906C229.491 45.1906 226.266 42.7906 226.266 38.6656C226.266 34.7656 229.191 32.5343 233.541 31.6718L239.86 30.4718C239.429 28.6718 238.06 27.3031 235.979 27.3031C233.916 27.3031 231.985 28.5968 230.823 30.2281L226.866 27.3593C228.891 24.5281 232.454 22.6343 235.998 22.6343C241.285 22.5968 245.241 26.2531 245.241 31.6156Z" fill="#C7C4C2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M256.304 27.9406V36.9781C256.304 38.7406 257.073 39.5468 258.666 39.5468H261.366V44.6093H257.916C253.323 44.6093 251.054 42.3593 251.054 37.6343V27.9406H247.116V23.0656H250.866V17.7406L256.304 16.0718V23.0656H261.366V27.9406H256.304Z" fill="#C7C4C2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M280.285 33.8283C280.285 30.3595 277.754 27.7345 274.491 27.7345C271.135 27.7345 268.604 30.3595 268.604 33.8283C268.604 37.297 271.135 39.922 274.491 39.922C277.698 39.922 280.285 37.297 280.285 33.8283ZM263.148 33.8283C263.148 27.5658 268.173 22.5408 274.491 22.5408C280.716 22.5408 285.741 27.5658 285.741 33.8283C285.741 40.0908 280.716 45.1158 274.491 45.1158C268.173 45.1158 263.148 40.0908 263.148 33.8283Z" fill="#C7C4C2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M300.741 22.5969V27.8282C295.885 27.8282 293.804 30.1907 293.804 33.2844V44.6282H288.554V23.0657H293.804V25.7657C295.285 23.8344 297.666 22.5969 300.741 22.5969Z" fill="#C7C4C2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

31
website/public/images/yc-logo.svg Executable file → Normal file
View File

@@ -1,15 +1,20 @@
<svg width="358" height="133" viewBox="0 0 358 133" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M130.178 31.768C131.474 31.096 132.266 29.944 132.266 28.36C132.266 25.672 130.01 23.68 127.034 23.68H120.026V40H127.322C130.298 40 132.53 37.984 132.53 35.296C132.53 33.592 131.618 32.416 130.178 31.768ZM127.034 26.08C128.738 26.08 129.746 27.04 129.746 28.36C129.746 29.656 128.714 30.6399 127.034 30.6399H122.546V26.08H127.034ZM127.322 37.5999H122.546V33.04H127.322C129.002 33.04 130.01 33.976 130.01 35.296C130.01 36.616 129.002 37.5999 127.322 37.5999ZM140.55 27.736C138.75 27.736 136.878 28.744 135.846 30.256L137.79 31.624C138.366 30.64 139.542 29.92 140.742 29.92C142.206 29.92 142.926 30.952 143.118 32.08L139.374 32.7999C137.262 33.2079 135.414 34.312 135.414 36.616C135.414 38.92 137.238 40.24 139.35 40.24C141.03 40.24 142.446 39.4 143.166 38.344V40H145.566V32.68C145.566 29.704 143.55 27.736 140.55 27.736ZM139.926 38.032C138.702 38.032 137.814 37.408 137.814 36.52C137.814 35.584 138.798 35.08 139.83 34.84L143.166 34.1679V35.032C143.166 36.88 141.63 38.032 139.926 38.032ZM158.123 36.208C157.379 37.312 156.155 37.9599 154.883 37.9599C152.771 37.9599 151.235 36.208 151.235 33.976C151.235 31.744 152.771 29.992 154.883 29.992C156.155 29.992 157.379 30.6399 158.123 31.7439L160.139 30.568C158.987 28.84 157.043 27.712 154.859 27.712C151.379 27.712 148.835 30.496 148.835 33.976C148.835 37.456 151.379 40.24 154.859 40.24C157.043 40.24 158.987 39.1119 160.139 37.3839L158.123 36.208ZM174.088 28H170.92L165.688 33.448V23.2H163.288V40H165.688V36.448L167.608 34.504L171.28 40H174.088L169.36 32.7519L174.088 28ZM186.545 32.9679C186.137 29.2959 183.617 27.76 181.049 27.76C177.569 27.76 175.265 30.544 175.265 34C175.265 37.456 177.569 40.24 181.049 40.24C183.233 40.24 185.297 39.1119 186.329 37.3839L184.313 36.208C183.737 37.24 182.465 37.9599 181.025 37.9599C179.249 37.9599 178.097 36.904 177.785 35.104H186.545C186.617 34.336 186.617 33.6159 186.545 32.9679ZM180.977 30.04C182.465 30.04 184.073 30.88 184.145 32.944H177.761C178.073 31.144 179.153 30.04 180.977 30.04ZM198.459 23.2V29.728C197.787 28.6 196.515 27.76 194.787 27.76C191.715 27.76 189.387 30.352 189.363 34C189.339 37.72 191.715 40.24 194.763 40.24C196.587 40.24 197.835 39.3279 198.459 38.1279V40H200.859V23.2H198.459ZM195.171 37.9599C193.083 37.9599 191.763 36.256 191.763 34C191.763 31.744 193.083 30.04 195.171 30.04C197.259 30.04 198.579 31.744 198.579 34C198.579 36.256 197.259 37.9599 195.171 37.9599ZM224.47 34C224.446 30.352 222.118 27.76 219.046 27.76C217.318 27.76 216.046 28.6 215.374 29.728V23.2H212.974V40H215.374V38.1279C215.998 39.3279 217.246 40.24 219.07 40.24C222.118 40.24 224.494 37.72 224.47 34ZM218.662 37.9599C216.574 37.9599 215.254 36.256 215.254 34C215.254 31.744 216.574 30.04 218.662 30.04C220.75 30.04 222.07 31.744 222.07 34C222.07 36.256 220.75 37.9599 218.662 37.9599ZM236.419 28L232.915 36.424L229.171 28H226.531L231.643 39.448L229.411 44.7999H231.955L238.891 28H236.419Z" fill="#1B140E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M35 109H92.2727V49H35V109Z" fill="#FB651E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M65.9632 81.9812V95.3125H61.1308V81.9812L48.7993 62.6875H54.6876L63.5649 76.9375L72.4064 62.6875H78.2947L65.9632 81.9812Z" fill="#FCFCFC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M125.859 69.1217C120.561 69.1217 116.588 73.4155 116.588 78.9655C116.588 84.5155 120.561 88.8467 125.859 88.8467C129.259 88.8467 132.212 87.0092 133.805 83.9155L138.351 86.7467C135.81 91.303 131.049 94.2655 125.859 94.2655C117.697 94.2467 111.218 87.4592 111.218 78.9655C111.218 70.453 117.697 63.6655 125.859 63.6655C131.103 63.6655 135.81 66.5905 138.351 71.1842L133.805 74.0155C132.194 70.9217 129.259 69.1217 125.859 69.1217Z" fill="#231F20"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M155.819 82.8283C155.819 79.3595 153.403 76.7345 150.289 76.7345C147.085 76.7345 144.669 79.3595 144.669 82.8283C144.669 86.297 147.085 88.922 150.289 88.922C153.349 88.922 155.819 86.297 155.819 82.8283ZM139.461 82.8283C139.461 76.5658 144.257 71.5408 150.289 71.5408C156.231 71.5408 161.028 76.5658 161.028 82.8283C161.028 89.0908 156.231 94.1158 150.289 94.1158C144.257 94.1158 139.461 89.0908 139.461 82.8283Z" fill="#231F20"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M194.819 81.0281V93.6281H189.628V81.9843C189.628 78.7218 188.107 76.6593 185.816 76.6593C183.471 76.6593 181.753 78.7218 181.753 81.9843V93.6281H176.742V81.9843C176.742 78.7218 175.167 76.6593 172.858 76.6593C170.549 76.6593 168.867 78.7218 168.867 81.9843V93.6281H163.677V72.0656H168.867V74.8218C170.138 72.7593 172.106 71.4656 174.523 71.4656C177.154 71.4656 179.23 73.0218 180.5 75.4406C181.807 73.2843 184.223 71.4656 187.266 71.4656C191.83 71.4656 194.819 75.6843 194.819 81.0281Z" fill="#231F20"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M213.271 83.0532C213.271 79.4532 211.141 76.8657 208.152 76.8657C205.235 76.8657 203.034 79.3219 203.034 82.9969C203.034 86.6532 205.289 89.1282 208.242 89.1282C211.141 89.1094 213.271 86.5782 213.271 83.0532ZM209.244 94.1907C206.381 94.1907 204.269 92.8219 203.052 90.9282V93.6282H197.861V63.6282H203.052V74.6907C204.304 72.9282 206.416 71.6532 209.155 71.6532C214.47 71.6532 218.533 76.4532 218.623 82.9219C218.712 89.4657 214.56 94.1907 209.244 94.1907Z" fill="#231F20"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M220.77 93.628H225.96V72.0655H220.77V93.628ZM220.108 65.953C220.108 64.1155 221.576 62.728 223.347 62.728C225.066 62.728 226.497 64.0967 226.497 65.953C226.497 67.7905 225.066 69.178 223.347 69.178C221.593 69.1592 220.108 67.7905 220.108 65.953Z" fill="#231F20"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M248.333 81.1218V93.6281H243.321V82.2843C243.321 78.8156 241.585 76.6593 239.08 76.6593C236.323 76.6593 234.373 79.2843 234.373 82.3781V93.6281H229.361V72.0656H234.373V74.7843C235.769 72.7593 238.006 71.4656 240.619 71.4656C245.236 71.4656 248.333 75.5906 248.333 81.1218Z" fill="#231F20"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M264.083 84.0656V83.5968L258.839 84.6656C257.085 85.0968 256.011 86.0343 256.011 87.2906C256.011 88.6218 257.174 89.6156 259.089 89.5593C261.845 89.4656 264.083 86.9531 264.083 84.0656ZM269.094 80.6156V93.6281H264.083V91.1343C262.561 92.8593 260.181 94.1343 257.55 94.1906C254.06 94.1906 250.982 91.7906 250.982 87.6656C250.982 83.7656 253.774 81.5343 257.926 80.6718L263.957 79.4718C263.546 77.6718 262.239 76.3031 260.253 76.3031C258.284 76.3031 256.44 77.5968 255.331 79.2281L251.554 76.3593C253.487 73.5281 256.888 71.6343 260.27 71.6343C265.318 71.5968 269.094 75.2531 269.094 80.6156Z" fill="#231F20"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M279.654 76.9406V85.9781C279.654 87.7406 280.388 88.5468 281.909 88.5468H284.486V93.6093H281.193C276.808 93.6093 274.642 91.3593 274.642 86.6343V76.9406H270.884V72.0656H274.463V66.7406L279.654 65.0718V72.0656H284.486V76.9406H279.654Z" fill="#231F20"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M302.545 82.8283C302.545 79.3595 300.129 76.7345 297.015 76.7345C293.811 76.7345 291.395 79.3595 291.395 82.8283C291.395 86.297 293.811 88.922 297.015 88.922C300.075 88.922 302.545 86.297 302.545 82.8283ZM286.186 82.8283C286.186 76.5658 290.983 71.5408 297.015 71.5408C302.957 71.5408 307.753 76.5658 307.753 82.8283C307.753 89.0908 302.957 94.1158 297.015 94.1158C290.983 94.1158 286.186 89.0908 286.186 82.8283Z" fill="#231F20"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M322.071 71.5969V76.8282C317.436 76.8282 315.449 79.1907 315.449 82.2844V93.6282H310.438V72.0657H315.449V74.7657C316.863 72.8344 319.136 71.5969 322.071 71.5969Z" fill="#231F20"/>
<path d="M130.178 31.768C131.474 31.096 132.266 29.944 132.266 28.36C132.266 25.672 130.01 23.68 127.034 23.68H120.026V40H127.322C130.298 40 132.53 37.984 132.53 35.296C132.53 33.592 131.618 32.416 130.178 31.768ZM127.034 26.08C128.738 26.08 129.746 27.04 129.746 28.36C129.746 29.656 128.714 30.6399 127.034 30.6399H122.546V26.08H127.034ZM127.322 37.5999H122.546V33.04H127.322C129.002 33.04 130.01 33.976 130.01 35.296C130.01 36.616 129.002 37.5999 127.322 37.5999ZM140.55 27.736C138.75 27.736 136.878 28.744 135.846 30.256L137.79 31.624C138.366 30.64 139.542 29.92 140.742 29.92C142.206 29.92 142.926 30.952 143.118 32.08L139.374 32.7999C137.262 33.2079 135.414 34.312 135.414 36.616C135.414 38.92 137.238 40.24 139.35 40.24C141.03 40.24 142.446 39.4 143.166 38.344V40H145.566V32.68C145.566 29.704 143.55 27.736 140.55 27.736ZM139.926 38.032C138.702 38.032 137.814 37.408 137.814 36.52C137.814 35.584 138.798 35.08 139.83 34.84L143.166 34.1679V35.032C143.166 36.88 141.63 38.032 139.926 38.032ZM158.123 36.208C157.379 37.312 156.155 37.9599 154.883 37.9599C152.771 37.9599 151.235 36.208 151.235 33.976C151.235 31.744 152.771 29.992 154.883 29.992C156.155 29.992 157.379 30.6399 158.123 31.7439L160.139 30.568C158.987 28.84 157.043 27.712 154.859 27.712C151.379 27.712 148.835 30.496 148.835 33.976C148.835 37.456 151.379 40.24 154.859 40.24C157.043 40.24 158.987 39.1119 160.139 37.3839L158.123 36.208ZM174.088 28H170.92L165.688 33.448V23.2H163.288V40H165.688V36.448L167.608 34.504L171.28 40H174.088L169.36 32.7519L174.088 28ZM186.545 32.9679C186.137 29.2959 183.617 27.76 181.049 27.76C177.569 27.76 175.265 30.544 175.265 34C175.265 37.456 177.569 40.24 181.049 40.24C183.233 40.24 185.297 39.1119 186.329 37.3839L184.313 36.208C183.737 37.24 182.465 37.9599 181.025 37.9599C179.249 37.9599 178.097 36.904 177.785 35.104H186.545C186.617 34.336 186.617 33.6159 186.545 32.9679ZM180.977 30.04C182.465 30.04 184.073 30.88 184.145 32.944H177.761C178.073 31.144 179.153 30.04 180.977 30.04ZM198.459 23.2V29.728C197.787 28.6 196.515 27.76 194.787 27.76C191.715 27.76 189.387 30.352 189.363 34C189.339 37.72 191.715 40.24 194.763 40.24C196.587 40.24 197.835 39.3279 198.459 38.1279V40H200.859V23.2H198.459ZM195.171 37.9599C193.083 37.9599 191.763 36.256 191.763 34C191.763 31.744 193.083 30.04 195.171 30.04C197.259 30.04 198.579 31.744 198.579 34C198.579 36.256 197.259 37.9599 195.171 37.9599ZM224.47 34C224.446 30.352 222.118 27.76 219.046 27.76C217.318 27.76 216.046 28.6 215.374 29.728V23.2H212.974V40H215.374V38.1279C215.998 39.3279 217.246 40.24 219.07 40.24C222.118 40.24 224.494 37.72 224.47 34ZM218.662 37.9599C216.574 37.9599 215.254 36.256 215.254 34C215.254 31.744 216.574 30.04 218.662 30.04C220.75 30.04 222.07 31.744 222.07 34C222.07 36.256 220.75 37.9599 218.662 37.9599ZM236.419 28L232.915 36.424L229.171 28H226.531L231.643 39.448L229.411 44.7999H231.955L238.891 28H236.419Z" fill="white"/>
<mask id="mask0_1307_787" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="29" y="49" width="301" height="60">
<path d="M329.75 49H29V109H329.75V49Z" fill="white"/>
</mask>
<g mask="url(#mask0_1307_787)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M29 109H89V49H29V109Z" fill="#F05F22"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M61.4373 81.9812V95.3125H56.3748V81.9812L43.4561 62.6875H49.6248L58.9249 76.9375L68.1873 62.6875H74.3561L61.4373 81.9812Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M124.185 69.122C118.635 69.122 114.473 73.4158 114.473 78.9658C114.473 84.5158 118.635 88.847 124.185 88.847C127.748 88.847 130.841 87.0095 132.51 83.9158L137.273 86.747C134.61 91.3033 129.623 94.2658 124.185 94.2658C115.635 94.247 108.848 87.4595 108.848 78.9658C108.848 70.4533 115.635 63.6658 124.185 63.6658C129.679 63.6658 134.61 66.5908 137.273 71.1845L132.51 74.0158C130.823 70.922 127.748 69.122 124.185 69.122Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M155.573 82.8283C155.573 79.3595 153.041 76.7345 149.779 76.7345C146.423 76.7345 143.891 79.3595 143.891 82.8283C143.891 86.297 146.423 88.922 149.779 88.922C152.985 88.922 155.573 86.297 155.573 82.8283ZM138.435 82.8283C138.435 76.5658 143.46 71.5408 149.779 71.5408C156.004 71.5408 161.029 76.5658 161.029 82.8283C161.029 89.0908 156.004 94.1158 149.779 94.1158C143.46 94.1158 138.435 89.0908 138.435 82.8283Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M196.429 81.0283V93.6283H190.991V81.9845C190.991 78.722 189.398 76.6595 186.998 76.6595C184.541 76.6595 182.741 78.722 182.741 81.9845V93.6283H177.491V81.9845C177.491 78.722 175.841 76.6595 173.423 76.6595C171.004 76.6595 169.241 78.722 169.241 81.9845V93.6283H163.804V72.0658H169.241V74.822C170.573 72.7595 172.635 71.4658 175.166 71.4658C177.923 71.4658 180.098 73.022 181.429 75.4408C182.798 73.2845 185.329 71.4658 188.516 71.4658C193.298 71.4658 196.429 75.6845 196.429 81.0283Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M215.76 83.0532C215.76 79.4532 213.529 76.8657 210.398 76.8657C207.341 76.8657 205.035 79.3219 205.035 82.9969C205.035 86.6532 207.398 89.1282 210.491 89.1282C213.529 89.1094 215.76 86.5782 215.76 83.0532ZM211.541 94.1907C208.541 94.1907 206.329 92.8219 205.054 90.9282V93.6282H199.616V63.6282H205.054V74.6907C206.366 72.9282 208.579 71.6532 211.448 71.6532C217.016 71.6532 221.273 76.4532 221.366 82.9219C221.46 89.4657 217.11 94.1907 211.541 94.1907Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M223.616 93.6283H229.054V72.0658H223.616V93.6283ZM222.923 65.9533C222.923 64.1158 224.46 62.7283 226.316 62.7283C228.116 62.7283 229.616 64.097 229.616 65.9533C229.616 67.7908 228.116 69.1783 226.316 69.1783C224.479 69.1595 222.923 67.7908 222.923 65.9533Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M252.491 81.122V93.6283H247.241V82.2845C247.241 78.8158 245.423 76.6595 242.798 76.6595C239.91 76.6595 237.866 79.2845 237.866 82.3783V93.6283H232.616V72.0658H237.866V74.7845C239.329 72.7595 241.673 71.4658 244.41 71.4658C249.248 71.4658 252.491 75.5908 252.491 81.122Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M268.991 84.0656V83.5968L263.498 84.6656C261.66 85.0968 260.535 86.0343 260.535 87.2906C260.535 88.6218 261.754 89.6156 263.76 89.5593C266.648 89.4656 268.991 86.9531 268.991 84.0656ZM274.241 80.6156V93.6281H268.991V91.1343C267.398 92.8593 264.904 94.1343 262.148 94.1906C258.491 94.1906 255.266 91.7906 255.266 87.6656C255.266 83.7656 258.191 81.5343 262.541 80.6718L268.86 79.4718C268.429 77.6718 267.06 76.3031 264.979 76.3031C262.916 76.3031 260.985 77.5968 259.823 79.2281L255.866 76.3593C257.891 73.5281 261.454 71.6343 264.998 71.6343C270.285 71.5968 274.241 75.2531 274.241 80.6156Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M285.304 76.9406V85.9781C285.304 87.7406 286.073 88.5468 287.666 88.5468H290.366V93.6093H286.916C282.323 93.6093 280.054 91.3593 280.054 86.6343V76.9406H276.116V72.0656H279.866V66.7406L285.304 65.0718V72.0656H290.366V76.9406H285.304Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M309.285 82.8283C309.285 79.3595 306.754 76.7345 303.491 76.7345C300.135 76.7345 297.604 79.3595 297.604 82.8283C297.604 86.297 300.135 88.922 303.491 88.922C306.698 88.922 309.285 86.297 309.285 82.8283ZM292.148 82.8283C292.148 76.5658 297.173 71.5408 303.491 71.5408C309.716 71.5408 314.741 76.5658 314.741 82.8283C314.741 89.0908 309.716 94.1158 303.491 94.1158C297.173 94.1158 292.148 89.0908 292.148 82.8283Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M329.741 71.5969V76.8282C324.885 76.8282 322.804 79.1907 322.804 82.2844V93.6282H317.554V72.0657H322.804V74.7657C324.285 72.8344 326.666 71.5969 329.741 71.5969Z" fill="white"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

36
website/src/app/kb/client-apps/readme.mdx
View File

@@ -13,13 +13,25 @@ platform.
### Desktop Clients
<div className="py-12 flex grid grid-cols-3 text-center">
<AppleIcon size={10} href="/kb/client-apps/macos-client">
<AppleIcon
className="text-neutral-800 hover:text-neutral-900"
size={10}
href="/kb/client-apps/macos-client"
>
<p>macOS</p>
</AppleIcon>
<WindowsIcon size={10} href="/kb/client-apps/windows-client">
<WindowsIcon
className="text-neutral-800 hover:text-neutral-900"
size={10}
href="/kb/client-apps/windows-client"
>
<p>Windows</p>
</WindowsIcon>
<LinuxIcon size={10} href="/kb/client-apps/linux-gui-client">
<LinuxIcon
className="text-neutral-800 hover:text-neutral-900"
size={10}
href="/kb/client-apps/linux-gui-client"
>
<p>Linux GUI</p>
</LinuxIcon>
</div>
@@ -27,13 +39,25 @@ platform.
### Mobile & Headless Clients
<div className="py-12 flex grid grid-cols-3 text-center">
<AndroidIcon size={10} href="/kb/client-apps/android-client">
<AndroidIcon
className="text-neutral-800 hover:text-neutral-900"
size={10}
href="/kb/client-apps/android-client"
>
<p>Android & ChromeOS</p>
</AndroidIcon>
<AppleIcon size={10} href="/kb/client-apps/ios-client">
<AppleIcon
className="text-neutral-800 hover:text-neutral-900"
size={10}
href="/kb/client-apps/ios-client"
>
<p>iOS</p>
</AppleIcon>
<LinuxIcon size={10} href="/kb/client-apps/linux-client">
<LinuxIcon
className="text-neutral-800 hover:text-neutral-900"
size={10}
href="/kb/client-apps/linux-client"
>
<p>Linux Headless</p>
</LinuxIcon>
</div>

2
website/src/app/kb/layout.tsx
View File

@@ -14,7 +14,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
return (
<div className="flex">
<KbSidebar />
<main className="p-4 pt-32 -ml-64 md:mx-auto max-w-full">
<main className="p-4 pt-32 pb-14 -ml-64 md:mx-auto max-w-full">
<div className="px-4">
<article className="max-w-full md:max-w-md lg:max-w-3xl xl:max-w-4xl tracking-[-0.01em] format format-sm md:format-md lg:format-lg format-firezone">
{children}

187
website/src/app/page.tsx
View File

@@ -4,7 +4,7 @@ import ActionLink from "@/components/ActionLink";
import BattleCard from "@/components/BattleCard";
import { RunaCap } from "@/components/Badges";
import { Metadata } from "next";
import CustomerLogos from "@/components/CustomerLogos";
import { CustomerLogosGrayscale } from "@/components/CustomerLogos";
import {
HiShieldCheck,
HiCheck,
@@ -20,7 +20,6 @@ import {
LinuxIcon,
AndroidIcon,
ChromeIcon,
DockerIcon,
} from "@/components/Icons";
import {
@@ -33,6 +32,7 @@ import SpeedChart from "@/components/Animations/SpeedChart";
import UpgradeDiagram from "@/components/Animations/UpgradeDiagram";
import ComplianceDiagram from "@/components/Animations/ComplianceDiagram";
import SimpleArchitecture from "@/components/Animations/SimpleArchitecture";
import { manrope } from "@/lib/fonts";
import "@/styles/hero.css";
export const metadata: Metadata = {
@@ -44,105 +44,60 @@ export const metadata: Metadata = {
export default function Page() {
return (
<>
<section className="hero-background">
<div className="pt-24 md:pt-32 xl:pt-48 pb-14 md:pb-24 xl:pb-36 bg-gradient-to-br from-neutral-900/10 to-neutral-900/10 via-primary-700/10">
<div className="md:flex md:flex-wrap mx-auto max-w-screen-xl px-8 mb-8 md:mb-16 lg:mb-22 xl:mb-28">
<div className="md:w-2/3 px-4">
<h1 className="mb-8 inline-block font-medium tracking-tight leading-none text-neutral-200">
<SlideIn
direction="right"
delay={0.0}
className="md:text-7xl text-4xl md:block"
>
Zero-trust access
</SlideIn>
<SlideIn
direction="left"
delay={0.25}
className="md:text-4xl text-2xl text-primary-450 underline underline-offset-4 md:block"
>
For humans.
</SlideIn>
</h1>
<div className="flex items-center">
<SlideIn delay={0.5} direction="top" className="mr-4">
<Image
src="/images/ross-oss.svg"
width={250}
height={100}
alt="Ross OSS"
className="bg-neutral-50 rounded shadow shadow-neutral-300"
/>
</SlideIn>
<SlideIn delay={0.75} direction="top">
<Link href="https://www.ycombinator.com/companies/firezone">
<Image
width={125}
height={125}
src="/images/yc-logo.svg"
alt="YC Logo"
className="bg-neutral-50 rounded shadow shadow-neutral-300"
/>
</Link>
</SlideIn>
</div>
<section className="bg-neutral-900 bg-hero pt-24 xl:pt-32 pb-14">
<div className="flex flex-wrap mx-auto md:px-0 px-4 max-w-screen-md">
<h1
className={
manrope.className +
" mb-8 md:text-7xl text-4xl text-center shadow-inner font-medium tracking-tight leading-none text-neutral-300"
}
>
Upgrade your VPN to zero-trust access
</h1>
<h3
className={
manrope.className +
" md:mt-0 my-4 text-xl text-center text-neutral-300"
}
>
Firezone is a fast, flexible VPN replacement built on WireGuard®
that protects your workforce without tedious configuration.
</h3>
<div className="md:flex md:gap-x-12 mt-4 mx-auto">
<div className="my-4 mr-4 flex items-center">
<Link
href="https://app.firezone.dev/sign_up"
className="text-neutral-300 group inline-flex items-center py-0.5 text-lg font-semibold border-b-2 border-neutral-200 hover:border-primary-450 hover:text-primary-450 transition transform duration-50"
>
Get started for free
<HiArrowLongRight className="group-hover:translate-x-1 group-hover:scale-110 duration-50 transition transform ml-2 -mr-1 w-7 h-7" />
</Link>
</div>
<div className="md:w-1/3 px-4 my-auto">
<h3 className="md:mt-0 my-4 text-xl tracking-tight font-medium text-neutral-200 inline-block">
Firezone is a fast, flexible VPN replacement built on
WireGuard® that{" "}
<span className="text-primary-450 font-semibold inline-block">
conceals
</span>{" "}
your apps and networks{" "}
<span className="text-primary-450 font-semibold inline-block">
without
</span>{" "}
tedious configuration.
</h3>
<div className="flex flex-wrap justify-between mt-4">
<div className="my-4 mr-4 flex items-center">
<Link
href="https://app.firezone.dev/sign_up"
className="group inline-flex items-center py-0.5 text-neutral-200 text-lg font-semibold border-b-2 border-neutral-200 hover:border-primary-450 hover:text-primary-450 transition transform duration-50"
>
Sign up now
<HiArrowLongRight className="group-hover:translate-x-1 group-hover:scale-110 duration-50 transition transform ml-2 -mr-1 w-7 h-7" />
</Link>
</div>
<div className="my-4 flex items-center">
<button
type="button"
className="group shadow-lg shadow-primary-700 text-lg w-48 inline-flex shadow-lg justify-center items-center py-3 px-5 font-semibold text-center text-white rounded bg-primary-450 hover:ring-1 hover:ring-primary-450 duration-50 transform transition"
>
<Link href="/contact/sales">Book a demo</Link>
<HiArrowLongRight className="group-hover:translate-x-1 group-hover:scale-110 duration-50 transition transform ml-2 -mr-1 w-7 h-7" />
</button>
</div>
</div>
<div className="mt-8 md:mt-0 flex items-center">
<button
type="button"
className="group shadow-lg shadow-primary-700 text-lg w-48 inline-flex shadow-lg justify-center items-center py-3 px-5 font-semibold text-center text-white rounded bg-primary-450 hover:ring-1 hover:ring-primary-450 duration-50 transform transition"
>
<Link href="/contact/sales">Book a demo</Link>
<HiArrowLongRight className="group-hover:translate-x-1 group-hover:scale-110 duration-50 transition transform ml-2 -mr-1 w-7 h-7" />
</button>
</div>
</div>
<div className="flex items-center justify-center px-4 md:px-0">
<video
className="shadow-lg rounded"
width="960"
height="540"
loop
autoPlay
playsInline
muted
>
<source src="/images/overview-screencap.webm" type="video/webm" />
Your browser does not support the video tag with WebM-formatted
videos.
</video>
</div>
</div>
</section>
{/* Customer logos */}
<section className="py-24 bg-gradient-to-b to-white from-neutral-100 via-primary-100">
<CustomerLogos />
<div className="mt-16 max-w-screen-xl mx-auto">
<div className="text-sm mb-6 flex justify-center font-base text-neutral-600">
Backed by{" "}
<Image
src="/images/yc-logo-gray.svg"
alt="yc logo gray"
width={100}
height={40}
className="mx-1.5"
/>{" "}
and trusted by hundreds of organizations
</div>
<CustomerLogosGrayscale />
</div>
</section>
{/* TODO: ACLs for the rest of us */}
@@ -151,7 +106,7 @@ export default function Page() {
<section className="bg-white py-8 md:py-16">
<div className="sm:mx-auto px-4 mb-4 md:mb-8 sm:text-center">
<h3 className="text-2xl md:text-6xl tracking-tight font-bold inline-block">
Upgrade to zero-trust access in{" "}
Supercharge your workforce in{" "}
<span className="text-primary-450">minutes</span>.
</h3>
</div>
@@ -747,42 +702,6 @@ export default function Page() {
<section className="border-t border-neutral-200 py-24 bg-white">
<BattleCard />
</section>
<section className="border-t border-neutral-200 py-24 bg-neutral-900">
<div className="flex flex-col px-4 justify-center items-center">
<h3 className="mb-4 text-2xl md:text-6xl tracking-tight text-center font-bold text-neutral-50">
Ready to get started?
</h3>
<h4 className="my-4 font-medium text-xl max-w-screen-md tracking-tight text-center text-neutral-200 ">
Give your team secure access to company resources in minutes.
</h4>
<div className="w-full max-w-screen-sm flex flex-wrap justify-between mt-8">
<div className="mb-8 mx-auto w-64">
<button
type="button"
className="text-xl w-64 inline-flex justify-center items-center py-3 px-5 font-semibold text-center text-primary-450 rounded border border-primary-450 bg-white hover:ring-2 hover:ring-primary-400 duration-50 transform transition"
>
<Link href="https://app.firezone.dev/sign_up">Sign up now</Link>
</button>
<p className="mt-3 text-sm text-neutral-400">
No credit card required. Cancel anytime.
</p>
</div>
<div className="mx-auto w-64">
<button
type="button"
className="text-xl w-64 inline-flex shadow-lg justify-center items-center py-3 px-5 font-semibold text-center text-white rounded bg-primary-450 hover:ring-2 hover:ring-primary-500 duration-50 transform transition"
>
<Link href="/contact/sales">Book a demo</Link>
<HiArrowLongRight className="ml-2 -mr-1 w-6 h-6" />
</button>
<p className="mt-3 text-sm text-neutral-400">
Get a personalized walkthrough of Firezone.
</p>
</div>
</div>
</div>
</section>
</>
);
}

9
website/src/app/pricing/_page.tsx
View File

@@ -1,6 +1,6 @@
"use client";
import CustomerLogos from "@/components/CustomerLogos";
import { CustomerLogosColored } from "@/components/CustomerLogos";
import Toggle from "@/components/Toggle";
import { HiCheck } from "react-icons/hi2";
import Link from "next/link";
@@ -240,10 +240,7 @@ export default function _Page() {
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5" />
<span className="leading-tight">
<span className="font-semibold text-primary-450">99.99%</span>{" "}
uptime SLA
</span>
<span className="leading-tight">Uptime SLAs</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5" />
@@ -268,7 +265,7 @@ export default function _Page() {
</div>
</section>
<section className="py-24 bg-gradient-to-b to-neutral-50 from-white">
<CustomerLogos />
<CustomerLogosColored />
</section>
<section className="bg-neutral-50 py-14">
<div className="mb-14 mx-auto max-w-screen-lg px-3">

4
website/src/components/Button/index.tsx
View File

@@ -19,7 +19,7 @@ export default function Button({
<Link href={href}>
<button
type="button"
className="text-md md:text-base px-5 py-2.5 text-white bg-primary-450 font-semibold hover:ring-2 hover:ring-primary-200 tracking-tight rounded duration-50 transition transform"
className="text-md md:text-base px-5 py-2.5 text-white bg-primary-450 font-semibold hover:ring-1 hover:ring-primary-400 tracking-tight rounded duration-50 transition transform"
>
{children}
</button>
@@ -30,7 +30,7 @@ export default function Button({
<Link href={href}>
<button
type="button"
className="text-md md:text-base px-5 py-2.5 text-primary-450 bg-white border border-primary-450 hover:ring-2 hover:ring-primary-300 font-semibold tracking-tight rounded duration-50 transition transform"
className="text-md md:text-base px-5 py-2.5 text-primary-450 bg-white border border-primary-450 hover:ring-1 hover:ring-primary-400 font-semibold tracking-tight rounded duration-50 transition transform"
>
{children}
</button>

8
website/src/components/ConsentPreferences/index.tsx
View File

@@ -1,12 +1,16 @@
"use client";
import Link from "next/link";
export default function ConsentPreferences() {
export default function ConsentPreferences({
className,
}: {
className?: string;
}) {
return (
<Link
id="termly-consent-preferences"
href="#"
className="hover:underline"
className={className}
onClick={() => {
(window as any).displayPreferenceModal();
return false;

86
website/src/components/CustomerLogos/index.tsx
View File

@@ -2,7 +2,91 @@ import Image from "next/image";
import Link from "next/link";
import Marquee from "react-fast-marquee";
export default function CustomerLogos() {
export function CustomerLogosGrayscale() {
return (
<div className="mx-8 grid grid-cols-3 md:grid-cols-7 gap-8">
<div className="content-center">
<Link href="https://corrdyn.com">
<Image
alt="corrdyn logo"
src="/images/cust-logo-corrdyn-gray.svg"
width={125}
height={125}
className="opacity-75 md:opacity-25 mx-auto"
/>
</Link>
</div>
<div className="content-center">
<Link href="https://square1.io">
<Image
alt="square1 logo"
src="/images/cust-logo-square1-gray.svg"
width={100}
height={100}
className="opacity-75 md:opacity-50 mx-auto"
/>
</Link>
</div>
<div className="content-center">
<Link href="https://bunq.com">
<Image
alt="bunq logo"
src="/images/cust-logo-bunq-gray.svg"
width={100}
height={100}
className="opacity-75 mx-auto"
/>
</Link>
</div>
<div className="content-center">
<Link href="https://wolfram.com">
<Image
alt="wolfram logo"
src="/images/cust-logo-wolfram-gray.svg"
width={75}
height={75}
className="opacity-75 md:opacity-100 mx-auto"
/>
</Link>
</div>
<div className="content-center">
<Link href="https://sebgroup.com">
<Image
alt="seb logo"
src="/images/cust-logo-seb-gray.svg"
width={75}
height={75}
className="opacity-75 mx-auto"
/>
</Link>
</div>
<div className="content-center">
<Link href="https://teracloud.com">
<Image
alt="teracloud logo"
src="/images/cust-logo-teracloud-gray.svg"
width={125}
height={125}
className="opacity-75 md:opacity-50 mx-auto"
/>
</Link>
</div>
<div className="content-center col-start-2 md:col-auto">
<Link href="https://double11.co.uk">
<Image
alt="double11 logo"
src="/images/cust-logo-double11-gray.svg"
width={70}
height={70}
className="opacity-75 md:opacity-25 mx-auto"
/>
</Link>
</div>
</div>
);
}
export function CustomerLogosColored() {
return (
<>
<div className="flex justify-center items-center p-8 mb-8">

244
website/src/components/Footer/index.tsx
View File

@@ -4,7 +4,7 @@ import Link from "next/link";
import ActionLink from "@/components/ActionLink";
import Image from "next/image";
import ConsentPreferences from "@/components/ConsentPreferences";
import { HiArrowLongRight } from "react-icons/hi2";
import {
LinkedInIcon,
GitHubIcon,
@@ -17,69 +17,128 @@ import {
export default function Footer() {
return (
<footer className="relative bg-white border-t">
<footer className="pt-12 relative bg-neutral-900 text-neutral-500">
<div className="mx-auto w-full max-w-screen-xl p-4 py-6 lg:py-8">
<div className="md:flex md:justify-between">
<div className="flex justify-between md:w-1/2 w-full mb-6 md:mb-0">
<div>
<Link href="/">
<Image
width={150}
height={150}
src="/images/logo-text.svg"
alt="Firezone Logo"
/>
</Link>
</div>
<div>
<Link href="https://www.ycombinator.com/companies/firezone">
<Image
width={150}
height={150}
src="/images/yc-logo.svg"
alt="YC Logo"
/>
</Link>
<div className="grid md:grid-cols-3 gap-12">
<div className="flex md:flex-col justify-between">
<Link href="/">
<Image
width={150}
height={150}
src="/images/logo-text-dark.svg"
alt="Firezone Logo"
/>
</Link>
<Link href="https://www.ycombinator.com/companies/firezone">
<Image
width={125}
height={125}
src="/images/yc-logo.svg"
alt="YC Logo"
/>
</Link>
<Link href="https://trust.firezone.dev">
<Image
alt="SOC2 badge"
width={75}
height={75}
src="/images/soc2.svg"
/>
</Link>
</div>
<div className="flex flex-col justify-center text-center">
<h3 className="text-neutral-200 mb-4 text-3xl md:text-4xl tracking-tight justify-center font-semibold">
Ready to get started?
</h3>
<h4 className="text-neutral-200 text-md tracking-tight justify-center">
Give your organization the protection it deserves.
</h4>
<div className="w-full flex flex-wrap justify-between mt-8">
<div className="mb-8 mx-auto">
<button
type="button"
className="text-md w-48 inline-flex justify-center items-center py-3 px-5 font-semibold text-center text-primary-450 rounded border border-primary-450 bg-neutral-100 hover:ring-2 hover:ring-primary-400 duration-50 transform transition"
>
<Link href="https://app.firezone.dev/sign_up">
Sign up now
</Link>
</button>
<p className="mt-3 text-xs text-neutral-400">
No credit card required. Cancel anytime.
</p>
</div>
<div className="mx-auto">
<button
type="button"
className="text-md w-48 inline-flex shadow-lg justify-center items-center py-3 px-5 font-semibold text-center text-white rounded bg-primary-450 hover:ring-2 hover:ring-primary-500 duration-50 transform transition"
>
<Link href="/contact/sales">Book a demo</Link>
<HiArrowLongRight className="ml-2 -mr-1 w-6 h-6" />
</button>
<p className="mt-3 text-xs text-neutral-400">
Get a personalized walkthrough of Firezone.
</p>
</div>
</div>
</div>
<div className="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
<div className="text-sm grid grid-cols-2 content-end md:text-right">
<div>
<h2 className="mb-6 text-sm font-semibold text-neutral-900 uppercase ">
<h2 className="mb-6 font-semibold uppercase md:justify-end">
Company
</h2>
<ul className="text-neutral-900 font-medium">
<ul className="font-medium">
<li className="mb-4">
<Link href="/" className="hover:underline">
<Link
href="/"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
Home
</Link>
</li>
<li className="mb-4">
<Link href="/about" className="hover:underline">
<Link
href="/about"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
About
</Link>
</li>
<li className="mb-4">
<Link href="/pricing" className="hover:underline">
<Link
href="/pricing"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
Pricing
</Link>
</li>
<li className="mb-4">
<Link
href="https://github.com/orgs/firezone/projects/9"
className="hover:underline hover:text-neutral-900"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
Roadmap
</Link>
</li>
<li className="mb-4">
<Link href="/blog" className="hover:underline">
<Link
href="/blog"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
Blog
</Link>
</li>
<li>
<li className="mb-4">
<Link
href="/product/newsletter"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
Newsletter
</Link>
</li>
<li className="mb-4">
<Link
href="https://www.ycombinator.com/companies/firezone"
className="hover:underline"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
Jobs
</Link>
@@ -87,14 +146,14 @@ export default function Footer() {
</ul>
</div>
<div>
<h2 className="mb-6 text-sm font-semibold text-neutral-900 uppercase ">
<h2 className="mb-6 text-sm font-semibold uppercase md:justify-end">
Resources
</h2>
<ul className="text-neutral-900 font-medium">
<ul className=" font-medium">
<li className="mb-4">
<Link
href="/kb"
className="hover:underline hover:text-neutral-900"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
Docs
</Link>
@@ -102,7 +161,7 @@ export default function Footer() {
<li className="mb-4">
<Link
href="/support"
className="hover:underline hover:text-neutral-900"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
Support
</Link>
@@ -110,7 +169,7 @@ export default function Footer() {
<li className="mb-4">
<Link
href="/changelog"
className="hover:underline hover:text-neutral-900"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
Changelog
</Link>
@@ -118,7 +177,7 @@ export default function Footer() {
<li className="mb-4">
<Link
href="https://trust.firezone.dev/"
className="hover:underline hover:text-neutral-900"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
Trust Center
</Link>
@@ -126,30 +185,15 @@ export default function Footer() {
<li className="mb-4">
<Link
href="/contact/sales"
className="hover:underline hover:text-neutral-900"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
Sales
</Link>
</li>
<li>
<Link
href="/product/newsletter"
className="hover:underline hover:text-neutral-900"
>
Newsletter
</Link>
</li>
</ul>
</div>
<div>
<h2 className="mb-6 text-sm font-semibold text-neutral-900 uppercase ">
Community
</h2>
<ul className="text-neutral-900 font-medium">
<li className="mb-4">
<Link
href="https://discourse.firez.one"
className="hover:underline hover:text-neutral-900"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
Forums
</Link>
@@ -157,35 +201,11 @@ export default function Footer() {
<li className="mb-4">
<Link
href="https://discord.gg/DY8gxpSgep"
className="hover:underline hover:text-neutral-900"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
Discord
</Link>
</li>
<li className="mb-4">
<Link
href="https://github.com/firezone"
className="hover:underline hover:text-neutral-900"
>
GitHub
</Link>
</li>
<li className="mb-4">
<Link
href="https://x.com/firezonehq"
className="hover:underline hover:text-neutral-900"
>
X
</Link>
</li>
<li>
<Link
href="https://www.linkedin.com/company/firezonehq"
className="hover:underline hover:text-neutral-900"
>
LinkedIn
</Link>
</li>
</ul>
</div>
</div>
@@ -199,54 +219,86 @@ export default function Footer() {
<ActionLink
href="https://probe.sh"
size="ml-1 -mr-1 w-5 h-5"
className="text-sm text-neutral-800 hover:underline"
className="text-neutral-200 text-sm hover:underline hover:text-neutral-50"
>
Test your WireGuard connection
</ActionLink>
</div>
</div>
<hr className="my-2 border-neutral-200 sm:mx-auto lg:mb-8 lg:mt-4" />
<hr className="my-2 border-neutral-500 sm:mx-auto md:my-4" />
<div className="flex grid sm:grid-cols-3">
<div className="text-xs text-neutral-900">
<div className="text-xs">
© 2024{" "}
<Link href="/" className="hover:underline">
<Link
href="/"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
Firezone, Inc.
</Link>{" "}
<br />
<Link href="/privacy-policy" className="hover:underline">
<Link
href="/privacy-policy"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
privacy
</Link>
{" | "}
<Link href="/terms" className="hover:underline">
<Link
href="/terms"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
terms
</Link>
{" | "}
<ConsentPreferences />
<ConsentPreferences className="text-neutral-200 hover:underline hover:text-neutral-50" />
{" | "}
<Link
href="https://app.termly.io/notify/1aa082a3-aba1-4169-b69b-c1d1b42b7a48"
className="hover:underline"
className="text-neutral-200 hover:underline hover:text-neutral-50"
>
do not sell or share my personal information
</Link>
</div>
<div className="flex p-2 items-center justify-center space-x-5">
<AppleIcon size={5} href="/kb/client-apps/macos-client" />
<WindowsIcon size={5} href="/kb/client-apps/windows-client" />
<LinuxIcon size={5} href="/kb/client-apps/linux-gui-client" />
<AndroidIcon size={5} href="/kb/client-apps/android-client" />
<AppleIcon
className="text-neutral-200 hover:text-neutral-50"
size={5}
href="/kb/client-apps/macos-client"
/>
<WindowsIcon
className="text-neutral-200 hover:text-neutral-50"
size={5}
href="/kb/client-apps/windows-client"
/>
<LinuxIcon
className="text-neutral-200 hover:text-neutral-50"
size={5}
href="/kb/client-apps/linux-gui-client"
/>
<AndroidIcon
className="text-neutral-200 hover:text-neutral-50"
size={5}
href="/kb/client-apps/android-client"
/>
</div>
<div className="flex p-2 items-center justify-center sm:justify-end space-x-5">
<Link
target="_blank"
href={new URL("https://firezone.statuspage.io")}
className="hover:underline text-xs"
className="text-neutral-200 hover:underline hover:text-neutral-50 text-xs"
>
Platform status
</Link>
<XIcon url={new URL("https://x.com/firezonehq")} />
<GitHubIcon url={new URL("https://github.com/firezone")} />
<XIcon
className="text-neutral-200 hover:text-neutral-50"
url={new URL("https://x.com/firezonehq")}
/>
<GitHubIcon
className="text-neutral-200 hover:text-neutral-50"
url={new URL("https://github.com/firezone")}
/>
<LinkedInIcon
className="text-neutral-200 hover:text-neutral-50"
url={new URL("https://linkedin.com/company/firezonehq")}
/>
</div>

48
website/src/components/Icons/index.tsx
View File

@@ -1,9 +1,15 @@
import Link from "next/link";
import { Route } from "next";
export function LinkedInIcon({ url }: { url: URL }) {
export function LinkedInIcon({
url,
className,
}: {
url: URL;
className?: string;
}) {
return (
<Link href={url} className="text-neutral-800 hover:text-neutral-900 ">
<Link href={url} className={className}>
<svg
xmlns="http://www.w3.org/2000/svg"
className="w-5 h-5 box-border fill-current"
@@ -19,9 +25,15 @@ export function LinkedInIcon({ url }: { url: URL }) {
);
}
export function GitHubIcon({ url }: { url: URL }) {
export function GitHubIcon({
url,
className,
}: {
url: URL;
className?: string;
}) {
return (
<Link href={url} className="text-neutral-800 hover:text-neutral-900">
<Link href={url} className={className}>
<svg
xmlns="http://www.w3.org/2000/svg"
className="w-5 h-5 box-border fill-current"
@@ -37,9 +49,9 @@ export function GitHubIcon({ url }: { url: URL }) {
);
}
export function XIcon({ url }: { url: URL }) {
export function XIcon({ url, className }: { url: URL; className?: string }) {
return (
<Link href={url} className="text-neutral-800 hover:text-neutral-900 ">
<Link href={url} className={className}>
<svg
className="w-5 h-5 box-border fill-current"
viewBox="0 0 1200 1227"
@@ -59,14 +71,16 @@ export function AppleIcon({
size,
children,
href,
className,
}: {
size: number;
children?: React.ReactNode;
href: Route<string>;
className?: string;
}) {
let c = "mx-auto w-" + size + " h-" + size + " box-border fill-current";
return (
<Link href={href} className="text-neutral-800 hover:text-neutral-900">
<Link href={href} className={className}>
<svg
xmlns="http://www.w3.org/2000/svg"
className={c}
@@ -84,14 +98,16 @@ export function WindowsIcon({
size,
children,
href,
className,
}: {
size: number;
children?: React.ReactNode;
href: Route<string>;
className?: string;
}) {
let c = "mx-auto w-" + size + " h-" + size + " box-border fill-current";
return (
<Link href={href} className="text-neutral-800 hover:text-neutral-900">
<Link href={href} className={className}>
<svg xmlns="http://www.w3.org/2000/svg" className={c} viewBox="0 0 88 88">
<path d="M0 12.402l35.687-4.86.016 34.423-35.67.203zm35.67 33.529l.028 34.453L.028 75.48.026 45.7zm4.326-39.025L87.314 0v41.527l-47.318.376zm47.329 39.349l-.011 41.34-47.318-6.678-.066-34.739z" />
</svg>
@@ -104,14 +120,16 @@ export function LinuxIcon({
size,
children,
href,
className,
}: {
size: number;
children?: React.ReactNode;
href: Route<string>;
className?: string;
}) {
let c = "mx-auto w-" + size + " h-" + size + " box-border fill-current";
return (
<Link href={href} className="text-neutral-800 hover:text-neutral-900">
<Link href={href} className={className}>
<svg
xmlns="http://www.w3.org/2000/svg"
className={c}
@@ -175,14 +193,16 @@ export function AndroidIcon({
size,
children,
href,
className,
}: {
size: number;
children?: React.ReactNode;
href: Route<string>;
className?: string;
}) {
let c = "mx-auto w-" + size + " h-" + size + " box-border fill-current";
return (
<Link href={href} className="text-neutral-800 hover:text-neutral-900">
<Link href={href} className={className}>
<svg
xmlns="http://www.w3.org/2000/svg"
className={c}
@@ -215,14 +235,16 @@ export function ChromeIcon({
size,
children,
href,
className,
}: {
size: number;
children?: React.ReactNode;
href: Route<string>;
className?: string;
}) {
let c = "mx-auto w-" + size + " h-" + size + " box-border fill-current";
return (
<Link href={href} className="text-neutral-800 hover:text-neutral-900">
<Link href={href} className={className}>
<svg
xmlns="http://www.w3.org/2000/svg"
className={c}
@@ -244,14 +266,16 @@ export function DockerIcon({
size,
children,
href,
className,
}: {
size: number;
children?: React.ReactNode;
href: Route<string>;
className?: string;
}) {
let c = "mx-auto w-" + size + " h-" + size + " box-border fill-current";
return (
<Link href={href} className="text-neutral-800 hover:text-neutral-900">
<Link href={href} className={className}>
<svg
xmlns="http://www.w3.org/2000/svg"
className={c}

2
website/src/components/KbSidebar/index.tsx
View File

@@ -51,7 +51,7 @@ export default function KbSidebar() {
SSO with Universal OIDC
</SidebarItem>
<SidebarItem href="/kb/authenticate/oidc/fusion">
FusionAuth
SSO with FusionAuth
</SidebarItem>
<SidebarItem href="/kb/authenticate/directory-sync">
Directory sync

140
website/src/components/RootNavbar/index.tsx
View File

@@ -1,4 +1,5 @@
"use client";
import Image from "next/image";
import Link from "next/link";
import ActionLink from "@/components/ActionLink";
@@ -19,9 +20,9 @@ import { HiBars3 } from "react-icons/hi2";
import { useDrawer } from "@/components/Providers/DrawerProvider";
import { useScrollPosition } from "@/hooks/useScrollPosition";
const navbarTheme: CustomFlowbiteTheme["navbar"] = {
const navbarThemeLight: CustomFlowbiteTheme["navbar"] = {
root: {
base: "fixed top-0 left-0 right-0 z-50 items-center bg-white px-2 py-2.5 sm:px-4 transition-shadow",
base: "fixed top-0 left-0 right-0 z-50 items-center text-neutral-700 bg-white px-2 py-2.5 sm:px-4 transition-shadow",
rounded: {
on: "rounded",
off: "",
@@ -50,7 +51,7 @@ const navbarTheme: CustomFlowbiteTheme["navbar"] = {
},
},
link: {
base: "block py-2 pl-3 pr-4 md:p-0 border-b border-neutral-200 md:border-transparent",
base: "block py-2 pl-3 pr-4 md:p-0 border-t border-neutral-200 md:border-t-0 md:border-transparent",
active: {
on: "bg-neutral-200 rounded text-white md:bg-transparent text-primary-450 font-semibold",
off: "text-neutral-700 hover:text-primary-450 hover:bg-neutral-100 transition transform duration-50 md:hover:bg-transparent md:hover:border-b-2 md:hover:border-primary-450",
@@ -66,7 +67,54 @@ const navbarTheme: CustomFlowbiteTheme["navbar"] = {
},
};
const dropdownTheme: CustomFlowbiteTheme["dropdown"] = {
const navbarThemeDark: CustomFlowbiteTheme["navbar"] = {
root: {
base: "fixed top-0 left-0 right-0 z-50 text-neutral-200 items-center bg-neutral-900 px-2 py-2.5 sm:px-4 transition-shadow",
rounded: {
on: "rounded",
off: "",
},
bordered: {
on: "border",
off: "",
},
inner: {
base: "mx-auto flex flex-wrap items-center justify-between",
fluid: {
on: "",
off: "container",
},
},
},
brand: {
base: "flex items-center",
},
collapse: {
base: "w-full md:block md:w-auto shadow md:shadow-none",
list: "mt-4 flex flex-col md:mt-0 md:flex-row md:space-x-8 md:text-md md:font-medium",
hidden: {
on: "hidden",
off: "",
},
},
link: {
base: "block py-2 pl-3 pr-4 md:p-0 border-t border-neutral-700 md:border-t-0 md:border-transparent",
active: {
on: "rounded text-white md:bg-transparent text-primary-450 font-semibold",
off: "text-neutral-200 hover:text-primary-450 hover:bg-primary-900 hover:text-primary-450 transition transform duration-50 md:hover:bg-transparent md:hover:border-b-2 md:hover:border-primary-450",
},
disabled: {
on: "text-neutral-400 hover:cursor-not-allowed",
off: "",
},
},
toggle: {
base: "inline-flex items-center rounded p-2 text-neutral-200 hover:bg-primary-900 hover:text-primary-450 md:hidden",
icon: "h-6 w-6 shrink-0",
},
};
const dropdownThemeLight: CustomFlowbiteTheme["dropdown"] = {
arrowIcon: "ml-2 h-4 w-4",
content: "py-1 focus:outline-none",
floating: {
@@ -101,6 +149,41 @@ const dropdownTheme: CustomFlowbiteTheme["dropdown"] = {
"flex items-center py-2 pl-3 pr-4 md:p-0 text-neutral-700 hover:text-primary-450 md:border-transparent md:border-b-2 md:hover:border-primary-450 duration-50 transition transform",
};
const dropdownThemeDark: CustomFlowbiteTheme["dropdown"] = {
arrowIcon: "ml-2 h-4 w-4",
content: "py-1 focus:outline-none",
floating: {
animation: "transition-opacity",
arrow: {
base: "absolute z-10 h-2 w-2 rotate-45",
style: {
dark: "bg-neutral-900 dark:bg-neutral-700",
light: "bg-white",
auto: "bg-white",
},
placement: "-4px",
},
base: "z-10 w-fit divide-y divide-neutral-100 rounded shadow focus:outline-none",
content: "py-1 text-base text-neutral-200",
divider: "my-1 h-px bg-neutral-100",
header: "block px-4 py-2 text-sm text-neutral-200",
hidden: "invisible opacity-0",
item: {
container: "",
base: "flex w-32 cursor-pointer items-center justify-start px-4 py-2 text-md font-medium text-neutral-200 hover:text-primary-450 focus:bg-primary-900 focus:outline-none",
icon: "mr-2 h-4 w-4",
},
style: {
dark: "bg-neutral-900 text-white dark:bg-neutral-700",
light: "border border-neutral-700 bg-neutral-900 text-neutral-200",
auto: "border border-neutral-700 bg-neutral-900 text-neutral-200",
},
target: "w-fit",
},
inlineWrapper:
"flex items-center py-2 pl-3 pr-4 md:p-0 text-neutral-200 hover:text-primary-450 md:border-transparent md:border-b-2 md:hover:border-primary-450 duration-50 transition transform",
};
function NavbarLink({
href,
children,
@@ -151,41 +234,61 @@ function SidebarToggle() {
}
}
function applyTheme(scrollPosition: number) {
function applyTheme(
theme: CustomFlowbiteTheme["navbar"],
scrollPosition: number
) {
return {
...navbarTheme,
...theme,
root: {
...navbarTheme?.root,
base: `${navbarTheme?.root?.base} ${scrollPosition > 0 ? "shadow" : "shadow-none"}`,
...theme?.root,
base: `${theme?.root?.base} ${scrollPosition > 0 ? "shadow" : "shadow-none"}`,
},
};
}
export default function RootNavbar() {
const scrollPosition = useScrollPosition();
const p = usePathname();
const light = p.startsWith("/kb") || p.startsWith("/docs");
return (
<Navbar theme={applyTheme(scrollPosition)} fluid>
<Navbar
theme={applyTheme(
light ? navbarThemeLight : navbarThemeDark,
scrollPosition
)}
fluid
>
<SidebarToggle />
<NavbarBrand as={Link} href="/">
<Image
width={150}
height={150}
src="/images/logo-main.svg"
src={
light ? "/images/logo-main-light.svg" : "/images/logo-main-dark.svg"
}
className="lg:hidden w-9 ml-2 flex"
alt="Firezone Logo"
/>
<Image
width={150}
height={150}
src="/images/logo-text.svg"
src={
light ? "/images/logo-text-light.svg" : "/images/logo-text-dark.svg"
}
alt="Firezone Logo"
className="hidden lg:flex w-32 sm:w-40 ml-2 mr-2 sm:mr-5"
/>
</NavbarBrand>
<NavbarToggle barIcon={HiBars3} />
<NavbarCollapse>
<Dropdown theme={dropdownTheme} label="Product" inline>
<Dropdown
theme={light ? dropdownThemeLight : dropdownThemeDark}
label="Product"
inline
>
<DropdownItem href="/kb/client-apps">Download</DropdownItem>
<DropdownItem href="/contact/sales">Book a demo</DropdownItem>
<DropdownItem href="/kb/use-cases">Use cases</DropdownItem>
@@ -205,20 +308,13 @@ export default function RootNavbar() {
<div className="md:hidden">
<NavbarLink href="/contact/sales">Book a demo</NavbarLink>
</div>
<ActionLink
href="https://app.firezone.dev/"
className="hidden md:inline-flex py-2 pl-3 pr-4 md:p-0 font-medium text-neutral-700 md:border-transparent hover:text-primary-450 hover:bg-neutral-200 md:hover:bg-transparent md:border-b-2 md:hover:border-primary-450 duration-50 transition transform"
size="w-5 h-5 ml-1"
>
Sign in
</ActionLink>
</NavbarCollapse>
<div className="hidden md:flex space-x-4 items-center">
<Link
className="block py-2 pl-3 pr-4 md:p-0 font-medium text-neutral-700 md:border-transparent hover:text-primary-450 md:border-b-2 hover:border-primary-450 duration-50 transition transform"
href="https://app.firezone.dev/sign_up"
className="block py-2 pl-3 pr-4 md:p-0 font-medium md:border-transparent hover:text-primary-450 md:border-b-2 hover:border-primary-450 duration-50 transition transform"
href="https://app.firezone.dev"
>
Sign up
Sign in
</Link>
<Button type="cta" href="/contact/sales">
Book a demo

6
website/src/styles/hero.css
View File

@@ -1,4 +1,4 @@
.hero-background {
background-color: #1b140e;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23ff7300' fill-opacity='0.125'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
.bg-hero {
background-image: url("/images/ribbon.svg");
background-size: 100% 100%;
}