replace HomeAbout with Ventures and Foundation components, add green button variant, create PS text component, and adjust About section padding
This commit is contained in:
16
public/assets/icons/foundation_icons/open.svg
Normal file
16
public/assets/icons/foundation_icons/open.svg
Normal file
@@ -0,0 +1,16 @@
|
||||
<svg width="74" height="70" viewBox="0 0 74 70" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_37_360)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M52.1454 51.5083C51.2298 50.8936 50.9106 50.0339 50.9978 48.982C51.0383 48.4992 51.096 48.0127 51.2077 47.541C51.3955 46.744 51.2506 46.0863 50.6786 45.4643C49.7225 44.4247 48.4791 44.3311 47.2737 44.5307C45.5111 44.8226 43.7755 45.3103 42.0448 45.7772C41.4741 45.9299 41.0162 45.9742 40.6627 45.4384C40.4356 45.0948 40.1717 45.1293 39.8882 45.3276C39.2266 45.7895 38.5712 46.2587 37.9194 46.733C37.8003 46.8179 37.7107 46.9423 37.5119 47.1468C37.9108 47.2121 38.1808 47.2934 38.4509 47.2934C39.1186 47.2934 39.7851 47.2712 40.4516 47.2306C41.981 47.137 43.3668 47.5791 44.6568 48.3613C44.8716 48.4918 44.9919 48.7763 45.1576 48.9919C45.0901 49.1052 45.0226 49.2185 44.9539 49.3343C44.7378 49.1902 44.5402 49.0017 44.3058 48.9118C43.4785 48.5891 42.6585 48.1445 41.7993 48.0324C40.2822 47.8378 38.7369 47.8526 37.2026 47.7774C36.7386 47.754 36.3569 47.8895 36.0242 48.174H33.1864C32.7997 48.3046 32.4082 48.4228 32.0264 48.5694C31.1034 48.9242 30.2098 49.4316 29.2549 49.6188C28.0814 49.8504 26.8577 49.8356 25.6536 49.8836C25.4314 49.8935 25.2006 49.6989 24.9736 49.5991C24.9944 49.5437 25.0153 49.4883 25.0349 49.4328C27.0111 49.5548 28.9726 49.604 30.7499 48.5645C30.745 48.4881 30.7389 48.4118 30.7352 48.3342C30.1276 48.3662 29.5212 48.397 28.9161 48.4278C29.0425 48.2344 29.1874 48.1272 29.3482 48.0866C30.4443 47.8132 31.5404 47.5262 32.6463 47.2946C33.5337 47.1086 34.5071 47.1604 35.3148 46.8106C36.8356 46.1504 38.2741 45.2993 39.7225 44.4826C40.1767 44.2264 40.5473 43.8224 41.0371 43.4197C40.2012 43.012 39.4721 43.1389 38.7577 43.198C36.05 43.4246 33.4171 44.0294 30.8162 44.7967C28.5577 45.4618 26.363 46.3327 24.01 46.6911C22.5101 46.9202 21.1439 47.6038 19.7852 48.5867C21.4852 48.8342 22.9667 48.1938 24.6471 47.9597C24.4703 48.1617 24.4396 48.2184 24.3942 48.2455C22.7114 49.2222 20.8653 49.4821 18.9652 49.4932C18.7701 49.4957 18.5209 49.4587 18.3908 49.3368C18.1539 49.1175 17.8912 48.8404 17.8262 48.546C17.7906 48.381 18.0925 48.0792 18.3073 47.9351C18.5332 47.7836 18.8314 47.7429 19.1015 47.6617C20.0073 47.387 20.9426 47.1862 21.8141 46.8266C23.2466 46.239 24.6777 45.723 26.2476 45.6872C26.5582 45.6811 26.8712 45.532 27.1756 45.4274C29.2205 44.7265 31.236 43.9136 33.3177 43.3507C34.8631 42.9319 36.4894 42.7878 38.0912 42.6105C39.4905 42.4553 40.8996 42.2496 42.3124 42.6486C42.6315 42.7386 43.0894 42.6117 43.3913 42.4282C44.4923 41.763 45.343 40.8356 45.8204 39.6223C46.6035 37.6319 46.05 35.66 44.6814 34.6118C43.1139 33.4084 41.2531 32.7864 39.2401 32.7827C38.9799 32.7827 38.7172 32.8677 38.3294 32.9342C38.592 33.305 38.7909 33.5328 38.9234 33.7939C38.9922 33.9282 38.9431 34.1228 38.9468 34.2891C38.8019 34.2817 38.6387 34.3125 38.5135 34.2595C36.9644 33.6018 35.3553 33.236 33.6749 33.1892C33.4441 33.183 33.2158 33.0808 32.9814 33.0451C32.5579 32.9798 32.0571 32.7605 31.7196 32.9083C30.7082 33.3493 29.7471 33.9122 28.7946 34.4714C27.7034 35.1119 26.7116 35.9679 25.2988 35.7154C23.7044 35.4309 22.1554 35.5737 20.7266 36.4138C19.8539 36.9274 18.9836 37.4472 18.1416 38.0125C17.7623 38.2675 17.3855 38.5853 17.1339 38.9622C16.6368 39.6987 16.2379 40.503 15.7825 41.2691C15.0853 42.4417 14.5268 43.6833 14.5035 45.0554C14.4568 47.7651 14.6483 50.4416 15.618 53.0294C16.6601 55.8069 17.5905 58.6299 18.5405 61.4407C18.8376 62.3189 19.0413 63.2291 19.2868 64.1246C19.3948 64.3438 19.5016 64.5643 19.6096 64.7848C19.8294 65.1222 20.0773 65.4462 20.2663 65.8009C21.3833 67.9108 23.1128 69.1684 25.4204 69.7042C27.345 70.1513 29.1984 69.8273 31.0445 69.3211C31.3722 69.23 31.7785 69.0686 31.9454 68.8075C32.4168 68.0734 33.0612 67.5881 33.7915 67.178C34.3033 66.8897 34.8078 66.5843 35.3307 66.3145C35.5688 66.1914 35.8401 66.1322 36.0954 66.0448C36.1568 66.099 36.2194 66.1532 36.2808 66.2098C36.0451 66.6348 35.8094 67.0597 35.5455 67.5376C36.7852 67.5955 37.9083 67.6485 39.1984 67.71C38.9136 67.3442 38.7025 67.1127 38.5392 66.8503C38.214 66.3392 37.8359 65.8428 37.6236 65.2836C36.9239 63.4299 36.9718 61.4912 37.1449 59.5562C37.1731 59.2483 37.1191 58.7839 37.6162 58.8012C37.6825 58.8049 37.8212 59.3764 37.7635 59.6498C37.3278 61.7252 37.6236 63.6578 38.8019 65.4277C39.6624 66.7198 40.6725 67.8209 42.2559 68.2384C43.6773 68.6153 45.0705 68.4909 46.4427 68.0796C48.4103 67.4896 49.9937 66.3835 50.7989 64.4017C51.2494 63.2895 51.6005 62.1341 52.019 61.0084C52.2093 60.4972 52.4584 60.0082 52.6683 59.5045C53.0807 58.5142 53.6085 57.5485 53.8651 56.5164C54.2174 55.1061 54.1695 53.6711 53.147 52.4714C52.8475 52.1192 52.5235 51.762 52.1454 51.5083Z" fill="#04B782"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.3755 13.1375C14.4676 13.3198 14.8137 13.4848 15.0285 13.4688C15.4115 13.4417 15.7834 13.2705 16.3615 13.1018C16.0866 13.8839 15.981 14.6069 15.6091 15.1402C15.0322 15.9667 15.0101 16.7882 15.3501 17.627C16.2314 19.7973 17.1643 21.9466 18.091 24.0959C18.3672 24.7364 18.7121 25.3239 19.7284 24.963C19.6093 25.3486 19.5038 25.5974 19.4596 25.8585C19.3724 26.3659 19.1748 26.914 19.2828 27.3833C19.4903 28.2862 19.8143 29.1791 20.2145 30.0167C20.5226 30.667 20.9276 31.3309 21.453 31.8051C22.5024 32.7511 24.3055 32.2005 24.783 30.8062C25.5354 28.6089 25.0248 26.5445 23.9177 24.6034C23.8035 24.4014 23.3187 24.2252 23.1075 24.3065C22.5147 24.5307 21.9697 24.8891 21.4137 25.2081C21.0442 25.4212 20.6883 25.6577 20.1875 25.9693C20.2427 24.846 20.9583 24.4162 21.5487 23.9518C22.1501 23.4776 22.8473 23.1216 23.6206 22.64C23.2892 22.6918 23.0106 22.6721 22.7958 22.7805C22.1465 23.1081 21.5241 23.4911 20.8834 23.8373C20.6981 23.9358 20.4857 23.9838 20.2857 24.0553C20.4673 23.2768 20.8049 22.7349 21.5021 22.5009C21.8273 22.3912 22.1808 22.2915 22.441 22.0845C22.6338 21.9318 22.8056 21.6091 22.8007 21.3677C22.7884 20.7186 22.7 20.067 22.5969 19.4241C22.3404 17.8352 22.0593 16.2512 21.2246 14.8372C20.6232 13.8186 19.7444 13.5279 18.7121 14.0785C17.9817 14.4677 17.3054 14.9592 16.5874 15.3742C16.4303 15.4654 16.1995 15.4247 16.0019 15.4444C16.0841 15.2548 16.1148 14.9887 16.2584 14.8889C16.7359 14.5552 17.2441 14.2632 17.7584 13.9873C18.0947 13.8075 18.4617 13.6856 18.8152 13.5378C18.7931 13.4836 18.7722 13.4306 18.7514 13.3764C18.1475 13.5365 17.546 13.6967 16.9433 13.8568C16.9102 13.8112 16.8758 13.7644 16.8439 13.7188C16.9298 13.5809 16.9851 13.3752 17.109 13.3173C17.5963 13.0833 18.0898 12.7877 18.609 12.7138C19.667 12.5635 19.6768 12.6165 19.694 11.54C19.6977 11.3774 19.6768 11.2148 19.6633 11.0522C19.4817 8.88441 18.8262 6.86565 17.7498 4.98731C17.2441 4.10295 16.6328 3.31589 15.5551 3.11882C15.1255 3.03999 14.6848 3.03137 14.2491 2.99072C13.8134 3.2075 13.3764 3.42305 12.9406 3.63983C12.0839 4.59809 11.9071 5.71524 12.1772 6.93955C12.6534 9.09873 13.3874 11.1668 14.3755 13.1375Z" fill="#04B782"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M73.7769 40.815C73.6689 40.5958 73.5621 40.3753 73.4541 40.156C73.3632 40.0772 73.2528 40.0144 73.1853 39.9183C72.6071 39.0882 71.8167 38.6398 70.8335 38.4403C69.692 38.21 68.5688 38.306 67.4691 38.5906C66.0906 38.9477 64.9823 39.6239 64.1881 40.6549L64.1832 40.6475C64.139 40.7152 64.0936 40.7781 64.0482 40.8446C63.9905 40.9271 63.9316 41.0084 63.8763 41.0958C63.2908 41.9469 62.7078 42.7229 62.153 43.409C61.8044 43.3659 61.7259 43.6873 61.6547 44.0125C59.9522 46.0288 58.6425 47.1459 58.6425 47.1459L58.564 47.3652C57.6372 47.6904 56.7719 48.1522 55.9102 48.6659C54.8362 49.3076 54.5159 50.2067 54.4864 51.2968C54.4619 52.2132 54.657 53.0877 55.2253 53.8747C55.8697 54.764 56.6553 54.801 57.3304 53.9388C57.7379 53.4153 58.1957 53.5298 58.7039 53.1061C59.4809 52.4607 60.2959 51.8523 61.1404 51.2992C61.9358 50.7758 62.2966 51.3239 62.2352 50.3804C62.2254 50.1969 62.3334 49.3913 62.385 49.2053C62.4476 49.2053 62.509 49.2053 62.5716 49.2053C62.7986 49.8298 63.0417 49.2189 63.2467 49.8508C63.4713 50.5442 63.5056 50.5467 64.0654 50.1328C64.4348 49.8594 64.8583 49.6549 65.2683 49.4431C67.2763 48.4121 69.5164 47.8726 71.2729 46.3084C72.9361 44.8254 74.2764 43.2661 73.7769 40.815Z" fill="#04B782"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.7131 12.7603C28.8751 13.7382 28.8297 14.7027 28.8616 15.6769C28.9341 17.8644 29.2826 20.0445 29.5416 22.2246C29.5895 22.6311 29.8718 22.7543 30.2621 22.6065C30.6021 22.4759 30.9458 22.3527 31.2932 22.2468C31.794 22.0941 31.9351 22.237 31.8075 22.7838C31.9143 22.774 32.0149 22.7494 32.1119 22.758C32.2346 22.7678 32.3562 22.8048 32.4777 22.8282C32.4028 22.9501 32.3414 23.0868 32.2469 23.1903C32.1819 23.2617 32.0751 23.2987 31.9793 23.3319C31.0612 23.667 30.6304 24.4158 30.5972 25.3113C30.5273 27.1244 31.2085 28.6874 32.458 29.9844C33.4817 31.0436 34.3581 30.9303 35.1854 29.7208C36.2754 28.127 36.2778 26.3484 36.0999 24.5402C36.0225 23.7569 35.7439 23.5339 34.8786 23.3517C34.5962 23.2925 34.3188 23.2112 34.0402 23.141C34.0402 23.04 34.0427 22.9366 34.0427 22.8356C34.3618 22.8134 34.6908 22.7333 34.9988 22.7826C35.4714 22.859 35.7697 22.689 35.8838 22.2591C36.0287 21.7098 36.1379 21.1494 36.2152 20.5865C36.4767 18.6601 35.8593 16.8372 35.5426 14.9773C35.4653 14.5327 35.1253 14.545 34.8516 14.5684C33.7665 14.6571 32.6851 14.7938 31.6013 14.9145C31.3828 14.9391 31.1582 15.0044 30.9446 14.9798C30.812 14.965 30.6279 14.8418 30.5874 14.7261C30.5445 14.6053 30.6021 14.3639 30.6979 14.295C31.4466 13.7678 32.1733 13.1815 32.9895 12.7935C33.5296 12.541 34.2096 12.594 34.8233 12.4967C35.2861 12.4228 35.5279 12.2306 35.4297 11.6677C35.1682 10.17 34.9596 8.66116 34.7521 7.15356C34.5275 5.52279 34.3618 3.88216 34.0991 2.25632C33.9678 1.45079 33.5247 0.797986 32.7624 0.391525C30.8231 -0.644335 28.6567 1.10345 28.2111 2.70589C27.7913 4.2098 27.7925 5.77529 27.9619 7.31861C28.1608 9.13783 28.4112 10.9546 28.7131 12.7603Z" fill="#04B782"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.2381 31.7421C42.2802 32.3666 43.5371 32.0648 44.2527 30.8381C44.8431 29.8281 45.8962 27.4915 46.3246 26.3978C46.5958 25.7056 46.2669 25.102 45.6434 24.6894C44.8872 24.1881 43.7064 24.6525 42.8202 24.3298C42.8018 24.3236 42.8055 24.2571 42.7736 24.0834C43.0694 23.9997 43.3824 23.8248 43.6844 23.8457C44.3656 23.8962 45.0665 23.9627 45.7121 24.1721C46.2964 24.363 46.5492 24.198 46.7849 23.6893C47.5434 22.0462 47.6134 20.3009 47.5606 18.542C47.552 18.2994 47.3016 18.0333 47.1065 17.8313C46.8192 17.5332 46.4817 17.2832 46.165 17.0135C46.2129 16.9371 46.2608 16.862 46.3074 16.7868C46.7321 16.9507 47.1556 17.1157 47.579 17.2795C47.6171 17.2118 47.6539 17.1453 47.6907 17.0775C47.1261 16.7425 46.5603 16.4075 45.9956 16.0724C46.0177 15.9961 46.0398 15.9185 46.0619 15.8409C46.4706 15.8852 46.8818 15.9099 47.2844 15.9801C48.1117 16.1229 48.5328 15.7719 48.4849 14.9541C48.41 13.6559 48.329 12.3576 48.2639 11.0582C48.2198 10.1689 48.0749 9.25252 48.8372 8.54306C48.9047 8.48025 48.9292 8.35954 48.9476 8.25977C49.2213 6.62038 49.333 4.97729 48.7991 3.36623C48.4088 2.19365 47.1065 1.46202 45.9367 1.79088C44.5841 2.17271 43.6856 3.16177 43.3615 4.46737C42.7846 6.80267 42.4753 9.19217 42.6054 11.6186C42.6337 12.1606 42.5919 12.7062 42.5809 13.2494C42.5747 13.7027 42.5649 14.1572 42.5563 14.6252C44.9327 14.2779 44.9327 14.2779 45.458 14.7262C44.9008 14.8642 44.4159 14.9861 43.8967 15.1154C44.2478 15.3371 44.5497 15.5305 44.9363 15.7731C44.2662 16.2424 43.6488 16.118 43.0571 16.1193C42.6828 16.1193 42.3636 16.1624 42.2986 16.6206C42.0114 18.6393 41.7143 20.6556 41.4381 22.6756C41.3878 23.0463 41.4492 23.374 41.9696 23.3346C42.0813 23.3259 42.2065 23.4897 42.3268 23.5747C42.2384 23.6979 42.1746 23.8617 42.0555 23.9356C41.7843 24.1044 41.486 24.2288 41.2 24.3704C41.2467 24.3975 41.2933 24.4258 41.3399 24.4529C41.1718 24.8791 40.9152 25.2917 40.8514 25.7339C40.6477 27.1614 40.4709 28.5976 40.3715 30.0362C40.3248 30.7198 40.5851 31.3529 41.2381 31.7421Z" fill="#04B782"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2726 34.889C16.1854 33.6401 15.5606 32.5956 14.985 31.5536C14.2092 30.1457 13.242 28.8746 11.936 27.8942C11.6966 27.7131 11.542 27.3966 11.3959 27.117C11.1688 26.6896 11.0179 26.2203 10.7724 25.8077C9.89845 24.3395 8.68451 23.1792 7.4362 22.0399C6.96854 21.6125 6.57699 21.073 6.24803 20.5262C5.52384 19.324 4.87698 18.0751 4.16875 16.8618C3.55871 15.8186 2.30549 15.3789 1.22166 15.7816C0.415231 16.0809 0.00526541 17.0133 0.145194 18.2093C0.294942 19.5149 0.870612 20.6629 1.46347 21.7985C1.78997 22.4242 2.16434 22.5314 2.83084 22.2776C3.13156 22.1631 3.40528 21.9685 3.70846 21.8662C3.91221 21.7985 4.14911 21.8281 4.3725 21.8157C4.28045 22.0116 4.23994 22.2764 4.08774 22.3946C3.6925 22.6976 3.24939 22.9391 2.78542 23.2285C3.14383 23.8961 3.27272 23.9022 3.70968 23.3307C3.81279 23.194 4.01655 23.1337 4.17488 23.0376C4.16016 23.2297 4.15402 23.4243 4.12947 23.6165C4.07301 24.0242 3.91835 24.4442 3.97113 24.8371C4.03373 25.3101 4.2694 25.7609 4.42897 26.2228C5.05987 28.0555 6.20507 29.4498 7.92349 30.344C8.51266 30.6507 9.07974 30.6483 9.59772 30.142C9.8113 29.9339 10.0777 29.7762 10.3342 29.6186C10.4017 29.5767 10.5748 29.5853 10.6042 29.6333C10.6582 29.7171 10.6926 29.8846 10.6435 29.9524C10.4717 30.1962 10.2753 30.4303 10.0592 30.6384C9.68855 30.9956 9.4492 31.3787 9.8113 31.8627C10.9516 33.3876 12.0637 34.9358 13.2665 36.4089C13.895 37.1763 14.5468 37.2329 15.3286 36.8511C15.9461 36.5506 16.3302 35.7143 16.2726 34.889Z" fill="#04B782"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.9816 42.3396C46.7336 41.9566 46.4489 42.0477 46.185 42.331C45.7259 42.8261 45.1232 42.9284 44.4985 43.0614C44.048 43.1538 43.6442 43.4629 43.2145 43.6686C42.7383 43.894 42.2621 44.1231 41.7748 44.3288C41.6348 44.3879 41.4483 44.3362 41.3083 44.3966C41.1733 44.4544 41.0727 44.5912 40.9561 44.6946C41.069 44.8215 41.1782 45.0555 41.2936 45.058C41.7625 45.0691 42.2424 45.0543 42.7002 44.9582C43.1888 44.8584 43.6515 44.638 44.1339 44.5012C44.7685 44.3239 45.4129 44.1761 46.0536 44.0135C46.0426 43.9716 46.0303 43.931 46.0193 43.8891C46.3273 43.7364 46.6661 43.6243 46.9386 43.421C47.3596 43.107 47.2172 42.703 46.9816 42.3396Z" fill="#04B782"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_37_360">
|
||||
<rect width="74" height="70" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 14 KiB |
33
public/assets/icons/foundation_icons/people.svg
Normal file
33
public/assets/icons/foundation_icons/people.svg
Normal file
@@ -0,0 +1,33 @@
|
||||
<svg width="80" height="54" viewBox="0 0 80 54" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_37_320)">
|
||||
<mask id="mask0_37_320" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="59" height="54">
|
||||
<path d="M0.799805 0.0859375H58.2931V53.9859H0.799805V0.0859375Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_37_320)">
|
||||
<path d="M58.1438 53.8738H0.799805V51.1482C0.799805 51.1482 7.01413 47.4413 18.4615 42.4265C19.661 39.5924 20.3143 38.0649 20.3143 38.0649C20.3143 38.0649 21.2969 38.0114 21.5138 36.5937C21.732 35.1773 21.894 32.6686 21.894 32.6686C21.894 32.6686 19.934 31.0888 19.3879 27.4904C19.2042 26.3828 18.7882 25.8545 18.7882 25.8545C18.7882 25.8545 17.1523 22.1476 17.59 19.5866C17.6869 19.094 18.6248 18.8222 18.6248 18.8222L18.7333 9.6105C18.7333 9.6105 18.242 1.70669 35.4673 0.126953C33.4524 1.59823 34.8688 2.68797 34.8688 2.68797L39.2304 6.44846C39.2304 6.44846 40.5906 7.97589 40.5906 10.5369V18.9869C40.5906 18.9869 41.5183 19.3684 41.5183 19.912C41.5183 20.4581 41.2452 24.4917 40.3201 25.8545C39.5009 29.6699 37.7029 32.287 37.7029 32.287C37.7029 32.287 37.1568 36.6485 37.5945 37.4103C38.0309 38.1747 38.5757 38.3367 38.5757 38.3367C38.5757 38.3367 38.9573 38.8267 39.2278 39.9726C39.5009 41.1172 39.9386 42.4252 39.9386 42.4252C39.9386 42.4252 56.018 49.1308 58.1438 51.1482V53.8738Z" fill="#04B782"/>
|
||||
</g>
|
||||
<mask id="mask1_37_320" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="42" y="4" width="38" height="50">
|
||||
<path d="M42.6133 4.78662H79.2V53.9857H42.6133V4.78662Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_37_320)">
|
||||
<path d="M62.6775 43.4849C62.6775 43.4849 62.2832 42.2982 62.0344 41.2595C61.7881 40.2195 61.4423 39.7754 61.4423 39.7754C61.4423 39.7754 60.9459 39.6274 60.5517 38.9333C60.1548 38.2416 60.6512 34.2846 60.6512 34.2846C60.6512 34.2846 62.2832 31.9099 63.0259 28.448C63.8655 27.2115 64.1118 23.5506 64.1118 23.0567C64.1118 22.5616 63.2722 22.2158 63.2722 22.2158V14.5494C63.2722 12.2244 62.0344 10.8399 62.0344 10.8399L58.0787 7.42651C58.0787 7.42651 56.7924 6.43758 58.6223 5.10156C42.992 6.53583 43.4374 13.7085 43.4374 13.7085L43.3698 19.2848C43.5829 19.4455 43.7794 19.6612 43.7794 19.9139C43.7794 20.4511 43.5152 24.3826 42.6182 25.7977C42.9589 27.2536 43.4871 28.448 43.4871 28.448C43.4871 28.448 43.8636 28.9278 44.032 29.9333C44.5258 33.1962 46.3059 34.6317 46.3059 34.6317C46.3059 34.6317 46.1579 36.9069 45.9601 38.1932C45.7611 39.4794 44.8717 39.5279 44.8717 39.5279C44.8717 39.5279 44.3612 39.5879 43.4208 41.8082C47.2106 43.4147 58.6363 48.3377 60.4075 50.017V53.8732H79.1997V51.3989C77.2704 49.5691 62.6775 43.4849 62.6775 43.4849Z" fill="#04B782"/>
|
||||
</g>
|
||||
<mask id="mask2_37_320" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="43" y="41" width="37" height="13">
|
||||
<path d="M43.2666 41.7002H79.1999V53.9859H43.2666V41.7002Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask2_37_320)">
|
||||
<path d="M60.4076 50.0174C58.6364 48.3394 47.2107 43.4151 43.4209 41.8086C47.2107 43.4151 58.6364 48.3381 60.4076 50.0174Z" fill="#04B782"/>
|
||||
</g>
|
||||
<mask id="mask3_37_320" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="42" y="4" width="38" height="50">
|
||||
<path d="M42.6133 4.78662H79.2V53.9857H42.6133V4.78662Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask3_37_320)">
|
||||
<path d="M79.1997 53.8732H60.4075V50.017C58.6363 48.3377 47.2106 43.4147 43.4208 41.8082C44.3612 39.5879 44.8717 39.5279 44.8717 39.5279C44.8717 39.5279 45.7611 39.4794 45.9601 38.1932C46.1579 36.9069 46.3059 34.6317 46.3059 34.6317C46.3059 34.6317 44.5258 33.1962 44.032 29.9333C43.8636 28.9278 43.4871 28.448 43.4871 28.448C43.4871 28.448 42.9589 27.2536 42.6182 25.7977C43.5152 24.3826 43.7794 20.4511 43.7794 19.9139C43.7794 19.6612 43.5829 19.4455 43.3698 19.2848L43.4374 13.7085C43.4374 13.7085 43.4348 13.688 43.4348 13.6472C43.4348 12.9518 43.8355 6.45927 58.6223 5.10156C57.8618 5.65792 57.6384 6.15302 57.6384 6.54221C57.6384 7.08964 58.0787 7.42651 58.0787 7.42651L62.0344 10.8399C62.0344 10.8399 63.2722 12.2244 63.2722 14.5494V22.2158C63.2722 22.2158 64.1118 22.5616 64.1118 23.0567C64.1118 23.5506 63.8655 27.2115 63.0259 28.448C62.2832 31.9099 60.6512 34.2846 60.6512 34.2846C60.6512 34.2846 60.3973 36.3033 60.3973 37.7108C60.3973 38.2723 60.4381 38.7367 60.5517 38.9333C60.9459 39.6274 61.4423 39.7754 61.4423 39.7754C61.4423 39.7754 61.7881 40.2195 62.0344 41.2595C62.2832 42.2982 62.6775 43.4849 62.6775 43.4849C62.6775 43.4849 77.2704 49.5691 79.1997 51.3989V53.8732Z" fill="#04B782"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_37_320">
|
||||
<rect width="80" height="54" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
11
public/assets/icons/foundation_icons/planet.svg
Normal file
11
public/assets/icons/foundation_icons/planet.svg
Normal file
@@ -0,0 +1,11 @@
|
||||
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_37_341)">
|
||||
<path d="M28 0C43.4647 0 56 12.5362 56 28C56 43.4647 43.4647 56 28 56C12.5362 56 0 43.4647 0 28C0 12.5362 12.5362 0 28 0Z" fill="#04B782"/>
|
||||
<path d="M27.9965 4.98193C27.9965 4.98193 22.4129 3.99756 18.6358 4.98193C14.8597 5.96813 11.0826 8.92308 10.4254 10.5655C9.76917 12.208 10.0973 15.6551 9.27607 16.3132C8.45485 16.9685 9.43922 21.2405 10.7535 21.5687C12.0679 21.8959 9.6042 26.166 12.5601 26.8232C14.5315 30.6003 18.4854 30.4973 18.4854 30.4973C18.4854 30.4973 24.3844 31.9146 24.3844 33.228C24.3844 34.5414 22.0848 34.8696 22.0848 34.8696C22.0848 34.8696 22.741 39.467 24.0554 39.631C25.3706 41.7675 27.9965 41.4384 27.9965 41.4384C27.9965 41.4384 28.1606 44.2293 26.6831 45.2146C25.2047 46.2008 25.8728 51.4554 28.0011 51.4554C30.1311 51.4554 27.3403 48.1705 29.3108 47.3511C31.2814 46.528 38.3425 42.4237 38.3425 40.4541C40.478 35.6908 35.7157 34.3756 35.7157 34.3756C35.7157 34.3756 29.4749 31.2146 25.6978 30.4973C21.9207 29.7791 20.4423 27.9999 20.4423 27.9999L17.6515 27.3154C17.6515 27.3154 16.1731 25.2418 18.1446 24.8007C20.1151 24.3595 22.2498 24.3595 22.5779 25.5089C22.9051 26.6601 23.6479 25.508 23.9341 23.047C24.2194 20.5834 27.9965 19.105 27.9965 19.105C27.9965 19.105 32.4298 16.4782 31.9386 14.5076C31.4455 12.5361 37.3572 14.8348 37.3572 14.8348C37.3572 14.8348 35.3866 8.59495 32.5948 8.75902C29.8021 8.92399 29.8021 8.26592 29.8021 8.26592C29.8021 8.26592 29.3108 7.61058 28.4896 8.43089C27.6684 9.25212 27.5061 11.5526 25.3706 11.2236C23.2341 10.8946 21.5133 7.11748 23.9341 6.95251C26.3541 6.78844 27.5034 7.61058 27.5034 7.61058C27.5034 7.61058 30.2825 5.27269 27.9965 4.98193Z" fill="#FDF8F1"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_37_341">
|
||||
<rect width="56" height="56" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
25
public/assets/icons/foundation_icons/simplicity.svg
Normal file
25
public/assets/icons/foundation_icons/simplicity.svg
Normal file
@@ -0,0 +1,25 @@
|
||||
<svg width="86" height="76" viewBox="0 0 86 76" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_37_345)">
|
||||
<path d="M47.4371 28.6147C46.4792 27.6472 48.9415 16.0921 50.3963 14.1722C52.8227 10.81 52.8185 11.7734 55.7128 10.8238C55.7128 10.8238 65.3563 9.90462 64.8746 9.90186C68.724 10.8846 79.2895 18.6441 75.4029 25.3726C72.9709 30.1799 59.9335 35.9022 55.59 37.3266C57.5306 34.4447 58.0261 31.5559 55.1442 29.6154C56.1145 28.1744 56.1255 25.7646 56.6113 24.8026C51.3155 23.8144 51.7613 31.527 45.9893 29.0909C46.4737 28.6106 46.9582 28.1316 47.4412 27.6513" fill="#04B782"/>
|
||||
<path d="M58.4856 36.3769C62.8332 33.9877 68.6384 29.1957 74.4104 31.6331C79.2191 34.065 78.7056 40.8087 81.0948 45.1578C83.0077 48.0576 85.4259 46.1419 85.3996 51.9236C85.3831 55.2968 82.0085 55.7633 81.9892 59.6182C76.6823 61.0398 67.5315 60.0337 63.6848 58.0876C57.9156 55.1684 52.167 47.914 48.3369 42.5947C55.0944 40.2166 54.1062 45.5139 57.9542 46.9769C64.6896 49.4171 70.9806 43.663 62.8043 40.2525C65.232 36.4086 60.411 36.8682 58.97 35.8966" fill="#04B782"/>
|
||||
<path d="M41.6322 33.4067C42.1484 26.1813 42.1842 18.4715 34.9727 15.0637C31.1274 12.6359 17.1818 6.30631 16.6711 12.5683C13.3006 12.0714 8.96539 11.5677 8.46299 15.9029C7.97578 17.3466 12.3027 19.2955 12.7775 20.7419C13.2523 22.1911 10.3553 23.6224 11.7893 26.0391C16.0928 33.2866 23.7888 36.214 31.9928 33.8442C29.1123 31.4206 25.2601 30.9209 25.2781 27.066C27.6893 26.5954 30.5781 27.0909 32.5021 28.0625C32.9852 27.5836 32.9879 27.1005 33.4724 26.6216C36.3501 29.5269 38.7434 32.9112 40.6564 36.2927C40.6619 34.8476 41.1532 32.9222 40.6812 30.9927" fill="#04B782"/>
|
||||
<mask id="mask0_37_345" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="26" y="42" width="33" height="34">
|
||||
<path d="M26.04 42.2402H58.9V75.9132H26.04V42.2402Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_37_345)">
|
||||
<path d="M48.7914 48.3805C53.5835 54.1857 60.2968 61.4442 58.3259 70.5909C52.0514 72.49 48.1896 73.9172 42.8799 75.8205C41.9483 69.0699 37.0927 76.7576 32.7658 74.3271C28.9205 72.3824 26.5617 61.7686 28.9799 59.8528C28.0179 59.3656 27.0628 57.4347 26.1035 56.4658C28.5368 51.6585 34.3516 44.4566 39.6627 42.5547C39.6558 43.9998 33.2958 64.2102 42.0118 55.577C43.8654 71.488 49.7534 48.8664 48.7872 49.3439" fill="#04B782"/>
|
||||
</g>
|
||||
<path d="M35.3409 39.1607C30.052 36.7274 24.7547 35.7378 18.9716 35.7102C15.5984 35.695 9.33916 34.7026 6.43797 36.6156C4.50429 38.0524 0.610726 46.226 0.599684 48.6358C0.590023 50.564 1.5189 58.2793 2.47263 60.2102C5.33656 66.0057 7.74502 66.4999 14.4998 64.6034L19.8136 61.7368C22.2303 60.3027 21.7348 63.1929 24.6443 59.3504C28.041 54.5472 25.1743 49.2321 31.9387 45.4089C27.5966 46.353 24.2137 48.2659 19.8757 48.7255C20.3587 48.2466 20.8432 47.7663 21.3277 47.2874C18.4375 46.7919 16.0235 47.7442 13.6137 48.2149C18.9565 39.0834 27.1466 39.6037 36.3015 39.6465" fill="#04B782"/>
|
||||
<mask id="mask1_37_345" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="40" y="0" width="13" height="45">
|
||||
<path d="M40.5264 0.123047H52.1864V44.7134H40.5264V0.123047Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_37_345)">
|
||||
<path d="M45.1947 44.5063C46.2395 44.2703 44.7958 27.1571 45.8006 18.0063C46.7957 11.264 49.2001 12.7201 51.1448 8.87483C54.0653 2.62249 49.2332 5.49194 46.3237 9.33444C46.8137 7.40905 51.6665 0.201602 46.3665 0.176758C42.0271 0.639128 43.4529 4.98402 44.8855 7.88108C42.0271 0.639128 40.081 4.48577 41.0265 8.34483C41.0251 8.82652 43.9028 11.7319 44.3762 13.6614C44.851 15.1092 43.3894 18.4756 43.3811 20.4037C42.876 25.2206 40.8498 46.3544 45.1947 44.5063Z" fill="#04B782"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_37_345">
|
||||
<rect width="86" height="76" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.6 KiB |
BIN
public/images/ventures/freezone.jpg
Normal file
BIN
public/images/ventures/freezone.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
BIN
public/images/ventures/geomind.jpg
Normal file
BIN
public/images/ventures/geomind.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 293 KiB |
BIN
public/images/ventures/threefold.jpg
Normal file
BIN
public/images/ventures/threefold.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 238 KiB |
BIN
public/images/ventures/ventures_logo/freezone_logo.png
Normal file
BIN
public/images/ventures/ventures_logo/freezone_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/images/ventures/ventures_logo/geomind_logo.png
Normal file
BIN
public/images/ventures/ventures_logo/geomind_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
public/images/ventures/ventures_logo/threefold_logo.png
Normal file
BIN
public/images/ventures/ventures_logo/threefold_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
@@ -1,7 +1,6 @@
|
||||
import { CallToAction } from '@/components/CallToAction'
|
||||
import { Faqs } from '@/components/Faqs'
|
||||
import { Footer } from '@/components/Footer'
|
||||
import { HomeAbout } from '@/components/home/HomeAbout'
|
||||
import { Hero } from '@/components/home/Hero'
|
||||
import { HomePrinciples } from '@/components/home/HomePrinciples'
|
||||
import { HomeMilestones } from '@/components/home/HomeMilestones'
|
||||
@@ -10,6 +9,8 @@ import { Quote } from '@/components/Quote'
|
||||
import { HomeStickyHeader } from '@/components/home/HomeStickyHeader'
|
||||
import { FadeInOnView } from '@/components/UI/FadeInOnView'
|
||||
import { About } from '@/components/home/About'
|
||||
import { Ventures } from '@/components/home/Ventures'
|
||||
import { Foundation } from '@/components/home/Foundation'
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
@@ -20,14 +21,20 @@ export default function Home() {
|
||||
<Hero className="-mt-20" />
|
||||
</section>
|
||||
|
||||
<FadeInOnView>
|
||||
<FadeInOnView delayMs={100}>
|
||||
<About />
|
||||
</FadeInOnView>
|
||||
|
||||
<FadeInOnView>
|
||||
<HomeAbout />
|
||||
|
||||
<FadeInOnView delayMs={100}>
|
||||
<Ventures />
|
||||
</FadeInOnView>
|
||||
|
||||
<FadeInOnView delayMs={100}>
|
||||
<Foundation />
|
||||
</FadeInOnView>
|
||||
|
||||
|
||||
<FadeInOnView delayMs={100}>
|
||||
<HomePrinciples />
|
||||
</FadeInOnView>
|
||||
|
||||
@@ -14,7 +14,10 @@ const variantStyles = {
|
||||
'bg-slate-900 text-white hover:bg-slate-700 hover:text-slate-100 active:bg-slate-800 active:text-slate-300 focus-visible:outline-slate-900',
|
||||
black:
|
||||
'bg-black text-white hover:bg-gray-800 hover:text-white active:bg-gray-900 active:text-gray-100 focus-visible:outline-black',
|
||||
blue: 'bg-blue-600 text-white hover:text-slate-100 hover:bg-blue-500 active:bg-blue-800 active:text-blue-100 focus-visible:outline-blue-600',
|
||||
blue:
|
||||
'bg-blue-600 text-white hover:text-slate-100 hover:bg-blue-500 active:bg-blue-800 active:text-blue-100 focus-visible:outline-blue-600',
|
||||
green:
|
||||
'bg-green text-void hover:bg-green/90 hover:text-void active:bg-green/80 active:text-void focus-visible:outline-green',
|
||||
white:
|
||||
'bg-white text-black hover:bg-gray-100 hover:text-black active:bg-gray-200 active:text-gray-800 focus-visible:outline-white',
|
||||
radial:
|
||||
@@ -25,6 +28,8 @@ const variantStyles = {
|
||||
'ring-slate-200 text-slate-700 hover:text-slate-900 hover:ring-slate-300 active:bg-slate-100 active:text-slate-600 focus-visible:outline-blue-600 focus-visible:ring-slate-300',
|
||||
white:
|
||||
'ring-white text-white hover:ring-slate-500 active:ring-slate-900 active:text-slate-400 focus-visible:outline-white',
|
||||
green:
|
||||
'ring-green text-void hover:ring-green/90 hover:text-void active:ring-green/80 active:text-void focus-visible:outline-green',
|
||||
},
|
||||
}
|
||||
|
||||
|
||||
@@ -102,6 +102,13 @@ export const P = createTextComponent(
|
||||
'text-base lg:text-xl leading-relaxed',
|
||||
{ font: 'sans' }
|
||||
)
|
||||
|
||||
export const PS = createTextComponent(
|
||||
'p',
|
||||
'text-base lg:text-lg leading-relaxed',
|
||||
{ font: 'sans' }
|
||||
)
|
||||
|
||||
export const Small = createTextComponent(
|
||||
'small',
|
||||
'text-sm font-medium leading-normal tracking-normal'
|
||||
|
||||
@@ -23,7 +23,7 @@ const features = [
|
||||
|
||||
export function About() {
|
||||
return (
|
||||
<div className="bg-transparent py-24 lg:py-32">
|
||||
<div className="bg-transparent py-24 lg:pt-32 lg:pb-12">
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div className="mx-auto max-w-4xl lg:mx-0">
|
||||
<H2 className="text-void">
|
||||
|
||||
75
src/components/home/Foundation.tsx
Normal file
75
src/components/home/Foundation.tsx
Normal file
@@ -0,0 +1,75 @@
|
||||
import Image from 'next/image'
|
||||
import { H2, H4, CP } from '@/components/UI/Texts'
|
||||
|
||||
const foundations = [
|
||||
{
|
||||
name: 'Planet First',
|
||||
description:
|
||||
'Each initiative supports regeneration and uses natural resources responsibly. Every venture should leave the planet better than it found it.',
|
||||
iconSrc: '/assets/icons/foundation_icons/planet.svg',
|
||||
iconAlt: 'Planet First icon',
|
||||
},
|
||||
{
|
||||
name: 'People First',
|
||||
description:
|
||||
'Empowering people to own their digital lives through shared ownership, governance, and lifelong learning so everyone can participate.',
|
||||
iconSrc: '/assets/icons/foundation_icons/people.svg',
|
||||
iconAlt: 'People First icon',
|
||||
},
|
||||
{
|
||||
name: 'Open & Authentic',
|
||||
description:
|
||||
'By designing tools that are open source and transparent, we help restore trust online and ensure people, information, and systems remain accountable.',
|
||||
iconSrc: '/assets/icons/foundation_icons/open.svg',
|
||||
iconAlt: 'Open & Authentic icon',
|
||||
},
|
||||
{
|
||||
name: 'Simplicity',
|
||||
description:
|
||||
'Our ventures are designed to be modular and autonomous. Anyone should be able to connect, innovate, and contribute without friction.',
|
||||
iconSrc: '/assets/icons/foundation_icons/simplicity.svg',
|
||||
iconAlt: 'Simplicity icon',
|
||||
},
|
||||
]
|
||||
|
||||
export function Foundation() {
|
||||
return (
|
||||
<div className="bg-transparent py-16">
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div className="mx-auto grid max-w-2xl grid-cols-1 gap-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-5">
|
||||
<div className="col-span-2">
|
||||
<H2>
|
||||
The Foundation of Every Venture
|
||||
</H2>
|
||||
</div>
|
||||
|
||||
<dl className="col-span-3 grid grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-2">
|
||||
{foundations.map((foundation) => (
|
||||
<div key={foundation.name}>
|
||||
<dt className="text-base/7 font-semibold text-gray-900">
|
||||
<div className="mb-2 flex size-12 items-center justify-center rounded-lg bg-green/10">
|
||||
<Image
|
||||
src={foundation.iconSrc}
|
||||
alt={foundation.iconAlt}
|
||||
width={32}
|
||||
height={32}
|
||||
className={
|
||||
foundation.name === 'Planet First'
|
||||
? 'h-10 w-10 object-contain'
|
||||
: 'h-12 w-12 object-contain'
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
<H4>{foundation.name}</H4>
|
||||
</dt>
|
||||
<dd className="mt-4 text-base/7 text-gray-600">
|
||||
<CP>{foundation.description}</CP>
|
||||
</dd>
|
||||
</div>
|
||||
))}
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
76
src/components/home/Ventures.tsx
Normal file
76
src/components/home/Ventures.tsx
Normal file
@@ -0,0 +1,76 @@
|
||||
import Image from 'next/image'
|
||||
import { H2, PS } from '@/components/UI/Texts'
|
||||
import { Button } from '@/components/Button'
|
||||
|
||||
const ventures = [
|
||||
{
|
||||
src: '/images/ventures/geomind.jpg',
|
||||
alt: 'Geomind venture',
|
||||
logoSrc: '/images/ventures/ventures_logo/geomind_logo.png',
|
||||
logoAlt: 'Geomind logo',
|
||||
},
|
||||
{
|
||||
src: '/images/ventures/threefold.jpg',
|
||||
alt: 'ThreeFold venture',
|
||||
logoSrc: '/images/ventures/ventures_logo/threefold_logo.png',
|
||||
logoAlt: 'ThreeFold logo',
|
||||
},
|
||||
{
|
||||
src: '/images/ventures/freezone.jpg',
|
||||
alt: 'Freezone venture',
|
||||
logoSrc: '/images/ventures/ventures_logo/freezone_logo.png',
|
||||
logoAlt: 'Freezone logo',
|
||||
},
|
||||
]
|
||||
|
||||
export function Ventures() {
|
||||
return (
|
||||
<div className="bg-transparent py-32">
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div className="mx-auto flex max-w-7xl flex-col gap-8 lg:mx-0 lg:grid lg:grid-cols-2 lg:gap-24 lg:items-start">
|
||||
<div className="lg:pr-8">
|
||||
<H2 className="text-void">
|
||||
Meet the Ventures Shaping Our Future
|
||||
</H2>
|
||||
</div>
|
||||
<div className="flex flex-col gap-6 lg:pl-4 lg:max-w-2xl">
|
||||
<PS className="text-void">
|
||||
All ventures within the OurWorld ecosystem are connected through our shared principles, values, and the aim to bring forward a new era of digital autonomy and self-empowerment.
|
||||
</PS>
|
||||
<Button variant="solid" color="green" className="w-fit mt-2">
|
||||
Explore Ventures
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mx-auto mt-24 max-w-2xl lg:max-w-none">
|
||||
<dl className="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3">
|
||||
{ventures.map((venture) => (
|
||||
<div key={venture.src} className="flex flex-col">
|
||||
<dd className="flex flex-auto flex-col">
|
||||
<div className="relative overflow-hidden rounded-lg">
|
||||
<Image
|
||||
src={venture.src}
|
||||
alt={venture.alt}
|
||||
width={600}
|
||||
height={400}
|
||||
className="h-auto w-full object-cover transition-transform duration-300 hover:scale-105"
|
||||
/>
|
||||
<div className="pointer-events-none absolute inset-0 flex items-center justify-center">
|
||||
<Image
|
||||
src={venture.logoSrc}
|
||||
alt={venture.logoAlt}
|
||||
width={180}
|
||||
height={80}
|
||||
className="h-auto w-40 max-w-[60%] object-contain drop-shadow-md"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
</div>
|
||||
))}
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user