Logo Clouds

0import React from "react";
1
2const AdobeLogo = ({ className }) => (
3  <svg
4    className={className}
5    aria-hidden="true"
6    viewBox="0 0 133 48"
7    xmlns="http://www.w3.org/2000/svg"
8  >
9    <path d="M14.653 6H0V41L14.653 6Z" fill="#FA0C00" />
10    <path d="M24.9628 6H39.5967V41L24.9628 6Z" fill="#FA0C00" />
11    <path
12      d="M19.808 18.8998L29.1344 41H23.0154L20.228 33.9638H13.4027L19.808 18.8998Z"
13      fill="#FA0C00"
14    />
15    <path
16      d="M63.5016 28.2578L65.2294 33.206C65.2867 33.3299 65.3726 33.3872 65.5254 33.3872H68.8473C69.0287 33.3872 69.0574 33.3013 69.0287 33.1202L62.1652 14.0804C62.1366 13.9279 62.1079 13.8993 61.9552 13.8993H57.8313C57.7168 13.8993 57.65 13.9851 57.65 14.109C57.5927 15.1101 57.5068 15.4152 57.3827 15.7108L51.2637 33.0916C51.2351 33.3013 51.3019 33.3872 51.4738 33.3872H54.4425C54.6239 33.3872 54.7098 33.3299 54.7766 33.1488L56.409 28.2578H63.5016ZM57.3541 25.0257C58.2514 22.318 59.4351 18.8475 59.9124 16.8644H59.941C60.5328 18.9429 61.9265 23.0616 62.5566 25.0257H57.3541Z"
17      fill="#FA0C00"
18    />
19    <path
20      d="M77.8524 33.6827C79.6375 33.6827 81.5371 33.3585 83.4654 32.5291C83.6181 32.4719 83.6468 32.4051 83.6468 32.2621C83.5895 31.7282 83.5227 30.9559 83.5227 30.3648V12.4405C83.5227 12.3261 83.5227 12.2689 83.3795 12.2689H80.1434C80.0193 12.2689 79.962 12.3261 79.962 12.4787V18.552C79.4561 18.4947 79.1029 18.4661 78.6829 18.4661C73.4613 18.4661 70.2538 21.908 70.2538 26.2079C70.2538 31.1943 73.5472 33.6827 77.8524 33.6827ZM79.962 30.3648C79.4275 30.5364 78.8356 30.6032 78.2342 30.6032C75.8668 30.6032 73.929 29.2684 73.929 26.0268C73.929 23.157 75.9241 21.4599 78.5683 21.4599C79.1029 21.4599 79.5707 21.5171 79.962 21.6696V30.3648Z"
21      fill="#FA0C00"
22    />
23    <path
24      d="M93.9703 18.4661C89.5124 18.4661 86.7536 21.8794 86.7536 26.0935C86.7536 29.8595 88.9492 33.6827 93.9035 33.6827C98.0942 33.6827 101.034 30.6032 101.034 25.9982C101.034 21.9366 98.5428 18.4661 93.9703 18.4661ZM93.789 21.4599C96.3091 21.4599 97.3782 23.6241 97.3782 26.0935C97.3782 29.1444 95.8031 30.6604 93.9703 30.6604C91.7079 30.6604 90.3715 28.7631 90.3715 26.0268C90.3715 23.2142 91.7939 21.4599 93.789 21.4599Z"
25      fill="#FA0C00"
26    />
27    <path
28      d="M104.38 12.2689C104.256 12.2689 104.17 12.3261 104.17 12.4787V32.7674C104.17 32.8532 104.256 33.0058 104.38 33.0344C105.802 33.4729 107.291 33.6827 108.828 33.6827C113.229 33.6827 117.506 30.9559 117.506 25.4642C117.506 21.4885 114.775 18.4661 110.499 18.4661C109.516 18.4661 108.599 18.6187 107.797 18.8856L107.759 12.5073C107.759 12.2975 107.702 12.2689 107.492 12.2689H104.38ZM113.85 25.8265C113.85 29.1158 111.597 30.6604 109.162 30.6604C108.657 30.6604 108.208 30.6318 107.797 30.5078V21.8508C108.265 21.6696 108.828 21.5171 109.869 21.5171C112.217 21.5171 113.85 23.0044 113.85 25.8265Z"
29      fill="#FA0C00"
30    />
31    <path
32      d="M129.583 26.8944C131.034 26.8944 132.227 26.8658 132.637 26.7704C132.79 26.7418 132.847 26.6846 132.876 26.5607C132.962 26.2365 133 25.5596 133 24.7301C133 21.908 131.301 18.4661 126.91 18.4661C122.423 18.4661 119.932 22.1177 119.932 26.2365C119.932 29.8881 121.86 33.6827 127.263 33.6827C129.287 33.6827 130.594 33.3585 131.721 32.8246C131.835 32.7674 131.893 32.6721 131.893 32.5005V30.0311C131.893 29.8881 131.807 29.8595 131.721 29.9167C130.594 30.3934 129.373 30.6318 128.036 30.6318C125.01 30.6318 123.635 28.9633 123.55 26.8944H129.583ZM123.55 24.3392C123.788 22.89 124.705 21.3169 126.757 21.3169C129.019 21.3169 129.611 23.2142 129.611 24.0722C129.611 24.1008 129.611 24.2248 129.611 24.3106C129.487 24.3392 129.105 24.3392 127.979 24.3392H123.55Z"
33      fill="#FA0C00"
34    />
35  </svg>
36);
37
38const DropboxLogo = ({ className }) => (
39  <svg
40    className={className}
41    aria-hidden="true"
42    viewBox="0 0 163 48"
43    xmlns="http://www.w3.org/2000/svg"
44  >
45    <path
46      d="M45.1836 14.0131H52.8283C57.702 14.0131 61.7281 16.8247 61.7281 23.2442V24.5931C61.7281 31.0613 57.9628 33.9704 52.975 33.9704H45.1836V14.0131ZM49.4542 17.6373V30.33H52.7305C55.5015 30.33 57.3597 28.526 57.3597 24.5118V23.4555C57.3597 19.4412 55.4037 17.6373 52.5838 17.6373H49.4542ZM63.9938 17.8323H67.4168L67.971 21.5865C68.623 19.0349 70.2856 17.6698 73.3011 17.6698H74.3606V21.9765H72.6002C69.1283 21.9765 68.2807 23.1792 68.2807 26.5921V34.0192H64.059V17.8323H63.9938ZM75.2082 26.2508V25.7957C75.2082 20.3838 78.6801 17.426 83.4071 17.426C88.2319 17.426 91.606 20.3838 91.606 25.7957V26.2508C91.606 31.5652 88.3297 34.4255 83.4071 34.4255C78.1748 34.3767 75.2082 31.5814 75.2082 26.2508ZM87.2865 26.202V25.7957C87.2865 22.7891 85.7706 20.9852 83.3582 20.9852C80.9947 20.9852 79.4299 22.6429 79.4299 25.7957V26.202C79.4299 29.1111 80.9458 30.7688 83.3582 30.7688C85.7706 30.7201 87.2865 29.1111 87.2865 26.202ZM93.8228 17.8323H97.3436L97.7511 20.8877C98.5987 18.8399 100.408 17.426 103.081 17.426C107.205 17.426 109.927 20.3838 109.927 25.8607V26.3158C109.927 31.6302 106.912 34.4417 103.081 34.4417C100.522 34.4417 98.7617 33.2879 97.8978 31.4351V39.6098H93.7739L93.8228 17.8323ZM105.64 26.202V25.8445C105.64 22.6266 103.978 21.0339 101.761 21.0339C99.3974 21.0339 97.8326 22.8379 97.8326 25.8445V26.1533C97.8326 29.0136 99.3485 30.8176 101.712 30.8176C104.141 30.7688 105.64 29.2249 105.64 26.202ZM116.17 31.0288L115.811 33.9867H112.193V12.4204H116.317V20.6926C117.23 18.5799 119.039 17.426 121.598 17.426C125.477 17.4748 128.346 20.1401 128.346 25.5032V26.007C128.346 31.3701 125.624 34.4417 121.5 34.4417C118.778 34.3767 117.018 33.1253 116.17 31.0288ZM124.01 26.007V25.6007C124.01 22.6429 122.397 20.9852 120.131 20.9852C117.816 20.9852 116.203 22.8379 116.203 25.6495V26.007C116.203 29.0136 117.768 30.7688 120.082 30.7688C122.56 30.7688 124.01 29.2249 124.01 26.007ZM130.156 26.2508V25.7957C130.156 20.3838 133.627 17.426 138.354 17.426C143.179 17.426 146.553 20.3838 146.553 25.7957V26.2508C146.553 31.5652 143.228 34.4255 138.354 34.4255C133.122 34.3767 130.156 31.5814 130.156 26.2508ZM142.266 26.202V25.7957C142.266 22.7891 140.751 20.9852 138.338 20.9852C135.975 20.9852 134.41 22.6429 134.41 25.7957V26.202C134.41 29.1111 135.926 30.7688 138.338 30.7688C140.767 30.7201 142.266 29.1111 142.266 26.202ZM152.079 25.6007L146.39 17.8323H151.264L154.54 22.6916L157.866 17.8323H162.69L156.92 25.5519L163 33.9867H158.224L154.508 28.6236L150.889 33.9867H145.901L152.079 25.6007Z"
47      fill="black"
48    />
49    <path
50      d="M18.908 14.0132L9.454 20.0264L18.908 26.0396L9.454 32.0528L0 26.0071L9.454 19.9939L0 14.0132L9.454 8L18.908 14.0132ZM9.4051 33.9868L18.8591 27.9736L28.3131 33.9868L18.8591 40L9.4051 33.9868ZM18.908 26.0071L28.362 19.9939L18.908 14.0132L28.3131 8L37.7671 14.0132L28.3131 20.0264L37.7671 26.0396L28.3131 32.0528L18.908 26.0071Z"
51      fill="#0061FF"
52    />
53  </svg>
54);
55
56const NotionLogo = ({ className }) => (
57  <svg
58    className={className}
59    aria-hidden="true"
60    viewBox="0 0 129 48"
61    xmlns="http://www.w3.org/2000/svg"
62  >
63    <path
64      d="M45.0948 35.8764V21.2698H45.3551L55.9873 35.8764H59.3331V14.4264H55.6155V28.9962H55.3553L44.7231 14.4264H41.3773V35.8764H45.0948ZM69.8537 36.2075C74.7609 36.2075 77.7721 33.0434 77.7721 27.7452C77.7721 22.4839 74.7609 19.283 69.8537 19.283C64.9837 19.283 61.9353 22.4839 61.9353 27.7452C61.9725 33.0434 64.9466 36.2075 69.8537 36.2075ZM69.8537 33.1169C67.2514 33.1169 65.7644 31.1669 65.7644 27.7452C65.7644 24.3603 67.2514 22.3735 69.8537 22.3735C72.456 22.3735 73.943 24.3603 73.943 27.7452C73.943 31.1669 72.456 33.1169 69.8537 33.1169ZM81.1551 15.6405V19.7245H78.5528V22.6679H81.1551V31.5349C81.1551 34.699 82.6421 35.95 86.434 35.95C87.1403 35.95 87.8467 35.8764 88.4043 35.766V32.8962C87.9582 32.933 87.6608 32.9698 87.1403 32.9698C85.579 32.9698 84.8726 32.2707 84.8726 30.6519V22.6679H88.4043V19.7245H84.8726V15.6405H81.1551ZM90.6349 35.8764H94.3524V19.6141H90.6349V35.8764ZM92.4936 16.9283C93.7204 16.9283 94.7242 15.9349 94.7242 14.7207C94.7242 13.4698 93.7204 12.4764 92.4936 12.4764C91.2668 12.4764 90.2631 13.4698 90.2631 14.7207C90.2631 15.9349 91.2668 16.9283 92.4936 16.9283ZM104.538 36.2075C109.446 36.2075 112.457 33.0434 112.457 27.7452C112.457 22.4839 109.446 19.283 104.538 19.283C99.6685 19.283 96.6201 22.4839 96.6201 27.7452C96.6201 33.0434 99.5942 36.2075 104.538 36.2075ZM104.538 33.1169C101.936 33.1169 100.449 31.1669 100.449 27.7452C100.449 24.3603 101.936 22.3735 104.538 22.3735C107.104 22.3735 108.628 24.3603 108.628 27.7452C108.591 31.1669 107.104 33.1169 104.538 33.1169ZM114.65 35.8764H118.368V26.4207C118.368 24.0292 119.78 22.5207 121.974 22.5207C124.242 22.5207 125.282 23.7717 125.282 26.2368V35.8764H129V25.3537C129 21.4537 126.993 19.283 123.349 19.283C120.896 19.283 119.26 20.3867 118.479 22.2264H118.219V19.6141H114.613C114.65 19.6141 114.65 35.8764 114.65 35.8764Z"
65      fill="black"
66    />
67    <path
68      fillRule="evenodd"
69      clipRule="evenodd"
70      d="M5.73229 13.0535C6.81429 13.9264 7.20565 13.8574 9.23152 13.7196L28.3161 12.5711C28.7305 12.5711 28.3852 12.1576 28.2471 12.1117L25.0701 9.83759C24.4716 9.37818 23.6428 8.82689 22.1004 8.96471L3.63736 10.32C2.96974 10.3889 2.83161 10.7334 3.10787 10.9861L5.73229 13.0535ZM6.88335 17.4868V37.5171C6.88335 38.5967 7.41284 38.9872 8.63297 38.9183L29.6053 37.7009C30.8255 37.6319 30.9636 36.8969 30.9636 36.024V16.1315C30.9636 15.2586 30.6183 14.7763 29.8816 14.8452L7.96535 16.1315C7.15961 16.2004 6.88335 16.6139 6.88335 17.4868ZM27.5795 18.5664C27.7176 19.1636 27.5795 19.7838 26.9809 19.8527L25.968 20.0595V34.8525C25.0932 35.3119 24.2874 35.5876 23.5968 35.5876C22.5148 35.5876 22.2385 35.243 21.4328 34.2323L14.8257 23.8726V33.8877L16.9206 34.3472C16.9206 34.3472 16.9206 35.5646 15.2401 35.5646L10.5898 35.8402C10.4517 35.5646 10.5898 34.8985 11.0502 34.7606L12.2703 34.4161V21.185L10.5898 21.0472C10.4517 20.45 10.797 19.5771 11.7408 19.5082L16.7365 19.1636L23.6198 29.6382V20.3811L21.8702 20.1743C21.7321 19.4393 22.2846 18.888 22.9522 18.8191L27.5795 18.5664ZM2.09493 8.48233L21.3177 7.08113C23.6658 6.87439 24.2874 7.01222 25.7608 8.09183L31.8844 12.3873C32.8974 13.1224 33.2427 13.3291 33.2427 14.1331V37.7238C33.2427 39.1939 32.7132 40.0668 30.8255 40.2046L8.51786 41.5599C7.09055 41.6288 6.42293 41.4221 5.68625 40.4803L1.15106 34.6228C0.345319 33.5432 0 32.7392 0 31.7974V10.8253C0 9.60789 0.55251 8.62015 2.09493 8.48233Z"
71      fill="black"
72    />
73  </svg>
74);
75
76const ShopifyLogo = ({ className }) => (
77  <svg
78    className={className}
79    aria-hidden="true"
80    viewBox="0 0 127 48"
81    xmlns="http://www.w3.org/2000/svg"
82  >
83    <path
84      d="M27.2797 12.7512C27.2543 12.5742 27.1019 12.4731 26.9749 12.4731C26.8479 12.4731 24.3333 12.4225 24.3333 12.4225C24.3333 12.4225 22.2251 10.4002 22.0219 10.1726C21.8187 9.9704 21.4123 10.021 21.2599 10.0715C21.2599 10.0715 20.8535 10.1979 20.1931 10.4002C20.0915 10.0462 19.9137 9.61648 19.6851 9.16144C18.9485 7.74577 17.8309 6.98738 16.5101 6.98738C16.4085 6.98738 16.3323 6.98738 16.2307 7.01266C16.1799 6.9621 16.1545 6.91154 16.1037 6.88626C15.5195 6.27954 14.7828 5.97618 13.8938 6.00146C12.192 6.05202 10.4902 7.29073 9.09323 9.4648C8.12803 11.0069 7.39142 12.9281 7.16282 14.4197C5.20702 15.0264 3.83541 15.4561 3.78461 15.4561C2.79401 15.7595 2.76861 15.7848 2.64161 16.7201C2.59081 17.428 0 37.3738 0 37.3738L21.7425 41.1152L31.1659 38.7895C31.1405 38.7895 27.3051 12.9281 27.2797 12.7512ZM19.1009 10.7541C18.5929 10.9058 18.0341 11.0827 17.4245 11.285C17.4245 10.4254 17.2975 9.212 16.9165 8.20081C18.2119 8.40305 18.8469 9.86928 19.1009 10.7541ZM16.2815 11.6136C15.1384 11.9675 13.8938 12.3467 12.6492 12.7259C13.0048 11.3861 13.6652 10.0715 14.478 9.18672C14.7828 8.85809 15.2147 8.50417 15.6973 8.30193C16.2053 9.28784 16.3069 10.6782 16.2815 11.6136ZM13.9446 7.13905C14.351 7.13905 14.6812 7.21489 14.9606 7.41713C14.5034 7.64465 14.0462 7.99857 13.6398 8.45361C12.5476 9.61648 11.7094 11.4114 11.3792 13.1557C10.3378 13.4843 9.32183 13.7877 8.40743 14.0657C9.01703 11.3102 11.3284 7.21489 13.9446 7.13905Z"
85      fill="#95BF47"
86    />
87    <path
88      d="M26.9749 12.4731C26.8479 12.4731 24.3333 12.4225 24.3333 12.4225C24.3333 12.4225 22.2251 10.4002 22.0219 10.1726C21.9457 10.0968 21.8442 10.0464 21.7426 10.0464L21.7425 41.1152L31.1659 38.7895C31.1659 38.7895 27.3306 12.9283 27.3052 12.7514C27.2544 12.5744 27.1019 12.4731 26.9749 12.4731Z"
89      fill="#5E8E3E"
90    />
91    <path
92      d="M16.5105 17.3014L15.4183 21.3714C15.4183 21.3714 14.1991 20.8153 12.7513 20.9164C10.6177 21.0428 10.6177 22.3826 10.6177 22.7113C10.7447 24.5314 15.5453 24.9359 15.8247 29.2082C16.0279 32.5704 14.0467 34.8709 11.1511 35.0478C7.69666 35.2248 5.79165 33.2024 5.79165 33.2024L6.52826 30.093C6.52826 30.093 8.45866 31.5339 9.98267 31.4328C10.9733 31.3823 11.3543 30.548 11.3035 29.9919C11.1511 27.6156 7.23946 27.7672 6.98546 23.8489C6.78226 20.5625 8.94126 17.2508 13.7165 16.9475C15.5707 16.8211 16.5105 17.3014 16.5105 17.3014Z"
93      fill="white"
94    />
95    <path
96      d="M43.917 25.9727C42.8248 25.3913 42.266 24.8857 42.266 24.2032C42.266 23.3436 43.0534 22.7875 44.2726 22.7875C45.695 22.7875 46.965 23.3689 46.965 23.3689L47.9556 20.3353C47.9556 20.3353 47.0412 19.6275 44.3488 19.6275C40.5896 19.6275 37.9734 21.7763 37.9734 24.7846C37.9734 26.5036 39.1926 27.7929 40.8182 28.7282C42.139 29.4614 42.5962 29.9922 42.5962 30.7759C42.5962 31.5849 41.9358 32.2421 40.7166 32.2421C38.9132 32.2421 37.186 31.3068 37.186 31.3068L36.1192 34.3404C36.1192 34.3404 37.694 35.4021 40.361 35.4021C44.2218 35.4021 47.0158 33.5061 47.0158 30.0934C46.9904 28.2479 45.5934 26.9334 43.917 25.9727Z"
97      fill="black"
98    />
99    <path
100      d="M59.3095 19.5772C57.4045 19.5772 55.9059 20.4872 54.7629 21.8523L54.7121 21.8271L56.3631 13.2319H52.0705L47.8795 35.1243H52.1721L53.5945 27.6414C54.1533 24.8101 55.6265 23.0658 56.9981 23.0658C57.9633 23.0658 58.3443 23.7231 58.3443 24.6584C58.3443 25.2398 58.2935 25.973 58.1665 26.5544L56.5409 35.1243H60.8335L62.5099 26.2763C62.6877 25.341 62.8147 24.2287 62.8147 23.4703C62.8401 21.0434 61.5701 19.5772 59.3095 19.5772Z"
101      fill="black"
102    />
103    <path
104      d="M72.568 19.5768C67.3864 19.5768 63.9574 24.2283 63.9574 29.4107C63.9574 32.7223 66.0148 35.402 69.8756 35.402C74.9556 35.402 78.3846 30.8769 78.3846 25.5681C78.41 22.5092 76.6066 19.5768 72.568 19.5768ZM70.4598 32.1409C68.9866 32.1409 68.377 30.9022 68.377 29.3348C68.377 26.8827 69.647 22.8884 71.9838 22.8884C73.5078 22.8884 74.0158 24.203 74.0158 25.467C74.0158 28.0961 72.7204 32.1409 70.4598 32.1409Z"
105      fill="black"
106    />
107    <path
108      d="M89.4088 19.5768C86.5132 19.5768 84.8622 22.13 84.8622 22.13H84.8114L85.0654 19.8296H81.2554C81.0776 21.3717 80.722 23.748 80.3918 25.5176L77.3946 41.1911H81.6872L82.881 34.8458H82.9826C82.9826 34.8458 83.8716 35.402 85.4972 35.402C90.5518 35.402 93.8538 30.2449 93.8538 25.0372C93.8538 22.1553 92.5584 19.5768 89.4088 19.5768ZM85.294 32.1914C84.1764 32.1914 83.516 31.5594 83.516 31.5594L84.2272 27.5652C84.7352 24.8856 86.1322 23.116 87.6308 23.116C88.9516 23.116 89.358 24.3294 89.358 25.467C89.358 28.2478 87.707 32.1914 85.294 32.1914Z"
109      fill="black"
110    />
111    <path
112      d="M99.9999 13.4341C98.6283 13.4341 97.5361 14.5211 97.5361 15.9115C97.5361 17.1755 98.3489 18.0603 99.5681 18.0603H99.6189C100.965 18.0603 102.108 17.1502 102.134 15.5828C102.134 14.3441 101.295 13.4341 99.9999 13.4341Z"
113      fill="black"
114    />
115    <path
116      d="M93.9804 35.0988H98.273L101.194 19.9308H96.876L93.9804 35.0988Z"
117      fill="black"
118    />
119    <path
120      d="M112.141 19.9058H109.144L109.296 19.198C109.55 17.7317 110.414 16.4425 111.862 16.4425C112.624 16.4425 113.233 16.67 113.233 16.67L114.072 13.3078C114.072 13.3078 113.335 12.9286 111.735 12.9286C110.211 12.9286 108.687 13.3583 107.518 14.3442C106.045 15.583 105.359 17.3778 105.029 19.198L104.902 19.9058H102.896L102.261 23.1416H104.267L101.981 35.1243H106.274L108.56 23.1416H111.532L112.141 19.9058Z"
121      fill="black"
122    />
123    <path
124      d="M122.504 19.9308C122.504 19.9308 119.812 26.6806 118.618 30.3714H118.567C118.491 29.1833 117.5 19.9308 117.5 19.9308H112.979L115.57 33.8601C115.621 34.1634 115.595 34.3656 115.468 34.5679C114.96 35.5285 114.122 36.4639 113.132 37.1464C112.319 37.7279 111.404 38.1071 110.693 38.3599L111.887 42.0002C112.751 41.8232 114.579 41.0901 116.103 39.6744C118.059 37.8543 119.888 35.0229 121.742 31.1804L127 19.9308H122.504Z"
125      fill="black"
126    />
127  </svg>
128);
129
130const SlackLogo = ({ className }) => (
131  <svg
132    className={className}
133    aria-hidden="true"
134    viewBox="0 0 121 48"
135    xmlns="http://www.w3.org/2000/svg"
136  >
137    <path
138      d="M38.0154 32.7227L39.487 29.2913C41.0983 30.4817 43.1999 31.1118 45.3021 31.1118C46.8435 31.1118 47.8243 30.5168 47.8243 29.6066C47.7891 27.0854 38.5409 29.0462 38.4706 22.7076C38.4354 19.4861 41.3083 17 45.3724 17C47.7891 17 50.2068 17.5955 51.9231 18.9613L50.548 22.466C48.9688 21.453 47.0184 20.7467 45.1619 20.7467C43.9008 20.7467 43.0598 21.3417 43.0598 22.1126C43.0949 24.5987 52.414 23.2329 52.519 29.2913C52.519 32.5829 49.7159 34.8941 45.7221 34.8941C42.7799 34.8941 40.0829 34.1939 38.0154 32.7227ZM96.6126 28.0487C96.2411 28.7072 95.7008 29.2552 95.047 29.6366C94.3932 30.018 93.6495 30.219 92.8921 30.2191C90.5317 30.2191 88.6185 28.3064 88.6185 25.947C88.6185 23.5877 90.5317 21.675 92.8921 21.675C93.6495 21.6751 94.3932 21.8761 95.047 22.2575C95.7008 22.6389 96.2411 23.1869 96.6126 23.8454L100.704 21.5798C99.1715 18.8476 96.2484 17 92.8921 17C87.9487 17 83.9414 21.0054 83.9414 25.947C83.9414 30.8882 87.9487 34.8941 92.8921 34.8941C96.2484 34.8941 99.1715 33.0465 100.704 30.3143L96.6126 28.0487ZM55.1738 34.5437H60.2885V9.55215H55.1743L55.1738 34.5437ZM103.287 9.55215V34.5437H108.402V27.0563L114.462 34.5437H121L113.293 25.6488L120.439 17.3489H114.182L108.402 24.2494V9.55215H103.287ZM76.0462 17.3499V19.3814C75.2056 17.9804 73.1386 17 70.9666 17C66.4825 17 62.9444 20.9573 62.9444 25.9295C62.9444 30.9018 66.4825 34.8941 70.9666 34.8941C73.1386 34.8941 75.2056 33.9137 76.0462 32.5127V34.5437H81.1609V17.3499H76.0462ZM76.0462 28.0833C75.3106 29.3088 73.7692 30.2186 72.0529 30.2186C69.692 30.2186 67.7787 28.3064 67.7787 25.947C67.7787 23.5877 69.692 21.675 72.0529 21.675C73.7692 21.675 75.3106 22.6204 76.0462 23.8805V28.0833Z"
139      fill="black"
140    />
141    <path
142      d="M11.0044 9C9.34692 9 8.00343 10.3433 8.00343 11.9999C8.00303 12.3934 8.08034 12.7832 8.23094 13.147C8.38154 13.5107 8.60248 13.8413 8.88115 14.1199C9.15982 14.3985 9.49076 14.6195 9.85508 14.7705C10.2194 14.9215 10.6099 14.9994 11.0044 14.9998H14.0059V11.9999C14.0066 11.205 13.6908 10.4424 13.1279 9.87986C12.565 9.31729 11.8012 9.0008 11.0044 9ZM11.0044 16.9997H3.00125C1.34374 16.9997 0.000244722 18.343 0.000244722 20.0001C0.000244722 21.6567 1.34374 23 3.00125 23H11.0049C12.6619 23 14.0059 21.6567 14.0059 20.0001C14.0059 18.343 12.6619 16.9997 11.0044 16.9997Z"
143      fill="#36C5F0"
144    />
145    <path
146      d="M30.0124 20.0001C30.0124 18.343 28.6684 16.9997 27.0109 16.9997C25.3534 16.9997 24.0099 18.343 24.0099 20.0001V23H27.0109C27.8077 22.9992 28.5715 22.6827 29.1344 22.1201C29.6972 21.5576 30.0131 20.795 30.0124 20.0001ZM22.0092 20.0001V11.9999C22.0099 11.205 21.6941 10.4424 21.1312 9.87986C20.5683 9.31729 19.8045 9.0008 19.0077 9C17.3502 9 16.0067 10.3433 16.0067 11.9999V19.9996C16.0067 21.6572 17.3502 23.0005 19.0077 23.0005C19.8045 22.9997 20.5683 22.6832 21.1312 22.1206C21.6941 21.5581 22.0099 20.795 22.0092 20.0001Z"
147      fill="#2EB67D"
148    />
149    <path
150      d="M19.0078 39C19.8045 38.9992 20.5684 38.6827 21.1312 38.1201C21.6941 37.5576 22.01 36.795 22.0093 36.0001C22.01 35.2052 21.6941 34.4426 21.1312 33.8801C20.5684 33.3175 19.8045 33.001 19.0078 33.0002H16.0068V36.0001C16.0068 37.6567 17.3503 39 19.0078 39ZM19.0078 31.0003H27.0115C28.6685 31.0003 30.0125 29.657 30.0125 27.9999C30.0131 27.205 29.6973 26.4424 29.1344 25.8799C28.5715 25.3173 27.8077 25.0008 27.011 25H19.0078C17.3503 25 16.0068 26.3433 16.0068 27.9999C16.0064 28.3934 16.0837 28.7832 16.2343 29.147C16.3849 29.5107 16.6058 29.8413 16.8845 30.1199C17.1632 30.3985 17.4941 30.6195 17.8584 30.7705C18.2227 30.9215 18.6133 30.9999 19.0078 31.0003Z"
151      fill="#ECB22E"
152    />
153    <path
154      d="M1.51423e-06 27.9999C-0.000394564 28.3934 0.0769146 28.7832 0.227515 29.147C0.378115 29.5107 0.599057 29.8413 0.877727 30.1199C1.1564 30.3985 1.48733 30.6195 1.85165 30.7705C2.21596 30.9215 2.60651 30.9994 3.00101 30.9998C3.79777 30.999 4.56159 30.6825 5.12447 30.1199C5.68734 29.5573 6.00318 28.7948 6.00252 27.9999V25H3.00101C1.3435 25 1.51423e-06 26.3433 1.51423e-06 27.9999ZM8.00319 27.9999V35.9996C8.00319 37.6567 9.34668 39 11.0042 39C11.801 38.9992 12.5648 38.6827 13.1276 38.1201C13.6905 37.5576 14.0064 36.795 14.0057 36.0001V27.9999C14.0061 27.6063 13.9288 27.2165 13.7781 26.8527C13.6275 26.4889 13.4065 26.1583 13.1278 25.8797C12.8491 25.6011 12.5181 25.3801 12.1537 25.2291C11.7893 25.0782 11.3987 25.0003 11.0042 25C9.34668 25 8.00319 26.3433 8.00319 27.9999Z"
155      fill="#E01E5A"
156    />
157  </svg>
158);
159
160const SpotifyLogo = ({ className }) => (
161  <svg
162    className={className}
163    aria-hidden="true"
164    viewBox="0 0 140 48"
165    xmlns="http://www.w3.org/2000/svg"
166  >
167    <path
168      d="M20.9947 3C9.3999 3 0 12.4022 0 24.0001C0 35.5986 9.3999 45 20.9947 45C32.5908 45 41.9897 35.5986 41.9897 24.0001C41.9897 12.4029 32.5908 3.001 20.9945 3.001L20.9947 3V3ZM30.6228 33.2882C30.2467 33.9051 29.4394 34.1007 28.8227 33.722C23.8934 30.7103 17.6879 30.0282 10.3799 31.6983C9.67568 31.8588 8.97371 31.4175 8.81326 30.7128C8.65205 30.0081 9.09154 29.306 9.79752 29.1455C17.795 27.3178 24.655 28.1048 30.189 31.4877C30.8058 31.8663 31.0013 32.6713 30.6228 33.2882V33.2882ZM33.1925 27.5701C32.7186 28.3405 31.7108 28.5837 30.9412 28.1098C25.2978 24.6401 16.6954 23.6353 10.0204 25.662C9.15471 25.9235 8.2404 25.4355 7.97766 24.5711C7.71693 23.7052 8.20505 22.7924 9.06923 22.5291C16.6939 20.215 26.1728 21.3359 32.6535 25.3194C33.4231 25.7934 33.6663 26.8015 33.1925 27.5704V27.5701ZM33.4131 21.6158C26.6466 17.5957 15.4827 17.226 9.02234 19.1873C7.98493 19.502 6.88785 18.9162 6.57346 17.8785C6.25908 16.8403 6.84422 15.7437 7.88239 15.4282C15.2985 13.1763 27.6268 13.6114 35.4172 18.2374C36.3524 18.7913 36.6582 19.9968 36.1042 20.9289C35.5526 21.8623 34.3442 22.17 33.4141 21.6158H33.4131ZM57.1197 22.3862C53.4945 21.5215 52.8502 20.9146 52.8502 19.6395C52.8502 18.4347 53.9834 17.624 55.6706 17.624C57.3052 17.624 58.9248 18.2396 60.6245 19.507C60.6747 19.5454 60.7399 19.5607 60.8025 19.5507C60.8677 19.5412 60.9229 19.5063 60.9605 19.4539L62.7305 16.9582C62.8032 16.8554 62.7831 16.7137 62.6853 16.6352C60.6621 15.012 58.3857 14.2228 55.7233 14.2228C51.8098 14.2228 49.0746 16.5723 49.0746 19.9339C49.0746 23.5387 51.4337 24.8151 55.5102 25.8004C58.9774 26.5996 59.5641 27.2692 59.5641 28.4659C59.5641 29.7925 58.3807 30.6175 56.4754 30.6175C54.3594 30.6175 52.6321 29.9028 50.7017 28.2327C50.654 28.19 50.5888 28.1725 50.5287 28.175C50.4635 28.18 50.4058 28.2101 50.3657 28.2577L48.3801 30.62C48.2974 30.7203 48.3074 30.8658 48.4027 30.951C50.649 32.9572 53.4118 34.0154 56.3952 34.0154C60.612 34.0154 63.3372 31.7109 63.3372 28.1424C63.3447 25.1314 61.5421 23.4637 57.1272 22.3894L57.1197 22.3862V22.3862ZM72.879 18.8102C71.0513 18.8102 69.5521 19.5304 68.3136 21.0062V19.3451C68.3136 19.2139 68.2083 19.1071 68.078 19.1071H64.8314C64.701 19.1071 64.5957 19.2139 64.5957 19.3451V37.8021C64.5957 37.9325 64.701 38.0403 64.8314 38.0403H68.078C68.2083 38.0403 68.3136 37.9325 68.3136 37.8021V31.9767C69.5521 33.3634 71.0513 34.043 72.879 34.043C76.276 34.043 79.7157 31.4275 79.7157 26.4273C79.7207 21.4262 76.281 18.8099 72.8815 18.8099L72.879 18.8102ZM75.9401 26.4273C75.9401 28.9724 74.3732 30.7504 72.1269 30.7504C69.9081 30.7504 68.2334 28.8922 68.2334 26.4273C68.2334 23.9623 69.9081 22.1045 72.1269 22.1045C74.3356 22.1043 75.9401 23.9219 75.9401 26.4271V26.4273ZM88.5279 18.8102C84.1531 18.8102 80.726 22.1795 80.726 26.4818C80.726 30.7379 84.1306 34.0706 88.4753 34.0706C92.8651 34.0706 96.3023 30.7128 96.3023 26.4273C96.3023 22.1565 92.8877 18.8107 88.5279 18.8107V18.8102V18.8102ZM88.5279 30.7755C86.2014 30.7755 84.4465 28.9047 84.4465 26.4261C84.4465 23.9362 86.1412 22.1294 88.4753 22.1294C90.8168 22.1294 92.5818 23.9994 92.5818 26.4805C92.5818 28.9699 90.877 30.7755 88.5279 30.7755V30.7755ZM105.643 19.1071H102.071V15.4543C102.071 15.3234 101.966 15.2166 101.835 15.2166H98.5887C98.4583 15.2166 98.3505 15.3234 98.3505 15.4543V19.1071H96.7911C96.6608 19.1071 96.5555 19.2139 96.5555 19.3451V22.1354C96.5555 22.2663 96.6608 22.3734 96.7911 22.3734H98.3505V29.5943C98.3505 32.5108 99.8021 33.9904 102.668 33.9904C103.831 33.9904 104.796 33.7496 105.706 33.233C105.781 33.1929 105.827 33.1127 105.827 33.0274V30.3692C105.827 30.289 105.784 30.2112 105.714 30.1686C105.643 30.1235 105.556 30.121 105.483 30.1586C104.859 30.472 104.255 30.6175 103.578 30.6175C102.537 30.6175 102.071 30.1435 102.071 29.0853V22.3746H105.643C105.774 22.3746 105.879 22.2678 105.879 22.1366V19.3466C105.884 19.2154 105.779 19.1086 105.646 19.1086L105.643 19.1071V19.1071ZM118.088 19.1214V18.6727C118.088 17.3529 118.595 16.7644 119.728 16.7644C120.405 16.7644 120.949 16.8988 121.558 17.1019C121.633 17.1255 121.711 17.1137 121.771 17.0688C121.834 17.0239 121.869 16.9519 121.869 16.8757V14.1398C121.869 14.0352 121.804 13.9427 121.701 13.9118C121.059 13.7205 120.237 13.5241 119.004 13.5241C116.008 13.5241 114.421 15.2128 114.421 18.4059V19.093H112.861C112.731 19.093 112.623 19.1999 112.623 19.3308V22.1354C112.623 22.2663 112.731 22.3734 112.861 22.3734H114.421V33.5089C114.421 33.6418 114.528 33.7471 114.659 33.7471H117.903C118.036 33.7471 118.141 33.6418 118.141 33.5089V22.3741H121.172L125.815 33.5089C125.289 34.6775 124.77 34.9107 124.063 34.9107C123.491 34.9107 122.887 34.7402 122.273 34.4016C122.215 34.3715 122.145 34.3665 122.085 34.3841C122.022 34.4067 121.969 34.4518 121.944 34.512L120.844 36.9269C120.791 37.0423 120.836 37.1752 120.946 37.2354C122.095 37.8573 123.13 38.1231 124.411 38.1231C126.808 38.1231 128.134 37.0046 129.3 34.0004L134.931 19.4464C134.961 19.3731 134.951 19.2904 134.906 19.2254C134.863 19.161 134.79 19.1221 134.713 19.1221H131.333C131.23 19.1221 131.14 19.1866 131.108 19.2816L127.645 29.1705L123.855 19.2751C123.82 19.1831 123.732 19.1221 123.634 19.1221H118.088V19.1214V19.1214ZM110.873 19.1071H107.627C107.496 19.1071 107.388 19.2139 107.388 19.3451V33.5089C107.388 33.6418 107.496 33.7471 107.627 33.7471H110.873C111.004 33.7471 111.111 33.6418 111.111 33.5089V19.3461C111.111 19.2149 111.006 19.1081 110.873 19.1081V19.1071ZM109.269 12.6575C107.983 12.6575 106.94 13.6987 106.94 14.9849C106.94 16.2718 107.983 17.3143 109.269 17.3143C110.555 17.3143 111.595 16.2718 111.595 14.9849C111.595 13.6989 110.552 12.6575 109.269 12.6575ZM137.704 23.6613C136.42 23.6613 135.42 22.6294 135.42 21.3763C135.42 20.1232 136.432 19.0795 137.716 19.0795C139 19.0795 140 20.1112 140 21.3633C140 22.6164 138.987 23.6613 137.704 23.6613ZM137.716 19.3067C136.545 19.3067 135.66 20.237 135.66 21.3763C135.66 22.5151 136.54 23.4329 137.704 23.4329C138.874 23.4329 139.759 22.5033 139.759 21.3633C139.759 20.2245 138.879 19.3067 137.716 19.3067V19.3067ZM138.223 21.5982L138.869 22.503H138.323L137.741 21.673H137.242V22.503H136.786V20.1046H137.854C138.413 20.1046 138.779 20.3898 138.779 20.8697C138.782 21.263 138.553 21.5032 138.225 21.5982H138.223ZM137.836 20.5162H137.242V21.2747H137.836C138.132 21.2747 138.31 21.1295 138.31 20.8951C138.31 20.6483 138.132 20.5162 137.836 20.5162V20.5162Z"
169      fill="#1ED760"
170    />
171  </svg>
172);
173
174const StripeLogo = ({ className }) => (
175  <svg
176    className={className}
177    aria-hidden="true"
178    viewBox="0 0 80 48"
179    xmlns="http://www.w3.org/2000/svg"
180  >
181    <path
182      fillRule="evenodd"
183      clipRule="evenodd"
184      d="M80 24.0508C80 18.4113 77.2445 13.9613 71.9778 13.9613C66.6889 13.9613 63.4889 18.4113 63.4889 24.0067C63.4889 30.6375 67.2667 33.986 72.6889 33.986C75.3333 33.986 77.3333 33.3912 78.8444 32.5541V28.1482C77.3333 28.8972 75.6 29.3598 73.4 29.3598C71.2445 29.3598 69.3333 28.6108 69.0889 26.0114H79.9556C79.9556 25.725 80 24.5795 80 24.0508ZM69.0222 21.958C69.0222 19.4687 70.5556 18.4333 71.9556 18.4333C73.3111 18.4333 74.7556 19.4687 74.7556 21.958H69.0222Z"
185      fill="#635BFF"
186    />
187    <path
188      fillRule="evenodd"
189      clipRule="evenodd"
190      d="M54.911 13.9613C52.7332 13.9613 51.3332 14.9747 50.5554 15.6796L50.2665 14.3138H45.3777V40L50.9332 38.8324L50.9554 32.5981C51.7554 33.1709 52.9332 33.986 54.8888 33.986C58.8665 33.986 62.4888 30.8138 62.4888 23.8305C62.4665 17.442 58.7999 13.9613 54.911 13.9613ZM53.5777 29.1395C52.2665 29.1395 51.4888 28.6769 50.9554 28.1042L50.9332 19.9313C51.511 19.2924 52.311 18.8518 53.5777 18.8518C55.5999 18.8518 56.9999 21.0988 56.9999 23.9847C56.9999 26.9366 55.6221 29.1395 53.5777 29.1395Z"
191      fill="#635BFF"
192    />
193    <path
194      fillRule="evenodd"
195      clipRule="evenodd"
196      d="M37.7331 12.6615L43.3109 11.472V7L37.7331 8.16756V12.6615Z"
197      fill="#635BFF"
198    />
199    <path
200      d="M43.3109 14.3358H37.7331V33.6115H43.3109V14.3358Z"
201      fill="#635BFF"
202    />
203    <path
204      fillRule="evenodd"
205      clipRule="evenodd"
206      d="M31.7551 15.966L31.3996 14.3358H26.5996V33.6115H32.1551V20.5481C33.4662 18.8518 35.6884 19.1602 36.3773 19.4025V14.3358C35.6662 14.0714 33.0662 13.5868 31.7551 15.966Z"
207      fill="#635BFF"
208    />
209    <path
210      fillRule="evenodd"
211      clipRule="evenodd"
212      d="M20.6442 9.55538L15.222 10.7009L15.1998 28.3464C15.1998 31.6067 17.6664 34.008 20.9553 34.008C22.7775 34.008 24.1109 33.6775 24.8442 33.281V28.809C24.1331 29.0954 20.622 30.1088 20.622 26.8484V19.028H24.8442V14.3357H20.622L20.6442 9.55538Z"
213      fill="#635BFF"
214    />
215    <path
216      fillRule="evenodd"
217      clipRule="evenodd"
218      d="M5.62221 19.9313C5.62221 19.0721 6.33332 18.7417 7.5111 18.7417C9.19999 18.7417 11.3333 19.2484 13.0222 20.1516V14.9747C11.1778 14.2477 9.35554 13.9613 7.5111 13.9613C3 13.9613 0 16.2964 0 20.1956C0 26.2757 8.44443 25.3064 8.44443 27.9279C8.44443 28.9413 7.55554 29.2717 6.3111 29.2717C4.46666 29.2717 2.11111 28.5227 0.244444 27.5094V32.7524C2.31111 33.6335 4.39999 34.008 6.3111 34.008C10.9333 34.008 14.1111 31.739 14.1111 27.7958C14.0889 21.231 5.62221 22.3986 5.62221 19.9313Z"
219      fill="#635BFF"
220    />
221  </svg>
222);
223
224const ZoomLogo = ({ className }) => (
225  <svg
226    className={className}
227    aria-hidden="true"
228    viewBox="0 0 98 48"
229    xmlns="http://www.w3.org/2000/svg"
230  >
231    <path
232      fillRule="evenodd"
233      clipRule="evenodd"
234      d="M79.7902 19.5972C80.1648 20.2429 80.2873 20.9774 80.3278 21.8032L80.381 22.9039V30.6007L80.4353 31.7025C80.544 33.502 81.8725 34.8325 83.6877 34.9457L84.7849 35V22.9039L84.8392 21.8032C84.8843 20.9867 85.0057 20.2382 85.3861 19.588C85.7737 18.921 86.3301 18.3677 86.9995 17.9835C87.6689 17.5993 88.4277 17.3978 89.1997 17.3992C89.9717 17.4006 90.7298 17.6049 91.3977 17.9915C92.0657 18.3781 92.6201 18.9335 93.0053 19.6018C93.3799 20.2475 93.4967 20.9959 93.5418 21.8032L93.5961 22.9005V30.6007L93.6505 31.7025C93.7638 33.5112 95.0818 34.8418 96.9028 34.9457L98 35V21.8032C98 19.4697 97.0723 17.2317 95.4208 15.5813C93.7693 13.9309 91.5294 13.0032 89.1934 13.0023C87.9431 13.001 86.707 13.2662 85.5675 13.7803C84.428 14.2944 83.4115 15.0454 82.5858 15.9833C81.7598 15.0458 80.7432 14.2949 79.6039 13.7807C78.4645 13.2665 77.2285 13.0007 75.9783 13.0012C74.1492 13.0012 72.4519 13.5555 71.046 14.513C70.1881 13.5567 68.2689 13.0012 67.167 13.0012V35L68.2689 34.9457C70.1118 34.8244 71.4437 33.5297 71.5154 31.7025L71.5744 30.6007V22.9039L71.6287 21.8032C71.675 20.9728 71.7906 20.2429 72.1663 19.5926C72.5543 18.9261 73.1105 18.3728 73.7794 17.9882C74.4482 17.6035 75.2064 17.4009 75.9783 17.4005C76.7507 17.4006 77.5095 17.6037 78.1785 17.9893C78.8476 18.3748 79.4034 18.9294 79.7902 19.5972ZM4.40388 34.9469L5.50572 35H22.0217L21.9674 33.9028C21.8182 32.0941 20.536 30.7728 18.7197 30.655L17.6178 30.6007H7.7094L20.9199 17.3993L20.8656 16.3032C20.78 14.4761 19.4435 13.1559 17.6178 13.0554L16.516 13.0058L0 13.0012L0.0543404 14.1019C0.198863 15.8932 1.49956 17.2422 3.30089 17.3462L4.40388 17.4005H14.3123L1.10184 30.6018L1.15618 31.7025C1.26486 33.5159 2.57481 34.8291 4.40388 34.9457V34.9469ZM62.8441 16.2212C63.8667 17.2426 64.6779 18.4552 65.2314 19.7898C65.7849 21.1244 66.0697 22.5548 66.0697 23.9994C66.0697 25.444 65.7849 26.8744 65.2314 28.209C64.6779 29.5436 63.8667 30.7562 62.8441 31.7776C60.778 33.8399 57.9768 34.9983 55.0561 34.9983C52.1353 34.9983 49.3341 33.8399 47.268 31.7776C42.9682 27.4823 42.9682 20.5166 47.268 16.2212C48.2898 15.2002 49.5028 14.3902 50.8379 13.8375C52.173 13.2848 53.6039 13.0002 55.0491 13C56.4967 12.999 57.9302 13.2831 59.2677 13.836C60.6053 14.3889 61.8205 15.1999 62.8441 16.2224V16.2212ZM59.7282 19.3362C60.9667 20.5744 61.6624 22.2531 61.6624 24.0035C61.6624 25.7538 60.9667 27.4326 59.7282 28.6707C58.4887 29.908 56.8082 30.6029 55.0561 30.6029C53.3039 30.6029 51.6234 29.908 50.3839 28.6707C49.1454 27.4326 48.4497 25.7538 48.4497 24.0035C48.4497 22.2531 49.1454 20.5744 50.3839 19.3362C51.6234 18.099 53.3039 17.404 55.0561 17.404C56.8082 17.404 58.4887 18.099 59.7282 19.3362ZM31.9394 13C33.3847 13.0004 34.8157 13.2851 36.1508 13.8381C37.4859 14.391 38.6989 15.2012 39.7205 16.2224C44.0215 20.5166 44.0215 27.4834 39.7205 31.7776C37.6544 33.8399 34.8532 34.9983 31.9325 34.9983C29.0118 34.9983 26.2106 33.8399 24.1445 31.7776C19.8446 27.4823 19.8446 20.5166 24.1445 16.2212C25.1662 15.2002 26.3792 14.3902 27.7143 13.8375C29.0494 13.2848 30.4804 13.0002 31.9256 13H31.9394ZM36.6046 19.3339C37.8435 20.5721 38.5394 22.2511 38.5394 24.0017C38.5394 25.7524 37.8435 27.4314 36.6046 28.6696C35.3652 29.9068 33.6847 30.6018 31.9325 30.6018C30.1803 30.6018 28.4998 29.9068 27.2604 28.6696C26.0219 27.4314 25.3262 25.7527 25.3262 24.0023C25.3262 22.252 26.0219 20.5732 27.2604 19.335C28.4998 18.0978 30.1803 17.4028 31.9325 17.4028C33.6847 17.4028 35.3652 18.0978 36.6046 19.335V19.3339Z"
235      fill="#2D8CFF"
236    />
237  </svg>
238);
239
240const data = {
241  title: "Trusted by 39,000 worldwide brands",
242  items: [
243    {
244      Logo: ShopifyLogo,
245    },
246    {
247      Logo: AdobeLogo,
248    },
249    {
250      Logo: SlackLogo,
251    },
252    {
253      Logo: StripeLogo,
254    },
255    {
256      Logo: ZoomLogo,
257    },
258    {
259      Logo: NotionLogo,
260    },
261    {
262      Logo: SpotifyLogo,
263    },
264    {
265      Logo: DropboxLogo,
266    },
267  ],
268};
269
270export function LogoClouds1() {
271  return (
272    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
273      <div className="rounded-3xl border border-slate-200 bg-white px-8 py-12 ring-4 ring-slate-50 sm:p-14">
274        <div className="flex items-center gap-x-20 gap-y-12 max-xl:flex-col">
275          <div className="w-full max-w-3xl max-xl:text-center xl:max-w-xs">
276            <h2 className="text-3xl font-extrabold tracking-tight text-slate-900 [text-wrap:balance] sm:text-4xl">
277              {data.title}
278            </h2>
279          </div>
280          <div className="grid w-full grid-cols-2 gap-x-8 gap-y-12 md:grid-cols-4">
281            {data.items.map(({ Logo }, index: number) => {
282              return (
283                <div key={index}>
284                  <Logo className="h-10 w-full" />
285                </div>
286              );
287            })}
288          </div>
289        </div>
290      </div>
291    </div>
292  );
293}
294

