const Wrapper = styled.div` background: #f2f1ea; padding: 192px 24px; @media (max-width: 1000px) { padding: 112px 24px; } `; const Text = styled.p` font-family: "FK Grotesk", sans-serif; font-size: ${(p) => p.size ?? "18px"}; line-height: ${(p) => p.lineHeight ?? "1.5"}; font-weight: ${(p) => p.weight ?? "400"}; color: ${(p) => p.color ?? "#000"}; margin: 0; `; const Logo = styled.div` height: 32px; svg { height: 100%; } `; const Container = styled.div` display: grid; gap: 72px; max-width: 1040px; margin: 0 auto; `; const LogoAndIcons = styled.div` display: flex; align-items: center; justify-content: space-between; gap: 72px; @media (max-width: 1000px) { flex-direction: column; } `; const Icons = styled.div` display: flex; gap: 72px; align-items: center; flex-wrap: wrap; justify-content: center; a { display: block; transition: all 200ms; &:hover, &:focus { opacity: 0.7; outline: none; } } @media (max-width: 1000px) { gap: 24px; } `; const LinkGrid = styled.div` display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; div { display: flex; flex-direction: column; gap: 16px; } ul { display: grid; list-style: none; gap: 8px; margin: 0; padding: 0; } a { font-family: "FK Grotesk", sans-serif; font-size: 13px; line-height: 1.2; font-weight: 400; color: #000; &:hover, &:focus, &:active { color: #000; text-decoration: underline; outline: none; } } @media (max-width: 1000px) { grid-template-columns: repeat(3, 1fr); } @media (max-width: 650px) { grid-template-columns: 1fr; } `; return ( <Wrapper> <Container> <LogoAndIcons> <Logo> <svg width="296" height="56" viewBox="0 0 296 56" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M0 54.5455V0H21.5198C25.6568 0 29.1818 0.7902 32.0938 2.3704C35.0048 3.9329 37.2248 6.108 38.7518 8.8956C40.2968 11.6655 41.0688 14.8616 41.0688 18.4837C41.0688 22.1059 40.2878 25.3019 38.7248 28.0718C37.1628 30.8417 34.8988 32.999 31.9338 34.5437C28.9858 36.0885 25.4168 36.8608 21.2268 36.8608H7.5108V27.619H19.3628C21.5818 27.619 23.4108 27.2373 24.8488 26.4738C26.3048 25.6925 27.3878 24.6183 28.0988 23.2511C28.8268 21.8662 29.1908 20.277 29.1908 18.4837C29.1908 16.6726 28.8268 15.0924 28.0988 13.7429C27.3878 12.3758 26.3048 11.3193 24.8488 10.5736C23.3928 9.8101 21.5468 9.4283 19.3088 9.4283H11.5318V54.5455H0ZM66.1708 55.3445C62.0338 55.3445 58.4558 54.4656 55.4378 52.7078C52.4368 50.9322 50.1198 48.4642 48.4858 45.3037C46.8528 42.1254 46.0358 38.4411 46.0358 34.2508C46.0358 30.0249 46.8528 26.3317 48.4858 23.1712C50.1198 19.9929 52.4368 17.5249 55.4378 15.7671C58.4558 13.9915 62.0338 13.1037 66.1708 13.1037C70.3078 13.1037 73.8768 13.9915 76.8778 15.7671C79.8958 17.5249 82.2218 19.9929 83.8558 23.1712C85.4888 26.3317 86.3058 30.0249 86.3058 34.2508C86.3058 38.4411 85.4888 42.1254 83.8558 45.3037C82.2218 48.4642 79.8958 50.9322 76.8778 52.7078C73.8768 54.4656 70.3078 55.3445 66.1708 55.3445ZM66.2238 46.5554C68.1068 46.5554 69.6778 46.0228 70.9388 44.9574C72.1988 43.8743 73.1488 42.4006 73.7878 40.5363C74.4448 38.6719 74.7738 36.5501 74.7738 34.1709C74.7738 31.7916 74.4448 29.6698 73.7878 27.8054C73.1488 25.9411 72.1988 24.4674 70.9388 23.3843C69.6778 22.3012 68.1068 21.7596 66.2238 21.7596C64.3248 21.7596 62.7268 22.3012 61.4298 23.3843C60.1518 24.4674 59.1838 25.9411 58.5268 27.8054C57.8878 29.6698 57.5688 31.7916 57.5688 34.1709C57.5688 36.5501 57.8878 38.6719 58.5268 40.5363C59.1838 42.4006 60.1518 43.8743 61.4298 44.9574C62.7268 46.0228 64.3248 46.5554 66.2238 46.5554ZM115.443 13.6364V22.1591H90.8068V13.6364H115.443ZM96.3998 3.8353H107.746V41.9745C107.746 43.0221 107.906 43.8388 108.225 44.4248C108.545 44.9929 108.989 45.3924 109.557 45.6233C110.143 45.8541 110.818 45.9695 111.581 45.9695C112.114 45.9695 112.647 45.9251 113.179 45.8363C113.712 45.7298 114.12 45.6499 114.404 45.5966L116.189 54.0395C115.621 54.217 114.822 54.4212 113.792 54.652C112.762 54.9006 111.51 55.0515 110.037 55.1048C107.302 55.2113 104.905 54.8473 102.846 54.0128C100.804 53.1783 99.2138 51.8821 98.0778 50.1243C96.9418 48.3665 96.3818 46.1471 96.3998 43.466V3.8353ZM123.926 54.5455V0H135.458V45.0373H158.842V54.5455H123.926ZM184.75 55.3445C180.613 55.3445 177.035 54.4656 174.017 52.7078C171.016 50.9322 168.699 48.4642 167.066 45.3037C165.432 42.1254 164.615 38.4411 164.615 34.2508C164.615 30.0249 165.432 26.3317 167.066 23.1712C168.699 19.9929 171.016 17.5249 174.017 15.7671C177.035 13.9915 180.613 13.1037 184.75 13.1037C188.887 13.1037 192.456 13.9915 195.457 15.7671C198.475 17.5249 200.801 19.9929 202.435 23.1712C204.068 26.3317 204.885 30.0249 204.885 34.2508C204.885 38.4411 204.068 42.1254 202.435 45.3037C200.801 48.4642 198.475 50.9322 195.457 52.7078C192.456 54.4656 188.887 55.3445 184.75 55.3445ZM184.804 46.5554C186.686 46.5554 188.257 46.0228 189.518 44.9574C190.778 43.8743 191.728 42.4006 192.367 40.5363C193.024 38.6719 193.353 36.5501 193.353 34.1709C193.353 31.7916 193.024 29.6698 192.367 27.8054C191.728 25.9411 190.778 24.4674 189.518 23.3843C188.257 22.3012 186.686 21.7596 184.804 21.7596C182.904 21.7596 181.306 22.3012 180.009 23.3843C178.731 24.4674 177.763 25.9411 177.106 27.8054C176.467 29.6698 176.148 31.7916 176.148 34.1709C176.148 36.5501 176.467 38.6719 177.106 40.5363C177.763 42.4006 178.731 43.8743 180.009 44.9574C181.306 46.0228 182.904 46.5554 184.804 46.5554ZM230.746 55.3445C226.556 55.3445 222.952 54.4567 219.933 52.6812C216.932 50.8878 214.624 48.402 213.008 45.2238C211.41 42.0455 210.611 38.3878 210.611 34.2508C210.611 30.0604 211.419 26.385 213.035 23.2245C214.669 20.0462 216.986 17.5693 219.986 15.7937C222.987 14.0004 226.556 13.1037 230.693 13.1037C234.262 13.1037 237.387 13.7518 240.068 15.048C242.749 16.3441 244.871 18.1641 246.433 20.5079C247.996 22.8516 248.857 25.6037 249.017 28.7643H238.31C238.008 26.7223 237.209 25.0799 235.913 23.837C234.635 22.5764 232.957 21.9461 230.88 21.9461C229.122 21.9461 227.586 22.4255 226.272 23.3843C224.976 24.3253 223.964 25.7014 223.236 27.5125C222.508 29.3236 222.144 31.5164 222.144 34.091C222.144 36.701 222.499 38.9205 223.209 40.7493C223.937 42.5782 224.958 43.972 226.272 44.9308C227.586 45.8896 229.122 46.369 230.88 46.369C232.176 46.369 233.339 46.1027 234.369 45.57C235.416 45.0373 236.277 44.265 236.952 43.2529C237.644 42.2231 238.097 40.989 238.31 39.5508H249.017C248.839 42.6758 247.987 45.428 246.46 47.8072C244.951 50.1687 242.865 52.0153 240.201 53.347C237.538 54.6787 234.386 55.3445 230.746 55.3445ZM266.562 42.7735L266.588 29.1638H268.24L281.343 13.6364H294.367L276.762 34.1975H274.072L266.562 42.7735ZM256.281 54.5455V0H267.627V54.5455H256.281ZM281.849 54.5455L269.811 36.7277L277.375 28.711L295.14 54.5455H281.849Z" fill="black" /> </svg> </Logo> <Icons> <a href="https://twitter.com/potlock_" target="_blank" title="Official Twitter account" > <svg width="27" height="24" viewBox="0 0 27 24" fill="none"> <path d="M23.9906 6.34576C25.0082 5.53415 25.924 4.56022 26.6364 3.42396C25.7205 3.85682 24.652 4.18147 23.5835 4.28968C24.7029 3.58629 25.517 2.50414 25.924 1.15146C24.9064 1.80074 23.7362 2.28771 22.5659 2.55825C21.5483 1.42199 20.1745 0.772705 18.6481 0.772705C15.697 0.772705 13.3056 3.31575 13.3056 6.45398C13.3056 6.88683 13.3565 7.31969 13.4583 7.75255C9.03167 7.48202 5.06298 5.20951 2.41719 1.80074C1.95926 2.61235 1.70486 3.58629 1.70486 4.66843C1.70486 6.6163 2.62071 8.34773 4.09625 9.37577C3.23128 9.32166 2.36631 9.10524 1.65398 8.67238V8.72648C1.65398 11.486 3.48568 13.7585 5.92795 14.2995C5.52091 14.4078 5.0121 14.516 4.55418 14.516C4.19801 14.516 3.89273 14.4619 3.53656 14.4078C4.19801 16.6803 6.18236 18.3035 8.52286 18.3576C6.69116 19.8726 4.40153 20.7924 1.90838 20.7924C1.45046 20.7924 1.04341 20.7383 0.636368 20.6842C2.97688 22.3074 5.77531 23.2273 8.82815 23.2273C18.6481 23.2273 23.9906 14.6242 23.9906 7.10326C23.9906 6.83273 23.9906 6.6163 23.9906 6.34576Z" fill="#262626" /> </svg> </a> <a href="https://github.com/near" target="_blank" title="Official Github organization" > <svg width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M8.49926 19.2153C8.49926 19.1177 8.40395 19.0201 8.26099 19.0201C8.11802 19.0201 8.02272 19.1177 8.02272 19.2153C8.02272 19.3129 8.11802 19.4105 8.26099 19.3617C8.40395 19.3617 8.49926 19.3129 8.49926 19.2153ZM7.02198 18.9713C7.02198 19.0689 7.11729 19.2153 7.26025 19.2153C7.35556 19.2641 7.49852 19.2153 7.54618 19.1177C7.54618 19.0201 7.49852 18.9225 7.35556 18.8736C7.2126 18.8248 7.06964 18.8736 7.02198 18.9713ZM9.16641 18.9225C9.02345 18.9225 8.92814 19.0201 8.92814 19.1665C8.92814 19.2641 9.0711 19.3129 9.21407 19.2641C9.35703 19.2153 9.45234 19.1665 9.40468 19.0689C9.40468 18.9713 9.26172 18.8736 9.16641 18.9225ZM12.2639 0.181763C5.68767 0.181763 0.636353 5.35497 0.636353 12.0899C0.636353 17.5071 3.92448 22.1435 8.68987 23.8028C9.30937 23.9004 9.49999 23.51 9.49999 23.2172C9.49999 22.8756 9.49999 21.2162 9.49999 20.1914C9.49999 20.1914 6.16421 20.9234 5.4494 18.7272C5.4494 18.7272 4.92521 17.3119 4.16275 16.9703C4.16275 16.9703 3.0667 16.1894 4.2104 16.1894C4.2104 16.1894 5.40175 16.287 6.0689 17.4583C7.11729 19.3617 8.83283 18.8248 9.54764 18.4832C9.64295 17.7024 9.92888 17.1655 10.3101 16.8239C7.64149 16.5311 4.92521 16.1406 4.92521 11.4555C4.92521 10.089 5.30644 9.4545 6.0689 8.57603C5.92594 8.2344 5.54471 6.9655 6.21187 5.25737C7.16495 4.96454 9.49999 6.57507 9.49999 6.57507C10.4531 6.28225 11.4538 6.18464 12.4545 6.18464C13.5029 6.18464 14.5037 6.28225 15.4567 6.57507C15.4567 6.57507 17.7441 4.91574 18.7449 5.25737C19.412 6.9655 18.9831 8.2344 18.8878 8.57603C19.6503 9.4545 20.1268 10.089 20.1268 11.4555C20.1268 16.1406 17.3152 16.5311 14.6466 16.8239C15.0755 17.2143 15.4567 17.9464 15.4567 19.1177C15.4567 20.7282 15.4091 22.778 15.4091 23.1684C15.4091 23.51 15.6474 23.9004 16.2669 23.754C21.0322 22.1435 24.2727 17.5071 24.2727 12.0899C24.2727 5.35497 18.8878 0.181763 12.2639 0.181763ZM5.25879 17.0191C5.16348 17.0679 5.21113 17.2143 5.25879 17.3119C5.35409 17.3607 5.4494 17.4095 5.54471 17.3607C5.59236 17.3119 5.59236 17.1655 5.49706 17.0679C5.40175 17.0191 5.30644 16.9703 5.25879 17.0191ZM4.73459 16.6287C4.68694 16.7263 4.73459 16.7751 4.8299 16.8239C4.92521 16.8727 5.02052 16.8727 5.06817 16.7751C5.06817 16.7263 5.02052 16.6775 4.92521 16.6287C4.8299 16.5799 4.78225 16.5799 4.73459 16.6287ZM6.25952 18.3856C6.21187 18.4344 6.21187 18.5808 6.35483 18.6784C6.45014 18.776 6.5931 18.8248 6.64075 18.7272C6.68841 18.6784 6.68841 18.532 6.5931 18.4344C6.49779 18.3368 6.35483 18.288 6.25952 18.3856ZM5.73533 17.6536C5.64002 17.7024 5.64002 17.8488 5.73533 17.9464C5.83063 18.044 5.92594 18.0928 6.02125 18.044C6.0689 17.9952 6.0689 17.8488 6.02125 17.7512C5.92594 17.6536 5.83063 17.6047 5.73533 17.6536Z" fill="#262626" /> </svg> </a> <a href="https://NEAReFI.org/telegram" target="_blank" title="Official Telegram channel" > <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12.0909 0.181763C5.56229 0.181763 0.272705 5.47135 0.272705 11.9999C0.272705 18.5285 5.56229 23.8181 12.0909 23.8181C18.6195 23.8181 23.9091 18.5285 23.9091 11.9999C23.9091 5.47135 18.6195 0.181763 12.0909 0.181763ZM17.857 8.28294L15.9509 17.4325C15.8079 18.0997 15.4267 18.2426 14.8548 17.9567L11.9003 15.7646L10.4707 17.1466C10.3277 17.2895 10.1847 17.4325 9.89881 17.4325L10.0894 14.4303L15.5696 9.47429C15.8079 9.28367 15.522 9.14071 15.1884 9.33132L8.42153 13.6202L5.51464 12.7148C4.89514 12.5241 4.89514 12.0476 5.6576 11.7617L17.0469 7.37751C17.5711 7.1869 18.0476 7.52047 17.857 8.28294Z" fill="#262626" /> </svg> </a> <a href="https://www.youtube.com/@refinear" target="_blank" title="Official YouTube channel" > <svg width="27" height="18" viewBox="0 0 27 18" fill="none"> <path d="M26.3387 2.9524C26.0535 1.84445 25.1504 0.967318 24.0571 0.69033C22.0133 0.136353 13.9328 0.136353 13.9328 0.136353C13.9328 0.136353 5.80485 0.136353 3.76098 0.69033C2.66774 0.967318 1.76463 1.84445 1.47944 2.9524C0.909058 4.89132 0.909058 9.04615 0.909058 9.04615C0.909058 9.04615 0.909058 13.1548 1.47944 15.1399C1.76463 16.2479 2.66774 17.0788 3.76098 17.3558C5.80485 17.8636 13.9328 17.8636 13.9328 17.8636C13.9328 17.8636 22.0133 17.8636 24.0571 17.3558C25.1504 17.0788 26.0535 16.2479 26.3387 15.1399C26.9091 13.1548 26.9091 9.04615 26.9091 9.04615C26.9091 9.04615 26.9091 4.89132 26.3387 2.9524ZM11.271 12.7855V5.30681L18.0206 9.04615L11.271 12.7855Z" fill="#262626" /> </svg> </a> </Icons> </LogoAndIcons> <LinkGrid> <div> <Text size="16px" weight="500"> Explore </Text> <ul> <li> <a href="https://potlock.io/pots">Pots</a> </li> <li> <a href="https://potlock.io/projects">Projects</a> </li> <li> <a href="https://potlock.io/donors">Donors</a> </li> <li> <a href="https://potlock.io/funding-dashboard"> Funding Dashboard </a> </li> <li> <a href="https://potlock.io/project-dashboard"> Project Dashboard </a> </li> </ul> </div> <div> <Text size="16px" weight="500"> About </Text> <ul> <li> <a href="https://potlock.io/about">Overview</a> </li> <li> <a href="https://potlock.io/github">Github</a> </li> <li> <a href="https://NEAReFi.org">NEAReFi</a> </li> <li> <a href="https://potlock.io/bos">BOS Profile</a> </li> </ul> </div> <div> <Text size="16px" weight="500"> Resources </Text> <ul> <li> <a href="https://potlock.io/docs">Fork Us</a> </li> <li> <a href="https://potlock.io/accelerator">Apply to Accelerator</a> </li> <li> <a href="https://potlock.io/human">Verify As Human</a> </li> <li> <a href="https://NEAReFi.org/subscribe">Subscribe</a> </li> </ul> </div> </LinkGrid> </Container> </Wrapper> );