0import React from "react";
1import Link from "next/link";
2
3const ChevronRightIcon = ({ className }) => {
4  return (
5    <svg
6      xmlns="http://www.w3.org/2000/svg"
7      viewBox="0 0 24 24"
8      className={className}
9    >
10      <path d="M11.1678 4.38686C10.8468 4.08275 10.4379 3.87566 9.99274 3.79177C9.54759 3.70788 9.0862 3.75095 8.66688 3.91555C8.24756 4.08015 7.88915 4.35887 7.63695 4.71649C7.38476 5.07412 7.2501 5.49458 7.25 5.92472V18.0753C7.2501 18.5054 7.38476 18.9259 7.63695 19.2835C7.88915 19.6411 8.24756 19.9199 8.66688 20.0844C9.0862 20.249 9.54759 20.2921 9.99274 20.2082C10.4379 20.1243 10.8468 19.9172 11.1678 19.6131L17.578 13.5379C18.0083 13.1299 18.25 12.5768 18.25 12C18.25 11.4232 18.0083 10.8701 17.578 10.4621L11.1678 4.38686Z" />
11    </svg>
12  );
13};
14
15const AdobeLogo = ({ className }) => (
16  <svg
17    className={className}
18    aria-hidden="true"
19    viewBox="0 0 133 48"
20    xmlns="http://www.w3.org/2000/svg"
21  >
22    <path d="M14.653 6H0V41L14.653 6Z" fill="#FA0C00" />
23    <path d="M24.9628 6H39.5967V41L24.9628 6Z" fill="#FA0C00" />
24    <path
25      d="M19.808 18.8998L29.1344 41H23.0154L20.228 33.9638H13.4027L19.808 18.8998Z"
26      fill="#FA0C00"
27    />
28    <path
29      d="M63.5016 28.2578L65.2294 33.206C65.2867 33.3299 65.3726 33.3872 65.5254 33.3872H68.8473C69.0287 33.3872 69.0574 33.3013 69.0287 33.1202L62.1652 14.0804C62.1366 13.9279 62.1079 13.8993 61.9552 13.8993H57.8313C57.7168 13.8993 57.65 13.9851 57.65 14.109C57.5927 15.1101 57.5068 15.4152 57.3827 15.7108L51.2637 33.0916C51.2351 33.3013 51.3019 33.3872 51.4738 33.3872H54.4425C54.6239 33.3872 54.7098 33.3299 54.7766 33.1488L56.409 28.2578H63.5016ZM57.3541 25.0257C58.2514 22.318 59.4351 18.8475 59.9124 16.8644H59.941C60.5328 18.9429 61.9265 23.0616 62.5566 25.0257H57.3541Z"
30      fill="#FA0C00"
31    />
32    <path
33      d="M77.8524 33.6827C79.6375 33.6827 81.5371 33.3585 83.4654 32.5291C83.6181 32.4719 83.6468 32.4051 83.6468 32.2621C83.5895 31.7282 83.5227 30.9559 83.5227 30.3648V12.4405C83.5227 12.3261 83.5227 12.2689 83.3795 12.2689H80.1434C80.0193 12.2689 79.962 12.3261 79.962 12.4787V18.552C79.4561 18.4947 79.1029 18.4661 78.6829 18.4661C73.4613 18.4661 70.2538 21.908 70.2538 26.2079C70.2538 31.1943 73.5472 33.6827 77.8524 33.6827ZM79.962 30.3648C79.4275 30.5364 78.8356 30.6032 78.2342 30.6032C75.8668 30.6032 73.929 29.2684 73.929 26.0268C73.929 23.157 75.9241 21.4599 78.5683 21.4599C79.1029 21.4599 79.5707 21.5171 79.962 21.6696V30.3648Z"
34      fill="#FA0C00"
35    />
36    <path
37      d="M93.9703 18.4661C89.5124 18.4661 86.7536 21.8794 86.7536 26.0935C86.7536 29.8595 88.9492 33.6827 93.9035 33.6827C98.0942 33.6827 101.034 30.6032 101.034 25.9982C101.034 21.9366 98.5428 18.4661 93.9703 18.4661ZM93.789 21.4599C96.3091 21.4599 97.3782 23.6241 97.3782 26.0935C97.3782 29.1444 95.8031 30.6604 93.9703 30.6604C91.7079 30.6604 90.3715 28.7631 90.3715 26.0268C90.3715 23.2142 91.7939 21.4599 93.789 21.4599Z"
38      fill="#FA0C00"
39    />
40    <path
41      d="M104.38 12.2689C104.256 12.2689 104.17 12.3261 104.17 12.4787V32.7674C104.17 32.8532 104.256 33.0058 104.38 33.0344C105.802 33.4729 107.291 33.6827 108.828 33.6827C113.229 33.6827 117.506 30.9559 117.506 25.4642C117.506 21.4885 114.775 18.4661 110.499 18.4661C109.516 18.4661 108.599 18.6187 107.797 18.8856L107.759 12.5073C107.759 12.2975 107.702 12.2689 107.492 12.2689H104.38ZM113.85 25.8265C113.85 29.1158 111.597 30.6604 109.162 30.6604C108.657 30.6604 108.208 30.6318 107.797 30.5078V21.8508C108.265 21.6696 108.828 21.5171 109.869 21.5171C112.217 21.5171 113.85 23.0044 113.85 25.8265Z"
42      fill="#FA0C00"
43    />
44    <path
45      d="M129.583 26.8944C131.034 26.8944 132.227 26.8658 132.637 26.7704C132.79 26.7418 132.847 26.6846 132.876 26.5607C132.962 26.2365 133 25.5596 133 24.7301C133 21.908 131.301 18.4661 126.91 18.4661C122.423 18.4661 119.932 22.1177 119.932 26.2365C119.932 29.8881 121.86 33.6827 127.263 33.6827C129.287 33.6827 130.594 33.3585 131.721 32.8246C131.835 32.7674 131.893 32.6721 131.893 32.5005V30.0311C131.893 29.8881 131.807 29.8595 131.721 29.9167C130.594 30.3934 129.373 30.6318 128.036 30.6318C125.01 30.6318 123.635 28.9633 123.55 26.8944H129.583ZM123.55 24.3392C123.788 22.89 124.705 21.3169 126.757 21.3169C129.019 21.3169 129.611 23.2142 129.611 24.0722C129.611 24.1008 129.611 24.2248 129.611 24.3106C129.487 24.3392 129.105 24.3392 127.979 24.3392H123.55Z"
46      fill="#FA0C00"
47    />
48  </svg>
49);
50
51const CanvaLogo = ({ className }) => (
52  <svg
53    className={className}
54    aria-hidden="true"
55    viewBox="0 0 100 48"
56    xmlns="http://www.w3.org/2000/svg"
57  >
58    <path
59      fillRule="evenodd"
60      clipRule="evenodd"
61      d="M22.1929 41.7819C24.1234 40.5836 25.7459 39.1214 27.1187 37.5988C28.1016 39.606 30.0739 40.9761 32.1654 40.9761C33.7771 40.9761 35.3888 40.1702 36.4969 38.6592C36.8998 40.0695 37.9071 40.9761 39.6196 40.9761C40.9047 40.9761 43.7062 39.6646 46.2464 37.7212L45.9656 39.1629C45.8649 39.5658 45.8649 39.868 45.8649 40.0694C45.9656 40.6738 46.3685 40.976 46.9729 40.976C48.1817 40.976 49.8942 39.868 50.2971 38.0548L50.9015 35.5365C51.6066 32.3131 56.341 27.4779 57.6505 27.4779C57.7513 27.4779 57.9527 27.5787 57.9527 27.7801C57.9927 28.1 57.7629 28.7054 57.4271 29.5902C56.9169 30.9347 56.1619 32.9242 55.7366 35.5365C55.5352 36.3424 55.5352 37.1482 55.6359 37.7526C55.8374 39.6665 56.9454 40.976 59.0608 40.976C60.871 40.976 64.7959 39.4308 67.5468 36.3402C67.7541 38.0178 68.1089 39.4447 68.6304 40.3717C68.8319 40.7746 69.3355 40.8754 69.8392 40.8754C70.4436 40.8754 71.2494 40.6739 72.156 40.1702C74.2714 39.0622 76.9912 36.4431 79.6102 32.6153C80.0131 32.716 80.3153 32.716 80.6175 32.716C81.6627 32.716 82.8309 32.3472 83.9155 31.6944C83.4648 33.0557 83.289 34.4459 83.4381 35.738C83.841 38.7599 86.3593 41.0768 89.0791 41.0768C90.5901 41.0768 92.2018 40.1702 93.3098 38.7599C93.7128 40.6738 94.9215 42.6885 97.9435 43.8973C98.145 43.998 98.3464 43.998 98.5479 43.998C99.1523 43.998 99.5552 43.5951 99.4545 43.0914C99.4545 42.8899 99.3537 42.5877 99.0516 42.3863C98.3464 41.7819 97.5406 40.6738 97.3391 38.9614C97.2384 38.1555 97.2384 37.1482 97.742 36.1409C98.3464 33.4211 98.4472 32.6153 98.4472 32.3131C98.3464 31.6079 97.8428 31.3057 97.2384 31.3057C96.0296 31.3057 94.3171 32.5145 93.9142 34.227C93.2091 36.846 91.3959 38.5585 90.1871 38.5585C88.6761 38.5585 87.8703 36.9467 87.6688 35.2343C87.1652 31.0035 89.7842 25.8662 93.7128 25.8662C94.8208 25.8662 96.1303 26.2691 96.2311 27.4779C96.3548 28.592 95.68 28.8694 95.1646 29.0813C94.8412 29.2143 94.5805 29.3214 94.6193 29.5933C94.7201 30.3992 96.0296 30.6006 96.9362 30.6006C97.742 30.6006 100.361 29.9962 99.9581 27.075C99.6559 24.7582 97.1376 23.6501 94.3171 23.6501C90.9501 23.6501 88.0845 25.3549 86.1331 27.714C85.8633 27.8732 85.5785 28.158 85.2512 28.4853C84.6468 29.1904 83.438 29.8955 81.927 29.8955C81.7256 29.8955 81.3226 29.7948 81.3226 29.7948C82.33 27.8809 83.0351 25.8663 83.0351 24.1538C83.0351 21.3333 81.3226 19.9231 79.4087 19.9231C76.9912 19.9231 74.4729 22.0384 74.4729 26.2692C74.4729 28.7875 75.4802 30.8021 77.1926 31.9102C75.178 35.1336 72.4582 37.8534 72.0553 37.8534C71.9162 37.8534 71.8731 37.7093 71.8266 37.5538C71.8058 37.4841 71.7843 37.4121 71.7531 37.3497C71.4509 36.2417 71.1487 34.0256 71.1487 32.716C71.1487 30.2985 71.5516 27.8809 72.4582 25.3626C72.559 25.0604 72.6597 24.7582 72.6597 24.5567C72.6597 23.8516 72.156 23.5494 71.5516 23.5494C70.3428 23.5494 68.4289 24.9597 67.9253 26.4706C67.5223 27.8809 67.3209 29.8955 67.3209 32.3131C67.3209 32.7565 67.328 33.1962 67.3426 33.6293C64.9386 36.8699 61.9722 37.9541 61.0754 37.9541C59.9674 37.9541 59.7659 36.9467 59.9674 36.5438C60.6725 33.6226 61.5791 30.2984 62.3849 27.9816C62.7879 26.8735 62.9893 25.8662 62.8886 25.2618C62.6871 24.1538 61.982 23.6501 60.9747 23.6501C58.5571 23.6501 54.7293 26.0677 52.211 29.3918L53.0169 25.7655C53.1176 25.3625 53.1176 25.0603 53.1176 24.8589C53.0169 24.1538 52.6139 23.8516 52.0095 23.8516C49.189 23.8516 48.6854 25.2618 48.3832 26.6721C48.3248 27.0221 47.5232 31.1564 46.8587 34.5741C44.7092 36.5469 42.3007 37.8534 41.6342 37.8534C40.8284 37.8534 40.5262 37.249 40.5262 36.7453C40.5262 36.3975 40.7264 35.449 40.9155 34.5528C41.055 33.892 41.1885 33.2595 41.2313 32.9175C41.332 32.5146 41.332 32.2124 41.332 32.0109C41.2313 31.4065 40.7276 31.1043 40.1232 31.1043C38.9145 31.1043 37.202 32.3131 36.7991 34.0256C36.1947 36.6446 34.3815 38.357 33.1727 38.357C31.6617 38.357 30.8559 36.7453 30.6544 35.1336C30.1508 31.5073 32.4676 25.6648 36.6983 25.6648C37.9071 25.6648 39.1159 26.0677 39.2166 27.2765C39.3386 28.4353 38.722 28.7079 38.2389 28.9214C37.9241 29.0606 37.6659 29.1747 37.7057 29.4926C37.8064 30.2985 39.1159 30.4999 39.9218 30.4999C40.8284 30.4999 43.3467 29.8955 42.9437 26.9743C42.6415 24.6575 40.224 23.4487 37.3027 23.4487C30.5277 23.4487 26.0192 30.1499 26.5065 35.4621C24.7859 37.4755 23.0669 38.6862 19.9768 40.2709C18.2643 41.1775 16.2497 41.6812 14.4365 41.6812C8.79548 41.6812 6.07571 36.5438 5.57205 32.1116C4.1618 20.8296 14.235 5.21611 21.1855 5.21611C22.7973 5.21611 24.2075 6.62636 24.5097 8.84247C24.9126 12.2674 24.8119 14.6849 21.2863 17.6062C20.8833 17.9084 20.7826 18.412 20.9841 18.7142C21.2863 19.1171 22.2936 19.2179 24.2075 18.2106C28.0353 16.2966 29.3448 13.3754 28.9419 9.95052C28.539 6.1227 25.2148 3 20.7826 3C18.5665 3 16.2497 3.60439 14.1343 4.91391C4.96766 10.5549 -0.975543 23.2472 0.132511 32.9175C0.53544 36.0402 1.84496 39.3643 4.26253 41.6812C5.87425 43.1921 8.79548 45.0053 12.3211 45.0053C16.1489 45.0053 19.3724 43.5951 22.1929 41.7819ZM78.8043 28.4853C77.797 27.3772 76.9912 25.6648 76.9912 24.0531C76.9912 23.1465 77.2934 22.1392 77.9985 22.1392C78.6029 22.1392 79.4087 23.0458 79.4087 25.1611C79.4087 26.2692 79.2073 27.3772 78.8043 28.4853Z"
62      fill="#24BECA"
63    />
64  </svg>
65);
66
67const DropboxLogo = ({ className }) => (
68  <svg
69    className={className}
70    aria-hidden="true"
71    viewBox="0 0 163 48"
72    xmlns="http://www.w3.org/2000/svg"
73  >
74    <path
75      d="M45.1836 14.0131H52.8283C57.702 14.0131 61.7281 16.8247 61.7281 23.2442V24.5931C61.7281 31.0613 57.9628 33.9704 52.975 33.9704H45.1836V14.0131ZM49.4542 17.6373V30.33H52.7305C55.5015 30.33 57.3597 28.526 57.3597 24.5118V23.4555C57.3597 19.4412 55.4037 17.6373 52.5838 17.6373H49.4542ZM63.9938 17.8323H67.4168L67.971 21.5865C68.623 19.0349 70.2856 17.6698 73.3011 17.6698H74.3606V21.9765H72.6002C69.1283 21.9765 68.2807 23.1792 68.2807 26.5921V34.0192H64.059V17.8323H63.9938ZM75.2082 26.2508V25.7957C75.2082 20.3838 78.6801 17.426 83.4071 17.426C88.2319 17.426 91.606 20.3838 91.606 25.7957V26.2508C91.606 31.5652 88.3297 34.4255 83.4071 34.4255C78.1748 34.3767 75.2082 31.5814 75.2082 26.2508ZM87.2865 26.202V25.7957C87.2865 22.7891 85.7706 20.9852 83.3582 20.9852C80.9947 20.9852 79.4299 22.6429 79.4299 25.7957V26.202C79.4299 29.1111 80.9458 30.7688 83.3582 30.7688C85.7706 30.7201 87.2865 29.1111 87.2865 26.202ZM93.8228 17.8323H97.3436L97.7511 20.8877C98.5987 18.8399 100.408 17.426 103.081 17.426C107.205 17.426 109.927 20.3838 109.927 25.8607V26.3158C109.927 31.6302 106.912 34.4417 103.081 34.4417C100.522 34.4417 98.7617 33.2879 97.8978 31.4351V39.6098H93.7739L93.8228 17.8323ZM105.64 26.202V25.8445C105.64 22.6266 103.978 21.0339 101.761 21.0339C99.3974 21.0339 97.8326 22.8379 97.8326 25.8445V26.1533C97.8326 29.0136 99.3485 30.8176 101.712 30.8176C104.141 30.7688 105.64 29.2249 105.64 26.202ZM116.17 31.0288L115.811 33.9867H112.193V12.4204H116.317V20.6926C117.23 18.5799 119.039 17.426 121.598 17.426C125.477 17.4748 128.346 20.1401 128.346 25.5032V26.007C128.346 31.3701 125.624 34.4417 121.5 34.4417C118.778 34.3767 117.018 33.1253 116.17 31.0288ZM124.01 26.007V25.6007C124.01 22.6429 122.397 20.9852 120.131 20.9852C117.816 20.9852 116.203 22.8379 116.203 25.6495V26.007C116.203 29.0136 117.768 30.7688 120.082 30.7688C122.56 30.7688 124.01 29.2249 124.01 26.007ZM130.156 26.2508V25.7957C130.156 20.3838 133.627 17.426 138.354 17.426C143.179 17.426 146.553 20.3838 146.553 25.7957V26.2508C146.553 31.5652 143.228 34.4255 138.354 34.4255C133.122 34.3767 130.156 31.5814 130.156 26.2508ZM142.266 26.202V25.7957C142.266 22.7891 140.751 20.9852 138.338 20.9852C135.975 20.9852 134.41 22.6429 134.41 25.7957V26.202C134.41 29.1111 135.926 30.7688 138.338 30.7688C140.767 30.7201 142.266 29.1111 142.266 26.202ZM152.079 25.6007L146.39 17.8323H151.264L154.54 22.6916L157.866 17.8323H162.69L156.92 25.5519L163 33.9867H158.224L154.508 28.6236L150.889 33.9867H145.901L152.079 25.6007Z"
76      fill="black"
77    />
78    <path
79      d="M18.908 14.0132L9.454 20.0264L18.908 26.0396L9.454 32.0528L0 26.0071L9.454 19.9939L0 14.0132L9.454 8L18.908 14.0132ZM9.4051 33.9868L18.8591 27.9736L28.3131 33.9868L18.8591 40L9.4051 33.9868ZM18.908 26.0071L28.362 19.9939L18.908 14.0132L28.3131 8L37.7671 14.0132L28.3131 20.0264L37.7671 26.0396L28.3131 32.0528L18.908 26.0071Z"
80      fill="#0061FF"
81    />
82  </svg>
83);
84
85const NotionLogo = ({ className }) => (
86  <svg
87    className={className}
88    aria-hidden="true"
89    viewBox="0 0 129 48"
90    xmlns="http://www.w3.org/2000/svg"
91  >
92    <path
93      d="M45.0948 35.8764V21.2698H45.3551L55.9873 35.8764H59.3331V14.4264H55.6155V28.9962H55.3553L44.7231 14.4264H41.3773V35.8764H45.0948ZM69.8537 36.2075C74.7609 36.2075 77.7721 33.0434 77.7721 27.7452C77.7721 22.4839 74.7609 19.283 69.8537 19.283C64.9837 19.283 61.9353 22.4839 61.9353 27.7452C61.9725 33.0434 64.9466 36.2075 69.8537 36.2075ZM69.8537 33.1169C67.2514 33.1169 65.7644 31.1669 65.7644 27.7452C65.7644 24.3603 67.2514 22.3735 69.8537 22.3735C72.456 22.3735 73.943 24.3603 73.943 27.7452C73.943 31.1669 72.456 33.1169 69.8537 33.1169ZM81.1551 15.6405V19.7245H78.5528V22.6679H81.1551V31.5349C81.1551 34.699 82.6421 35.95 86.434 35.95C87.1403 35.95 87.8467 35.8764 88.4043 35.766V32.8962C87.9582 32.933 87.6608 32.9698 87.1403 32.9698C85.579 32.9698 84.8726 32.2707 84.8726 30.6519V22.6679H88.4043V19.7245H84.8726V15.6405H81.1551ZM90.6349 35.8764H94.3524V19.6141H90.6349V35.8764ZM92.4936 16.9283C93.7204 16.9283 94.7242 15.9349 94.7242 14.7207C94.7242 13.4698 93.7204 12.4764 92.4936 12.4764C91.2668 12.4764 90.2631 13.4698 90.2631 14.7207C90.2631 15.9349 91.2668 16.9283 92.4936 16.9283ZM104.538 36.2075C109.446 36.2075 112.457 33.0434 112.457 27.7452C112.457 22.4839 109.446 19.283 104.538 19.283C99.6685 19.283 96.6201 22.4839 96.6201 27.7452C96.6201 33.0434 99.5942 36.2075 104.538 36.2075ZM104.538 33.1169C101.936 33.1169 100.449 31.1669 100.449 27.7452C100.449 24.3603 101.936 22.3735 104.538 22.3735C107.104 22.3735 108.628 24.3603 108.628 27.7452C108.591 31.1669 107.104 33.1169 104.538 33.1169ZM114.65 35.8764H118.368V26.4207C118.368 24.0292 119.78 22.5207 121.974 22.5207C124.242 22.5207 125.282 23.7717 125.282 26.2368V35.8764H129V25.3537C129 21.4537 126.993 19.283 123.349 19.283C120.896 19.283 119.26 20.3867 118.479 22.2264H118.219V19.6141H114.613C114.65 19.6141 114.65 35.8764 114.65 35.8764Z"
94      fill="black"
95    />
96    <path
97      fillRule="evenodd"
98      clipRule="evenodd"
99      d="M5.73229 13.0535C6.81429 13.9264 7.20565 13.8574 9.23152 13.7196L28.3161 12.5711C28.7305 12.5711 28.3852 12.1576 28.2471 12.1117L25.0701 9.83759C24.4716 9.37818 23.6428 8.82689 22.1004 8.96471L3.63736 10.32C2.96974 10.3889 2.83161 10.7334 3.10787 10.9861L5.73229 13.0535ZM6.88335 17.4868V37.5171C6.88335 38.5967 7.41284 38.9872 8.63297 38.9183L29.6053 37.7009C30.8255 37.6319 30.9636 36.8969 30.9636 36.024V16.1315C30.9636 15.2586 30.6183 14.7763 29.8816 14.8452L7.96535 16.1315C7.15961 16.2004 6.88335 16.6139 6.88335 17.4868ZM27.5795 18.5664C27.7176 19.1636 27.5795 19.7838 26.9809 19.8527L25.968 20.0595V34.8525C25.0932 35.3119 24.2874 35.5876 23.5968 35.5876C22.5148 35.5876 22.2385 35.243 21.4328 34.2323L14.8257 23.8726V33.8877L16.9206 34.3472C16.9206 34.3472 16.9206 35.5646 15.2401 35.5646L10.5898 35.8402C10.4517 35.5646 10.5898 34.8985 11.0502 34.7606L12.2703 34.4161V21.185L10.5898 21.0472C10.4517 20.45 10.797 19.5771 11.7408 19.5082L16.7365 19.1636L23.6198 29.6382V20.3811L21.8702 20.1743C21.7321 19.4393 22.2846 18.888 22.9522 18.8191L27.5795 18.5664ZM2.09493 8.48233L21.3177 7.08113C23.6658 6.87439 24.2874 7.01222 25.7608 8.09183L31.8844 12.3873C32.8974 13.1224 33.2427 13.3291 33.2427 14.1331V37.7238C33.2427 39.1939 32.7132 40.0668 30.8255 40.2046L8.51786 41.5599C7.09055 41.6288 6.42293 41.4221 5.68625 40.4803L1.15106 34.6228C0.345319 33.5432 0 32.7392 0 31.7974V10.8253C0 9.60789 0.55251 8.62015 2.09493 8.48233Z"
100      fill="black"
101    />
102  </svg>
103);
104
105const ShopifyLogo = ({ className }) => (
106  <svg
107    className={className}
108    aria-hidden="true"
109    viewBox="0 0 127 48"
110    xmlns="http://www.w3.org/2000/svg"
111  >
112    <path
113      d="M27.2797 12.7512C27.2543 12.5742 27.1019 12.4731 26.9749 12.4731C26.8479 12.4731 24.3333 12.4225 24.3333 12.4225C24.3333 12.4225 22.2251 10.4002 22.0219 10.1726C21.8187 9.9704 21.4123 10.021 21.2599 10.0715C21.2599 10.0715 20.8535 10.1979 20.1931 10.4002C20.0915 10.0462 19.9137 9.61648 19.6851 9.16144C18.9485 7.74577 17.8309 6.98738 16.5101 6.98738C16.4085 6.98738 16.3323 6.98738 16.2307 7.01266C16.1799 6.9621 16.1545 6.91154 16.1037 6.88626C15.5195 6.27954 14.7828 5.97618 13.8938 6.00146C12.192 6.05202 10.4902 7.29073 9.09323 9.4648C8.12803 11.0069 7.39142 12.9281 7.16282 14.4197C5.20702 15.0264 3.83541 15.4561 3.78461 15.4561C2.79401 15.7595 2.76861 15.7848 2.64161 16.7201C2.59081 17.428 0 37.3738 0 37.3738L21.7425 41.1152L31.1659 38.7895C31.1405 38.7895 27.3051 12.9281 27.2797 12.7512ZM19.1009 10.7541C18.5929 10.9058 18.0341 11.0827 17.4245 11.285C17.4245 10.4254 17.2975 9.212 16.9165 8.20081C18.2119 8.40305 18.8469 9.86928 19.1009 10.7541ZM16.2815 11.6136C15.1384 11.9675 13.8938 12.3467 12.6492 12.7259C13.0048 11.3861 13.6652 10.0715 14.478 9.18672C14.7828 8.85809 15.2147 8.50417 15.6973 8.30193C16.2053 9.28784 16.3069 10.6782 16.2815 11.6136ZM13.9446 7.13905C14.351 7.13905 14.6812 7.21489 14.9606 7.41713C14.5034 7.64465 14.0462 7.99857 13.6398 8.45361C12.5476 9.61648 11.7094 11.4114 11.3792 13.1557C10.3378 13.4843 9.32183 13.7877 8.40743 14.0657C9.01703 11.3102 11.3284 7.21489 13.9446 7.13905Z"
114      fill="#95BF47"
115    />
116    <path
117      d="M26.9749 12.4731C26.8479 12.4731 24.3333 12.4225 24.3333 12.4225C24.3333 12.4225 22.2251 10.4002 22.0219 10.1726C21.9457 10.0968 21.8442 10.0464 21.7426 10.0464L21.7425 41.1152L31.1659 38.7895C31.1659 38.7895 27.3306 12.9283 27.3052 12.7514C27.2544 12.5744 27.1019 12.4731 26.9749 12.4731Z"
118      fill="#5E8E3E"
119    />
120    <path
121      d="M16.5105 17.3014L15.4183 21.3714C15.4183 21.3714 14.1991 20.8153 12.7513 20.9164C10.6177 21.0428 10.6177 22.3826 10.6177 22.7113C10.7447 24.5314 15.5453 24.9359 15.8247 29.2082C16.0279 32.5704 14.0467 34.8709 11.1511 35.0478C7.69666 35.2248 5.79165 33.2024 5.79165 33.2024L6.52826 30.093C6.52826 30.093 8.45866 31.5339 9.98267 31.4328C10.9733 31.3823 11.3543 30.548 11.3035 29.9919C11.1511 27.6156 7.23946 27.7672 6.98546 23.8489C6.78226 20.5625 8.94126 17.2508 13.7165 16.9475C15.5707 16.8211 16.5105 17.3014 16.5105 17.3014Z"
122      fill="white"
123    />
124    <path
125      d="M43.917 25.9727C42.8248 25.3913 42.266 24.8857 42.266 24.2032C42.266 23.3436 43.0534 22.7875 44.2726 22.7875C45.695 22.7875 46.965 23.3689 46.965 23.3689L47.9556 20.3353C47.9556 20.3353 47.0412 19.6275 44.3488 19.6275C40.5896 19.6275 37.9734 21.7763 37.9734 24.7846C37.9734 26.5036 39.1926 27.7929 40.8182 28.7282C42.139 29.4614 42.5962 29.9922 42.5962 30.7759C42.5962 31.5849 41.9358 32.2421 40.7166 32.2421C38.9132 32.2421 37.186 31.3068 37.186 31.3068L36.1192 34.3404C36.1192 34.3404 37.694 35.4021 40.361 35.4021C44.2218 35.4021 47.0158 33.5061 47.0158 30.0934C46.9904 28.2479 45.5934 26.9334 43.917 25.9727Z"
126      fill="black"
127    />
128    <path
129      d="M59.3095 19.5772C57.4045 19.5772 55.9059 20.4872 54.7629 21.8523L54.7121 21.8271L56.3631 13.2319H52.0705L47.8795 35.1243H52.1721L53.5945 27.6414C54.1533 24.8101 55.6265 23.0658 56.9981 23.0658C57.9633 23.0658 58.3443 23.7231 58.3443 24.6584C58.3443 25.2398 58.2935 25.973 58.1665 26.5544L56.5409 35.1243H60.8335L62.5099 26.2763C62.6877 25.341 62.8147 24.2287 62.8147 23.4703C62.8401 21.0434 61.5701 19.5772 59.3095 19.5772Z"
130      fill="black"
131    />
132    <path
133      d="M72.568 19.5768C67.3864 19.5768 63.9574 24.2283 63.9574 29.4107C63.9574 32.7223 66.0148 35.402 69.8756 35.402C74.9556 35.402 78.3846 30.8769 78.3846 25.5681C78.41 22.5092 76.6066 19.5768 72.568 19.5768ZM70.4598 32.1409C68.9866 32.1409 68.377 30.9022 68.377 29.3348C68.377 26.8827 69.647 22.8884 71.9838 22.8884C73.5078 22.8884 74.0158 24.203 74.0158 25.467C74.0158 28.0961 72.7204 32.1409 70.4598 32.1409Z"
134      fill="black"
135    />
136    <path
137      d="M89.4088 19.5768C86.5132 19.5768 84.8622 22.13 84.8622 22.13H84.8114L85.0654 19.8296H81.2554C81.0776 21.3717 80.722 23.748 80.3918 25.5176L77.3946 41.1911H81.6872L82.881 34.8458H82.9826C82.9826 34.8458 83.8716 35.402 85.4972 35.402C90.5518 35.402 93.8538 30.2449 93.8538 25.0372C93.8538 22.1553 92.5584 19.5768 89.4088 19.5768ZM85.294 32.1914C84.1764 32.1914 83.516 31.5594 83.516 31.5594L84.2272 27.5652C84.7352 24.8856 86.1322 23.116 87.6308 23.116C88.9516 23.116 89.358 24.3294 89.358 25.467C89.358 28.2478 87.707 32.1914 85.294 32.1914Z"
138      fill="black"
139    />
140    <path
141      d="M99.9999 13.4341C98.6283 13.4341 97.5361 14.5211 97.5361 15.9115C97.5361 17.1755 98.3489 18.0603 99.5681 18.0603H99.6189C100.965 18.0603 102.108 17.1502 102.134 15.5828C102.134 14.3441 101.295 13.4341 99.9999 13.4341Z"
142      fill="black"
143    />
144    <path
145      d="M93.9804 35.0988H98.273L101.194 19.9308H96.876L93.9804 35.0988Z"
146      fill="black"
147    />
148    <path
149      d="M112.141 19.9058H109.144L109.296 19.198C109.55 17.7317 110.414 16.4425 111.862 16.4425C112.624 16.4425 113.233 16.67 113.233 16.67L114.072 13.3078C114.072 13.3078 113.335 12.9286 111.735 12.9286C110.211 12.9286 108.687 13.3583 107.518 14.3442C106.045 15.583 105.359 17.3778 105.029 19.198L104.902 19.9058H102.896L102.261 23.1416H104.267L101.981 35.1243H106.274L108.56 23.1416H111.532L112.141 19.9058Z"
150      fill="black"
151    />
152    <path
153      d="M122.504 19.9308C122.504 19.9308 119.812 26.6806 118.618 30.3714H118.567C118.491 29.1833 117.5 19.9308 117.5 19.9308H112.979L115.57 33.8601C115.621 34.1634 115.595 34.3656 115.468 34.5679C114.96 35.5285 114.122 36.4639 113.132 37.1464C112.319 37.7279 111.404 38.1071 110.693 38.3599L111.887 42.0002C112.751 41.8232 114.579 41.0901 116.103 39.6744C118.059 37.8543 119.888 35.0229 121.742 31.1804L127 19.9308H122.504Z"
154      fill="black"
155    />
156  </svg>
157);
158
159const SlackLogo = ({ className }) => (
160  <svg
161    className={className}
162    aria-hidden="true"
163    viewBox="0 0 121 48"
164    xmlns="http://www.w3.org/2000/svg"
165  >
166    <path
167      d="M38.0154 32.7227L39.487 29.2913C41.0983 30.4817 43.1999 31.1118 45.3021 31.1118C46.8435 31.1118 47.8243 30.5168 47.8243 29.6066C47.7891 27.0854 38.5409 29.0462 38.4706 22.7076C38.4354 19.4861 41.3083 17 45.3724 17C47.7891 17 50.2068 17.5955 51.9231 18.9613L50.548 22.466C48.9688 21.453 47.0184 20.7467 45.1619 20.7467C43.9008 20.7467 43.0598 21.3417 43.0598 22.1126C43.0949 24.5987 52.414 23.2329 52.519 29.2913C52.519 32.5829 49.7159 34.8941 45.7221 34.8941C42.7799 34.8941 40.0829 34.1939 38.0154 32.7227ZM96.6126 28.0487C96.2411 28.7072 95.7008 29.2552 95.047 29.6366C94.3932 30.018 93.6495 30.219 92.8921 30.2191C90.5317 30.2191 88.6185 28.3064 88.6185 25.947C88.6185 23.5877 90.5317 21.675 92.8921 21.675C93.6495 21.6751 94.3932 21.8761 95.047 22.2575C95.7008 22.6389 96.2411 23.1869 96.6126 23.8454L100.704 21.5798C99.1715 18.8476 96.2484 17 92.8921 17C87.9487 17 83.9414 21.0054 83.9414 25.947C83.9414 30.8882 87.9487 34.8941 92.8921 34.8941C96.2484 34.8941 99.1715 33.0465 100.704 30.3143L96.6126 28.0487ZM55.1738 34.5437H60.2885V9.55215H55.1743L55.1738 34.5437ZM103.287 9.55215V34.5437H108.402V27.0563L114.462 34.5437H121L113.293 25.6488L120.439 17.3489H114.182L108.402 24.2494V9.55215H103.287ZM76.0462 17.3499V19.3814C75.2056 17.9804 73.1386 17 70.9666 17C66.4825 17 62.9444 20.9573 62.9444 25.9295C62.9444 30.9018 66.4825 34.8941 70.9666 34.8941C73.1386 34.8941 75.2056 33.9137 76.0462 32.5127V34.5437H81.1609V17.3499H76.0462ZM76.0462 28.0833C75.3106 29.3088 73.7692 30.2186 72.0529 30.2186C69.692 30.2186 67.7787 28.3064 67.7787 25.947C67.7787 23.5877 69.692 21.675 72.0529 21.675C73.7692 21.675 75.3106 22.6204 76.0462 23.8805V28.0833Z"
168      fill="black"
169    />
170    <path
171      d="M11.0044 9C9.34692 9 8.00343 10.3433 8.00343 11.9999C8.00303 12.3934 8.08034 12.7832 8.23094 13.147C8.38154 13.5107 8.60248 13.8413 8.88115 14.1199C9.15982 14.3985 9.49076 14.6195 9.85508 14.7705C10.2194 14.9215 10.6099 14.9994 11.0044 14.9998H14.0059V11.9999C14.0066 11.205 13.6908 10.4424 13.1279 9.87986C12.565 9.31729 11.8012 9.0008 11.0044 9ZM11.0044 16.9997H3.00125C1.34374 16.9997 0.000244722 18.343 0.000244722 20.0001C0.000244722 21.6567 1.34374 23 3.00125 23H11.0049C12.6619 23 14.0059 21.6567 14.0059 20.0001C14.0059 18.343 12.6619 16.9997 11.0044 16.9997Z"
172      fill="#36C5F0"
173    />
174    <path
175      d="M30.0124 20.0001C30.0124 18.343 28.6684 16.9997 27.0109 16.9997C25.3534 16.9997 24.0099 18.343 24.0099 20.0001V23H27.0109C27.8077 22.9992 28.5715 22.6827 29.1344 22.1201C29.6972 21.5576 30.0131 20.795 30.0124 20.0001ZM22.0092 20.0001V11.9999C22.0099 11.205 21.6941 10.4424 21.1312 9.87986C20.5683 9.31729 19.8045 9.0008 19.0077 9C17.3502 9 16.0067 10.3433 16.0067 11.9999V19.9996C16.0067 21.6572 17.3502 23.0005 19.0077 23.0005C19.8045 22.9997 20.5683 22.6832 21.1312 22.1206C21.6941 21.5581 22.0099 20.795 22.0092 20.0001Z"
176      fill="#2EB67D"
177    />
178    <path
179      d="M19.0078 39C19.8045 38.9992 20.5684 38.6827 21.1312 38.1201C21.6941 37.5576 22.01 36.795 22.0093 36.0001C22.01 35.2052 21.6941 34.4426 21.1312 33.8801C20.5684 33.3175 19.8045 33.001 19.0078 33.0002H16.0068V36.0001C16.0068 37.6567 17.3503 39 19.0078 39ZM19.0078 31.0003H27.0115C28.6685 31.0003 30.0125 29.657 30.0125 27.9999C30.0131 27.205 29.6973 26.4424 29.1344 25.8799C28.5715 25.3173 27.8077 25.0008 27.011 25H19.0078C17.3503 25 16.0068 26.3433 16.0068 27.9999C16.0064 28.3934 16.0837 28.7832 16.2343 29.147C16.3849 29.5107 16.6058 29.8413 16.8845 30.1199C17.1632 30.3985 17.4941 30.6195 17.8584 30.7705C18.2227 30.9215 18.6133 30.9999 19.0078 31.0003Z"
180      fill="#ECB22E"
181    />
182    <path
183      d="M1.51423e-06 27.9999C-0.000394564 28.3934 0.0769146 28.7832 0.227515 29.147C0.378115 29.5107 0.599057 29.8413 0.877727 30.1199C1.1564 30.3985 1.48733 30.6195 1.85165 30.7705C2.21596 30.9215 2.60651 30.9994 3.00101 30.9998C3.79777 30.999 4.56159 30.6825 5.12447 30.1199C5.68734 29.5573 6.00318 28.7948 6.00252 27.9999V25H3.00101C1.3435 25 1.51423e-06 26.3433 1.51423e-06 27.9999ZM8.00319 27.9999V35.9996C8.00319 37.6567 9.34668 39 11.0042 39C11.801 38.9992 12.5648 38.6827 13.1276 38.1201C13.6905 37.5576 14.0064 36.795 14.0057 36.0001V27.9999C14.0061 27.6063 13.9288 27.2165 13.7781 26.8527C13.6275 26.4889 13.4065 26.1583 13.1278 25.8797C12.8491 25.6011 12.5181 25.3801 12.1537 25.2291C11.7893 25.0782 11.3987 25.0003 11.0042 25C9.34668 25 8.00319 26.3433 8.00319 27.9999Z"
184      fill="#E01E5A"
185    />
186  </svg>
187);
188
189const SpotifyLogo = ({ className }) => (
190  <svg
191    className={className}
192    aria-hidden="true"
193    viewBox="0 0 140 48"
194    xmlns="http://www.w3.org/2000/svg"
195  >
196    <path
197      d="M20.9947 3C9.3999 3 0 12.4022 0 24.0001C0 35.5986 9.3999 45 20.9947 45C32.5908 45 41.9897 35.5986 41.9897 24.0001C41.9897 12.4029 32.5908 3.001 20.9945 3.001L20.9947 3V3ZM30.6228 33.2882C30.2467 33.9051 29.4394 34.1007 28.8227 33.722C23.8934 30.7103 17.6879 30.0282 10.3799 31.6983C9.67568 31.8588 8.97371 31.4175 8.81326 30.7128C8.65205 30.0081 9.09154 29.306 9.79752 29.1455C17.795 27.3178 24.655 28.1048 30.189 31.4877C30.8058 31.8663 31.0013 32.6713 30.6228 33.2882V33.2882ZM33.1925 27.5701C32.7186 28.3405 31.7108 28.5837 30.9412 28.1098C25.2978 24.6401 16.6954 23.6353 10.0204 25.662C9.15471 25.9235 8.2404 25.4355 7.97766 24.5711C7.71693 23.7052 8.20505 22.7924 9.06923 22.5291C16.6939 20.215 26.1728 21.3359 32.6535 25.3194C33.4231 25.7934 33.6663 26.8015 33.1925 27.5704V27.5701ZM33.4131 21.6158C26.6466 17.5957 15.4827 17.226 9.02234 19.1873C7.98493 19.502 6.88785 18.9162 6.57346 17.8785C6.25908 16.8403 6.84422 15.7437 7.88239 15.4282C15.2985 13.1763 27.6268 13.6114 35.4172 18.2374C36.3524 18.7913 36.6582 19.9968 36.1042 20.9289C35.5526 21.8623 34.3442 22.17 33.4141 21.6158H33.4131ZM57.1197 22.3862C53.4945 21.5215 52.8502 20.9146 52.8502 19.6395C52.8502 18.4347 53.9834 17.624 55.6706 17.624C57.3052 17.624 58.9248 18.2396 60.6245 19.507C60.6747 19.5454 60.7399 19.5607 60.8025 19.5507C60.8677 19.5412 60.9229 19.5063 60.9605 19.4539L62.7305 16.9582C62.8032 16.8554 62.7831 16.7137 62.6853 16.6352C60.6621 15.012 58.3857 14.2228 55.7233 14.2228C51.8098 14.2228 49.0746 16.5723 49.0746 19.9339C49.0746 23.5387 51.4337 24.8151 55.5102 25.8004C58.9774 26.5996 59.5641 27.2692 59.5641 28.4659C59.5641 29.7925 58.3807 30.6175 56.4754 30.6175C54.3594 30.6175 52.6321 29.9028 50.7017 28.2327C50.654 28.19 50.5888 28.1725 50.5287 28.175C50.4635 28.18 50.4058 28.2101 50.3657 28.2577L48.3801 30.62C48.2974 30.7203 48.3074 30.8658 48.4027 30.951C50.649 32.9572 53.4118 34.0154 56.3952 34.0154C60.612 34.0154 63.3372 31.7109 63.3372 28.1424C63.3447 25.1314 61.5421 23.4637 57.1272 22.3894L57.1197 22.3862V22.3862ZM72.879 18.8102C71.0513 18.8102 69.5521 19.5304 68.3136 21.0062V19.3451C68.3136 19.2139 68.2083 19.1071 68.078 19.1071H64.8314C64.701 19.1071 64.5957 19.2139 64.5957 19.3451V37.8021C64.5957 37.9325 64.701 38.0403 64.8314 38.0403H68.078C68.2083 38.0403 68.3136 37.9325 68.3136 37.8021V31.9767C69.5521 33.3634 71.0513 34.043 72.879 34.043C76.276 34.043 79.7157 31.4275 79.7157 26.4273C79.7207 21.4262 76.281 18.8099 72.8815 18.8099L72.879 18.8102ZM75.9401 26.4273C75.9401 28.9724 74.3732 30.7504 72.1269 30.7504C69.9081 30.7504 68.2334 28.8922 68.2334 26.4273C68.2334 23.9623 69.9081 22.1045 72.1269 22.1045C74.3356 22.1043 75.9401 23.9219 75.9401 26.4271V26.4273ZM88.5279 18.8102C84.1531 18.8102 80.726 22.1795 80.726 26.4818C80.726 30.7379 84.1306 34.0706 88.4753 34.0706C92.8651 34.0706 96.3023 30.7128 96.3023 26.4273C96.3023 22.1565 92.8877 18.8107 88.5279 18.8107V18.8102V18.8102ZM88.5279 30.7755C86.2014 30.7755 84.4465 28.9047 84.4465 26.4261C84.4465 23.9362 86.1412 22.1294 88.4753 22.1294C90.8168 22.1294 92.5818 23.9994 92.5818 26.4805C92.5818 28.9699 90.877 30.7755 88.5279 30.7755V30.7755ZM105.643 19.1071H102.071V15.4543C102.071 15.3234 101.966 15.2166 101.835 15.2166H98.5887C98.4583 15.2166 98.3505 15.3234 98.3505 15.4543V19.1071H96.7911C96.6608 19.1071 96.5555 19.2139 96.5555 19.3451V22.1354C96.5555 22.2663 96.6608 22.3734 96.7911 22.3734H98.3505V29.5943C98.3505 32.5108 99.8021 33.9904 102.668 33.9904C103.831 33.9904 104.796 33.7496 105.706 33.233C105.781 33.1929 105.827 33.1127 105.827 33.0274V30.3692C105.827 30.289 105.784 30.2112 105.714 30.1686C105.643 30.1235 105.556 30.121 105.483 30.1586C104.859 30.472 104.255 30.6175 103.578 30.6175C102.537 30.6175 102.071 30.1435 102.071 29.0853V22.3746H105.643C105.774 22.3746 105.879 22.2678 105.879 22.1366V19.3466C105.884 19.2154 105.779 19.1086 105.646 19.1086L105.643 19.1071V19.1071ZM118.088 19.1214V18.6727C118.088 17.3529 118.595 16.7644 119.728 16.7644C120.405 16.7644 120.949 16.8988 121.558 17.1019C121.633 17.1255 121.711 17.1137 121.771 17.0688C121.834 17.0239 121.869 16.9519 121.869 16.8757V14.1398C121.869 14.0352 121.804 13.9427 121.701 13.9118C121.059 13.7205 120.237 13.5241 119.004 13.5241C116.008 13.5241 114.421 15.2128 114.421 18.4059V19.093H112.861C112.731 19.093 112.623 19.1999 112.623 19.3308V22.1354C112.623 22.2663 112.731 22.3734 112.861 22.3734H114.421V33.5089C114.421 33.6418 114.528 33.7471 114.659 33.7471H117.903C118.036 33.7471 118.141 33.6418 118.141 33.5089V22.3741H121.172L125.815 33.5089C125.289 34.6775 124.77 34.9107 124.063 34.9107C123.491 34.9107 122.887 34.7402 122.273 34.4016C122.215 34.3715 122.145 34.3665 122.085 34.3841C122.022 34.4067 121.969 34.4518 121.944 34.512L120.844 36.9269C120.791 37.0423 120.836 37.1752 120.946 37.2354C122.095 37.8573 123.13 38.1231 124.411 38.1231C126.808 38.1231 128.134 37.0046 129.3 34.0004L134.931 19.4464C134.961 19.3731 134.951 19.2904 134.906 19.2254C134.863 19.161 134.79 19.1221 134.713 19.1221H131.333C131.23 19.1221 131.14 19.1866 131.108 19.2816L127.645 29.1705L123.855 19.2751C123.82 19.1831 123.732 19.1221 123.634 19.1221H118.088V19.1214V19.1214ZM110.873 19.1071H107.627C107.496 19.1071 107.388 19.2139 107.388 19.3451V33.5089C107.388 33.6418 107.496 33.7471 107.627 33.7471H110.873C111.004 33.7471 111.111 33.6418 111.111 33.5089V19.3461C111.111 19.2149 111.006 19.1081 110.873 19.1081V19.1071ZM109.269 12.6575C107.983 12.6575 106.94 13.6987 106.94 14.9849C106.94 16.2718 107.983 17.3143 109.269 17.3143C110.555 17.3143 111.595 16.2718 111.595 14.9849C111.595 13.6989 110.552 12.6575 109.269 12.6575ZM137.704 23.6613C136.42 23.6613 135.42 22.6294 135.42 21.3763C135.42 20.1232 136.432 19.0795 137.716 19.0795C139 19.0795 140 20.1112 140 21.3633C140 22.6164 138.987 23.6613 137.704 23.6613ZM137.716 19.3067C136.545 19.3067 135.66 20.237 135.66 21.3763C135.66 22.5151 136.54 23.4329 137.704 23.4329C138.874 23.4329 139.759 22.5033 139.759 21.3633C139.759 20.2245 138.879 19.3067 137.716 19.3067V19.3067ZM138.223 21.5982L138.869 22.503H138.323L137.741 21.673H137.242V22.503H136.786V20.1046H137.854C138.413 20.1046 138.779 20.3898 138.779 20.8697C138.782 21.263 138.553 21.5032 138.225 21.5982H138.223ZM137.836 20.5162H137.242V21.2747H137.836C138.132 21.2747 138.31 21.1295 138.31 20.8951C138.31 20.6483 138.132 20.5162 137.836 20.5162V20.5162Z"
198      fill="#1ED760"
199    />
200  </svg>
201);
202
203const StripeLogo = ({ className }) => (
204  <svg
205    className={className}
206    aria-hidden="true"
207    viewBox="0 0 80 48"
208    xmlns="http://www.w3.org/2000/svg"
209  >
210    <path
211      fillRule="evenodd"
212      clipRule="evenodd"
213      d="M80 24.0508C80 18.4113 77.2445 13.9613 71.9778 13.9613C66.6889 13.9613 63.4889 18.4113 63.4889 24.0067C63.4889 30.6375 67.2667 33.986 72.6889 33.986C75.3333 33.986 77.3333 33.3912 78.8444 32.5541V28.1482C77.3333 28.8972 75.6 29.3598 73.4 29.3598C71.2445 29.3598 69.3333 28.6108 69.0889 26.0114H79.9556C79.9556 25.725 80 24.5795 80 24.0508ZM69.0222 21.958C69.0222 19.4687 70.5556 18.4333 71.9556 18.4333C73.3111 18.4333 74.7556 19.4687 74.7556 21.958H69.0222Z"
214      fill="#635BFF"
215    />
216    <path
217      fillRule="evenodd"
218      clipRule="evenodd"
219      d="M54.911 13.9613C52.7332 13.9613 51.3332 14.9747 50.5554 15.6796L50.2665 14.3138H45.3777V40L50.9332 38.8324L50.9554 32.5981C51.7554 33.1709 52.9332 33.986 54.8888 33.986C58.8665 33.986 62.4888 30.8138 62.4888 23.8305C62.4665 17.442 58.7999 13.9613 54.911 13.9613ZM53.5777 29.1395C52.2665 29.1395 51.4888 28.6769 50.9554 28.1042L50.9332 19.9313C51.511 19.2924 52.311 18.8518 53.5777 18.8518C55.5999 18.8518 56.9999 21.0988 56.9999 23.9847C56.9999 26.9366 55.6221 29.1395 53.5777 29.1395Z"
220      fill="#635BFF"
221    />
222    <path
223      fillRule="evenodd"
224      clipRule="evenodd"
225      d="M37.7331 12.6615L43.3109 11.472V7L37.7331 8.16756V12.6615Z"
226      fill="#635BFF"
227    />
228    <path
229      d="M43.3109 14.3358H37.7331V33.6115H43.3109V14.3358Z"
230      fill="#635BFF"
231    />
232    <path
233      fillRule="evenodd"
234      clipRule="evenodd"
235      d="M31.7551 15.966L31.3996 14.3358H26.5996V33.6115H32.1551V20.5481C33.4662 18.8518 35.6884 19.1602 36.3773 19.4025V14.3358C35.6662 14.0714 33.0662 13.5868 31.7551 15.966Z"
236      fill="#635BFF"
237    />
238    <path
239      fillRule="evenodd"
240      clipRule="evenodd"
241      d="M20.6442 9.55538L15.222 10.7009L15.1998 28.3464C15.1998 31.6067 17.6664 34.008 20.9553 34.008C22.7775 34.008 24.1109 33.6775 24.8442 33.281V28.809C24.1331 29.0954 20.622 30.1088 20.622 26.8484V19.028H24.8442V14.3357H20.622L20.6442 9.55538Z"
242      fill="#635BFF"
243    />
244    <path
245      fillRule="evenodd"
246      clipRule="evenodd"
247      d="M5.62221 19.9313C5.62221 19.0721 6.33332 18.7417 7.5111 18.7417C9.19999 18.7417 11.3333 19.2484 13.0222 20.1516V14.9747C11.1778 14.2477 9.35554 13.9613 7.5111 13.9613C3 13.9613 0 16.2964 0 20.1956C0 26.2757 8.44443 25.3064 8.44443 27.9279C8.44443 28.9413 7.55554 29.2717 6.3111 29.2717C4.46666 29.2717 2.11111 28.5227 0.244444 27.5094V32.7524C2.31111 33.6335 4.39999 34.008 6.3111 34.008C10.9333 34.008 14.1111 31.739 14.1111 27.7958C14.0889 21.231 5.62221 22.3986 5.62221 19.9313Z"
248      fill="#635BFF"
249    />
250  </svg>
251);
252
253const ZoomLogo = ({ className }) => (
254  <svg
255    className={className}
256    aria-hidden="true"
257    viewBox="0 0 98 48"
258    xmlns="http://www.w3.org/2000/svg"
259  >
260    <path
261      fillRule="evenodd"
262      clipRule="evenodd"
263      d="M79.7902 19.5972C80.1648 20.2429 80.2873 20.9774 80.3278 21.8032L80.381 22.9039V30.6007L80.4353 31.7025C80.544 33.502 81.8725 34.8325 83.6877 34.9457L84.7849 35V22.9039L84.8392 21.8032C84.8843 20.9867 85.0057 20.2382 85.3861 19.588C85.7737 18.921 86.3301 18.3677 86.9995 17.9835C87.6689 17.5993 88.4277 17.3978 89.1997 17.3992C89.9717 17.4006 90.7298 17.6049 91.3977 17.9915C92.0657 18.3781 92.6201 18.9335 93.0053 19.6018C93.3799 20.2475 93.4967 20.9959 93.5418 21.8032L93.5961 22.9005V30.6007L93.6505 31.7025C93.7638 33.5112 95.0818 34.8418 96.9028 34.9457L98 35V21.8032C98 19.4697 97.0723 17.2317 95.4208 15.5813C93.7693 13.9309 91.5294 13.0032 89.1934 13.0023C87.9431 13.001 86.707 13.2662 85.5675 13.7803C84.428 14.2944 83.4115 15.0454 82.5858 15.9833C81.7598 15.0458 80.7432 14.2949 79.6039 13.7807C78.4645 13.2665 77.2285 13.0007 75.9783 13.0012C74.1492 13.0012 72.4519 13.5555 71.046 14.513C70.1881 13.5567 68.2689 13.0012 67.167 13.0012V35L68.2689 34.9457C70.1118 34.8244 71.4437 33.5297 71.5154 31.7025L71.5744 30.6007V22.9039L71.6287 21.8032C71.675 20.9728 71.7906 20.2429 72.1663 19.5926C72.5543 18.9261 73.1105 18.3728 73.7794 17.9882C74.4482 17.6035 75.2064 17.4009 75.9783 17.4005C76.7507 17.4006 77.5095 17.6037 78.1785 17.9893C78.8476 18.3748 79.4034 18.9294 79.7902 19.5972ZM4.40388 34.9469L5.50572 35H22.0217L21.9674 33.9028C21.8182 32.0941 20.536 30.7728 18.7197 30.655L17.6178 30.6007H7.7094L20.9199 17.3993L20.8656 16.3032C20.78 14.4761 19.4435 13.1559 17.6178 13.0554L16.516 13.0058L0 13.0012L0.0543404 14.1019C0.198863 15.8932 1.49956 17.2422 3.30089 17.3462L4.40388 17.4005H14.3123L1.10184 30.6018L1.15618 31.7025C1.26486 33.5159 2.57481 34.8291 4.40388 34.9457V34.9469ZM62.8441 16.2212C63.8667 17.2426 64.6779 18.4552 65.2314 19.7898C65.7849 21.1244 66.0697 22.5548 66.0697 23.9994C66.0697 25.444 65.7849 26.8744 65.2314 28.209C64.6779 29.5436 63.8667 30.7562 62.8441 31.7776C60.778 33.8399 57.9768 34.9983 55.0561 34.9983C52.1353 34.9983 49.3341 33.8399 47.268 31.7776C42.9682 27.4823 42.9682 20.5166 47.268 16.2212C48.2898 15.2002 49.5028 14.3902 50.8379 13.8375C52.173 13.2848 53.6039 13.0002 55.0491 13C56.4967 12.999 57.9302 13.2831 59.2677 13.836C60.6053 14.3889 61.8205 15.1999 62.8441 16.2224V16.2212ZM59.7282 19.3362C60.9667 20.5744 61.6624 22.2531 61.6624 24.0035C61.6624 25.7538 60.9667 27.4326 59.7282 28.6707C58.4887 29.908 56.8082 30.6029 55.0561 30.6029C53.3039 30.6029 51.6234 29.908 50.3839 28.6707C49.1454 27.4326 48.4497 25.7538 48.4497 24.0035C48.4497 22.2531 49.1454 20.5744 50.3839 19.3362C51.6234 18.099 53.3039 17.404 55.0561 17.404C56.8082 17.404 58.4887 18.099 59.7282 19.3362ZM31.9394 13C33.3847 13.0004 34.8157 13.2851 36.1508 13.8381C37.4859 14.391 38.6989 15.2012 39.7205 16.2224C44.0215 20.5166 44.0215 27.4834 39.7205 31.7776C37.6544 33.8399 34.8532 34.9983 31.9325 34.9983C29.0118 34.9983 26.2106 33.8399 24.1445 31.7776C19.8446 27.4823 19.8446 20.5166 24.1445 16.2212C25.1662 15.2002 26.3792 14.3902 27.7143 13.8375C29.0494 13.2848 30.4804 13.0002 31.9256 13H31.9394ZM36.6046 19.3339C37.8435 20.5721 38.5394 22.2511 38.5394 24.0017C38.5394 25.7524 37.8435 27.4314 36.6046 28.6696C35.3652 29.9068 33.6847 30.6018 31.9325 30.6018C30.1803 30.6018 28.4998 29.9068 27.2604 28.6696C26.0219 27.4314 25.3262 25.7527 25.3262 24.0023C25.3262 22.252 26.0219 20.5732 27.2604 19.335C28.4998 18.0978 30.1803 17.4028 31.9325 17.4028C33.6847 17.4028 35.3652 18.0978 36.6046 19.335V19.3339Z"
264      fill="#2D8CFF"
265    />
266  </svg>
267);
268
269const data = {
270  subHeading: "Logo cloud",
271  title: "Trusted by over 39,000 forward-thinking companies",
272  paragraph:
273    "Our team of experts understands the importance of a strong digital presence in today's competitive landscape.",
274  items: [
275    {
276      link: "#",
277      Logo: ShopifyLogo,
278    },
279    {
280      link: "#",
281      Logo: AdobeLogo,
282    },
283    {
284      link: "#",
285      Logo: SlackLogo,
286    },
287    {
288      link: "#",
289      Logo: StripeLogo,
290    },
291    {
292      link: "#",
293      Logo: ZoomLogo,
294    },
295    {
296      link: "#",
297      Logo: CanvaLogo,
298    },
299    {
300      link: "#",
301      Logo: NotionLogo,
302    },
303    {
304      link: "#",
305      Logo: SpotifyLogo,
306    },
307    {
308      link: "#",
309      Logo: DropboxLogo,
310    },
311  ],
312  button: { label: "Meet our customer", link: "#" },
313};
314
315export function LogoClouds2() {
316  return (
317    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
318      <div className="mx-auto mb-12 max-w-3xl text-center">
319        <p className="mb-1 truncate text-lg font-semibold capitalize text-sky-600">
320          {data.subHeading}
321        </p>
322        <h2 className="text-4xl font-extrabold tracking-tight text-slate-900 [text-wrap:balance]">
323          {data.title}
324        </h2>
325      </div>
326      <div className="mb-12 grid grid-cols-2 place-items-center gap-6 sm:gap-8 md:grid-cols-3 lg:grid-cols-5 lg:[&>*:nth-child(n+6)]:translate-x-[calc(50%+16px)]">
327        {data.items.map(({ link, Logo }, index: number) => {
328          return (
329            <div
330              key={index}
331              className="w-full rounded-2xl border border-slate-200 bg-white p-4 ring-4 ring-slate-50 max-md:last:col-span-2 max-md:last:w-[calc((100%-32px)/2)] max-sm:last:w-[calc((100%-24px)/2)] sm:p-6"
332            >
333              <Link href={link}>
334                <Logo className="h-10 w-full brightness-0 duration-300 hover:brightness-100 sm:h-12" />
335              </Link>
336            </div>
337          );
338        })}
339      </div>
340      <div className="mx-auto mb-12 max-w-3xl text-center">
341        <p className="mb-4 text-lg text-slate-600 [text-wrap:balance]">
342          {data.paragraph}
343        </p>
344        <Link
345          href={data.button.link}
346          className="group inline-flex items-center gap-x-0.5 whitespace-nowrap text-base font-semibold text-sky-600 duration-150 hover:text-sky-700"
347        >
348          {data.button.label}
349          <ChevronRightIcon className="mt-0.5 h-4 w-4 fill-sky-600 duration-150 group-hover:fill-sky-700" />
350        </Link>
351      </div>
352    </div>
353  );
354}
355

0import React from "react";
1import Link from "next/link";
2
3const ChevronRightIcon = ({ className }) => {
4  return (
5    <svg
6      xmlns="http://www.w3.org/2000/svg"
7      viewBox="0 0 24 24"
8      className={className}
9    >
10      <path d="M11.1678 4.38686C10.8468 4.08275 10.4379 3.87566 9.99274 3.79177C9.54759 3.70788 9.0862 3.75095 8.66688 3.91555C8.24756 4.08015 7.88915 4.35887 7.63695 4.71649C7.38476 5.07412 7.2501 5.49458 7.25 5.92472V18.0753C7.2501 18.5054 7.38476 18.9259 7.63695 19.2835C7.88915 19.6411 8.24756 19.9199 8.66688 20.0844C9.0862 20.249 9.54759 20.2921 9.99274 20.2082C10.4379 20.1243 10.8468 19.9172 11.1678 19.6131L17.578 13.5379C18.0083 13.1299 18.25 12.5768 18.25 12C18.25 11.4232 18.0083 10.8701 17.578 10.4621L11.1678 4.38686Z" />
11    </svg>
12  );
13};
14
15const AdobeLogo = ({ className }) => (
16  <svg
17    className={className}
18    aria-hidden="true"
19    viewBox="0 0 133 48"
20    xmlns="http://www.w3.org/2000/svg"
21  >
22    <path d="M14.653 6H0V41L14.653 6Z" fill="#FA0C00" />
23    <path d="M24.9628 6H39.5967V41L24.9628 6Z" fill="#FA0C00" />
24    <path
25      d="M19.808 18.8998L29.1344 41H23.0154L20.228 33.9638H13.4027L19.808 18.8998Z"
26      fill="#FA0C00"
27    />
28    <path
29      d="M63.5016 28.2578L65.2294 33.206C65.2867 33.3299 65.3726 33.3872 65.5254 33.3872H68.8473C69.0287 33.3872 69.0574 33.3013 69.0287 33.1202L62.1652 14.0804C62.1366 13.9279 62.1079 13.8993 61.9552 13.8993H57.8313C57.7168 13.8993 57.65 13.9851 57.65 14.109C57.5927 15.1101 57.5068 15.4152 57.3827 15.7108L51.2637 33.0916C51.2351 33.3013 51.3019 33.3872 51.4738 33.3872H54.4425C54.6239 33.3872 54.7098 33.3299 54.7766 33.1488L56.409 28.2578H63.5016ZM57.3541 25.0257C58.2514 22.318 59.4351 18.8475 59.9124 16.8644H59.941C60.5328 18.9429 61.9265 23.0616 62.5566 25.0257H57.3541Z"
30      fill="#FA0C00"
31    />
32    <path
33      d="M77.8524 33.6827C79.6375 33.6827 81.5371 33.3585 83.4654 32.5291C83.6181 32.4719 83.6468 32.4051 83.6468 32.2621C83.5895 31.7282 83.5227 30.9559 83.5227 30.3648V12.4405C83.5227 12.3261 83.5227 12.2689 83.3795 12.2689H80.1434C80.0193 12.2689 79.962 12.3261 79.962 12.4787V18.552C79.4561 18.4947 79.1029 18.4661 78.6829 18.4661C73.4613 18.4661 70.2538 21.908 70.2538 26.2079C70.2538 31.1943 73.5472 33.6827 77.8524 33.6827ZM79.962 30.3648C79.4275 30.5364 78.8356 30.6032 78.2342 30.6032C75.8668 30.6032 73.929 29.2684 73.929 26.0268C73.929 23.157 75.9241 21.4599 78.5683 21.4599C79.1029 21.4599 79.5707 21.5171 79.962 21.6696V30.3648Z"
34      fill="#FA0C00"
35    />
36    <path
37      d="M93.9703 18.4661C89.5124 18.4661 86.7536 21.8794 86.7536 26.0935C86.7536 29.8595 88.9492 33.6827 93.9035 33.6827C98.0942 33.6827 101.034 30.6032 101.034 25.9982C101.034 21.9366 98.5428 18.4661 93.9703 18.4661ZM93.789 21.4599C96.3091 21.4599 97.3782 23.6241 97.3782 26.0935C97.3782 29.1444 95.8031 30.6604 93.9703 30.6604C91.7079 30.6604 90.3715 28.7631 90.3715 26.0268C90.3715 23.2142 91.7939 21.4599 93.789 21.4599Z"
38      fill="#FA0C00"
39    />
40    <path
41      d="M104.38 12.2689C104.256 12.2689 104.17 12.3261 104.17 12.4787V32.7674C104.17 32.8532 104.256 33.0058 104.38 33.0344C105.802 33.4729 107.291 33.6827 108.828 33.6827C113.229 33.6827 117.506 30.9559 117.506 25.4642C117.506 21.4885 114.775 18.4661 110.499 18.4661C109.516 18.4661 108.599 18.6187 107.797 18.8856L107.759 12.5073C107.759 12.2975 107.702 12.2689 107.492 12.2689H104.38ZM113.85 25.8265C113.85 29.1158 111.597 30.6604 109.162 30.6604C108.657 30.6604 108.208 30.6318 107.797 30.5078V21.8508C108.265 21.6696 108.828 21.5171 109.869 21.5171C112.217 21.5171 113.85 23.0044 113.85 25.8265Z"
42      fill="#FA0C00"
43    />
44    <path
45      d="M129.583 26.8944C131.034 26.8944 132.227 26.8658 132.637 26.7704C132.79 26.7418 132.847 26.6846 132.876 26.5607C132.962 26.2365 133 25.5596 133 24.7301C133 21.908 131.301 18.4661 126.91 18.4661C122.423 18.4661 119.932 22.1177 119.932 26.2365C119.932 29.8881 121.86 33.6827 127.263 33.6827C129.287 33.6827 130.594 33.3585 131.721 32.8246C131.835 32.7674 131.893 32.6721 131.893 32.5005V30.0311C131.893 29.8881 131.807 29.8595 131.721 29.9167C130.594 30.3934 129.373 30.6318 128.036 30.6318C125.01 30.6318 123.635 28.9633 123.55 26.8944H129.583ZM123.55 24.3392C123.788 22.89 124.705 21.3169 126.757 21.3169C129.019 21.3169 129.611 23.2142 129.611 24.0722C129.611 24.1008 129.611 24.2248 129.611 24.3106C129.487 24.3392 129.105 24.3392 127.979 24.3392H123.55Z"
46      fill="#FA0C00"
47    />
48  </svg>
49);
50
51const DropboxLogo = ({ className }) => (
52  <svg
53    className={className}
54    aria-hidden="true"
55    viewBox="0 0 163 48"
56    xmlns="http://www.w3.org/2000/svg"
57  >
58    <path
59      d="M45.1836 14.0131H52.8283C57.702 14.0131 61.7281 16.8247 61.7281 23.2442V24.5931C61.7281 31.0613 57.9628 33.9704 52.975 33.9704H45.1836V14.0131ZM49.4542 17.6373V30.33H52.7305C55.5015 30.33 57.3597 28.526 57.3597 24.5118V23.4555C57.3597 19.4412 55.4037 17.6373 52.5838 17.6373H49.4542ZM63.9938 17.8323H67.4168L67.971 21.5865C68.623 19.0349 70.2856 17.6698 73.3011 17.6698H74.3606V21.9765H72.6002C69.1283 21.9765 68.2807 23.1792 68.2807 26.5921V34.0192H64.059V17.8323H63.9938ZM75.2082 26.2508V25.7957C75.2082 20.3838 78.6801 17.426 83.4071 17.426C88.2319 17.426 91.606 20.3838 91.606 25.7957V26.2508C91.606 31.5652 88.3297 34.4255 83.4071 34.4255C78.1748 34.3767 75.2082 31.5814 75.2082 26.2508ZM87.2865 26.202V25.7957C87.2865 22.7891 85.7706 20.9852 83.3582 20.9852C80.9947 20.9852 79.4299 22.6429 79.4299 25.7957V26.202C79.4299 29.1111 80.9458 30.7688 83.3582 30.7688C85.7706 30.7201 87.2865 29.1111 87.2865 26.202ZM93.8228 17.8323H97.3436L97.7511 20.8877C98.5987 18.8399 100.408 17.426 103.081 17.426C107.205 17.426 109.927 20.3838 109.927 25.8607V26.3158C109.927 31.6302 106.912 34.4417 103.081 34.4417C100.522 34.4417 98.7617 33.2879 97.8978 31.4351V39.6098H93.7739L93.8228 17.8323ZM105.64 26.202V25.8445C105.64 22.6266 103.978 21.0339 101.761 21.0339C99.3974 21.0339 97.8326 22.8379 97.8326 25.8445V26.1533C97.8326 29.0136 99.3485 30.8176 101.712 30.8176C104.141 30.7688 105.64 29.2249 105.64 26.202ZM116.17 31.0288L115.811 33.9867H112.193V12.4204H116.317V20.6926C117.23 18.5799 119.039 17.426 121.598 17.426C125.477 17.4748 128.346 20.1401 128.346 25.5032V26.007C128.346 31.3701 125.624 34.4417 121.5 34.4417C118.778 34.3767 117.018 33.1253 116.17 31.0288ZM124.01 26.007V25.6007C124.01 22.6429 122.397 20.9852 120.131 20.9852C117.816 20.9852 116.203 22.8379 116.203 25.6495V26.007C116.203 29.0136 117.768 30.7688 120.082 30.7688C122.56 30.7688 124.01 29.2249 124.01 26.007ZM130.156 26.2508V25.7957C130.156 20.3838 133.627 17.426 138.354 17.426C143.179 17.426 146.553 20.3838 146.553 25.7957V26.2508C146.553 31.5652 143.228 34.4255 138.354 34.4255C133.122 34.3767 130.156 31.5814 130.156 26.2508ZM142.266 26.202V25.7957C142.266 22.7891 140.751 20.9852 138.338 20.9852C135.975 20.9852 134.41 22.6429 134.41 25.7957V26.202C134.41 29.1111 135.926 30.7688 138.338 30.7688C140.767 30.7201 142.266 29.1111 142.266 26.202ZM152.079 25.6007L146.39 17.8323H151.264L154.54 22.6916L157.866 17.8323H162.69L156.92 25.5519L163 33.9867H158.224L154.508 28.6236L150.889 33.9867H145.901L152.079 25.6007Z"
60      fill="black"
61    />
62    <path
63      d="M18.908 14.0132L9.454 20.0264L18.908 26.0396L9.454 32.0528L0 26.0071L9.454 19.9939L0 14.0132L9.454 8L18.908 14.0132ZM9.4051 33.9868L18.8591 27.9736L28.3131 33.9868L18.8591 40L9.4051 33.9868ZM18.908 26.0071L28.362 19.9939L18.908 14.0132L28.3131 8L37.7671 14.0132L28.3131 20.0264L37.7671 26.0396L28.3131 32.0528L18.908 26.0071Z"
64      fill="#0061FF"
65    />
66  </svg>
67);
68
69const NotionLogo = ({ className }) => (
70  <svg
71    className={className}
72    aria-hidden="true"
73    viewBox="0 0 129 48"
74    xmlns="http://www.w3.org/2000/svg"
75  >
76    <path
77      d="M45.0948 35.8764V21.2698H45.3551L55.9873 35.8764H59.3331V14.4264H55.6155V28.9962H55.3553L44.7231 14.4264H41.3773V35.8764H45.0948ZM69.8537 36.2075C74.7609 36.2075 77.7721 33.0434 77.7721 27.7452C77.7721 22.4839 74.7609 19.283 69.8537 19.283C64.9837 19.283 61.9353 22.4839 61.9353 27.7452C61.9725 33.0434 64.9466 36.2075 69.8537 36.2075ZM69.8537 33.1169C67.2514 33.1169 65.7644 31.1669 65.7644 27.7452C65.7644 24.3603 67.2514 22.3735 69.8537 22.3735C72.456 22.3735 73.943 24.3603 73.943 27.7452C73.943 31.1669 72.456 33.1169 69.8537 33.1169ZM81.1551 15.6405V19.7245H78.5528V22.6679H81.1551V31.5349C81.1551 34.699 82.6421 35.95 86.434 35.95C87.1403 35.95 87.8467 35.8764 88.4043 35.766V32.8962C87.9582 32.933 87.6608 32.9698 87.1403 32.9698C85.579 32.9698 84.8726 32.2707 84.8726 30.6519V22.6679H88.4043V19.7245H84.8726V15.6405H81.1551ZM90.6349 35.8764H94.3524V19.6141H90.6349V35.8764ZM92.4936 16.9283C93.7204 16.9283 94.7242 15.9349 94.7242 14.7207C94.7242 13.4698 93.7204 12.4764 92.4936 12.4764C91.2668 12.4764 90.2631 13.4698 90.2631 14.7207C90.2631 15.9349 91.2668 16.9283 92.4936 16.9283ZM104.538 36.2075C109.446 36.2075 112.457 33.0434 112.457 27.7452C112.457 22.4839 109.446 19.283 104.538 19.283C99.6685 19.283 96.6201 22.4839 96.6201 27.7452C96.6201 33.0434 99.5942 36.2075 104.538 36.2075ZM104.538 33.1169C101.936 33.1169 100.449 31.1669 100.449 27.7452C100.449 24.3603 101.936 22.3735 104.538 22.3735C107.104 22.3735 108.628 24.3603 108.628 27.7452C108.591 31.1669 107.104 33.1169 104.538 33.1169ZM114.65 35.8764H118.368V26.4207C118.368 24.0292 119.78 22.5207 121.974 22.5207C124.242 22.5207 125.282 23.7717 125.282 26.2368V35.8764H129V25.3537C129 21.4537 126.993 19.283 123.349 19.283C120.896 19.283 119.26 20.3867 118.479 22.2264H118.219V19.6141H114.613C114.65 19.6141 114.65 35.8764 114.65 35.8764Z"
78      fill="black"
79    />
80    <path
81      fillRule="evenodd"
82      clipRule="evenodd"
83      d="M5.73229 13.0535C6.81429 13.9264 7.20565 13.8574 9.23152 13.7196L28.3161 12.5711C28.7305 12.5711 28.3852 12.1576 28.2471 12.1117L25.0701 9.83759C24.4716 9.37818 23.6428 8.82689 22.1004 8.96471L3.63736 10.32C2.96974 10.3889 2.83161 10.7334 3.10787 10.9861L5.73229 13.0535ZM6.88335 17.4868V37.5171C6.88335 38.5967 7.41284 38.9872 8.63297 38.9183L29.6053 37.7009C30.8255 37.6319 30.9636 36.8969 30.9636 36.024V16.1315C30.9636 15.2586 30.6183 14.7763 29.8816 14.8452L7.96535 16.1315C7.15961 16.2004 6.88335 16.6139 6.88335 17.4868ZM27.5795 18.5664C27.7176 19.1636 27.5795 19.7838 26.9809 19.8527L25.968 20.0595V34.8525C25.0932 35.3119 24.2874 35.5876 23.5968 35.5876C22.5148 35.5876 22.2385 35.243 21.4328 34.2323L14.8257 23.8726V33.8877L16.9206 34.3472C16.9206 34.3472 16.9206 35.5646 15.2401 35.5646L10.5898 35.8402C10.4517 35.5646 10.5898 34.8985 11.0502 34.7606L12.2703 34.4161V21.185L10.5898 21.0472C10.4517 20.45 10.797 19.5771 11.7408 19.5082L16.7365 19.1636L23.6198 29.6382V20.3811L21.8702 20.1743C21.7321 19.4393 22.2846 18.888 22.9522 18.8191L27.5795 18.5664ZM2.09493 8.48233L21.3177 7.08113C23.6658 6.87439 24.2874 7.01222 25.7608 8.09183L31.8844 12.3873C32.8974 13.1224 33.2427 13.3291 33.2427 14.1331V37.7238C33.2427 39.1939 32.7132 40.0668 30.8255 40.2046L8.51786 41.5599C7.09055 41.6288 6.42293 41.4221 5.68625 40.4803L1.15106 34.6228C0.345319 33.5432 0 32.7392 0 31.7974V10.8253C0 9.60789 0.55251 8.62015 2.09493 8.48233Z"
84      fill="black"
85    />
86  </svg>
87);
88
89const ShopifyLogo = ({ className }) => (
90  <svg
91    className={className}
92    aria-hidden="true"
93    viewBox="0 0 127 48"
94    xmlns="http://www.w3.org/2000/svg"
95  >
96    <path
97      d="M27.2797 12.7512C27.2543 12.5742 27.1019 12.4731 26.9749 12.4731C26.8479 12.4731 24.3333 12.4225 24.3333 12.4225C24.3333 12.4225 22.2251 10.4002 22.0219 10.1726C21.8187 9.9704 21.4123 10.021 21.2599 10.0715C21.2599 10.0715 20.8535 10.1979 20.1931 10.4002C20.0915 10.0462 19.9137 9.61648 19.6851 9.16144C18.9485 7.74577 17.8309 6.98738 16.5101 6.98738C16.4085 6.98738 16.3323 6.98738 16.2307 7.01266C16.1799 6.9621 16.1545 6.91154 16.1037 6.88626C15.5195 6.27954 14.7828 5.97618 13.8938 6.00146C12.192 6.05202 10.4902 7.29073 9.09323 9.4648C8.12803 11.0069 7.39142 12.9281 7.16282 14.4197C5.20702 15.0264 3.83541 15.4561 3.78461 15.4561C2.79401 15.7595 2.76861 15.7848 2.64161 16.7201C2.59081 17.428 0 37.3738 0 37.3738L21.7425 41.1152L31.1659 38.7895C31.1405 38.7895 27.3051 12.9281 27.2797 12.7512ZM19.1009 10.7541C18.5929 10.9058 18.0341 11.0827 17.4245 11.285C17.4245 10.4254 17.2975 9.212 16.9165 8.20081C18.2119 8.40305 18.8469 9.86928 19.1009 10.7541ZM16.2815 11.6136C15.1384 11.9675 13.8938 12.3467 12.6492 12.7259C13.0048 11.3861 13.6652 10.0715 14.478 9.18672C14.7828 8.85809 15.2147 8.50417 15.6973 8.30193C16.2053 9.28784 16.3069 10.6782 16.2815 11.6136ZM13.9446 7.13905C14.351 7.13905 14.6812 7.21489 14.9606 7.41713C14.5034 7.64465 14.0462 7.99857 13.6398 8.45361C12.5476 9.61648 11.7094 11.4114 11.3792 13.1557C10.3378 13.4843 9.32183 13.7877 8.40743 14.0657C9.01703 11.3102 11.3284 7.21489 13.9446 7.13905Z"
98      fill="#95BF47"
99    />
100    <path
101      d="M26.9749 12.4731C26.8479 12.4731 24.3333 12.4225 24.3333 12.4225C24.3333 12.4225 22.2251 10.4002 22.0219 10.1726C21.9457 10.0968 21.8442 10.0464 21.7426 10.0464L21.7425 41.1152L31.1659 38.7895C31.1659 38.7895 27.3306 12.9283 27.3052 12.7514C27.2544 12.5744 27.1019 12.4731 26.9749 12.4731Z"
102      fill="#5E8E3E"
103    />
104    <path
105      d="M16.5105 17.3014L15.4183 21.3714C15.4183 21.3714 14.1991 20.8153 12.7513 20.9164C10.6177 21.0428 10.6177 22.3826 10.6177 22.7113C10.7447 24.5314 15.5453 24.9359 15.8247 29.2082C16.0279 32.5704 14.0467 34.8709 11.1511 35.0478C7.69666 35.2248 5.79165 33.2024 5.79165 33.2024L6.52826 30.093C6.52826 30.093 8.45866 31.5339 9.98267 31.4328C10.9733 31.3823 11.3543 30.548 11.3035 29.9919C11.1511 27.6156 7.23946 27.7672 6.98546 23.8489C6.78226 20.5625 8.94126 17.2508 13.7165 16.9475C15.5707 16.8211 16.5105 17.3014 16.5105 17.3014Z"
106      fill="white"
107    />
108    <path
109      d="M43.917 25.9727C42.8248 25.3913 42.266 24.8857 42.266 24.2032C42.266 23.3436 43.0534 22.7875 44.2726 22.7875C45.695 22.7875 46.965 23.3689 46.965 23.3689L47.9556 20.3353C47.9556 20.3353 47.0412 19.6275 44.3488 19.6275C40.5896 19.6275 37.9734 21.7763 37.9734 24.7846C37.9734 26.5036 39.1926 27.7929 40.8182 28.7282C42.139 29.4614 42.5962 29.9922 42.5962 30.7759C42.5962 31.5849 41.9358 32.2421 40.7166 32.2421C38.9132 32.2421 37.186 31.3068 37.186 31.3068L36.1192 34.3404C36.1192 34.3404 37.694 35.4021 40.361 35.4021C44.2218 35.4021 47.0158 33.5061 47.0158 30.0934C46.9904 28.2479 45.5934 26.9334 43.917 25.9727Z"
110      fill="black"
111    />
112    <path
113      d="M59.3095 19.5772C57.4045 19.5772 55.9059 20.4872 54.7629 21.8523L54.7121 21.8271L56.3631 13.2319H52.0705L47.8795 35.1243H52.1721L53.5945 27.6414C54.1533 24.8101 55.6265 23.0658 56.9981 23.0658C57.9633 23.0658 58.3443 23.7231 58.3443 24.6584C58.3443 25.2398 58.2935 25.973 58.1665 26.5544L56.5409 35.1243H60.8335L62.5099 26.2763C62.6877 25.341 62.8147 24.2287 62.8147 23.4703C62.8401 21.0434 61.5701 19.5772 59.3095 19.5772Z"
114      fill="black"
115    />
116    <path
117      d="M72.568 19.5768C67.3864 19.5768 63.9574 24.2283 63.9574 29.4107C63.9574 32.7223 66.0148 35.402 69.8756 35.402C74.9556 35.402 78.3846 30.8769 78.3846 25.5681C78.41 22.5092 76.6066 19.5768 72.568 19.5768ZM70.4598 32.1409C68.9866 32.1409 68.377 30.9022 68.377 29.3348C68.377 26.8827 69.647 22.8884 71.9838 22.8884C73.5078 22.8884 74.0158 24.203 74.0158 25.467C74.0158 28.0961 72.7204 32.1409 70.4598 32.1409Z"
118      fill="black"
119    />
120    <path
121      d="M89.4088 19.5768C86.5132 19.5768 84.8622 22.13 84.8622 22.13H84.8114L85.0654 19.8296H81.2554C81.0776 21.3717 80.722 23.748 80.3918 25.5176L77.3946 41.1911H81.6872L82.881 34.8458H82.9826C82.9826 34.8458 83.8716 35.402 85.4972 35.402C90.5518 35.402 93.8538 30.2449 93.8538 25.0372C93.8538 22.1553 92.5584 19.5768 89.4088 19.5768ZM85.294 32.1914C84.1764 32.1914 83.516 31.5594 83.516 31.5594L84.2272 27.5652C84.7352 24.8856 86.1322 23.116 87.6308 23.116C88.9516 23.116 89.358 24.3294 89.358 25.467C89.358 28.2478 87.707 32.1914 85.294 32.1914Z"
122      fill="black"
123    />
124    <path
125      d="M99.9999 13.4341C98.6283 13.4341 97.5361 14.5211 97.5361 15.9115C97.5361 17.1755 98.3489 18.0603 99.5681 18.0603H99.6189C100.965 18.0603 102.108 17.1502 102.134 15.5828C102.134 14.3441 101.295 13.4341 99.9999 13.4341Z"
126      fill="black"
127    />
128    <path
129      d="M93.9804 35.0988H98.273L101.194 19.9308H96.876L93.9804 35.0988Z"
130      fill="black"
131    />
132    <path
133      d="M112.141 19.9058H109.144L109.296 19.198C109.55 17.7317 110.414 16.4425 111.862 16.4425C112.624 16.4425 113.233 16.67 113.233 16.67L114.072 13.3078C114.072 13.3078 113.335 12.9286 111.735 12.9286C110.211 12.9286 108.687 13.3583 107.518 14.3442C106.045 15.583 105.359 17.3778 105.029 19.198L104.902 19.9058H102.896L102.261 23.1416H104.267L101.981 35.1243H106.274L108.56 23.1416H111.532L112.141 19.9058Z"
134      fill="black"
135    />
136    <path
137      d="M122.504 19.9308C122.504 19.9308 119.812 26.6806 118.618 30.3714H118.567C118.491 29.1833 117.5 19.9308 117.5 19.9308H112.979L115.57 33.8601C115.621 34.1634 115.595 34.3656 115.468 34.5679C114.96 35.5285 114.122 36.4639 113.132 37.1464C112.319 37.7279 111.404 38.1071 110.693 38.3599L111.887 42.0002C112.751 41.8232 114.579 41.0901 116.103 39.6744C118.059 37.8543 119.888 35.0229 121.742 31.1804L127 19.9308H122.504Z"
138      fill="black"
139    />
140  </svg>
141);
142
143const SlackLogo = ({ className }) => (
144  <svg
145    className={className}
146    aria-hidden="true"
147    viewBox="0 0 121 48"
148    xmlns="http://www.w3.org/2000/svg"
149  >
150    <path
151      d="M38.0154 32.7227L39.487 29.2913C41.0983 30.4817 43.1999 31.1118 45.3021 31.1118C46.8435 31.1118 47.8243 30.5168 47.8243 29.6066C47.7891 27.0854 38.5409 29.0462 38.4706 22.7076C38.4354 19.4861 41.3083 17 45.3724 17C47.7891 17 50.2068 17.5955 51.9231 18.9613L50.548 22.466C48.9688 21.453 47.0184 20.7467 45.1619 20.7467C43.9008 20.7467 43.0598 21.3417 43.0598 22.1126C43.0949 24.5987 52.414 23.2329 52.519 29.2913C52.519 32.5829 49.7159 34.8941 45.7221 34.8941C42.7799 34.8941 40.0829 34.1939 38.0154 32.7227ZM96.6126 28.0487C96.2411 28.7072 95.7008 29.2552 95.047 29.6366C94.3932 30.018 93.6495 30.219 92.8921 30.2191C90.5317 30.2191 88.6185 28.3064 88.6185 25.947C88.6185 23.5877 90.5317 21.675 92.8921 21.675C93.6495 21.6751 94.3932 21.8761 95.047 22.2575C95.7008 22.6389 96.2411 23.1869 96.6126 23.8454L100.704 21.5798C99.1715 18.8476 96.2484 17 92.8921 17C87.9487 17 83.9414 21.0054 83.9414 25.947C83.9414 30.8882 87.9487 34.8941 92.8921 34.8941C96.2484 34.8941 99.1715 33.0465 100.704 30.3143L96.6126 28.0487ZM55.1738 34.5437H60.2885V9.55215H55.1743L55.1738 34.5437ZM103.287 9.55215V34.5437H108.402V27.0563L114.462 34.5437H121L113.293 25.6488L120.439 17.3489H114.182L108.402 24.2494V9.55215H103.287ZM76.0462 17.3499V19.3814C75.2056 17.9804 73.1386 17 70.9666 17C66.4825 17 62.9444 20.9573 62.9444 25.9295C62.9444 30.9018 66.4825 34.8941 70.9666 34.8941C73.1386 34.8941 75.2056 33.9137 76.0462 32.5127V34.5437H81.1609V17.3499H76.0462ZM76.0462 28.0833C75.3106 29.3088 73.7692 30.2186 72.0529 30.2186C69.692 30.2186 67.7787 28.3064 67.7787 25.947C67.7787 23.5877 69.692 21.675 72.0529 21.675C73.7692 21.675 75.3106 22.6204 76.0462 23.8805V28.0833Z"
152      fill="black"
153    />
154    <path
155      d="M11.0044 9C9.34692 9 8.00343 10.3433 8.00343 11.9999C8.00303 12.3934 8.08034 12.7832 8.23094 13.147C8.38154 13.5107 8.60248 13.8413 8.88115 14.1199C9.15982 14.3985 9.49076 14.6195 9.85508 14.7705C10.2194 14.9215 10.6099 14.9994 11.0044 14.9998H14.0059V11.9999C14.0066 11.205 13.6908 10.4424 13.1279 9.87986C12.565 9.31729 11.8012 9.0008 11.0044 9ZM11.0044 16.9997H3.00125C1.34374 16.9997 0.000244722 18.343 0.000244722 20.0001C0.000244722 21.6567 1.34374 23 3.00125 23H11.0049C12.6619 23 14.0059 21.6567 14.0059 20.0001C14.0059 18.343 12.6619 16.9997 11.0044 16.9997Z"
156      fill="#36C5F0"
157    />
158    <path
159      d="M30.0124 20.0001C30.0124 18.343 28.6684 16.9997 27.0109 16.9997C25.3534 16.9997 24.0099 18.343 24.0099 20.0001V23H27.0109C27.8077 22.9992 28.5715 22.6827 29.1344 22.1201C29.6972 21.5576 30.0131 20.795 30.0124 20.0001ZM22.0092 20.0001V11.9999C22.0099 11.205 21.6941 10.4424 21.1312 9.87986C20.5683 9.31729 19.8045 9.0008 19.0077 9C17.3502 9 16.0067 10.3433 16.0067 11.9999V19.9996C16.0067 21.6572 17.3502 23.0005 19.0077 23.0005C19.8045 22.9997 20.5683 22.6832 21.1312 22.1206C21.6941 21.5581 22.0099 20.795 22.0092 20.0001Z"
160      fill="#2EB67D"
161    />
162    <path
163      d="M19.0078 39C19.8045 38.9992 20.5684 38.6827 21.1312 38.1201C21.6941 37.5576 22.01 36.795 22.0093 36.0001C22.01 35.2052 21.6941 34.4426 21.1312 33.8801C20.5684 33.3175 19.8045 33.001 19.0078 33.0002H16.0068V36.0001C16.0068 37.6567 17.3503 39 19.0078 39ZM19.0078 31.0003H27.0115C28.6685 31.0003 30.0125 29.657 30.0125 27.9999C30.0131 27.205 29.6973 26.4424 29.1344 25.8799C28.5715 25.3173 27.8077 25.0008 27.011 25H19.0078C17.3503 25 16.0068 26.3433 16.0068 27.9999C16.0064 28.3934 16.0837 28.7832 16.2343 29.147C16.3849 29.5107 16.6058 29.8413 16.8845 30.1199C17.1632 30.3985 17.4941 30.6195 17.8584 30.7705C18.2227 30.9215 18.6133 30.9999 19.0078 31.0003Z"
164      fill="#ECB22E"
165    />
166    <path
167      d="M1.51423e-06 27.9999C-0.000394564 28.3934 0.0769146 28.7832 0.227515 29.147C0.378115 29.5107 0.599057 29.8413 0.877727 30.1199C1.1564 30.3985 1.48733 30.6195 1.85165 30.7705C2.21596 30.9215 2.60651 30.9994 3.00101 30.9998C3.79777 30.999 4.56159 30.6825 5.12447 30.1199C5.68734 29.5573 6.00318 28.7948 6.00252 27.9999V25H3.00101C1.3435 25 1.51423e-06 26.3433 1.51423e-06 27.9999ZM8.00319 27.9999V35.9996C8.00319 37.6567 9.34668 39 11.0042 39C11.801 38.9992 12.5648 38.6827 13.1276 38.1201C13.6905 37.5576 14.0064 36.795 14.0057 36.0001V27.9999C14.0061 27.6063 13.9288 27.2165 13.7781 26.8527C13.6275 26.4889 13.4065 26.1583 13.1278 25.8797C12.8491 25.6011 12.5181 25.3801 12.1537 25.2291C11.7893 25.0782 11.3987 25.0003 11.0042 25C9.34668 25 8.00319 26.3433 8.00319 27.9999Z"
168      fill="#E01E5A"
169    />
170  </svg>
171);
172
173const SpotifyLogo = ({ className }) => (
174  <svg
175    className={className}
176    aria-hidden="true"
177    viewBox="0 0 140 48"
178    xmlns="http://www.w3.org/2000/svg"
179  >
180    <path
181      d="M20.9947 3C9.3999 3 0 12.4022 0 24.0001C0 35.5986 9.3999 45 20.9947 45C32.5908 45 41.9897 35.5986 41.9897 24.0001C41.9897 12.4029 32.5908 3.001 20.9945 3.001L20.9947 3V3ZM30.6228 33.2882C30.2467 33.9051 29.4394 34.1007 28.8227 33.722C23.8934 30.7103 17.6879 30.0282 10.3799 31.6983C9.67568 31.8588 8.97371 31.4175 8.81326 30.7128C8.65205 30.0081 9.09154 29.306 9.79752 29.1455C17.795 27.3178 24.655 28.1048 30.189 31.4877C30.8058 31.8663 31.0013 32.6713 30.6228 33.2882V33.2882ZM33.1925 27.5701C32.7186 28.3405 31.7108 28.5837 30.9412 28.1098C25.2978 24.6401 16.6954 23.6353 10.0204 25.662C9.15471 25.9235 8.2404 25.4355 7.97766 24.5711C7.71693 23.7052 8.20505 22.7924 9.06923 22.5291C16.6939 20.215 26.1728 21.3359 32.6535 25.3194C33.4231 25.7934 33.6663 26.8015 33.1925 27.5704V27.5701ZM33.4131 21.6158C26.6466 17.5957 15.4827 17.226 9.02234 19.1873C7.98493 19.502 6.88785 18.9162 6.57346 17.8785C6.25908 16.8403 6.84422 15.7437 7.88239 15.4282C15.2985 13.1763 27.6268 13.6114 35.4172 18.2374C36.3524 18.7913 36.6582 19.9968 36.1042 20.9289C35.5526 21.8623 34.3442 22.17 33.4141 21.6158H33.4131ZM57.1197 22.3862C53.4945 21.5215 52.8502 20.9146 52.8502 19.6395C52.8502 18.4347 53.9834 17.624 55.6706 17.624C57.3052 17.624 58.9248 18.2396 60.6245 19.507C60.6747 19.5454 60.7399 19.5607 60.8025 19.5507C60.8677 19.5412 60.9229 19.5063 60.9605 19.4539L62.7305 16.9582C62.8032 16.8554 62.7831 16.7137 62.6853 16.6352C60.6621 15.012 58.3857 14.2228 55.7233 14.2228C51.8098 14.2228 49.0746 16.5723 49.0746 19.9339C49.0746 23.5387 51.4337 24.8151 55.5102 25.8004C58.9774 26.5996 59.5641 27.2692 59.5641 28.4659C59.5641 29.7925 58.3807 30.6175 56.4754 30.6175C54.3594 30.6175 52.6321 29.9028 50.7017 28.2327C50.654 28.19 50.5888 28.1725 50.5287 28.175C50.4635 28.18 50.4058 28.2101 50.3657 28.2577L48.3801 30.62C48.2974 30.7203 48.3074 30.8658 48.4027 30.951C50.649 32.9572 53.4118 34.0154 56.3952 34.0154C60.612 34.0154 63.3372 31.7109 63.3372 28.1424C63.3447 25.1314 61.5421 23.4637 57.1272 22.3894L57.1197 22.3862V22.3862ZM72.879 18.8102C71.0513 18.8102 69.5521 19.5304 68.3136 21.0062V19.3451C68.3136 19.2139 68.2083 19.1071 68.078 19.1071H64.8314C64.701 19.1071 64.5957 19.2139 64.5957 19.3451V37.8021C64.5957 37.9325 64.701 38.0403 64.8314 38.0403H68.078C68.2083 38.0403 68.3136 37.9325 68.3136 37.8021V31.9767C69.5521 33.3634 71.0513 34.043 72.879 34.043C76.276 34.043 79.7157 31.4275 79.7157 26.4273C79.7207 21.4262 76.281 18.8099 72.8815 18.8099L72.879 18.8102ZM75.9401 26.4273C75.9401 28.9724 74.3732 30.7504 72.1269 30.7504C69.9081 30.7504 68.2334 28.8922 68.2334 26.4273C68.2334 23.9623 69.9081 22.1045 72.1269 22.1045C74.3356 22.1043 75.9401 23.9219 75.9401 26.4271V26.4273ZM88.5279 18.8102C84.1531 18.8102 80.726 22.1795 80.726 26.4818C80.726 30.7379 84.1306 34.0706 88.4753 34.0706C92.8651 34.0706 96.3023 30.7128 96.3023 26.4273C96.3023 22.1565 92.8877 18.8107 88.5279 18.8107V18.8102V18.8102ZM88.5279 30.7755C86.2014 30.7755 84.4465 28.9047 84.4465 26.4261C84.4465 23.9362 86.1412 22.1294 88.4753 22.1294C90.8168 22.1294 92.5818 23.9994 92.5818 26.4805C92.5818 28.9699 90.877 30.7755 88.5279 30.7755V30.7755ZM105.643 19.1071H102.071V15.4543C102.071 15.3234 101.966 15.2166 101.835 15.2166H98.5887C98.4583 15.2166 98.3505 15.3234 98.3505 15.4543V19.1071H96.7911C96.6608 19.1071 96.5555 19.2139 96.5555 19.3451V22.1354C96.5555 22.2663 96.6608 22.3734 96.7911 22.3734H98.3505V29.5943C98.3505 32.5108 99.8021 33.9904 102.668 33.9904C103.831 33.9904 104.796 33.7496 105.706 33.233C105.781 33.1929 105.827 33.1127 105.827 33.0274V30.3692C105.827 30.289 105.784 30.2112 105.714 30.1686C105.643 30.1235 105.556 30.121 105.483 30.1586C104.859 30.472 104.255 30.6175 103.578 30.6175C102.537 30.6175 102.071 30.1435 102.071 29.0853V22.3746H105.643C105.774 22.3746 105.879 22.2678 105.879 22.1366V19.3466C105.884 19.2154 105.779 19.1086 105.646 19.1086L105.643 19.1071V19.1071ZM118.088 19.1214V18.6727C118.088 17.3529 118.595 16.7644 119.728 16.7644C120.405 16.7644 120.949 16.8988 121.558 17.1019C121.633 17.1255 121.711 17.1137 121.771 17.0688C121.834 17.0239 121.869 16.9519 121.869 16.8757V14.1398C121.869 14.0352 121.804 13.9427 121.701 13.9118C121.059 13.7205 120.237 13.5241 119.004 13.5241C116.008 13.5241 114.421 15.2128 114.421 18.4059V19.093H112.861C112.731 19.093 112.623 19.1999 112.623 19.3308V22.1354C112.623 22.2663 112.731 22.3734 112.861 22.3734H114.421V33.5089C114.421 33.6418 114.528 33.7471 114.659 33.7471H117.903C118.036 33.7471 118.141 33.6418 118.141 33.5089V22.3741H121.172L125.815 33.5089C125.289 34.6775 124.77 34.9107 124.063 34.9107C123.491 34.9107 122.887 34.7402 122.273 34.4016C122.215 34.3715 122.145 34.3665 122.085 34.3841C122.022 34.4067 121.969 34.4518 121.944 34.512L120.844 36.9269C120.791 37.0423 120.836 37.1752 120.946 37.2354C122.095 37.8573 123.13 38.1231 124.411 38.1231C126.808 38.1231 128.134 37.0046 129.3 34.0004L134.931 19.4464C134.961 19.3731 134.951 19.2904 134.906 19.2254C134.863 19.161 134.79 19.1221 134.713 19.1221H131.333C131.23 19.1221 131.14 19.1866 131.108 19.2816L127.645 29.1705L123.855 19.2751C123.82 19.1831 123.732 19.1221 123.634 19.1221H118.088V19.1214V19.1214ZM110.873 19.1071H107.627C107.496 19.1071 107.388 19.2139 107.388 19.3451V33.5089C107.388 33.6418 107.496 33.7471 107.627 33.7471H110.873C111.004 33.7471 111.111 33.6418 111.111 33.5089V19.3461C111.111 19.2149 111.006 19.1081 110.873 19.1081V19.1071ZM109.269 12.6575C107.983 12.6575 106.94 13.6987 106.94 14.9849C106.94 16.2718 107.983 17.3143 109.269 17.3143C110.555 17.3143 111.595 16.2718 111.595 14.9849C111.595 13.6989 110.552 12.6575 109.269 12.6575ZM137.704 23.6613C136.42 23.6613 135.42 22.6294 135.42 21.3763C135.42 20.1232 136.432 19.0795 137.716 19.0795C139 19.0795 140 20.1112 140 21.3633C140 22.6164 138.987 23.6613 137.704 23.6613ZM137.716 19.3067C136.545 19.3067 135.66 20.237 135.66 21.3763C135.66 22.5151 136.54 23.4329 137.704 23.4329C138.874 23.4329 139.759 22.5033 139.759 21.3633C139.759 20.2245 138.879 19.3067 137.716 19.3067V19.3067ZM138.223 21.5982L138.869 22.503H138.323L137.741 21.673H137.242V22.503H136.786V20.1046H137.854C138.413 20.1046 138.779 20.3898 138.779 20.8697C138.782 21.263 138.553 21.5032 138.225 21.5982H138.223ZM137.836 20.5162H137.242V21.2747H137.836C138.132 21.2747 138.31 21.1295 138.31 20.8951C138.31 20.6483 138.132 20.5162 137.836 20.5162V20.5162Z"
182      fill="#1ED760"
183    />
184  </svg>
185);
186
187const StripeLogo = ({ className }) => (
188  <svg
189    className={className}
190    aria-hidden="true"
191    viewBox="0 0 80 48"
192    xmlns="http://www.w3.org/2000/svg"
193  >
194    <path
195      fillRule="evenodd"
196      clipRule="evenodd"
197      d="M80 24.0508C80 18.4113 77.2445 13.9613 71.9778 13.9613C66.6889 13.9613 63.4889 18.4113 63.4889 24.0067C63.4889 30.6375 67.2667 33.986 72.6889 33.986C75.3333 33.986 77.3333 33.3912 78.8444 32.5541V28.1482C77.3333 28.8972 75.6 29.3598 73.4 29.3598C71.2445 29.3598 69.3333 28.6108 69.0889 26.0114H79.9556C79.9556 25.725 80 24.5795 80 24.0508ZM69.0222 21.958C69.0222 19.4687 70.5556 18.4333 71.9556 18.4333C73.3111 18.4333 74.7556 19.4687 74.7556 21.958H69.0222Z"
198      fill="#635BFF"
199    />
200    <path
201      fillRule="evenodd"
202      clipRule="evenodd"
203      d="M54.911 13.9613C52.7332 13.9613 51.3332 14.9747 50.5554 15.6796L50.2665 14.3138H45.3777V40L50.9332 38.8324L50.9554 32.5981C51.7554 33.1709 52.9332 33.986 54.8888 33.986C58.8665 33.986 62.4888 30.8138 62.4888 23.8305C62.4665 17.442 58.7999 13.9613 54.911 13.9613ZM53.5777 29.1395C52.2665 29.1395 51.4888 28.6769 50.9554 28.1042L50.9332 19.9313C51.511 19.2924 52.311 18.8518 53.5777 18.8518C55.5999 18.8518 56.9999 21.0988 56.9999 23.9847C56.9999 26.9366 55.6221 29.1395 53.5777 29.1395Z"
204      fill="#635BFF"
205    />
206    <path
207      fillRule="evenodd"
208      clipRule="evenodd"
209      d="M37.7331 12.6615L43.3109 11.472V7L37.7331 8.16756V12.6615Z"
210      fill="#635BFF"
211    />
212    <path
213      d="M43.3109 14.3358H37.7331V33.6115H43.3109V14.3358Z"
214      fill="#635BFF"
215    />
216    <path
217      fillRule="evenodd"
218      clipRule="evenodd"
219      d="M31.7551 15.966L31.3996 14.3358H26.5996V33.6115H32.1551V20.5481C33.4662 18.8518 35.6884 19.1602 36.3773 19.4025V14.3358C35.6662 14.0714 33.0662 13.5868 31.7551 15.966Z"
220      fill="#635BFF"
221    />
222    <path
223      fillRule="evenodd"
224      clipRule="evenodd"
225      d="M20.6442 9.55538L15.222 10.7009L15.1998 28.3464C15.1998 31.6067 17.6664 34.008 20.9553 34.008C22.7775 34.008 24.1109 33.6775 24.8442 33.281V28.809C24.1331 29.0954 20.622 30.1088 20.622 26.8484V19.028H24.8442V14.3357H20.622L20.6442 9.55538Z"
226      fill="#635BFF"
227    />
228    <path
229      fillRule="evenodd"
230      clipRule="evenodd"
231      d="M5.62221 19.9313C5.62221 19.0721 6.33332 18.7417 7.5111 18.7417C9.19999 18.7417 11.3333 19.2484 13.0222 20.1516V14.9747C11.1778 14.2477 9.35554 13.9613 7.5111 13.9613C3 13.9613 0 16.2964 0 20.1956C0 26.2757 8.44443 25.3064 8.44443 27.9279C8.44443 28.9413 7.55554 29.2717 6.3111 29.2717C4.46666 29.2717 2.11111 28.5227 0.244444 27.5094V32.7524C2.31111 33.6335 4.39999 34.008 6.3111 34.008C10.9333 34.008 14.1111 31.739 14.1111 27.7958C14.0889 21.231 5.62221 22.3986 5.62221 19.9313Z"
232      fill="#635BFF"
233    />
234  </svg>
235);
236
237const ZoomLogo = ({ className }) => (
238  <svg
239    className={className}
240    aria-hidden="true"
241    viewBox="0 0 98 48"
242    xmlns="http://www.w3.org/2000/svg"
243  >
244    <path
245      fillRule="evenodd"
246      clipRule="evenodd"
247      d="M79.7902 19.5972C80.1648 20.2429 80.2873 20.9774 80.3278 21.8032L80.381 22.9039V30.6007L80.4353 31.7025C80.544 33.502 81.8725 34.8325 83.6877 34.9457L84.7849 35V22.9039L84.8392 21.8032C84.8843 20.9867 85.0057 20.2382 85.3861 19.588C85.7737 18.921 86.3301 18.3677 86.9995 17.9835C87.6689 17.5993 88.4277 17.3978 89.1997 17.3992C89.9717 17.4006 90.7298 17.6049 91.3977 17.9915C92.0657 18.3781 92.6201 18.9335 93.0053 19.6018C93.3799 20.2475 93.4967 20.9959 93.5418 21.8032L93.5961 22.9005V30.6007L93.6505 31.7025C93.7638 33.5112 95.0818 34.8418 96.9028 34.9457L98 35V21.8032C98 19.4697 97.0723 17.2317 95.4208 15.5813C93.7693 13.9309 91.5294 13.0032 89.1934 13.0023C87.9431 13.001 86.707 13.2662 85.5675 13.7803C84.428 14.2944 83.4115 15.0454 82.5858 15.9833C81.7598 15.0458 80.7432 14.2949 79.6039 13.7807C78.4645 13.2665 77.2285 13.0007 75.9783 13.0012C74.1492 13.0012 72.4519 13.5555 71.046 14.513C70.1881 13.5567 68.2689 13.0012 67.167 13.0012V35L68.2689 34.9457C70.1118 34.8244 71.4437 33.5297 71.5154 31.7025L71.5744 30.6007V22.9039L71.6287 21.8032C71.675 20.9728 71.7906 20.2429 72.1663 19.5926C72.5543 18.9261 73.1105 18.3728 73.7794 17.9882C74.4482 17.6035 75.2064 17.4009 75.9783 17.4005C76.7507 17.4006 77.5095 17.6037 78.1785 17.9893C78.8476 18.3748 79.4034 18.9294 79.7902 19.5972ZM4.40388 34.9469L5.50572 35H22.0217L21.9674 33.9028C21.8182 32.0941 20.536 30.7728 18.7197 30.655L17.6178 30.6007H7.7094L20.9199 17.3993L20.8656 16.3032C20.78 14.4761 19.4435 13.1559 17.6178 13.0554L16.516 13.0058L0 13.0012L0.0543404 14.1019C0.198863 15.8932 1.49956 17.2422 3.30089 17.3462L4.40388 17.4005H14.3123L1.10184 30.6018L1.15618 31.7025C1.26486 33.5159 2.57481 34.8291 4.40388 34.9457V34.9469ZM62.8441 16.2212C63.8667 17.2426 64.6779 18.4552 65.2314 19.7898C65.7849 21.1244 66.0697 22.5548 66.0697 23.9994C66.0697 25.444 65.7849 26.8744 65.2314 28.209C64.6779 29.5436 63.8667 30.7562 62.8441 31.7776C60.778 33.8399 57.9768 34.9983 55.0561 34.9983C52.1353 34.9983 49.3341 33.8399 47.268 31.7776C42.9682 27.4823 42.9682 20.5166 47.268 16.2212C48.2898 15.2002 49.5028 14.3902 50.8379 13.8375C52.173 13.2848 53.6039 13.0002 55.0491 13C56.4967 12.999 57.9302 13.2831 59.2677 13.836C60.6053 14.3889 61.8205 15.1999 62.8441 16.2224V16.2212ZM59.7282 19.3362C60.9667 20.5744 61.6624 22.2531 61.6624 24.0035C61.6624 25.7538 60.9667 27.4326 59.7282 28.6707C58.4887 29.908 56.8082 30.6029 55.0561 30.6029C53.3039 30.6029 51.6234 29.908 50.3839 28.6707C49.1454 27.4326 48.4497 25.7538 48.4497 24.0035C48.4497 22.2531 49.1454 20.5744 50.3839 19.3362C51.6234 18.099 53.3039 17.404 55.0561 17.404C56.8082 17.404 58.4887 18.099 59.7282 19.3362ZM31.9394 13C33.3847 13.0004 34.8157 13.2851 36.1508 13.8381C37.4859 14.391 38.6989 15.2012 39.7205 16.2224C44.0215 20.5166 44.0215 27.4834 39.7205 31.7776C37.6544 33.8399 34.8532 34.9983 31.9325 34.9983C29.0118 34.9983 26.2106 33.8399 24.1445 31.7776C19.8446 27.4823 19.8446 20.5166 24.1445 16.2212C25.1662 15.2002 26.3792 14.3902 27.7143 13.8375C29.0494 13.2848 30.4804 13.0002 31.9256 13H31.9394ZM36.6046 19.3339C37.8435 20.5721 38.5394 22.2511 38.5394 24.0017C38.5394 25.7524 37.8435 27.4314 36.6046 28.6696C35.3652 29.9068 33.6847 30.6018 31.9325 30.6018C30.1803 30.6018 28.4998 29.9068 27.2604 28.6696C26.0219 27.4314 25.3262 25.7527 25.3262 24.0023C25.3262 22.252 26.0219 20.5732 27.2604 19.335C28.4998 18.0978 30.1803 17.4028 31.9325 17.4028C33.6847 17.4028 35.3652 18.0978 36.6046 19.335V19.3339Z"
248      fill="#2D8CFF"
249    />
250  </svg>
251);
252
253const data = {
254  subHeading: "Logo cloud",
255  title: "Trusted by over 39,000 forward-thinking companies",
256  items: [
257    {
258      Logo: ShopifyLogo,
259    },
260    {
261      Logo: AdobeLogo,
262    },
263    {
264      Logo: SlackLogo,
265    },
266    {
267      Logo: StripeLogo,
268    },
269    {
270      Logo: ZoomLogo,
271    },
272    {
273      Logo: NotionLogo,
274    },
275    {
276      Logo: SpotifyLogo,
277    },
278    {
279      Logo: DropboxLogo,
280    },
281  ],
282  button: { label: "Meet our customer", link: "#" },
283};
284
285export function LogoClouds3() {
286  return (
287    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
288      <div className="mx-auto mb-12 max-w-3xl text-center">
289        <p className="mb-1 truncate text-lg font-semibold capitalize text-sky-600">
290          {data.subHeading}
291        </p>
292        <h2 className="text-4xl font-extrabold tracking-tight text-slate-900 [text-wrap:balance]">
293          {data.title}
294        </h2>
295      </div>
296      <div className="mb-12 grid grid-cols-1 gap-[1px] overflow-hidden rounded-3xl border border-slate-200 bg-slate-200 ring-4 ring-slate-50 sm:grid-cols-2 lg:grid-cols-4">
297        {data.items.map(({ Logo }, index: number) => {
298          return (
299            <div key={index} className="bg-white p-8">
300              <Logo className="h-12 w-full" />
301            </div>
302          );
303        })}
304      </div>
305      <Link
306        href={data.button.link}
307        className="group inline-flex w-full items-center justify-center gap-x-0.5 whitespace-nowrap text-base font-semibold text-sky-600 duration-150 hover:text-sky-700"
308      >
309        {data.button.label}
310        <ChevronRightIcon className="mt-0.5 h-4 w-4 fill-sky-600 duration-150 group-hover:fill-sky-700" />
311      </Link>
312    </div>
313  );
314}
315