Components/Footers
Footers
Three-level with icons and newsletter
0import Link from "next/link";1import { useState } from "react";23const Logo = ({ className }) => {4 return (5 <svg6 viewBox="0 0 175 40"7 fill="none"8 xmlns="http://www.w3.org/2000/svg"9 className={className}10 >11 <path12 d="M170.394 7.66415L174.568 11.8668C174.714 11.9829 174.822 12.1396 174.878 12.3171C174.963 13.3515 174.18 13.4081 173.38 13.4659C173.034 13.4909 172.685 13.5162 172.402 13.621C170.998 14.0009 169.746 14.8033 168.815 15.9193C167.883 17.0353 167.318 18.4109 167.195 19.8593C167.105 20.0266 166.969 20.1643 166.802 20.2558C166.636 20.3474 166.447 20.3888 166.257 20.3753C166.037 20.3558 165.831 20.2595 165.675 20.1032L164.305 18.7238C164.315 18.8182 164.315 18.9117 164.315 18.9869V19.8968C164.315 19.9543 164.317 20.0097 164.31 20.065C164.301 20.127 164.28 20.1888 164.231 20.2532V20.3377C164.231 20.3808 164.236 20.4209 164.241 20.4616C164.251 20.5449 164.262 20.6307 164.231 20.7505C164.201 20.8622 164.198 20.9925 164.194 21.1088C164.193 21.1779 164.191 21.2421 164.184 21.2945C164.174 21.3672 164.174 21.4448 164.168 21.5223C164.162 21.5949 164.15 21.6674 164.118 21.7354C164.074 21.8306 164.059 21.9215 164.055 22.0139C164.052 22.0581 164.052 22.1026 164.052 22.1482L163.996 22.439L161.867 32.5891L161.698 33.3489L161.632 34.4559L160.694 39.2495L160.544 40H84.6248L84.2589 39.6341L84.1932 39.9531H76.0694L71.5478 35.4034L71.9793 33.3489H69.4277L67.8424 31.7448C65.8749 33.1775 63.4934 33.9285 61.06 33.8837C58.4442 33.9866 55.8941 33.0488 53.9681 31.2758L51.5009 28.7899L50.9662 31.2851C50.9006 31.6416 50.8161 31.9794 50.7223 32.3077L50.6379 32.6173L50.4972 33.0675C50.4856 33.1066 50.4699 33.1444 50.4503 33.1801C50.3106 33.5937 50.1446 33.9979 49.9531 34.3902C49.9581 34.4054 49.9581 34.4219 49.9531 34.4371C49.9285 34.4891 49.9003 34.5392 49.8686 34.5872C49.727 34.8675 49.5705 35.1399 49.3996 35.4034C49.3679 35.4513 49.3397 35.5015 49.3152 35.5535L49.212 35.666C48.9827 35.9949 48.732 36.3082 48.4615 36.6041C48.3873 36.6783 48.3131 36.748 48.2377 36.8164C48.1607 36.8864 48.0825 36.9551 48.0018 37.0262L47.7955 37.2232C47.6654 37.3313 47.5323 37.4356 47.3964 37.5361C47.2843 37.619 47.1703 37.6992 47.0544 37.7767C45.1211 38.9222 42.891 39.4674 40.6473 39.3433C37.5516 39.3433 35.075 38.4427 33.5084 36.8668L29.0994 32.4296C27.3383 33.4262 25.3442 33.9377 23.3208 33.9118C20.7129 33.9925 18.1782 33.042 16.2664 31.2664L13.7993 28.7805L13.0019 32.6173L12.8424 33.3771H4.54036L0 28.7992L0.234521 27.6923L5.22515 3.72418L5.37521 2.97372H13.7054L13.9212 3.18013V2.97372H70.0469L70.2533 3.18013V2.97372H78.3771L82.9174 7.55158L82.6923 8.64913L82.4484 9.8499H84.7842L85.1501 10.2158C86.1779 9.61344 87.3453 9.29005 88.5366 9.27769C89.4126 9.26039 90.2825 9.42678 91.0903 9.76608C91.8982 10.1054 92.626 10.61 93.227 11.2476L93.105 11.1069L95.3095 13.3302C96.651 10.8068 99.6622 9.27769 103.752 9.27769C106.923 9.27769 109.259 10.0844 110.675 11.5478L112.27 13.152L112.805 10.5722L112.964 9.82173H121.097L123.424 12.1576L123.752 10.5816L123.912 9.83112H139.916L140.347 10.2627C141.431 9.62306 142.672 9.29818 143.931 9.32458C144.688 9.29503 145.442 9.43365 146.14 9.73047C146.837 10.0273 147.46 10.475 147.964 11.0413C147.938 11.0118 147.913 10.9823 147.888 10.9533C147.843 10.8995 147.798 10.847 147.75 10.7984L148.565 11.6135C149.275 10.8782 150.129 10.2959 151.072 9.90235C152.016 9.50877 153.03 9.3121 154.052 9.32458C154.595 9.2912 155.137 9.3374 155.663 9.46033L154.775 8.56473C154.654 8.43528 154.572 8.27421 154.539 8.10021C154.506 7.92621 154.523 7.74631 154.587 7.58147C154.652 7.41657 154.762 7.27343 154.905 7.16854C155.048 7.06365 155.217 7.00129 155.394 6.98875H156.107C156.299 6.97043 156.49 6.94226 156.679 6.9043C157.676 6.69474 158.614 6.26624 159.425 5.6497C160.237 5.03323 160.901 4.24418 161.37 3.33959C161.411 3.26962 161.448 3.19765 161.482 3.12384V3.07695C161.805 2.38215 162.001 1.63581 162.064 0.872416C162.08 0.635203 162.187 0.413106 162.361 0.251186C162.535 0.0892079 162.764 -0.00056984 163.002 2.72188e-06H163.077C163.219 0.0135152 163.357 0.0594347 163.479 0.134211C163.601 0.209045 163.704 0.310732 163.781 0.431543C164.456 1.08821 168.208 4.90617 168.208 4.90617C168.521 5.24238 168.498 5.67885 168.474 6.12046C168.459 6.39352 168.444 6.66858 168.508 6.92308C168.679 6.95371 168.852 6.9769 169.024 6.99259C169.19 7.00753 169.356 7.01566 169.522 7.01687C169.716 7.02093 169.905 7.0854 170.061 7.2014C170.217 7.31735 170.334 7.4791 170.394 7.66415Z"13 fill="black"14 ></path>15 <path16 d="M42.9361 10.7505H48.8648L45.544 26.5009C44.9343 29.484 43.771 31.1914 42.0074 32.4015C40.2236 33.4366 38.1753 33.9258 36.1163 33.8086C32.1951 33.8086 28.4333 32.167 28.0581 28.1801H34.0243C34.2119 29.1182 35.075 29.6529 36.3883 29.6529C38.1613 29.6529 38.9774 28.5835 39.3433 26.9043L39.6997 25.1688H39.5684C39.0449 25.7443 38.4099 26.2073 37.702 26.5298C36.994 26.8523 36.228 27.0276 35.4502 27.045C31.9981 27.045 29.2588 24.2964 29.3151 20.272C29.3902 15.5816 32.4483 10.2533 37.5797 10.2533C38.5521 10.1878 39.5229 10.4021 40.3774 10.8709C41.2319 11.3396 41.9342 12.0433 42.4014 12.8987H42.5046L42.9361 10.7505ZM37.8423 22.6454C40.1219 22.6454 41.3883 20.0188 41.4258 17.758C41.4258 16.2477 40.8348 14.6998 39.09 14.6998C36.7072 14.6998 35.4971 17.3546 35.4596 19.6341C35.4596 21.1726 36.0506 22.6454 37.7954 22.6454M104.4 23.152C104.4 24.1557 103.536 24.5591 102.401 24.5591C100.525 24.5591 99.8967 23.621 99.8873 22.3077H93.9868C93.8836 27.2045 98.2551 28.4146 102.139 28.4146C107.101 28.4146 110.319 26.2664 110.385 21.9794C110.385 18.5553 107.467 17.5141 104.597 16.848C102.392 16.3415 101.426 15.9756 101.435 15.1407C101.445 14.3058 102.43 13.9681 103.396 13.9681C104.606 13.9681 105.431 14.3996 105.516 15.5066H111.248C111.182 11.4165 107.495 10.2158 103.743 10.2158C99.1838 10.2158 95.6284 12.2889 95.5721 16.2101C95.5721 19.2964 97.6547 20.4315 100.797 21.2383C102.814 21.773 104.418 21.9418 104.4 23.152ZM148.236 13.2927H148.133C147.878 12.3689 147.314 11.5602 146.536 11.0005C145.758 10.4409 144.812 10.164 143.855 10.2158C141.304 10.2158 139.747 11.4822 138.274 13.3959H138.171L138.715 10.7505H132.748L129.174 27.8424H135.413L137.289 18.621C137.72 16.6135 138.743 15.2064 140.291 15.2064C141.839 15.2064 142.045 16.4446 141.726 17.955L139.662 27.8424H145.9L147.777 18.621C148.208 16.4822 149.231 15.2064 150.778 15.2064C152.326 15.2064 152.533 16.379 152.214 17.955L150.15 27.8424H156.388L158.621 17.6829C159.559 13.3959 158.124 10.1782 154.006 10.1782C152.86 10.1735 151.732 10.4561 150.724 11.0002C149.716 11.5443 148.861 12.3325 148.236 13.2927ZM1.14441 27.8424H7.58906L12.5703 3.8743H6.13503L1.14441 27.8424ZM20.544 10.2439C24.8967 10.2439 29.0525 12.6266 28.9868 18.0206C28.9305 23.9212 24.9155 28.3396 18.7804 28.3396C14.559 28.3396 10.3377 25.9944 10.4127 20.6285C10.5159 14.8687 14.4746 10.2439 20.544 10.2439ZM18.9587 24.1557C21.7073 24.1557 22.711 20.1688 22.711 17.8236C22.711 16.1445 22.1951 14.5028 20.3845 14.5028C17.6641 14.5028 16.7354 18.7242 16.7354 20.9006C16.7354 22.6454 17.2232 24.1557 18.9962 24.1557M14.7185 3.8743L13.7804 8.66792H67.8986L68.8367 3.8743H14.7185ZM58.2457 10.2439C62.5984 10.2439 66.7541 12.6266 66.6885 18.0206C66.6322 23.9212 62.6078 28.3396 56.4727 28.3396C52.2513 28.3396 48.0299 25.9944 48.1144 20.6285C48.2457 14.8687 52.2044 10.2439 58.2457 10.2439ZM56.6885 24.1557C59.4371 24.1557 60.4408 20.1688 60.4408 17.8236C60.4408 16.1445 59.9155 14.5028 58.105 14.5028C55.3939 14.5028 54.4558 18.7242 54.4558 20.9006C54.4558 22.6454 54.9436 24.1557 56.726 24.1557M71.0506 3.8743L70.1125 8.66792H76.3414L77.2795 3.8743H71.0506ZM66.06 27.8424H72.2982L75.8723 10.7505H69.5965L66.06 27.8424ZM85.9661 28.4146C84.9733 28.4851 83.9804 28.2776 83.0988 27.8153C82.2173 27.353 81.482 26.6542 80.9755 25.7974H80.8723L78.9962 34.4465H72.6828L77.7485 10.7505H83.6772L83.2082 13.03C83.8273 12.188 84.6293 11.4973 85.5538 11.0098C86.4783 10.5224 87.5013 10.2509 88.5459 10.2158C92.2982 10.2158 94.5027 13.4334 94.4371 17.6173C94.3526 22.8799 91.6228 28.4146 85.9286 28.4146H85.9661ZM85.7222 15.0563C83.3114 15.0563 81.8292 18.1426 81.7917 20.516C81.7917 22.167 82.3733 24.0056 84.3526 24.0056C86.9324 24.0056 87.9924 20.591 88.0205 18.3114C88.0205 16.7636 87.5703 15.0563 85.7222 15.0563ZM121.792 25.1501H121.895L121.351 27.8612H127.279L130.854 10.7692H124.625L122.636 20.3189C122.233 22.2983 121.013 23.3396 119.475 23.3396C117.936 23.3396 117.598 21.8949 117.908 20.3846L119.925 10.7692H113.696L111.491 21.3227C110.553 25.9193 112.692 28.3959 116.276 28.3959C117.401 28.3849 118.504 28.0774 119.472 27.5042C120.44 26.931 121.241 26.1125 121.792 25.1313V25.1501ZM155.253 34.531L156.191 29.7373H82.2138L81.2757 34.531H155.253Z"17 fill="white"18 ></path>19 <path20 d="M161.96 15.4409C161.899 15.4362 161.839 15.4193 161.784 15.3912C161.728 15.3632 161.679 15.3245 161.639 15.2774C161.599 15.2303 161.569 15.1758 161.55 15.1169C161.531 15.058 161.524 14.996 161.529 14.9343C161.607 14.0989 161.508 13.2563 161.238 12.4619C160.968 11.6675 160.533 10.939 159.961 10.3244C159.39 9.70976 158.695 9.22274 157.923 8.89524C157.15 8.56775 156.317 8.40717 155.478 8.42403C155.354 8.42403 155.235 8.37462 155.147 8.28665C155.059 8.19869 155.009 8.07938 155.009 7.95498C155.009 7.83058 155.059 7.71129 155.147 7.62333C155.235 7.53536 155.354 7.48594 155.478 7.48594C155.703 7.50048 155.929 7.50048 156.154 7.48594C157.82 7.30843 159.372 6.55564 160.543 5.35711C161.715 4.15858 162.431 2.58928 162.57 0.919337C162.58 0.801554 162.633 0.691688 162.72 0.611685C162.807 0.531683 162.921 0.487447 163.039 0.487826C163.101 0.492561 163.161 0.509449 163.216 0.53751C163.271 0.565571 163.32 0.604254 163.36 0.651335C163.401 0.698417 163.431 0.752963 163.45 0.811839C163.469 0.870715 163.476 0.932751 163.471 0.994386C163.393 1.82905 163.492 2.6708 163.761 3.46458C164.031 4.25835 164.465 4.98628 165.035 5.60078C165.606 6.21527 166.299 6.70249 167.07 7.03058C167.842 7.35867 168.674 7.52023 169.512 7.5047C169.636 7.5047 169.756 7.55413 169.844 7.64209C169.932 7.73005 169.981 7.84935 169.981 7.97375C169.981 8.09815 169.932 8.21746 169.844 8.30542C169.756 8.39338 169.636 8.44279 169.512 8.44279C167.73 8.47223 166.021 9.15877 164.714 10.3707C163.407 11.5826 162.593 13.2345 162.43 15.0094C162.42 15.1272 162.367 15.2371 162.28 15.3171C162.193 15.3971 162.079 15.4413 161.96 15.4409Z"21 fill="white"22 ></path>23 </svg>24 );25};2627const MailIcon = ({ className }) => {28 return (29 <svg30 xmlns="http://www.w3.org/2000/svg"31 viewBox="0 0 24 24"32 preserveAspectRatio="xMidYMid meet"33 className={className}34 >35 <path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z" />36 <path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z" />37 </svg>38 );39};4041const TwitterLogo = ({ className }) => {42 return (43 <svg44 className={className}45 viewBox="0 0 243 198"46 fill="none"47 xmlns="http://www.w3.org/2000/svg"48 >49 <path50 fillRule="evenodd"51 clipRule="evenodd"52 d="M154.63 1.05056C147.242 2.89856 137.342 8.97556 131.058 15.5196C120.848 26.1526 116.23 39.0476 117.323 53.8726L117.866 61.2446L110.684 60.5566C78.8396 57.5036 47.9986 42.8166 24.1576 19.3506L13.8136 9.16856L11.4586 14.3346C8.50956 20.8026 6.68856 31.9466 7.50956 38.4996C9.10856 51.2476 15.8126 64.2226 24.8236 72.0086L29.5016 76.0516L25.0016 75.4036C20.9476 74.8196 13.3846 72.5596 8.75156 70.5456C7.27956 69.9066 7.00156 70.3246 7.00156 73.1826C7.00156 78.4056 9.73455 87.7186 13.1456 94.1176C18.8306 104.784 28.2266 112.28 44.0016 118.734C46.3476 119.693 46.2156 119.801 41.8746 120.473C39.3306 120.868 34.4916 121.035 31.1236 120.845C27.7546 120.655 24.9986 120.887 24.9996 121.36C25.0006 121.833 26.4566 124.983 28.2336 128.36C35.1816 141.557 49.0466 151.473 64.5536 154.335L71.4356 155.606L66.9086 158.72C60.4886 163.137 47.6286 169.394 40.0016 171.811C29.1426 175.254 22.0386 176.341 9.88856 176.422C-3.36644 176.511 -3.38744 176.339 10.7356 183.42C21.2786 188.706 33.9256 193.105 46.0016 195.684C58.2316 198.297 92.8956 198.267 104.949 195.633C148.544 186.108 183.262 159.032 202.572 119.5C212.202 99.7846 216.709 82.5116 217.704 61.4996L218.273 49.4996L227.387 40.8846C232.4 36.1456 237.948 30.2446 239.715 27.7716L242.929 23.2746L236.625 25.5626C230.653 27.7306 215.897 31.2276 215.289 30.6196C215.133 30.4636 217.044 28.8726 219.535 27.0826C222.027 25.2936 225.826 21.4976 227.979 18.6466C231.672 13.7546 236.286 4.94956 235.544 4.20856C235.357 4.02156 232.571 5.19556 229.353 6.81656C223.392 9.81956 208.181 14.9996 205.322 14.9996C204.454 14.9996 201.948 13.3766 199.752 11.3926C197.556 9.40856 192.362 6.17256 188.21 4.20056C181.144 0.844556 179.95 0.598556 169.581 0.348556C163.488 0.201556 156.759 0.517556 154.63 1.05056Z"53 />54 </svg>55 );56};5758const FacebookLogo = ({ className }) => {59 return (60 <svg61 className={className}62 viewBox="0 0 512 514"63 fill="none"64 xmlns="http://www.w3.org/2000/svg"65 >66 <path67 fillRule="evenodd"68 clipRule="evenodd"69 d="M53.2927 2.77738C30.7051 8.24518 11.1715 26.058 3.33683 48.3306L0.454855 56.5247L0.142311 253.454C-0.20067 469.431 -0.515559 458.932 6.76196 474.119C14.4866 490.24 30.0905 504.124 47.2782 510.17L55.4723 513.052L135.95 513.391L216.428 513.729V423.567V333.405L183.944 333.094L151.46 332.782L151.151 295.616L150.842 258.45H183.635H216.428V218.253C216.428 181.97 216.655 177.153 218.762 168.795C223.555 149.783 235.108 131.732 249.428 120.88C258.25 114.194 272.923 107.056 283.262 104.422C291.92 102.215 340.196 100.763 358.727 102.153L369.774 102.982V136.669V170.357L350.167 170.949C325.429 171.697 317.973 173.742 308.537 182.366C297.553 192.405 296.789 195.334 296.249 229.478L295.791 258.45H332.197H368.603L368.55 261.084C368.52 262.533 365.734 279.258 362.358 298.25L356.221 332.782L326.124 333.095L296.027 333.408V423.568V513.729L376.505 513.391L456.983 513.052L464.591 510.316C486.083 502.585 502.401 486.166 509.191 465.442L512 456.864V257.28V57.6953L509.129 48.9159C501.842 26.6315 483.07 9.03766 460.395 3.23742C451.543 0.973509 446.956 0.924349 255.747 1.01917C91.1084 1.10111 59.0683 1.3797 53.2927 2.77738Z"70 />71 </svg>72 );73};7475const InstagramLogo = ({ className }) => {76 return (77 <svg78 className={className}79 viewBox="0 0 512 512"80 fill="none"81 xmlns="http://www.w3.org/2000/svg"82 >83 <path84 fillRule="evenodd"85 clipRule="evenodd"86 d="M132.184 0.178038C103.769 3.09194 81.9677 10.9921 60.2455 26.2445C42.2959 38.848 24.9245 58.8789 15.2227 78.1607C9.08245 90.3627 3.48936 108.284 1.18391 123.141C-0.387942 133.271 -0.397756 377.892 1.17328 388.116C6.05814 419.902 20.0045 447.616 42.2836 469.814C65.1017 492.547 91.7807 505.485 125.87 510.349C139.069 512.232 372.193 512.24 385.48 510.358C419.304 505.567 446.346 492.449 469.066 469.814C491.345 447.616 505.292 419.902 510.177 388.116C511.748 377.892 511.738 133.271 510.166 123.141C507.009 102.8 499.54 82.2858 489.778 67.1471C469.255 35.3191 439.58 13.5715 404.257 4.47488C386.741 -0.0362335 394.488 0.201751 259.764 0.0373683C191.169 -0.0468675 133.758 0.0161088 132.184 0.178038ZM401.656 95.6761C410.069 99.5828 416.772 108.721 418.202 118.234C420.66 134.592 408.888 150.457 392.777 152.498C372.739 155.035 355.963 138.047 358.941 118.234C361.923 98.3863 383.245 87.1265 401.656 95.6761ZM272.031 134.671C296.697 138.161 319.733 148.904 337.457 165.184C358.881 184.86 372.538 210.573 376.675 239.02C377.773 246.568 377.776 264.655 376.681 272.237C371.363 309.057 348.985 342.517 317.421 360.848C282.455 381.154 241.154 383.058 203.79 366.087C182.138 356.252 160.985 336.497 148.826 314.754C133.906 288.075 129.761 254.152 137.754 224.132C145.832 193.791 167.149 165.801 193.929 150.371C218.164 136.408 245.485 130.916 272.031 134.671ZM241.047 174.717C234.42 175.895 222.404 180.116 216.419 183.37C198.795 192.949 184.76 209.545 178.316 228.426C174.59 239.341 173.621 246.552 174.109 259.717C174.713 276.026 178.468 287.649 187.531 301.269C198.813 318.226 216.682 330.806 236.231 335.556C244.606 337.591 266.744 337.591 275.119 335.556C294.596 330.824 312.577 318.166 323.814 301.276C329.154 293.251 331.75 287.695 334.774 277.823C336.759 271.341 336.942 269.543 336.993 256.037C337.041 243.035 336.829 240.564 335.18 234.869C326.652 205.419 305.997 184.694 276.731 176.224C269.92 174.252 248.702 173.357 241.047 174.717Z"87 />88 </svg>89 );90};9192const LinkedInLogo = ({ className }) => {93 return (94 <svg95 className={className}96 viewBox="0 0 512 512"97 fill="none"98 xmlns="http://www.w3.org/2000/svg"99 >100 <path101 fillRule="evenodd"102 clipRule="evenodd"103 d="M31.351 1.92325C17.386 6.89125 6.739 17.6712 1.897 31.7452C0.0569999 37.0922 0 43.8353 0 255.945C0 468.959 0.0500001 474.777 1.919 480.21C6.816 494.442 17.527 505.138 31.8 510.048C37.147 511.888 43.89 511.945 256 511.945C469.014 511.945 474.832 511.895 480.265 510.026C494.497 505.129 505.193 494.418 510.103 480.145C511.943 474.798 512 468.055 512 255.945C512 43.8353 511.943 37.0922 510.103 31.7452C505.193 17.4722 494.497 6.76125 480.265 1.86425C474.829 -0.00575399 469.11 -0.052754 255.593 0.018246C45.849 0.088246 36.28 0.169246 31.351 1.92325ZM134.015 60.1502C171.626 73.8662 182.201 120.815 154.018 148.952C132.683 170.251 99.895 170.075 78.417 148.545C70.185 140.293 65.774 132.185 63.403 120.945C57.702 93.9182 76.074 65.4742 103.782 58.4312C111.991 56.3432 125.717 57.1242 134.015 60.1502ZM382.295 186.437C419.18 192.869 442.43 216.499 452.041 257.323C456.855 277.771 457.216 284.725 457.711 366.516C458.227 451.924 458.435 448.881 451.81 452.919C448.664 454.838 446.843 454.937 415 454.935C384.089 454.932 381.283 454.789 378.695 453.082C372.117 448.745 372.557 454.093 371.938 370.945C371.323 288.339 371.556 291.566 365.23 278.109C361.887 270.998 353.912 262.885 347.451 260.023C340.219 256.82 328.558 255.391 320.517 256.724C301.44 259.885 289.68 272.469 282.92 296.956C280.59 305.394 280.573 305.869 280.038 376.445C279.455 453.417 279.734 449.899 273.928 453.329C271.559 454.728 266.843 454.944 238.846 454.941C208.529 454.938 206.299 454.815 203.299 452.985C196.567 448.881 197 457.934 197 321.399C197 208.733 197.145 197.508 198.636 194.985C202.16 189.018 202.647 188.945 238.939 188.945C268.031 188.945 272.377 189.146 274.586 190.593C279.081 193.538 280 196.816 280 209.895C280 216.523 280.337 221.923 280.75 221.897C281.163 221.871 283.3 219.337 285.5 216.267C296.868 200.405 315.813 189.703 339 186.046C348.26 184.586 372.958 184.809 382.295 186.437ZM151.81 190.971C158.35 194.958 158 187.539 158 322.178C158 438.713 157.914 444.637 156.173 447.883C152.498 454.735 151.302 454.945 115.913 454.945C84.657 454.945 84.257 454.919 80.912 452.665C79.052 451.411 76.967 449.273 76.279 447.915C75.3 445.979 75.026 418.554 75.015 321.077L75 196.71L78.882 192.827L82.765 188.945L115.632 188.949C146.835 188.952 148.668 189.055 151.81 190.971Z"104 />105 </svg>106 );107};108109const socials = [110 {111 link: "#",112 Icon: TwitterLogo,113 },114 {115 link: "#",116 Icon: FacebookLogo,117 },118 {119 link: "#",120 Icon: InstagramLogo,121 },122 {123 link: "#",124 Icon: LinkedInLogo,125 },126];127128const data = [129 {130 title: "Dashboard",131 link: "/",132 },133 {134 title: "Calendar",135 link: "/",136 },137 {138 title: "Projects",139 link: "/",140 },141 {142 title: "Team",143 link: "/",144 },145];146147export function Footers1() {148 const [email, setEmail] = useState("");149 const year = new Date().getFullYear();150151 return (152 <footer 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">153 <div className="flex flex-col gap-16">154 <div className="flex w-full justify-between gap-x-8 gap-y-6 max-sm:flex-col sm:items-center">155 <Logo className="h-9 w-fit" />156157 <div className="flex gap-x-4">158 {data.map(({ title, link }, index: number) => {159 return (160 <Link161 className="text-base font-medium capitalize text-slate-900"162 href={link}163 key={index}164 >165 {title}166 </Link>167 );168 })}169 </div>170 </div>171172 <div className="flex w-full items-center justify-between gap-x-16 gap-y-6 max-lg:flex-col">173 <div className="flex w-full flex-col gap-y-2">174 <p className="text-xl font-semibold capitalize text-slate-900 group-last:text-slate-100">175 Subscribe to our newsletter176 </p>177178 <p className="text-base text-slate-600 first-letter:uppercase group-last:text-slate-200">179 Don't miss out on exclusive discounts, location announcements,180 contests and more!181 </p>182 </div>183184 <div className="flex gap-x-4 max-lg:w-full">185 <input186 onChange={(e) => {187 setEmail(e.target.value);188 }}189 value={email}190 className="peer h-[48px] w-full cursor-text rounded-lg border border-slate-200 bg-transparent py-[10px] pl-10 text-slate-700 placeholder:text-slate-400 focus:border-slate-400 focus:outline-0 lg:w-min"191 placeholder="Enter Your Email..."192 ></input>193 <MailIcon194 className={195 " absolute h-5 w-5 translate-x-3 translate-y-[14px] fill-slate-300 peer-focus:fill-slate-400"196 }197 />198199 <Link200 href="#"201 role="button"202 className="h-fit w-fit select-none rounded-lg bg-sky-600 px-6 py-3 text-base lowercase text-slate-100 outline-1 outline-sky-600 duration-75 first-letter:uppercase hover:bg-sky-800 active:scale-95 disabled:pointer-events-none disabled:bg-sky-600/50"203 >204 Subscribe205 </Link>206 </div>207 </div>208209 <div className="flex items-center justify-between gap-y-8 max-lg:flex-wrap sm:border-t sm:border-slate-200 sm:pt-8">210 <p className="text-slate-700 max-lg:order-last">211 ©{year} JettWave | Powered by{" "}212 <a href="https://jettwave.com" className="cursor-pointer underline">213 Jettwave214 </a>215 </p>216217 <div className="flex flex-wrap place-items-center justify-end gap-5">218 {socials.map(({ link, Icon }, socialsIndex: number) => {219 return (220 <Link221 key={socialsIndex}222 href={link}223 className="flex h-10 place-items-center"224 >225 <Icon className="h-6 w-6 fill-slate-500" aria-hidden="true" />226 </Link>227 );228 })}229 </div>230231 <div className="flex gap-x-4 max-lg:order-first">232 <Link233 className="truncate font-medium capitalize text-slate-900"234 href={"/"}235 >236 Privacy Policy237 </Link>238 <Link239 className="truncate font-medium capitalize text-slate-900"240 href={"/"}241 >242 Terms and Conditions243 </Link>244 </div>245 </div>246 </div>247 </footer>248 );249}250
Two-level with newsletter
0import Link from "next/link";1import { useState } from "react";23const Logo = ({ className }) => {4 return (5 <svg6 viewBox="0 0 175 40"7 fill="none"8 xmlns="http://www.w3.org/2000/svg"9 className={className}10 >11 <path12 d="M170.394 7.66415L174.568 11.8668C174.714 11.9829 174.822 12.1396 174.878 12.3171C174.963 13.3515 174.18 13.4081 173.38 13.4659C173.034 13.4909 172.685 13.5162 172.402 13.621C170.998 14.0009 169.746 14.8033 168.815 15.9193C167.883 17.0353 167.318 18.4109 167.195 19.8593C167.105 20.0266 166.969 20.1643 166.802 20.2558C166.636 20.3474 166.447 20.3888 166.257 20.3753C166.037 20.3558 165.831 20.2595 165.675 20.1032L164.305 18.7238C164.315 18.8182 164.315 18.9117 164.315 18.9869V19.8968C164.315 19.9543 164.317 20.0097 164.31 20.065C164.301 20.127 164.28 20.1888 164.231 20.2532V20.3377C164.231 20.3808 164.236 20.4209 164.241 20.4616C164.251 20.5449 164.262 20.6307 164.231 20.7505C164.201 20.8622 164.198 20.9925 164.194 21.1088C164.193 21.1779 164.191 21.2421 164.184 21.2945C164.174 21.3672 164.174 21.4448 164.168 21.5223C164.162 21.5949 164.15 21.6674 164.118 21.7354C164.074 21.8306 164.059 21.9215 164.055 22.0139C164.052 22.0581 164.052 22.1026 164.052 22.1482L163.996 22.439L161.867 32.5891L161.698 33.3489L161.632 34.4559L160.694 39.2495L160.544 40H84.6248L84.2589 39.6341L84.1932 39.9531H76.0694L71.5478 35.4034L71.9793 33.3489H69.4277L67.8424 31.7448C65.8749 33.1775 63.4934 33.9285 61.06 33.8837C58.4442 33.9866 55.8941 33.0488 53.9681 31.2758L51.5009 28.7899L50.9662 31.2851C50.9006 31.6416 50.8161 31.9794 50.7223 32.3077L50.6379 32.6173L50.4972 33.0675C50.4856 33.1066 50.4699 33.1444 50.4503 33.1801C50.3106 33.5937 50.1446 33.9979 49.9531 34.3902C49.9581 34.4054 49.9581 34.4219 49.9531 34.4371C49.9285 34.4891 49.9003 34.5392 49.8686 34.5872C49.727 34.8675 49.5705 35.1399 49.3996 35.4034C49.3679 35.4513 49.3397 35.5015 49.3152 35.5535L49.212 35.666C48.9827 35.9949 48.732 36.3082 48.4615 36.6041C48.3873 36.6783 48.3131 36.748 48.2377 36.8164C48.1607 36.8864 48.0825 36.9551 48.0018 37.0262L47.7955 37.2232C47.6654 37.3313 47.5323 37.4356 47.3964 37.5361C47.2843 37.619 47.1703 37.6992 47.0544 37.7767C45.1211 38.9222 42.891 39.4674 40.6473 39.3433C37.5516 39.3433 35.075 38.4427 33.5084 36.8668L29.0994 32.4296C27.3383 33.4262 25.3442 33.9377 23.3208 33.9118C20.7129 33.9925 18.1782 33.042 16.2664 31.2664L13.7993 28.7805L13.0019 32.6173L12.8424 33.3771H4.54036L0 28.7992L0.234521 27.6923L5.22515 3.72418L5.37521 2.97372H13.7054L13.9212 3.18013V2.97372H70.0469L70.2533 3.18013V2.97372H78.3771L82.9174 7.55158L82.6923 8.64913L82.4484 9.8499H84.7842L85.1501 10.2158C86.1779 9.61344 87.3453 9.29005 88.5366 9.27769C89.4126 9.26039 90.2825 9.42678 91.0903 9.76608C91.8982 10.1054 92.626 10.61 93.227 11.2476L93.105 11.1069L95.3095 13.3302C96.651 10.8068 99.6622 9.27769 103.752 9.27769C106.923 9.27769 109.259 10.0844 110.675 11.5478L112.27 13.152L112.805 10.5722L112.964 9.82173H121.097L123.424 12.1576L123.752 10.5816L123.912 9.83112H139.916L140.347 10.2627C141.431 9.62306 142.672 9.29818 143.931 9.32458C144.688 9.29503 145.442 9.43365 146.14 9.73047C146.837 10.0273 147.46 10.475 147.964 11.0413C147.938 11.0118 147.913 10.9823 147.888 10.9533C147.843 10.8995 147.798 10.847 147.75 10.7984L148.565 11.6135C149.275 10.8782 150.129 10.2959 151.072 9.90235C152.016 9.50877 153.03 9.3121 154.052 9.32458C154.595 9.2912 155.137 9.3374 155.663 9.46033L154.775 8.56473C154.654 8.43528 154.572 8.27421 154.539 8.10021C154.506 7.92621 154.523 7.74631 154.587 7.58147C154.652 7.41657 154.762 7.27343 154.905 7.16854C155.048 7.06365 155.217 7.00129 155.394 6.98875H156.107C156.299 6.97043 156.49 6.94226 156.679 6.9043C157.676 6.69474 158.614 6.26624 159.425 5.6497C160.237 5.03323 160.901 4.24418 161.37 3.33959C161.411 3.26962 161.448 3.19765 161.482 3.12384V3.07695C161.805 2.38215 162.001 1.63581 162.064 0.872416C162.08 0.635203 162.187 0.413106 162.361 0.251186C162.535 0.0892079 162.764 -0.00056984 163.002 2.72188e-06H163.077C163.219 0.0135152 163.357 0.0594347 163.479 0.134211C163.601 0.209045 163.704 0.310732 163.781 0.431543C164.456 1.08821 168.208 4.90617 168.208 4.90617C168.521 5.24238 168.498 5.67885 168.474 6.12046C168.459 6.39352 168.444 6.66858 168.508 6.92308C168.679 6.95371 168.852 6.9769 169.024 6.99259C169.19 7.00753 169.356 7.01566 169.522 7.01687C169.716 7.02093 169.905 7.0854 170.061 7.2014C170.217 7.31735 170.334 7.4791 170.394 7.66415Z"13 fill="black"14 ></path>15 <path16 d="M42.9361 10.7505H48.8648L45.544 26.5009C44.9343 29.484 43.771 31.1914 42.0074 32.4015C40.2236 33.4366 38.1753 33.9258 36.1163 33.8086C32.1951 33.8086 28.4333 32.167 28.0581 28.1801H34.0243C34.2119 29.1182 35.075 29.6529 36.3883 29.6529C38.1613 29.6529 38.9774 28.5835 39.3433 26.9043L39.6997 25.1688H39.5684C39.0449 25.7443 38.4099 26.2073 37.702 26.5298C36.994 26.8523 36.228 27.0276 35.4502 27.045C31.9981 27.045 29.2588 24.2964 29.3151 20.272C29.3902 15.5816 32.4483 10.2533 37.5797 10.2533C38.5521 10.1878 39.5229 10.4021 40.3774 10.8709C41.2319 11.3396 41.9342 12.0433 42.4014 12.8987H42.5046L42.9361 10.7505ZM37.8423 22.6454C40.1219 22.6454 41.3883 20.0188 41.4258 17.758C41.4258 16.2477 40.8348 14.6998 39.09 14.6998C36.7072 14.6998 35.4971 17.3546 35.4596 19.6341C35.4596 21.1726 36.0506 22.6454 37.7954 22.6454M104.4 23.152C104.4 24.1557 103.536 24.5591 102.401 24.5591C100.525 24.5591 99.8967 23.621 99.8873 22.3077H93.9868C93.8836 27.2045 98.2551 28.4146 102.139 28.4146C107.101 28.4146 110.319 26.2664 110.385 21.9794C110.385 18.5553 107.467 17.5141 104.597 16.848C102.392 16.3415 101.426 15.9756 101.435 15.1407C101.445 14.3058 102.43 13.9681 103.396 13.9681C104.606 13.9681 105.431 14.3996 105.516 15.5066H111.248C111.182 11.4165 107.495 10.2158 103.743 10.2158C99.1838 10.2158 95.6284 12.2889 95.5721 16.2101C95.5721 19.2964 97.6547 20.4315 100.797 21.2383C102.814 21.773 104.418 21.9418 104.4 23.152ZM148.236 13.2927H148.133C147.878 12.3689 147.314 11.5602 146.536 11.0005C145.758 10.4409 144.812 10.164 143.855 10.2158C141.304 10.2158 139.747 11.4822 138.274 13.3959H138.171L138.715 10.7505H132.748L129.174 27.8424H135.413L137.289 18.621C137.72 16.6135 138.743 15.2064 140.291 15.2064C141.839 15.2064 142.045 16.4446 141.726 17.955L139.662 27.8424H145.9L147.777 18.621C148.208 16.4822 149.231 15.2064 150.778 15.2064C152.326 15.2064 152.533 16.379 152.214 17.955L150.15 27.8424H156.388L158.621 17.6829C159.559 13.3959 158.124 10.1782 154.006 10.1782C152.86 10.1735 151.732 10.4561 150.724 11.0002C149.716 11.5443 148.861 12.3325 148.236 13.2927ZM1.14441 27.8424H7.58906L12.5703 3.8743H6.13503L1.14441 27.8424ZM20.544 10.2439C24.8967 10.2439 29.0525 12.6266 28.9868 18.0206C28.9305 23.9212 24.9155 28.3396 18.7804 28.3396C14.559 28.3396 10.3377 25.9944 10.4127 20.6285C10.5159 14.8687 14.4746 10.2439 20.544 10.2439ZM18.9587 24.1557C21.7073 24.1557 22.711 20.1688 22.711 17.8236C22.711 16.1445 22.1951 14.5028 20.3845 14.5028C17.6641 14.5028 16.7354 18.7242 16.7354 20.9006C16.7354 22.6454 17.2232 24.1557 18.9962 24.1557M14.7185 3.8743L13.7804 8.66792H67.8986L68.8367 3.8743H14.7185ZM58.2457 10.2439C62.5984 10.2439 66.7541 12.6266 66.6885 18.0206C66.6322 23.9212 62.6078 28.3396 56.4727 28.3396C52.2513 28.3396 48.0299 25.9944 48.1144 20.6285C48.2457 14.8687 52.2044 10.2439 58.2457 10.2439ZM56.6885 24.1557C59.4371 24.1557 60.4408 20.1688 60.4408 17.8236C60.4408 16.1445 59.9155 14.5028 58.105 14.5028C55.3939 14.5028 54.4558 18.7242 54.4558 20.9006C54.4558 22.6454 54.9436 24.1557 56.726 24.1557M71.0506 3.8743L70.1125 8.66792H76.3414L77.2795 3.8743H71.0506ZM66.06 27.8424H72.2982L75.8723 10.7505H69.5965L66.06 27.8424ZM85.9661 28.4146C84.9733 28.4851 83.9804 28.2776 83.0988 27.8153C82.2173 27.353 81.482 26.6542 80.9755 25.7974H80.8723L78.9962 34.4465H72.6828L77.7485 10.7505H83.6772L83.2082 13.03C83.8273 12.188 84.6293 11.4973 85.5538 11.0098C86.4783 10.5224 87.5013 10.2509 88.5459 10.2158C92.2982 10.2158 94.5027 13.4334 94.4371 17.6173C94.3526 22.8799 91.6228 28.4146 85.9286 28.4146H85.9661ZM85.7222 15.0563C83.3114 15.0563 81.8292 18.1426 81.7917 20.516C81.7917 22.167 82.3733 24.0056 84.3526 24.0056C86.9324 24.0056 87.9924 20.591 88.0205 18.3114C88.0205 16.7636 87.5703 15.0563 85.7222 15.0563ZM121.792 25.1501H121.895L121.351 27.8612H127.279L130.854 10.7692H124.625L122.636 20.3189C122.233 22.2983 121.013 23.3396 119.475 23.3396C117.936 23.3396 117.598 21.8949 117.908 20.3846L119.925 10.7692H113.696L111.491 21.3227C110.553 25.9193 112.692 28.3959 116.276 28.3959C117.401 28.3849 118.504 28.0774 119.472 27.5042C120.44 26.931 121.241 26.1125 121.792 25.1313V25.1501ZM155.253 34.531L156.191 29.7373H82.2138L81.2757 34.531H155.253Z"17 fill="white"18 ></path>19 <path20 d="M161.96 15.4409C161.899 15.4362 161.839 15.4193 161.784 15.3912C161.728 15.3632 161.679 15.3245 161.639 15.2774C161.599 15.2303 161.569 15.1758 161.55 15.1169C161.531 15.058 161.524 14.996 161.529 14.9343C161.607 14.0989 161.508 13.2563 161.238 12.4619C160.968 11.6675 160.533 10.939 159.961 10.3244C159.39 9.70976 158.695 9.22274 157.923 8.89524C157.15 8.56775 156.317 8.40717 155.478 8.42403C155.354 8.42403 155.235 8.37462 155.147 8.28665C155.059 8.19869 155.009 8.07938 155.009 7.95498C155.009 7.83058 155.059 7.71129 155.147 7.62333C155.235 7.53536 155.354 7.48594 155.478 7.48594C155.703 7.50048 155.929 7.50048 156.154 7.48594C157.82 7.30843 159.372 6.55564 160.543 5.35711C161.715 4.15858 162.431 2.58928 162.57 0.919337C162.58 0.801554 162.633 0.691688 162.72 0.611685C162.807 0.531683 162.921 0.487447 163.039 0.487826C163.101 0.492561 163.161 0.509449 163.216 0.53751C163.271 0.565571 163.32 0.604254 163.36 0.651335C163.401 0.698417 163.431 0.752963 163.45 0.811839C163.469 0.870715 163.476 0.932751 163.471 0.994386C163.393 1.82905 163.492 2.6708 163.761 3.46458C164.031 4.25835 164.465 4.98628 165.035 5.60078C165.606 6.21527 166.299 6.70249 167.07 7.03058C167.842 7.35867 168.674 7.52023 169.512 7.5047C169.636 7.5047 169.756 7.55413 169.844 7.64209C169.932 7.73005 169.981 7.84935 169.981 7.97375C169.981 8.09815 169.932 8.21746 169.844 8.30542C169.756 8.39338 169.636 8.44279 169.512 8.44279C167.73 8.47223 166.021 9.15877 164.714 10.3707C163.407 11.5826 162.593 13.2345 162.43 15.0094C162.42 15.1272 162.367 15.2371 162.28 15.3171C162.193 15.3971 162.079 15.4413 161.96 15.4409Z"21 fill="white"22 ></path>23 </svg>24 );25};2627const MailIcon = ({ className }) => {28 return (29 <svg30 xmlns="http://www.w3.org/2000/svg"31 viewBox="0 0 24 24"32 preserveAspectRatio="xMidYMid meet"33 className={className}34 >35 <path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z" />36 <path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z" />37 </svg>38 );39};4041const data = [42 {43 title: "Dashboard",44 link: "/",45 },46 {47 title: "Calendar",48 link: "/",49 },50 {51 title: "Projects",52 link: "/",53 },54 {55 title: "Team",56 link: "/",57 },58];5960export function Footers2() {61 const [email, setEmail] = useState("");62 const year = new Date().getFullYear();6364 return (65 <footer 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">66 <div className="flex flex-col gap-8">67 <div className="flex w-full justify-between gap-x-8 gap-y-6 max-sm:flex-col sm:items-center">68 <Logo className="h-9 w-fit" />69 </div>7071 <div className="flex w-full justify-between gap-x-16 gap-y-6 max-lg:flex-col lg:items-center">72 <div className="flex gap-x-4">73 {data.map(({ title, link }, index: number) => {74 return (75 <Link76 className="text-base font-medium capitalize text-slate-900"77 href={link}78 key={index}79 >80 {title}81 </Link>82 );83 })}84 </div>8586 <div className="flex gap-x-4 max-lg:w-full">87 <input88 onChange={(e) => {89 setEmail(e.target.value);90 }}91 value={email}92 className="peer h-[48px] w-full cursor-text rounded-lg border border-slate-200 bg-transparent py-[10px] pl-10 text-slate-700 placeholder:text-slate-400 focus:border-slate-400 focus:outline-0 lg:w-min"93 placeholder="Enter Your Email..."94 ></input>95 <MailIcon96 className={97 " absolute h-5 w-5 translate-x-3 translate-y-[14px] fill-slate-300 peer-focus:fill-slate-400"98 }99 />100101 <Link102 href="#"103 role="button"104 className="h-fit w-fit select-none rounded-lg bg-sky-600 px-6 py-3 text-base lowercase text-slate-100 outline-1 outline-sky-600 duration-75 first-letter:uppercase hover:bg-sky-800 active:scale-95 disabled:pointer-events-none disabled:bg-sky-600/50"105 >106 Subscribe107 </Link>108 </div>109 </div>110111 <div className="flex items-center justify-between gap-y-8 max-lg:flex-wrap sm:border-t sm:border-slate-200 sm:pt-8">112 <div className="flex gap-x-4 max-lg:order-first">113 <Link114 className="truncate font-medium capitalize text-slate-900"115 href="/"116 >117 Privacy Policy118 </Link>119 <Link120 className="truncate font-medium capitalize text-slate-900"121 href="/"122 >123 Terms and Conditions124 </Link>125 </div>126 <p className="text-slate-700 max-lg:order-last">127 ©{year} JettWave | Powered by{" "}128 <a href="https://jettwave.com" className="cursor-pointer underline">129 Jettwave130 </a>131 </p>132 </div>133 </div>134 </footer>135 );136}137
Two-level with icons
0import Link from "next/link";1import { useState } from "react";23const Logo = ({ className }) => {4 return (5 <svg6 viewBox="0 0 175 40"7 fill="none"8 xmlns="http://www.w3.org/2000/svg"9 className={className}10 >11 <path12 d="M170.394 7.66415L174.568 11.8668C174.714 11.9829 174.822 12.1396 174.878 12.3171C174.963 13.3515 174.18 13.4081 173.38 13.4659C173.034 13.4909 172.685 13.5162 172.402 13.621C170.998 14.0009 169.746 14.8033 168.815 15.9193C167.883 17.0353 167.318 18.4109 167.195 19.8593C167.105 20.0266 166.969 20.1643 166.802 20.2558C166.636 20.3474 166.447 20.3888 166.257 20.3753C166.037 20.3558 165.831 20.2595 165.675 20.1032L164.305 18.7238C164.315 18.8182 164.315 18.9117 164.315 18.9869V19.8968C164.315 19.9543 164.317 20.0097 164.31 20.065C164.301 20.127 164.28 20.1888 164.231 20.2532V20.3377C164.231 20.3808 164.236 20.4209 164.241 20.4616C164.251 20.5449 164.262 20.6307 164.231 20.7505C164.201 20.8622 164.198 20.9925 164.194 21.1088C164.193 21.1779 164.191 21.2421 164.184 21.2945C164.174 21.3672 164.174 21.4448 164.168 21.5223C164.162 21.5949 164.15 21.6674 164.118 21.7354C164.074 21.8306 164.059 21.9215 164.055 22.0139C164.052 22.0581 164.052 22.1026 164.052 22.1482L163.996 22.439L161.867 32.5891L161.698 33.3489L161.632 34.4559L160.694 39.2495L160.544 40H84.6248L84.2589 39.6341L84.1932 39.9531H76.0694L71.5478 35.4034L71.9793 33.3489H69.4277L67.8424 31.7448C65.8749 33.1775 63.4934 33.9285 61.06 33.8837C58.4442 33.9866 55.8941 33.0488 53.9681 31.2758L51.5009 28.7899L50.9662 31.2851C50.9006 31.6416 50.8161 31.9794 50.7223 32.3077L50.6379 32.6173L50.4972 33.0675C50.4856 33.1066 50.4699 33.1444 50.4503 33.1801C50.3106 33.5937 50.1446 33.9979 49.9531 34.3902C49.9581 34.4054 49.9581 34.4219 49.9531 34.4371C49.9285 34.4891 49.9003 34.5392 49.8686 34.5872C49.727 34.8675 49.5705 35.1399 49.3996 35.4034C49.3679 35.4513 49.3397 35.5015 49.3152 35.5535L49.212 35.666C48.9827 35.9949 48.732 36.3082 48.4615 36.6041C48.3873 36.6783 48.3131 36.748 48.2377 36.8164C48.1607 36.8864 48.0825 36.9551 48.0018 37.0262L47.7955 37.2232C47.6654 37.3313 47.5323 37.4356 47.3964 37.5361C47.2843 37.619 47.1703 37.6992 47.0544 37.7767C45.1211 38.9222 42.891 39.4674 40.6473 39.3433C37.5516 39.3433 35.075 38.4427 33.5084 36.8668L29.0994 32.4296C27.3383 33.4262 25.3442 33.9377 23.3208 33.9118C20.7129 33.9925 18.1782 33.042 16.2664 31.2664L13.7993 28.7805L13.0019 32.6173L12.8424 33.3771H4.54036L0 28.7992L0.234521 27.6923L5.22515 3.72418L5.37521 2.97372H13.7054L13.9212 3.18013V2.97372H70.0469L70.2533 3.18013V2.97372H78.3771L82.9174 7.55158L82.6923 8.64913L82.4484 9.8499H84.7842L85.1501 10.2158C86.1779 9.61344 87.3453 9.29005 88.5366 9.27769C89.4126 9.26039 90.2825 9.42678 91.0903 9.76608C91.8982 10.1054 92.626 10.61 93.227 11.2476L93.105 11.1069L95.3095 13.3302C96.651 10.8068 99.6622 9.27769 103.752 9.27769C106.923 9.27769 109.259 10.0844 110.675 11.5478L112.27 13.152L112.805 10.5722L112.964 9.82173H121.097L123.424 12.1576L123.752 10.5816L123.912 9.83112H139.916L140.347 10.2627C141.431 9.62306 142.672 9.29818 143.931 9.32458C144.688 9.29503 145.442 9.43365 146.14 9.73047C146.837 10.0273 147.46 10.475 147.964 11.0413C147.938 11.0118 147.913 10.9823 147.888 10.9533C147.843 10.8995 147.798 10.847 147.75 10.7984L148.565 11.6135C149.275 10.8782 150.129 10.2959 151.072 9.90235C152.016 9.50877 153.03 9.3121 154.052 9.32458C154.595 9.2912 155.137 9.3374 155.663 9.46033L154.775 8.56473C154.654 8.43528 154.572 8.27421 154.539 8.10021C154.506 7.92621 154.523 7.74631 154.587 7.58147C154.652 7.41657 154.762 7.27343 154.905 7.16854C155.048 7.06365 155.217 7.00129 155.394 6.98875H156.107C156.299 6.97043 156.49 6.94226 156.679 6.9043C157.676 6.69474 158.614 6.26624 159.425 5.6497C160.237 5.03323 160.901 4.24418 161.37 3.33959C161.411 3.26962 161.448 3.19765 161.482 3.12384V3.07695C161.805 2.38215 162.001 1.63581 162.064 0.872416C162.08 0.635203 162.187 0.413106 162.361 0.251186C162.535 0.0892079 162.764 -0.00056984 163.002 2.72188e-06H163.077C163.219 0.0135152 163.357 0.0594347 163.479 0.134211C163.601 0.209045 163.704 0.310732 163.781 0.431543C164.456 1.08821 168.208 4.90617 168.208 4.90617C168.521 5.24238 168.498 5.67885 168.474 6.12046C168.459 6.39352 168.444 6.66858 168.508 6.92308C168.679 6.95371 168.852 6.9769 169.024 6.99259C169.19 7.00753 169.356 7.01566 169.522 7.01687C169.716 7.02093 169.905 7.0854 170.061 7.2014C170.217 7.31735 170.334 7.4791 170.394 7.66415Z"13 fill="black"14 ></path>15 <path16 d="M42.9361 10.7505H48.8648L45.544 26.5009C44.9343 29.484 43.771 31.1914 42.0074 32.4015C40.2236 33.4366 38.1753 33.9258 36.1163 33.8086C32.1951 33.8086 28.4333 32.167 28.0581 28.1801H34.0243C34.2119 29.1182 35.075 29.6529 36.3883 29.6529C38.1613 29.6529 38.9774 28.5835 39.3433 26.9043L39.6997 25.1688H39.5684C39.0449 25.7443 38.4099 26.2073 37.702 26.5298C36.994 26.8523 36.228 27.0276 35.4502 27.045C31.9981 27.045 29.2588 24.2964 29.3151 20.272C29.3902 15.5816 32.4483 10.2533 37.5797 10.2533C38.5521 10.1878 39.5229 10.4021 40.3774 10.8709C41.2319 11.3396 41.9342 12.0433 42.4014 12.8987H42.5046L42.9361 10.7505ZM37.8423 22.6454C40.1219 22.6454 41.3883 20.0188 41.4258 17.758C41.4258 16.2477 40.8348 14.6998 39.09 14.6998C36.7072 14.6998 35.4971 17.3546 35.4596 19.6341C35.4596 21.1726 36.0506 22.6454 37.7954 22.6454M104.4 23.152C104.4 24.1557 103.536 24.5591 102.401 24.5591C100.525 24.5591 99.8967 23.621 99.8873 22.3077H93.9868C93.8836 27.2045 98.2551 28.4146 102.139 28.4146C107.101 28.4146 110.319 26.2664 110.385 21.9794C110.385 18.5553 107.467 17.5141 104.597 16.848C102.392 16.3415 101.426 15.9756 101.435 15.1407C101.445 14.3058 102.43 13.9681 103.396 13.9681C104.606 13.9681 105.431 14.3996 105.516 15.5066H111.248C111.182 11.4165 107.495 10.2158 103.743 10.2158C99.1838 10.2158 95.6284 12.2889 95.5721 16.2101C95.5721 19.2964 97.6547 20.4315 100.797 21.2383C102.814 21.773 104.418 21.9418 104.4 23.152ZM148.236 13.2927H148.133C147.878 12.3689 147.314 11.5602 146.536 11.0005C145.758 10.4409 144.812 10.164 143.855 10.2158C141.304 10.2158 139.747 11.4822 138.274 13.3959H138.171L138.715 10.7505H132.748L129.174 27.8424H135.413L137.289 18.621C137.72 16.6135 138.743 15.2064 140.291 15.2064C141.839 15.2064 142.045 16.4446 141.726 17.955L139.662 27.8424H145.9L147.777 18.621C148.208 16.4822 149.231 15.2064 150.778 15.2064C152.326 15.2064 152.533 16.379 152.214 17.955L150.15 27.8424H156.388L158.621 17.6829C159.559 13.3959 158.124 10.1782 154.006 10.1782C152.86 10.1735 151.732 10.4561 150.724 11.0002C149.716 11.5443 148.861 12.3325 148.236 13.2927ZM1.14441 27.8424H7.58906L12.5703 3.8743H6.13503L1.14441 27.8424ZM20.544 10.2439C24.8967 10.2439 29.0525 12.6266 28.9868 18.0206C28.9305 23.9212 24.9155 28.3396 18.7804 28.3396C14.559 28.3396 10.3377 25.9944 10.4127 20.6285C10.5159 14.8687 14.4746 10.2439 20.544 10.2439ZM18.9587 24.1557C21.7073 24.1557 22.711 20.1688 22.711 17.8236C22.711 16.1445 22.1951 14.5028 20.3845 14.5028C17.6641 14.5028 16.7354 18.7242 16.7354 20.9006C16.7354 22.6454 17.2232 24.1557 18.9962 24.1557M14.7185 3.8743L13.7804 8.66792H67.8986L68.8367 3.8743H14.7185ZM58.2457 10.2439C62.5984 10.2439 66.7541 12.6266 66.6885 18.0206C66.6322 23.9212 62.6078 28.3396 56.4727 28.3396C52.2513 28.3396 48.0299 25.9944 48.1144 20.6285C48.2457 14.8687 52.2044 10.2439 58.2457 10.2439ZM56.6885 24.1557C59.4371 24.1557 60.4408 20.1688 60.4408 17.8236C60.4408 16.1445 59.9155 14.5028 58.105 14.5028C55.3939 14.5028 54.4558 18.7242 54.4558 20.9006C54.4558 22.6454 54.9436 24.1557 56.726 24.1557M71.0506 3.8743L70.1125 8.66792H76.3414L77.2795 3.8743H71.0506ZM66.06 27.8424H72.2982L75.8723 10.7505H69.5965L66.06 27.8424ZM85.9661 28.4146C84.9733 28.4851 83.9804 28.2776 83.0988 27.8153C82.2173 27.353 81.482 26.6542 80.9755 25.7974H80.8723L78.9962 34.4465H72.6828L77.7485 10.7505H83.6772L83.2082 13.03C83.8273 12.188 84.6293 11.4973 85.5538 11.0098C86.4783 10.5224 87.5013 10.2509 88.5459 10.2158C92.2982 10.2158 94.5027 13.4334 94.4371 17.6173C94.3526 22.8799 91.6228 28.4146 85.9286 28.4146H85.9661ZM85.7222 15.0563C83.3114 15.0563 81.8292 18.1426 81.7917 20.516C81.7917 22.167 82.3733 24.0056 84.3526 24.0056C86.9324 24.0056 87.9924 20.591 88.0205 18.3114C88.0205 16.7636 87.5703 15.0563 85.7222 15.0563ZM121.792 25.1501H121.895L121.351 27.8612H127.279L130.854 10.7692H124.625L122.636 20.3189C122.233 22.2983 121.013 23.3396 119.475 23.3396C117.936 23.3396 117.598 21.8949 117.908 20.3846L119.925 10.7692H113.696L111.491 21.3227C110.553 25.9193 112.692 28.3959 116.276 28.3959C117.401 28.3849 118.504 28.0774 119.472 27.5042C120.44 26.931 121.241 26.1125 121.792 25.1313V25.1501ZM155.253 34.531L156.191 29.7373H82.2138L81.2757 34.531H155.253Z"17 fill="white"18 ></path>19 <path20 d="M161.96 15.4409C161.899 15.4362 161.839 15.4193 161.784 15.3912C161.728 15.3632 161.679 15.3245 161.639 15.2774C161.599 15.2303 161.569 15.1758 161.55 15.1169C161.531 15.058 161.524 14.996 161.529 14.9343C161.607 14.0989 161.508 13.2563 161.238 12.4619C160.968 11.6675 160.533 10.939 159.961 10.3244C159.39 9.70976 158.695 9.22274 157.923 8.89524C157.15 8.56775 156.317 8.40717 155.478 8.42403C155.354 8.42403 155.235 8.37462 155.147 8.28665C155.059 8.19869 155.009 8.07938 155.009 7.95498C155.009 7.83058 155.059 7.71129 155.147 7.62333C155.235 7.53536 155.354 7.48594 155.478 7.48594C155.703 7.50048 155.929 7.50048 156.154 7.48594C157.82 7.30843 159.372 6.55564 160.543 5.35711C161.715 4.15858 162.431 2.58928 162.57 0.919337C162.58 0.801554 162.633 0.691688 162.72 0.611685C162.807 0.531683 162.921 0.487447 163.039 0.487826C163.101 0.492561 163.161 0.509449 163.216 0.53751C163.271 0.565571 163.32 0.604254 163.36 0.651335C163.401 0.698417 163.431 0.752963 163.45 0.811839C163.469 0.870715 163.476 0.932751 163.471 0.994386C163.393 1.82905 163.492 2.6708 163.761 3.46458C164.031 4.25835 164.465 4.98628 165.035 5.60078C165.606 6.21527 166.299 6.70249 167.07 7.03058C167.842 7.35867 168.674 7.52023 169.512 7.5047C169.636 7.5047 169.756 7.55413 169.844 7.64209C169.932 7.73005 169.981 7.84935 169.981 7.97375C169.981 8.09815 169.932 8.21746 169.844 8.30542C169.756 8.39338 169.636 8.44279 169.512 8.44279C167.73 8.47223 166.021 9.15877 164.714 10.3707C163.407 11.5826 162.593 13.2345 162.43 15.0094C162.42 15.1272 162.367 15.2371 162.28 15.3171C162.193 15.3971 162.079 15.4413 161.96 15.4409Z"21 fill="white"22 ></path>23 </svg>24 );25};2627const TwitterLogo = ({ className }) => {28 return (29 <svg30 className={className}31 viewBox="0 0 243 198"32 fill="none"33 xmlns="http://www.w3.org/2000/svg"34 >35 <path36 fillRule="evenodd"37 clipRule="evenodd"38 d="M154.63 1.05056C147.242 2.89856 137.342 8.97556 131.058 15.5196C120.848 26.1526 116.23 39.0476 117.323 53.8726L117.866 61.2446L110.684 60.5566C78.8396 57.5036 47.9986 42.8166 24.1576 19.3506L13.8136 9.16856L11.4586 14.3346C8.50956 20.8026 6.68856 31.9466 7.50956 38.4996C9.10856 51.2476 15.8126 64.2226 24.8236 72.0086L29.5016 76.0516L25.0016 75.4036C20.9476 74.8196 13.3846 72.5596 8.75156 70.5456C7.27956 69.9066 7.00156 70.3246 7.00156 73.1826C7.00156 78.4056 9.73455 87.7186 13.1456 94.1176C18.8306 104.784 28.2266 112.28 44.0016 118.734C46.3476 119.693 46.2156 119.801 41.8746 120.473C39.3306 120.868 34.4916 121.035 31.1236 120.845C27.7546 120.655 24.9986 120.887 24.9996 121.36C25.0006 121.833 26.4566 124.983 28.2336 128.36C35.1816 141.557 49.0466 151.473 64.5536 154.335L71.4356 155.606L66.9086 158.72C60.4886 163.137 47.6286 169.394 40.0016 171.811C29.1426 175.254 22.0386 176.341 9.88856 176.422C-3.36644 176.511 -3.38744 176.339 10.7356 183.42C21.2786 188.706 33.9256 193.105 46.0016 195.684C58.2316 198.297 92.8956 198.267 104.949 195.633C148.544 186.108 183.262 159.032 202.572 119.5C212.202 99.7846 216.709 82.5116 217.704 61.4996L218.273 49.4996L227.387 40.8846C232.4 36.1456 237.948 30.2446 239.715 27.7716L242.929 23.2746L236.625 25.5626C230.653 27.7306 215.897 31.2276 215.289 30.6196C215.133 30.4636 217.044 28.8726 219.535 27.0826C222.027 25.2936 225.826 21.4976 227.979 18.6466C231.672 13.7546 236.286 4.94956 235.544 4.20856C235.357 4.02156 232.571 5.19556 229.353 6.81656C223.392 9.81956 208.181 14.9996 205.322 14.9996C204.454 14.9996 201.948 13.3766 199.752 11.3926C197.556 9.40856 192.362 6.17256 188.21 4.20056C181.144 0.844556 179.95 0.598556 169.581 0.348556C163.488 0.201556 156.759 0.517556 154.63 1.05056Z"39 />40 </svg>41 );42};4344const FacebookLogo = ({ className }) => {45 return (46 <svg47 className={className}48 viewBox="0 0 512 514"49 fill="none"50 xmlns="http://www.w3.org/2000/svg"51 >52 <path53 fillRule="evenodd"54 clipRule="evenodd"55 d="M53.2927 2.77738C30.7051 8.24518 11.1715 26.058 3.33683 48.3306L0.454855 56.5247L0.142311 253.454C-0.20067 469.431 -0.515559 458.932 6.76196 474.119C14.4866 490.24 30.0905 504.124 47.2782 510.17L55.4723 513.052L135.95 513.391L216.428 513.729V423.567V333.405L183.944 333.094L151.46 332.782L151.151 295.616L150.842 258.45H183.635H216.428V218.253C216.428 181.97 216.655 177.153 218.762 168.795C223.555 149.783 235.108 131.732 249.428 120.88C258.25 114.194 272.923 107.056 283.262 104.422C291.92 102.215 340.196 100.763 358.727 102.153L369.774 102.982V136.669V170.357L350.167 170.949C325.429 171.697 317.973 173.742 308.537 182.366C297.553 192.405 296.789 195.334 296.249 229.478L295.791 258.45H332.197H368.603L368.55 261.084C368.52 262.533 365.734 279.258 362.358 298.25L356.221 332.782L326.124 333.095L296.027 333.408V423.568V513.729L376.505 513.391L456.983 513.052L464.591 510.316C486.083 502.585 502.401 486.166 509.191 465.442L512 456.864V257.28V57.6953L509.129 48.9159C501.842 26.6315 483.07 9.03766 460.395 3.23742C451.543 0.973509 446.956 0.924349 255.747 1.01917C91.1084 1.10111 59.0683 1.3797 53.2927 2.77738Z"56 />57 </svg>58 );59};6061const InstagramLogo = ({ className }) => {62 return (63 <svg64 className={className}65 viewBox="0 0 512 512"66 fill="none"67 xmlns="http://www.w3.org/2000/svg"68 >69 <path70 fillRule="evenodd"71 clipRule="evenodd"72 d="M132.184 0.178038C103.769 3.09194 81.9677 10.9921 60.2455 26.2445C42.2959 38.848 24.9245 58.8789 15.2227 78.1607C9.08245 90.3627 3.48936 108.284 1.18391 123.141C-0.387942 133.271 -0.397756 377.892 1.17328 388.116C6.05814 419.902 20.0045 447.616 42.2836 469.814C65.1017 492.547 91.7807 505.485 125.87 510.349C139.069 512.232 372.193 512.24 385.48 510.358C419.304 505.567 446.346 492.449 469.066 469.814C491.345 447.616 505.292 419.902 510.177 388.116C511.748 377.892 511.738 133.271 510.166 123.141C507.009 102.8 499.54 82.2858 489.778 67.1471C469.255 35.3191 439.58 13.5715 404.257 4.47488C386.741 -0.0362335 394.488 0.201751 259.764 0.0373683C191.169 -0.0468675 133.758 0.0161088 132.184 0.178038ZM401.656 95.6761C410.069 99.5828 416.772 108.721 418.202 118.234C420.66 134.592 408.888 150.457 392.777 152.498C372.739 155.035 355.963 138.047 358.941 118.234C361.923 98.3863 383.245 87.1265 401.656 95.6761ZM272.031 134.671C296.697 138.161 319.733 148.904 337.457 165.184C358.881 184.86 372.538 210.573 376.675 239.02C377.773 246.568 377.776 264.655 376.681 272.237C371.363 309.057 348.985 342.517 317.421 360.848C282.455 381.154 241.154 383.058 203.79 366.087C182.138 356.252 160.985 336.497 148.826 314.754C133.906 288.075 129.761 254.152 137.754 224.132C145.832 193.791 167.149 165.801 193.929 150.371C218.164 136.408 245.485 130.916 272.031 134.671ZM241.047 174.717C234.42 175.895 222.404 180.116 216.419 183.37C198.795 192.949 184.76 209.545 178.316 228.426C174.59 239.341 173.621 246.552 174.109 259.717C174.713 276.026 178.468 287.649 187.531 301.269C198.813 318.226 216.682 330.806 236.231 335.556C244.606 337.591 266.744 337.591 275.119 335.556C294.596 330.824 312.577 318.166 323.814 301.276C329.154 293.251 331.75 287.695 334.774 277.823C336.759 271.341 336.942 269.543 336.993 256.037C337.041 243.035 336.829 240.564 335.18 234.869C326.652 205.419 305.997 184.694 276.731 176.224C269.92 174.252 248.702 173.357 241.047 174.717Z"73 />74 </svg>75 );76};7778const LinkedInLogo = ({ className }) => {79 return (80 <svg81 className={className}82 viewBox="0 0 512 512"83 fill="none"84 xmlns="http://www.w3.org/2000/svg"85 >86 <path87 fillRule="evenodd"88 clipRule="evenodd"89 d="M31.351 1.92325C17.386 6.89125 6.739 17.6712 1.897 31.7452C0.0569999 37.0922 0 43.8353 0 255.945C0 468.959 0.0500001 474.777 1.919 480.21C6.816 494.442 17.527 505.138 31.8 510.048C37.147 511.888 43.89 511.945 256 511.945C469.014 511.945 474.832 511.895 480.265 510.026C494.497 505.129 505.193 494.418 510.103 480.145C511.943 474.798 512 468.055 512 255.945C512 43.8353 511.943 37.0922 510.103 31.7452C505.193 17.4722 494.497 6.76125 480.265 1.86425C474.829 -0.00575399 469.11 -0.052754 255.593 0.018246C45.849 0.088246 36.28 0.169246 31.351 1.92325ZM134.015 60.1502C171.626 73.8662 182.201 120.815 154.018 148.952C132.683 170.251 99.895 170.075 78.417 148.545C70.185 140.293 65.774 132.185 63.403 120.945C57.702 93.9182 76.074 65.4742 103.782 58.4312C111.991 56.3432 125.717 57.1242 134.015 60.1502ZM382.295 186.437C419.18 192.869 442.43 216.499 452.041 257.323C456.855 277.771 457.216 284.725 457.711 366.516C458.227 451.924 458.435 448.881 451.81 452.919C448.664 454.838 446.843 454.937 415 454.935C384.089 454.932 381.283 454.789 378.695 453.082C372.117 448.745 372.557 454.093 371.938 370.945C371.323 288.339 371.556 291.566 365.23 278.109C361.887 270.998 353.912 262.885 347.451 260.023C340.219 256.82 328.558 255.391 320.517 256.724C301.44 259.885 289.68 272.469 282.92 296.956C280.59 305.394 280.573 305.869 280.038 376.445C279.455 453.417 279.734 449.899 273.928 453.329C271.559 454.728 266.843 454.944 238.846 454.941C208.529 454.938 206.299 454.815 203.299 452.985C196.567 448.881 197 457.934 197 321.399C197 208.733 197.145 197.508 198.636 194.985C202.16 189.018 202.647 188.945 238.939 188.945C268.031 188.945 272.377 189.146 274.586 190.593C279.081 193.538 280 196.816 280 209.895C280 216.523 280.337 221.923 280.75 221.897C281.163 221.871 283.3 219.337 285.5 216.267C296.868 200.405 315.813 189.703 339 186.046C348.26 184.586 372.958 184.809 382.295 186.437ZM151.81 190.971C158.35 194.958 158 187.539 158 322.178C158 438.713 157.914 444.637 156.173 447.883C152.498 454.735 151.302 454.945 115.913 454.945C84.657 454.945 84.257 454.919 80.912 452.665C79.052 451.411 76.967 449.273 76.279 447.915C75.3 445.979 75.026 418.554 75.015 321.077L75 196.71L78.882 192.827L82.765 188.945L115.632 188.949C146.835 188.952 148.668 189.055 151.81 190.971Z"90 />91 </svg>92 );93};9495const socials = [96 {97 link: "#",98 Icon: TwitterLogo,99 },100 {101 link: "#",102 Icon: FacebookLogo,103 },104 {105 link: "#",106 Icon: InstagramLogo,107 },108 {109 link: "#",110 Icon: LinkedInLogo,111 },112];113114const data = [115 {116 title: "Dashboard",117 link: "/",118 },119 {120 title: "Calendar",121 link: "/",122 },123 {124 title: "Projects",125 link: "/",126 },127 {128 title: "Team",129 link: "/",130 },131 {132 title: "Help",133 link: "/",134 },135 {136 title: "Careers",137 link: "/",138 },139];140141export function Footers3() {142 const year = new Date().getFullYear();143144 return (145 <footer 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">146 <div className="flex flex-col gap-16">147 <div className="flex w-full justify-between gap-x-8 gap-y-6 max-sm:flex-col sm:items-center">148 <Logo className="h-9 w-fit" />149150 <div className="flex flex-wrap gap-4">151 {data.map(({ title, link }, index: number) => {152 return (153 <Link154 className="text-base font-medium capitalize text-slate-900"155 href={link}156 key={index}157 >158 {title}159 </Link>160 );161 })}162 </div>163 </div>164165 <div className="flex items-center justify-between gap-y-8 max-lg:flex-wrap sm:border-t sm:border-slate-200 sm:pt-8">166 <p className="text-slate-700 max-lg:order-last">167 ©{year} JettWave | Powered by{" "}168 <a href="https://jettwave.com" className="cursor-pointer underline">169 Jettwave170 </a>171 </p>172173 <div className="flex flex-wrap place-items-center justify-end gap-5">174 {socials.map(({ link, Icon }, socialsIndex: number) => {175 return (176 <Link177 key={socialsIndex}178 href={link}179 className="flex h-10 place-items-center"180 >181 <Icon className="h-6 w-6 fill-slate-500" aria-hidden="true" />182 </Link>183 );184 })}185 </div>186 </div>187 </div>188 </footer>189 );190}191
Simple centered
0import Link from "next/link";12const Logo = ({ className }) => {3 return (4 <svg5 viewBox="0 0 175 40"6 fill="none"7 xmlns="http://www.w3.org/2000/svg"8 className={className}9 >10 <path11 d="M170.394 7.66415L174.568 11.8668C174.714 11.9829 174.822 12.1396 174.878 12.3171C174.963 13.3515 174.18 13.4081 173.38 13.4659C173.034 13.4909 172.685 13.5162 172.402 13.621C170.998 14.0009 169.746 14.8033 168.815 15.9193C167.883 17.0353 167.318 18.4109 167.195 19.8593C167.105 20.0266 166.969 20.1643 166.802 20.2558C166.636 20.3474 166.447 20.3888 166.257 20.3753C166.037 20.3558 165.831 20.2595 165.675 20.1032L164.305 18.7238C164.315 18.8182 164.315 18.9117 164.315 18.9869V19.8968C164.315 19.9543 164.317 20.0097 164.31 20.065C164.301 20.127 164.28 20.1888 164.231 20.2532V20.3377C164.231 20.3808 164.236 20.4209 164.241 20.4616C164.251 20.5449 164.262 20.6307 164.231 20.7505C164.201 20.8622 164.198 20.9925 164.194 21.1088C164.193 21.1779 164.191 21.2421 164.184 21.2945C164.174 21.3672 164.174 21.4448 164.168 21.5223C164.162 21.5949 164.15 21.6674 164.118 21.7354C164.074 21.8306 164.059 21.9215 164.055 22.0139C164.052 22.0581 164.052 22.1026 164.052 22.1482L163.996 22.439L161.867 32.5891L161.698 33.3489L161.632 34.4559L160.694 39.2495L160.544 40H84.6248L84.2589 39.6341L84.1932 39.9531H76.0694L71.5478 35.4034L71.9793 33.3489H69.4277L67.8424 31.7448C65.8749 33.1775 63.4934 33.9285 61.06 33.8837C58.4442 33.9866 55.8941 33.0488 53.9681 31.2758L51.5009 28.7899L50.9662 31.2851C50.9006 31.6416 50.8161 31.9794 50.7223 32.3077L50.6379 32.6173L50.4972 33.0675C50.4856 33.1066 50.4699 33.1444 50.4503 33.1801C50.3106 33.5937 50.1446 33.9979 49.9531 34.3902C49.9581 34.4054 49.9581 34.4219 49.9531 34.4371C49.9285 34.4891 49.9003 34.5392 49.8686 34.5872C49.727 34.8675 49.5705 35.1399 49.3996 35.4034C49.3679 35.4513 49.3397 35.5015 49.3152 35.5535L49.212 35.666C48.9827 35.9949 48.732 36.3082 48.4615 36.6041C48.3873 36.6783 48.3131 36.748 48.2377 36.8164C48.1607 36.8864 48.0825 36.9551 48.0018 37.0262L47.7955 37.2232C47.6654 37.3313 47.5323 37.4356 47.3964 37.5361C47.2843 37.619 47.1703 37.6992 47.0544 37.7767C45.1211 38.9222 42.891 39.4674 40.6473 39.3433C37.5516 39.3433 35.075 38.4427 33.5084 36.8668L29.0994 32.4296C27.3383 33.4262 25.3442 33.9377 23.3208 33.9118C20.7129 33.9925 18.1782 33.042 16.2664 31.2664L13.7993 28.7805L13.0019 32.6173L12.8424 33.3771H4.54036L0 28.7992L0.234521 27.6923L5.22515 3.72418L5.37521 2.97372H13.7054L13.9212 3.18013V2.97372H70.0469L70.2533 3.18013V2.97372H78.3771L82.9174 7.55158L82.6923 8.64913L82.4484 9.8499H84.7842L85.1501 10.2158C86.1779 9.61344 87.3453 9.29005 88.5366 9.27769C89.4126 9.26039 90.2825 9.42678 91.0903 9.76608C91.8982 10.1054 92.626 10.61 93.227 11.2476L93.105 11.1069L95.3095 13.3302C96.651 10.8068 99.6622 9.27769 103.752 9.27769C106.923 9.27769 109.259 10.0844 110.675 11.5478L112.27 13.152L112.805 10.5722L112.964 9.82173H121.097L123.424 12.1576L123.752 10.5816L123.912 9.83112H139.916L140.347 10.2627C141.431 9.62306 142.672 9.29818 143.931 9.32458C144.688 9.29503 145.442 9.43365 146.14 9.73047C146.837 10.0273 147.46 10.475 147.964 11.0413C147.938 11.0118 147.913 10.9823 147.888 10.9533C147.843 10.8995 147.798 10.847 147.75 10.7984L148.565 11.6135C149.275 10.8782 150.129 10.2959 151.072 9.90235C152.016 9.50877 153.03 9.3121 154.052 9.32458C154.595 9.2912 155.137 9.3374 155.663 9.46033L154.775 8.56473C154.654 8.43528 154.572 8.27421 154.539 8.10021C154.506 7.92621 154.523 7.74631 154.587 7.58147C154.652 7.41657 154.762 7.27343 154.905 7.16854C155.048 7.06365 155.217 7.00129 155.394 6.98875H156.107C156.299 6.97043 156.49 6.94226 156.679 6.9043C157.676 6.69474 158.614 6.26624 159.425 5.6497C160.237 5.03323 160.901 4.24418 161.37 3.33959C161.411 3.26962 161.448 3.19765 161.482 3.12384V3.07695C161.805 2.38215 162.001 1.63581 162.064 0.872416C162.08 0.635203 162.187 0.413106 162.361 0.251186C162.535 0.0892079 162.764 -0.00056984 163.002 2.72188e-06H163.077C163.219 0.0135152 163.357 0.0594347 163.479 0.134211C163.601 0.209045 163.704 0.310732 163.781 0.431543C164.456 1.08821 168.208 4.90617 168.208 4.90617C168.521 5.24238 168.498 5.67885 168.474 6.12046C168.459 6.39352 168.444 6.66858 168.508 6.92308C168.679 6.95371 168.852 6.9769 169.024 6.99259C169.19 7.00753 169.356 7.01566 169.522 7.01687C169.716 7.02093 169.905 7.0854 170.061 7.2014C170.217 7.31735 170.334 7.4791 170.394 7.66415Z"12 fill="black"13 ></path>14 <path15 d="M42.9361 10.7505H48.8648L45.544 26.5009C44.9343 29.484 43.771 31.1914 42.0074 32.4015C40.2236 33.4366 38.1753 33.9258 36.1163 33.8086C32.1951 33.8086 28.4333 32.167 28.0581 28.1801H34.0243C34.2119 29.1182 35.075 29.6529 36.3883 29.6529C38.1613 29.6529 38.9774 28.5835 39.3433 26.9043L39.6997 25.1688H39.5684C39.0449 25.7443 38.4099 26.2073 37.702 26.5298C36.994 26.8523 36.228 27.0276 35.4502 27.045C31.9981 27.045 29.2588 24.2964 29.3151 20.272C29.3902 15.5816 32.4483 10.2533 37.5797 10.2533C38.5521 10.1878 39.5229 10.4021 40.3774 10.8709C41.2319 11.3396 41.9342 12.0433 42.4014 12.8987H42.5046L42.9361 10.7505ZM37.8423 22.6454C40.1219 22.6454 41.3883 20.0188 41.4258 17.758C41.4258 16.2477 40.8348 14.6998 39.09 14.6998C36.7072 14.6998 35.4971 17.3546 35.4596 19.6341C35.4596 21.1726 36.0506 22.6454 37.7954 22.6454M104.4 23.152C104.4 24.1557 103.536 24.5591 102.401 24.5591C100.525 24.5591 99.8967 23.621 99.8873 22.3077H93.9868C93.8836 27.2045 98.2551 28.4146 102.139 28.4146C107.101 28.4146 110.319 26.2664 110.385 21.9794C110.385 18.5553 107.467 17.5141 104.597 16.848C102.392 16.3415 101.426 15.9756 101.435 15.1407C101.445 14.3058 102.43 13.9681 103.396 13.9681C104.606 13.9681 105.431 14.3996 105.516 15.5066H111.248C111.182 11.4165 107.495 10.2158 103.743 10.2158C99.1838 10.2158 95.6284 12.2889 95.5721 16.2101C95.5721 19.2964 97.6547 20.4315 100.797 21.2383C102.814 21.773 104.418 21.9418 104.4 23.152ZM148.236 13.2927H148.133C147.878 12.3689 147.314 11.5602 146.536 11.0005C145.758 10.4409 144.812 10.164 143.855 10.2158C141.304 10.2158 139.747 11.4822 138.274 13.3959H138.171L138.715 10.7505H132.748L129.174 27.8424H135.413L137.289 18.621C137.72 16.6135 138.743 15.2064 140.291 15.2064C141.839 15.2064 142.045 16.4446 141.726 17.955L139.662 27.8424H145.9L147.777 18.621C148.208 16.4822 149.231 15.2064 150.778 15.2064C152.326 15.2064 152.533 16.379 152.214 17.955L150.15 27.8424H156.388L158.621 17.6829C159.559 13.3959 158.124 10.1782 154.006 10.1782C152.86 10.1735 151.732 10.4561 150.724 11.0002C149.716 11.5443 148.861 12.3325 148.236 13.2927ZM1.14441 27.8424H7.58906L12.5703 3.8743H6.13503L1.14441 27.8424ZM20.544 10.2439C24.8967 10.2439 29.0525 12.6266 28.9868 18.0206C28.9305 23.9212 24.9155 28.3396 18.7804 28.3396C14.559 28.3396 10.3377 25.9944 10.4127 20.6285C10.5159 14.8687 14.4746 10.2439 20.544 10.2439ZM18.9587 24.1557C21.7073 24.1557 22.711 20.1688 22.711 17.8236C22.711 16.1445 22.1951 14.5028 20.3845 14.5028C17.6641 14.5028 16.7354 18.7242 16.7354 20.9006C16.7354 22.6454 17.2232 24.1557 18.9962 24.1557M14.7185 3.8743L13.7804 8.66792H67.8986L68.8367 3.8743H14.7185ZM58.2457 10.2439C62.5984 10.2439 66.7541 12.6266 66.6885 18.0206C66.6322 23.9212 62.6078 28.3396 56.4727 28.3396C52.2513 28.3396 48.0299 25.9944 48.1144 20.6285C48.2457 14.8687 52.2044 10.2439 58.2457 10.2439ZM56.6885 24.1557C59.4371 24.1557 60.4408 20.1688 60.4408 17.8236C60.4408 16.1445 59.9155 14.5028 58.105 14.5028C55.3939 14.5028 54.4558 18.7242 54.4558 20.9006C54.4558 22.6454 54.9436 24.1557 56.726 24.1557M71.0506 3.8743L70.1125 8.66792H76.3414L77.2795 3.8743H71.0506ZM66.06 27.8424H72.2982L75.8723 10.7505H69.5965L66.06 27.8424ZM85.9661 28.4146C84.9733 28.4851 83.9804 28.2776 83.0988 27.8153C82.2173 27.353 81.482 26.6542 80.9755 25.7974H80.8723L78.9962 34.4465H72.6828L77.7485 10.7505H83.6772L83.2082 13.03C83.8273 12.188 84.6293 11.4973 85.5538 11.0098C86.4783 10.5224 87.5013 10.2509 88.5459 10.2158C92.2982 10.2158 94.5027 13.4334 94.4371 17.6173C94.3526 22.8799 91.6228 28.4146 85.9286 28.4146H85.9661ZM85.7222 15.0563C83.3114 15.0563 81.8292 18.1426 81.7917 20.516C81.7917 22.167 82.3733 24.0056 84.3526 24.0056C86.9324 24.0056 87.9924 20.591 88.0205 18.3114C88.0205 16.7636 87.5703 15.0563 85.7222 15.0563ZM121.792 25.1501H121.895L121.351 27.8612H127.279L130.854 10.7692H124.625L122.636 20.3189C122.233 22.2983 121.013 23.3396 119.475 23.3396C117.936 23.3396 117.598 21.8949 117.908 20.3846L119.925 10.7692H113.696L111.491 21.3227C110.553 25.9193 112.692 28.3959 116.276 28.3959C117.401 28.3849 118.504 28.0774 119.472 27.5042C120.44 26.931 121.241 26.1125 121.792 25.1313V25.1501ZM155.253 34.531L156.191 29.7373H82.2138L81.2757 34.531H155.253Z"16 fill="white"17 ></path>18 <path19 d="M161.96 15.4409C161.899 15.4362 161.839 15.4193 161.784 15.3912C161.728 15.3632 161.679 15.3245 161.639 15.2774C161.599 15.2303 161.569 15.1758 161.55 15.1169C161.531 15.058 161.524 14.996 161.529 14.9343C161.607 14.0989 161.508 13.2563 161.238 12.4619C160.968 11.6675 160.533 10.939 159.961 10.3244C159.39 9.70976 158.695 9.22274 157.923 8.89524C157.15 8.56775 156.317 8.40717 155.478 8.42403C155.354 8.42403 155.235 8.37462 155.147 8.28665C155.059 8.19869 155.009 8.07938 155.009 7.95498C155.009 7.83058 155.059 7.71129 155.147 7.62333C155.235 7.53536 155.354 7.48594 155.478 7.48594C155.703 7.50048 155.929 7.50048 156.154 7.48594C157.82 7.30843 159.372 6.55564 160.543 5.35711C161.715 4.15858 162.431 2.58928 162.57 0.919337C162.58 0.801554 162.633 0.691688 162.72 0.611685C162.807 0.531683 162.921 0.487447 163.039 0.487826C163.101 0.492561 163.161 0.509449 163.216 0.53751C163.271 0.565571 163.32 0.604254 163.36 0.651335C163.401 0.698417 163.431 0.752963 163.45 0.811839C163.469 0.870715 163.476 0.932751 163.471 0.994386C163.393 1.82905 163.492 2.6708 163.761 3.46458C164.031 4.25835 164.465 4.98628 165.035 5.60078C165.606 6.21527 166.299 6.70249 167.07 7.03058C167.842 7.35867 168.674 7.52023 169.512 7.5047C169.636 7.5047 169.756 7.55413 169.844 7.64209C169.932 7.73005 169.981 7.84935 169.981 7.97375C169.981 8.09815 169.932 8.21746 169.844 8.30542C169.756 8.39338 169.636 8.44279 169.512 8.44279C167.73 8.47223 166.021 9.15877 164.714 10.3707C163.407 11.5826 162.593 13.2345 162.43 15.0094C162.42 15.1272 162.367 15.2371 162.28 15.3171C162.193 15.3971 162.079 15.4413 161.96 15.4409Z"20 fill="white"21 ></path>22 </svg>23 );24};2526const data = [27 {28 title: "Pricing",29 link: "/dashboard",30 },31 {32 title: "Showcase",33 link: "/dashboard",34 },35 {36 title: "Blog",37 link: "/dashboard",38 },39];4041const TwitterLogo = ({ className }) => {42 return (43 <svg44 className={className}45 viewBox="0 0 243 198"46 fill="none"47 xmlns="http://www.w3.org/2000/svg"48 >49 <path50 fillRule="evenodd"51 clipRule="evenodd"52 d="M154.63 1.05056C147.242 2.89856 137.342 8.97556 131.058 15.5196C120.848 26.1526 116.23 39.0476 117.323 53.8726L117.866 61.2446L110.684 60.5566C78.8396 57.5036 47.9986 42.8166 24.1576 19.3506L13.8136 9.16856L11.4586 14.3346C8.50956 20.8026 6.68856 31.9466 7.50956 38.4996C9.10856 51.2476 15.8126 64.2226 24.8236 72.0086L29.5016 76.0516L25.0016 75.4036C20.9476 74.8196 13.3846 72.5596 8.75156 70.5456C7.27956 69.9066 7.00156 70.3246 7.00156 73.1826C7.00156 78.4056 9.73455 87.7186 13.1456 94.1176C18.8306 104.784 28.2266 112.28 44.0016 118.734C46.3476 119.693 46.2156 119.801 41.8746 120.473C39.3306 120.868 34.4916 121.035 31.1236 120.845C27.7546 120.655 24.9986 120.887 24.9996 121.36C25.0006 121.833 26.4566 124.983 28.2336 128.36C35.1816 141.557 49.0466 151.473 64.5536 154.335L71.4356 155.606L66.9086 158.72C60.4886 163.137 47.6286 169.394 40.0016 171.811C29.1426 175.254 22.0386 176.341 9.88856 176.422C-3.36644 176.511 -3.38744 176.339 10.7356 183.42C21.2786 188.706 33.9256 193.105 46.0016 195.684C58.2316 198.297 92.8956 198.267 104.949 195.633C148.544 186.108 183.262 159.032 202.572 119.5C212.202 99.7846 216.709 82.5116 217.704 61.4996L218.273 49.4996L227.387 40.8846C232.4 36.1456 237.948 30.2446 239.715 27.7716L242.929 23.2746L236.625 25.5626C230.653 27.7306 215.897 31.2276 215.289 30.6196C215.133 30.4636 217.044 28.8726 219.535 27.0826C222.027 25.2936 225.826 21.4976 227.979 18.6466C231.672 13.7546 236.286 4.94956 235.544 4.20856C235.357 4.02156 232.571 5.19556 229.353 6.81656C223.392 9.81956 208.181 14.9996 205.322 14.9996C204.454 14.9996 201.948 13.3766 199.752 11.3926C197.556 9.40856 192.362 6.17256 188.21 4.20056C181.144 0.844556 179.95 0.598556 169.581 0.348556C163.488 0.201556 156.759 0.517556 154.63 1.05056Z"53 />54 </svg>55 );56};5758export function Footers4() {59 const year = new Date().getFullYear();60 return (61 <footer 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">62 <div className="space-y-8">63 <div className="flex w-full place-items-center justify-center ">64 <Logo className="w-[150px]" />65 </div>66 <div className="flex w-full flex-wrap place-items-center justify-center gap-10 ">67 {data.map(({ title, link }, index: number) => {68 return (69 <Link70 key={index}71 className="text-base font-medium capitalize text-slate-900"72 href={link}73 >74 {title}75 </Link>76 );77 })}78 </div>79 <div className="flex w-full place-items-center justify-center">80 <Link81 href="https://twitter.com"82 className="inline-flex h-fit w-fit select-none items-center justify-center gap-x-2.5 rounded-lg bg-sky-700 px-6 py-3 text-sm text-slate-100 outline-1 outline-sky-700 duration-75 hover:bg-sky-800 active:scale-95 disabled:pointer-events-none disabled:bg-sky-700/50"83 >84 Follow us on Twitter85 <TwitterLogo86 className="-mr-1.5 h-5 w-5 fill-slate-100"87 aria-hidden="true"88 />89 </Link>90 </div>91 <p className="w-full text-center text-slate-700 max-lg:order-last">92 ©{year} JettWave | Powered by{" "}93 <a href="https://jettwave.com" className="cursor-pointer underline">94 Jettwave95 </a>96 </p>97 </div>98 </footer>99 );100}101
Three-level with extra links
0import Link from "next/link";1import { useState } from "react";23const Logo = ({ className }) => {4 return (5 <svg6 viewBox="0 0 175 40"7 fill="none"8 xmlns="http://www.w3.org/2000/svg"9 className={className}10 >11 <path12 d="M170.394 7.66415L174.568 11.8668C174.714 11.9829 174.822 12.1396 174.878 12.3171C174.963 13.3515 174.18 13.4081 173.38 13.4659C173.034 13.4909 172.685 13.5162 172.402 13.621C170.998 14.0009 169.746 14.8033 168.815 15.9193C167.883 17.0353 167.318 18.4109 167.195 19.8593C167.105 20.0266 166.969 20.1643 166.802 20.2558C166.636 20.3474 166.447 20.3888 166.257 20.3753C166.037 20.3558 165.831 20.2595 165.675 20.1032L164.305 18.7238C164.315 18.8182 164.315 18.9117 164.315 18.9869V19.8968C164.315 19.9543 164.317 20.0097 164.31 20.065C164.301 20.127 164.28 20.1888 164.231 20.2532V20.3377C164.231 20.3808 164.236 20.4209 164.241 20.4616C164.251 20.5449 164.262 20.6307 164.231 20.7505C164.201 20.8622 164.198 20.9925 164.194 21.1088C164.193 21.1779 164.191 21.2421 164.184 21.2945C164.174 21.3672 164.174 21.4448 164.168 21.5223C164.162 21.5949 164.15 21.6674 164.118 21.7354C164.074 21.8306 164.059 21.9215 164.055 22.0139C164.052 22.0581 164.052 22.1026 164.052 22.1482L163.996 22.439L161.867 32.5891L161.698 33.3489L161.632 34.4559L160.694 39.2495L160.544 40H84.6248L84.2589 39.6341L84.1932 39.9531H76.0694L71.5478 35.4034L71.9793 33.3489H69.4277L67.8424 31.7448C65.8749 33.1775 63.4934 33.9285 61.06 33.8837C58.4442 33.9866 55.8941 33.0488 53.9681 31.2758L51.5009 28.7899L50.9662 31.2851C50.9006 31.6416 50.8161 31.9794 50.7223 32.3077L50.6379 32.6173L50.4972 33.0675C50.4856 33.1066 50.4699 33.1444 50.4503 33.1801C50.3106 33.5937 50.1446 33.9979 49.9531 34.3902C49.9581 34.4054 49.9581 34.4219 49.9531 34.4371C49.9285 34.4891 49.9003 34.5392 49.8686 34.5872C49.727 34.8675 49.5705 35.1399 49.3996 35.4034C49.3679 35.4513 49.3397 35.5015 49.3152 35.5535L49.212 35.666C48.9827 35.9949 48.732 36.3082 48.4615 36.6041C48.3873 36.6783 48.3131 36.748 48.2377 36.8164C48.1607 36.8864 48.0825 36.9551 48.0018 37.0262L47.7955 37.2232C47.6654 37.3313 47.5323 37.4356 47.3964 37.5361C47.2843 37.619 47.1703 37.6992 47.0544 37.7767C45.1211 38.9222 42.891 39.4674 40.6473 39.3433C37.5516 39.3433 35.075 38.4427 33.5084 36.8668L29.0994 32.4296C27.3383 33.4262 25.3442 33.9377 23.3208 33.9118C20.7129 33.9925 18.1782 33.042 16.2664 31.2664L13.7993 28.7805L13.0019 32.6173L12.8424 33.3771H4.54036L0 28.7992L0.234521 27.6923L5.22515 3.72418L5.37521 2.97372H13.7054L13.9212 3.18013V2.97372H70.0469L70.2533 3.18013V2.97372H78.3771L82.9174 7.55158L82.6923 8.64913L82.4484 9.8499H84.7842L85.1501 10.2158C86.1779 9.61344 87.3453 9.29005 88.5366 9.27769C89.4126 9.26039 90.2825 9.42678 91.0903 9.76608C91.8982 10.1054 92.626 10.61 93.227 11.2476L93.105 11.1069L95.3095 13.3302C96.651 10.8068 99.6622 9.27769 103.752 9.27769C106.923 9.27769 109.259 10.0844 110.675 11.5478L112.27 13.152L112.805 10.5722L112.964 9.82173H121.097L123.424 12.1576L123.752 10.5816L123.912 9.83112H139.916L140.347 10.2627C141.431 9.62306 142.672 9.29818 143.931 9.32458C144.688 9.29503 145.442 9.43365 146.14 9.73047C146.837 10.0273 147.46 10.475 147.964 11.0413C147.938 11.0118 147.913 10.9823 147.888 10.9533C147.843 10.8995 147.798 10.847 147.75 10.7984L148.565 11.6135C149.275 10.8782 150.129 10.2959 151.072 9.90235C152.016 9.50877 153.03 9.3121 154.052 9.32458C154.595 9.2912 155.137 9.3374 155.663 9.46033L154.775 8.56473C154.654 8.43528 154.572 8.27421 154.539 8.10021C154.506 7.92621 154.523 7.74631 154.587 7.58147C154.652 7.41657 154.762 7.27343 154.905 7.16854C155.048 7.06365 155.217 7.00129 155.394 6.98875H156.107C156.299 6.97043 156.49 6.94226 156.679 6.9043C157.676 6.69474 158.614 6.26624 159.425 5.6497C160.237 5.03323 160.901 4.24418 161.37 3.33959C161.411 3.26962 161.448 3.19765 161.482 3.12384V3.07695C161.805 2.38215 162.001 1.63581 162.064 0.872416C162.08 0.635203 162.187 0.413106 162.361 0.251186C162.535 0.0892079 162.764 -0.00056984 163.002 2.72188e-06H163.077C163.219 0.0135152 163.357 0.0594347 163.479 0.134211C163.601 0.209045 163.704 0.310732 163.781 0.431543C164.456 1.08821 168.208 4.90617 168.208 4.90617C168.521 5.24238 168.498 5.67885 168.474 6.12046C168.459 6.39352 168.444 6.66858 168.508 6.92308C168.679 6.95371 168.852 6.9769 169.024 6.99259C169.19 7.00753 169.356 7.01566 169.522 7.01687C169.716 7.02093 169.905 7.0854 170.061 7.2014C170.217 7.31735 170.334 7.4791 170.394 7.66415Z"13 fill="black"14 ></path>15 <path16 d="M42.9361 10.7505H48.8648L45.544 26.5009C44.9343 29.484 43.771 31.1914 42.0074 32.4015C40.2236 33.4366 38.1753 33.9258 36.1163 33.8086C32.1951 33.8086 28.4333 32.167 28.0581 28.1801H34.0243C34.2119 29.1182 35.075 29.6529 36.3883 29.6529C38.1613 29.6529 38.9774 28.5835 39.3433 26.9043L39.6997 25.1688H39.5684C39.0449 25.7443 38.4099 26.2073 37.702 26.5298C36.994 26.8523 36.228 27.0276 35.4502 27.045C31.9981 27.045 29.2588 24.2964 29.3151 20.272C29.3902 15.5816 32.4483 10.2533 37.5797 10.2533C38.5521 10.1878 39.5229 10.4021 40.3774 10.8709C41.2319 11.3396 41.9342 12.0433 42.4014 12.8987H42.5046L42.9361 10.7505ZM37.8423 22.6454C40.1219 22.6454 41.3883 20.0188 41.4258 17.758C41.4258 16.2477 40.8348 14.6998 39.09 14.6998C36.7072 14.6998 35.4971 17.3546 35.4596 19.6341C35.4596 21.1726 36.0506 22.6454 37.7954 22.6454M104.4 23.152C104.4 24.1557 103.536 24.5591 102.401 24.5591C100.525 24.5591 99.8967 23.621 99.8873 22.3077H93.9868C93.8836 27.2045 98.2551 28.4146 102.139 28.4146C107.101 28.4146 110.319 26.2664 110.385 21.9794C110.385 18.5553 107.467 17.5141 104.597 16.848C102.392 16.3415 101.426 15.9756 101.435 15.1407C101.445 14.3058 102.43 13.9681 103.396 13.9681C104.606 13.9681 105.431 14.3996 105.516 15.5066H111.248C111.182 11.4165 107.495 10.2158 103.743 10.2158C99.1838 10.2158 95.6284 12.2889 95.5721 16.2101C95.5721 19.2964 97.6547 20.4315 100.797 21.2383C102.814 21.773 104.418 21.9418 104.4 23.152ZM148.236 13.2927H148.133C147.878 12.3689 147.314 11.5602 146.536 11.0005C145.758 10.4409 144.812 10.164 143.855 10.2158C141.304 10.2158 139.747 11.4822 138.274 13.3959H138.171L138.715 10.7505H132.748L129.174 27.8424H135.413L137.289 18.621C137.72 16.6135 138.743 15.2064 140.291 15.2064C141.839 15.2064 142.045 16.4446 141.726 17.955L139.662 27.8424H145.9L147.777 18.621C148.208 16.4822 149.231 15.2064 150.778 15.2064C152.326 15.2064 152.533 16.379 152.214 17.955L150.15 27.8424H156.388L158.621 17.6829C159.559 13.3959 158.124 10.1782 154.006 10.1782C152.86 10.1735 151.732 10.4561 150.724 11.0002C149.716 11.5443 148.861 12.3325 148.236 13.2927ZM1.14441 27.8424H7.58906L12.5703 3.8743H6.13503L1.14441 27.8424ZM20.544 10.2439C24.8967 10.2439 29.0525 12.6266 28.9868 18.0206C28.9305 23.9212 24.9155 28.3396 18.7804 28.3396C14.559 28.3396 10.3377 25.9944 10.4127 20.6285C10.5159 14.8687 14.4746 10.2439 20.544 10.2439ZM18.9587 24.1557C21.7073 24.1557 22.711 20.1688 22.711 17.8236C22.711 16.1445 22.1951 14.5028 20.3845 14.5028C17.6641 14.5028 16.7354 18.7242 16.7354 20.9006C16.7354 22.6454 17.2232 24.1557 18.9962 24.1557M14.7185 3.8743L13.7804 8.66792H67.8986L68.8367 3.8743H14.7185ZM58.2457 10.2439C62.5984 10.2439 66.7541 12.6266 66.6885 18.0206C66.6322 23.9212 62.6078 28.3396 56.4727 28.3396C52.2513 28.3396 48.0299 25.9944 48.1144 20.6285C48.2457 14.8687 52.2044 10.2439 58.2457 10.2439ZM56.6885 24.1557C59.4371 24.1557 60.4408 20.1688 60.4408 17.8236C60.4408 16.1445 59.9155 14.5028 58.105 14.5028C55.3939 14.5028 54.4558 18.7242 54.4558 20.9006C54.4558 22.6454 54.9436 24.1557 56.726 24.1557M71.0506 3.8743L70.1125 8.66792H76.3414L77.2795 3.8743H71.0506ZM66.06 27.8424H72.2982L75.8723 10.7505H69.5965L66.06 27.8424ZM85.9661 28.4146C84.9733 28.4851 83.9804 28.2776 83.0988 27.8153C82.2173 27.353 81.482 26.6542 80.9755 25.7974H80.8723L78.9962 34.4465H72.6828L77.7485 10.7505H83.6772L83.2082 13.03C83.8273 12.188 84.6293 11.4973 85.5538 11.0098C86.4783 10.5224 87.5013 10.2509 88.5459 10.2158C92.2982 10.2158 94.5027 13.4334 94.4371 17.6173C94.3526 22.8799 91.6228 28.4146 85.9286 28.4146H85.9661ZM85.7222 15.0563C83.3114 15.0563 81.8292 18.1426 81.7917 20.516C81.7917 22.167 82.3733 24.0056 84.3526 24.0056C86.9324 24.0056 87.9924 20.591 88.0205 18.3114C88.0205 16.7636 87.5703 15.0563 85.7222 15.0563ZM121.792 25.1501H121.895L121.351 27.8612H127.279L130.854 10.7692H124.625L122.636 20.3189C122.233 22.2983 121.013 23.3396 119.475 23.3396C117.936 23.3396 117.598 21.8949 117.908 20.3846L119.925 10.7692H113.696L111.491 21.3227C110.553 25.9193 112.692 28.3959 116.276 28.3959C117.401 28.3849 118.504 28.0774 119.472 27.5042C120.44 26.931 121.241 26.1125 121.792 25.1313V25.1501ZM155.253 34.531L156.191 29.7373H82.2138L81.2757 34.531H155.253Z"17 fill="white"18 ></path>19 <path20 d="M161.96 15.4409C161.899 15.4362 161.839 15.4193 161.784 15.3912C161.728 15.3632 161.679 15.3245 161.639 15.2774C161.599 15.2303 161.569 15.1758 161.55 15.1169C161.531 15.058 161.524 14.996 161.529 14.9343C161.607 14.0989 161.508 13.2563 161.238 12.4619C160.968 11.6675 160.533 10.939 159.961 10.3244C159.39 9.70976 158.695 9.22274 157.923 8.89524C157.15 8.56775 156.317 8.40717 155.478 8.42403C155.354 8.42403 155.235 8.37462 155.147 8.28665C155.059 8.19869 155.009 8.07938 155.009 7.95498C155.009 7.83058 155.059 7.71129 155.147 7.62333C155.235 7.53536 155.354 7.48594 155.478 7.48594C155.703 7.50048 155.929 7.50048 156.154 7.48594C157.82 7.30843 159.372 6.55564 160.543 5.35711C161.715 4.15858 162.431 2.58928 162.57 0.919337C162.58 0.801554 162.633 0.691688 162.72 0.611685C162.807 0.531683 162.921 0.487447 163.039 0.487826C163.101 0.492561 163.161 0.509449 163.216 0.53751C163.271 0.565571 163.32 0.604254 163.36 0.651335C163.401 0.698417 163.431 0.752963 163.45 0.811839C163.469 0.870715 163.476 0.932751 163.471 0.994386C163.393 1.82905 163.492 2.6708 163.761 3.46458C164.031 4.25835 164.465 4.98628 165.035 5.60078C165.606 6.21527 166.299 6.70249 167.07 7.03058C167.842 7.35867 168.674 7.52023 169.512 7.5047C169.636 7.5047 169.756 7.55413 169.844 7.64209C169.932 7.73005 169.981 7.84935 169.981 7.97375C169.981 8.09815 169.932 8.21746 169.844 8.30542C169.756 8.39338 169.636 8.44279 169.512 8.44279C167.73 8.47223 166.021 9.15877 164.714 10.3707C163.407 11.5826 162.593 13.2345 162.43 15.0094C162.42 15.1272 162.367 15.2371 162.28 15.3171C162.193 15.3971 162.079 15.4413 161.96 15.4409Z"21 fill="white"22 ></path>23 </svg>24 );25};2627const TwitterLogo = ({ className }) => {28 return (29 <svg30 className={className}31 viewBox="0 0 243 198"32 fill="none"33 xmlns="http://www.w3.org/2000/svg"34 >35 <path36 fillRule="evenodd"37 clipRule="evenodd"38 d="M154.63 1.05056C147.242 2.89856 137.342 8.97556 131.058 15.5196C120.848 26.1526 116.23 39.0476 117.323 53.8726L117.866 61.2446L110.684 60.5566C78.8396 57.5036 47.9986 42.8166 24.1576 19.3506L13.8136 9.16856L11.4586 14.3346C8.50956 20.8026 6.68856 31.9466 7.50956 38.4996C9.10856 51.2476 15.8126 64.2226 24.8236 72.0086L29.5016 76.0516L25.0016 75.4036C20.9476 74.8196 13.3846 72.5596 8.75156 70.5456C7.27956 69.9066 7.00156 70.3246 7.00156 73.1826C7.00156 78.4056 9.73455 87.7186 13.1456 94.1176C18.8306 104.784 28.2266 112.28 44.0016 118.734C46.3476 119.693 46.2156 119.801 41.8746 120.473C39.3306 120.868 34.4916 121.035 31.1236 120.845C27.7546 120.655 24.9986 120.887 24.9996 121.36C25.0006 121.833 26.4566 124.983 28.2336 128.36C35.1816 141.557 49.0466 151.473 64.5536 154.335L71.4356 155.606L66.9086 158.72C60.4886 163.137 47.6286 169.394 40.0016 171.811C29.1426 175.254 22.0386 176.341 9.88856 176.422C-3.36644 176.511 -3.38744 176.339 10.7356 183.42C21.2786 188.706 33.9256 193.105 46.0016 195.684C58.2316 198.297 92.8956 198.267 104.949 195.633C148.544 186.108 183.262 159.032 202.572 119.5C212.202 99.7846 216.709 82.5116 217.704 61.4996L218.273 49.4996L227.387 40.8846C232.4 36.1456 237.948 30.2446 239.715 27.7716L242.929 23.2746L236.625 25.5626C230.653 27.7306 215.897 31.2276 215.289 30.6196C215.133 30.4636 217.044 28.8726 219.535 27.0826C222.027 25.2936 225.826 21.4976 227.979 18.6466C231.672 13.7546 236.286 4.94956 235.544 4.20856C235.357 4.02156 232.571 5.19556 229.353 6.81656C223.392 9.81956 208.181 14.9996 205.322 14.9996C204.454 14.9996 201.948 13.3766 199.752 11.3926C197.556 9.40856 192.362 6.17256 188.21 4.20056C181.144 0.844556 179.95 0.598556 169.581 0.348556C163.488 0.201556 156.759 0.517556 154.63 1.05056Z"39 />40 </svg>41 );42};4344const FacebookLogo = ({ className }) => {45 return (46 <svg47 className={className}48 viewBox="0 0 512 514"49 fill="none"50 xmlns="http://www.w3.org/2000/svg"51 >52 <path53 fillRule="evenodd"54 clipRule="evenodd"55 d="M53.2927 2.77738C30.7051 8.24518 11.1715 26.058 3.33683 48.3306L0.454855 56.5247L0.142311 253.454C-0.20067 469.431 -0.515559 458.932 6.76196 474.119C14.4866 490.24 30.0905 504.124 47.2782 510.17L55.4723 513.052L135.95 513.391L216.428 513.729V423.567V333.405L183.944 333.094L151.46 332.782L151.151 295.616L150.842 258.45H183.635H216.428V218.253C216.428 181.97 216.655 177.153 218.762 168.795C223.555 149.783 235.108 131.732 249.428 120.88C258.25 114.194 272.923 107.056 283.262 104.422C291.92 102.215 340.196 100.763 358.727 102.153L369.774 102.982V136.669V170.357L350.167 170.949C325.429 171.697 317.973 173.742 308.537 182.366C297.553 192.405 296.789 195.334 296.249 229.478L295.791 258.45H332.197H368.603L368.55 261.084C368.52 262.533 365.734 279.258 362.358 298.25L356.221 332.782L326.124 333.095L296.027 333.408V423.568V513.729L376.505 513.391L456.983 513.052L464.591 510.316C486.083 502.585 502.401 486.166 509.191 465.442L512 456.864V257.28V57.6953L509.129 48.9159C501.842 26.6315 483.07 9.03766 460.395 3.23742C451.543 0.973509 446.956 0.924349 255.747 1.01917C91.1084 1.10111 59.0683 1.3797 53.2927 2.77738Z"56 />57 </svg>58 );59};6061const InstagramLogo = ({ className }) => {62 return (63 <svg64 className={className}65 viewBox="0 0 512 512"66 fill="none"67 xmlns="http://www.w3.org/2000/svg"68 >69 <path70 fillRule="evenodd"71 clipRule="evenodd"72 d="M132.184 0.178038C103.769 3.09194 81.9677 10.9921 60.2455 26.2445C42.2959 38.848 24.9245 58.8789 15.2227 78.1607C9.08245 90.3627 3.48936 108.284 1.18391 123.141C-0.387942 133.271 -0.397756 377.892 1.17328 388.116C6.05814 419.902 20.0045 447.616 42.2836 469.814C65.1017 492.547 91.7807 505.485 125.87 510.349C139.069 512.232 372.193 512.24 385.48 510.358C419.304 505.567 446.346 492.449 469.066 469.814C491.345 447.616 505.292 419.902 510.177 388.116C511.748 377.892 511.738 133.271 510.166 123.141C507.009 102.8 499.54 82.2858 489.778 67.1471C469.255 35.3191 439.58 13.5715 404.257 4.47488C386.741 -0.0362335 394.488 0.201751 259.764 0.0373683C191.169 -0.0468675 133.758 0.0161088 132.184 0.178038ZM401.656 95.6761C410.069 99.5828 416.772 108.721 418.202 118.234C420.66 134.592 408.888 150.457 392.777 152.498C372.739 155.035 355.963 138.047 358.941 118.234C361.923 98.3863 383.245 87.1265 401.656 95.6761ZM272.031 134.671C296.697 138.161 319.733 148.904 337.457 165.184C358.881 184.86 372.538 210.573 376.675 239.02C377.773 246.568 377.776 264.655 376.681 272.237C371.363 309.057 348.985 342.517 317.421 360.848C282.455 381.154 241.154 383.058 203.79 366.087C182.138 356.252 160.985 336.497 148.826 314.754C133.906 288.075 129.761 254.152 137.754 224.132C145.832 193.791 167.149 165.801 193.929 150.371C218.164 136.408 245.485 130.916 272.031 134.671ZM241.047 174.717C234.42 175.895 222.404 180.116 216.419 183.37C198.795 192.949 184.76 209.545 178.316 228.426C174.59 239.341 173.621 246.552 174.109 259.717C174.713 276.026 178.468 287.649 187.531 301.269C198.813 318.226 216.682 330.806 236.231 335.556C244.606 337.591 266.744 337.591 275.119 335.556C294.596 330.824 312.577 318.166 323.814 301.276C329.154 293.251 331.75 287.695 334.774 277.823C336.759 271.341 336.942 269.543 336.993 256.037C337.041 243.035 336.829 240.564 335.18 234.869C326.652 205.419 305.997 184.694 276.731 176.224C269.92 174.252 248.702 173.357 241.047 174.717Z"73 />74 </svg>75 );76};7778const LinkedInLogo = ({ className }) => {79 return (80 <svg81 className={className}82 viewBox="0 0 512 512"83 fill="none"84 xmlns="http://www.w3.org/2000/svg"85 >86 <path87 fillRule="evenodd"88 clipRule="evenodd"89 d="M31.351 1.92325C17.386 6.89125 6.739 17.6712 1.897 31.7452C0.0569999 37.0922 0 43.8353 0 255.945C0 468.959 0.0500001 474.777 1.919 480.21C6.816 494.442 17.527 505.138 31.8 510.048C37.147 511.888 43.89 511.945 256 511.945C469.014 511.945 474.832 511.895 480.265 510.026C494.497 505.129 505.193 494.418 510.103 480.145C511.943 474.798 512 468.055 512 255.945C512 43.8353 511.943 37.0922 510.103 31.7452C505.193 17.4722 494.497 6.76125 480.265 1.86425C474.829 -0.00575399 469.11 -0.052754 255.593 0.018246C45.849 0.088246 36.28 0.169246 31.351 1.92325ZM134.015 60.1502C171.626 73.8662 182.201 120.815 154.018 148.952C132.683 170.251 99.895 170.075 78.417 148.545C70.185 140.293 65.774 132.185 63.403 120.945C57.702 93.9182 76.074 65.4742 103.782 58.4312C111.991 56.3432 125.717 57.1242 134.015 60.1502ZM382.295 186.437C419.18 192.869 442.43 216.499 452.041 257.323C456.855 277.771 457.216 284.725 457.711 366.516C458.227 451.924 458.435 448.881 451.81 452.919C448.664 454.838 446.843 454.937 415 454.935C384.089 454.932 381.283 454.789 378.695 453.082C372.117 448.745 372.557 454.093 371.938 370.945C371.323 288.339 371.556 291.566 365.23 278.109C361.887 270.998 353.912 262.885 347.451 260.023C340.219 256.82 328.558 255.391 320.517 256.724C301.44 259.885 289.68 272.469 282.92 296.956C280.59 305.394 280.573 305.869 280.038 376.445C279.455 453.417 279.734 449.899 273.928 453.329C271.559 454.728 266.843 454.944 238.846 454.941C208.529 454.938 206.299 454.815 203.299 452.985C196.567 448.881 197 457.934 197 321.399C197 208.733 197.145 197.508 198.636 194.985C202.16 189.018 202.647 188.945 238.939 188.945C268.031 188.945 272.377 189.146 274.586 190.593C279.081 193.538 280 196.816 280 209.895C280 216.523 280.337 221.923 280.75 221.897C281.163 221.871 283.3 219.337 285.5 216.267C296.868 200.405 315.813 189.703 339 186.046C348.26 184.586 372.958 184.809 382.295 186.437ZM151.81 190.971C158.35 194.958 158 187.539 158 322.178C158 438.713 157.914 444.637 156.173 447.883C152.498 454.735 151.302 454.945 115.913 454.945C84.657 454.945 84.257 454.919 80.912 452.665C79.052 451.411 76.967 449.273 76.279 447.915C75.3 445.979 75.026 418.554 75.015 321.077L75 196.71L78.882 192.827L82.765 188.945L115.632 188.949C146.835 188.952 148.668 189.055 151.81 190.971Z"90 />91 </svg>92 );93};9495const socials = [96 {97 link: "#",98 Icon: TwitterLogo,99 },100 {101 link: "#",102 Icon: FacebookLogo,103 },104 {105 link: "#",106 Icon: InstagramLogo,107 },108 {109 link: "#",110 Icon: LinkedInLogo,111 },112];113114const data = [115 {116 title: "Dashboard",117 link: "/",118 },119 {120 title: "Calendar",121 link: "/",122 },123 {124 title: "Projects",125 link: "/",126 },127 {128 title: "Team",129 link: "/",130 },131 {132 title: "Dashboard",133 link: "/",134 },135 {136 title: "Calendar",137 link: "/",138 },139 {140 title: "Projects",141 link: "/",142 },143 {144 title: "Team",145 link: "/",146 },147 {148 title: "Team",149 link: "/",150 },151 {152 title: "Dashboard",153 link: "/",154 },155];156157export function Footers5() {158 const year = new Date().getFullYear();159160 return (161 <footer 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">162 <div className="flex flex-col gap-16">163 <div className="flex w-full justify-between gap-x-8 gap-y-6 max-sm:flex-col sm:items-center">164 <Logo className="h-9 w-fit" />165166 <div className="flex w-full flex-wrap place-items-center justify-end gap-5">167 {socials.map(({ link, Icon }, index: number) => {168 return (169 <Link170 key={index}171 href={link}172 className="flex h-10 place-items-center"173 >174 <Icon className="h-6 w-6 fill-slate-500" aria-hidden="true" />175 </Link>176 );177 })}178 </div>179 </div>180181 <div className="flex flex-wrap gap-4">182 {data.map(({ title, link }, index: number) => {183 return (184 <Link185 key={index}186 className="text-base font-medium capitalize text-slate-900"187 href={link}188 >189 {title}190 </Link>191 );192 })}193 </div>194195 <p className="text-slate-700 max-lg:order-last">196 ©{year} JettWave | Powered by{" "}197 <a href="https://jettwave.com" className="cursor-pointer underline">198 Jettwave199 </a>200 </p>201 </div>202 </footer>203 );204}205
Simple centered with socials
0import Link from "next/link";12const data = [3 {4 title: "Pricing",5 link: "/",6 },7 {8 title: "Showcase",9 link: "/",10 },11 {12 title: "Blog",13 link: "/",14 },15 {16 title: "Pricing",17 link: "/",18 },19 {20 title: "Showcase",21 link: "/",22 },23];2425const TwitterLogo = ({ className }) => {26 return (27 <svg28 className={className}29 viewBox="0 0 243 198"30 fill="none"31 xmlns="http://www.w3.org/2000/svg"32 >33 <path34 fillRule="evenodd"35 clipRule="evenodd"36 d="M154.63 1.05056C147.242 2.89856 137.342 8.97556 131.058 15.5196C120.848 26.1526 116.23 39.0476 117.323 53.8726L117.866 61.2446L110.684 60.5566C78.8396 57.5036 47.9986 42.8166 24.1576 19.3506L13.8136 9.16856L11.4586 14.3346C8.50956 20.8026 6.68856 31.9466 7.50956 38.4996C9.10856 51.2476 15.8126 64.2226 24.8236 72.0086L29.5016 76.0516L25.0016 75.4036C20.9476 74.8196 13.3846 72.5596 8.75156 70.5456C7.27956 69.9066 7.00156 70.3246 7.00156 73.1826C7.00156 78.4056 9.73455 87.7186 13.1456 94.1176C18.8306 104.784 28.2266 112.28 44.0016 118.734C46.3476 119.693 46.2156 119.801 41.8746 120.473C39.3306 120.868 34.4916 121.035 31.1236 120.845C27.7546 120.655 24.9986 120.887 24.9996 121.36C25.0006 121.833 26.4566 124.983 28.2336 128.36C35.1816 141.557 49.0466 151.473 64.5536 154.335L71.4356 155.606L66.9086 158.72C60.4886 163.137 47.6286 169.394 40.0016 171.811C29.1426 175.254 22.0386 176.341 9.88856 176.422C-3.36644 176.511 -3.38744 176.339 10.7356 183.42C21.2786 188.706 33.9256 193.105 46.0016 195.684C58.2316 198.297 92.8956 198.267 104.949 195.633C148.544 186.108 183.262 159.032 202.572 119.5C212.202 99.7846 216.709 82.5116 217.704 61.4996L218.273 49.4996L227.387 40.8846C232.4 36.1456 237.948 30.2446 239.715 27.7716L242.929 23.2746L236.625 25.5626C230.653 27.7306 215.897 31.2276 215.289 30.6196C215.133 30.4636 217.044 28.8726 219.535 27.0826C222.027 25.2936 225.826 21.4976 227.979 18.6466C231.672 13.7546 236.286 4.94956 235.544 4.20856C235.357 4.02156 232.571 5.19556 229.353 6.81656C223.392 9.81956 208.181 14.9996 205.322 14.9996C204.454 14.9996 201.948 13.3766 199.752 11.3926C197.556 9.40856 192.362 6.17256 188.21 4.20056C181.144 0.844556 179.95 0.598556 169.581 0.348556C163.488 0.201556 156.759 0.517556 154.63 1.05056Z"37 />38 </svg>39 );40};4142const FacebookLogo = ({ className }) => {43 return (44 <svg45 className={className}46 viewBox="0 0 512 514"47 fill="none"48 xmlns="http://www.w3.org/2000/svg"49 >50 <path51 fillRule="evenodd"52 clipRule="evenodd"53 d="M53.2927 2.77738C30.7051 8.24518 11.1715 26.058 3.33683 48.3306L0.454855 56.5247L0.142311 253.454C-0.20067 469.431 -0.515559 458.932 6.76196 474.119C14.4866 490.24 30.0905 504.124 47.2782 510.17L55.4723 513.052L135.95 513.391L216.428 513.729V423.567V333.405L183.944 333.094L151.46 332.782L151.151 295.616L150.842 258.45H183.635H216.428V218.253C216.428 181.97 216.655 177.153 218.762 168.795C223.555 149.783 235.108 131.732 249.428 120.88C258.25 114.194 272.923 107.056 283.262 104.422C291.92 102.215 340.196 100.763 358.727 102.153L369.774 102.982V136.669V170.357L350.167 170.949C325.429 171.697 317.973 173.742 308.537 182.366C297.553 192.405 296.789 195.334 296.249 229.478L295.791 258.45H332.197H368.603L368.55 261.084C368.52 262.533 365.734 279.258 362.358 298.25L356.221 332.782L326.124 333.095L296.027 333.408V423.568V513.729L376.505 513.391L456.983 513.052L464.591 510.316C486.083 502.585 502.401 486.166 509.191 465.442L512 456.864V257.28V57.6953L509.129 48.9159C501.842 26.6315 483.07 9.03766 460.395 3.23742C451.543 0.973509 446.956 0.924349 255.747 1.01917C91.1084 1.10111 59.0683 1.3797 53.2927 2.77738Z"54 />55 </svg>56 );57};5859const InstagramLogo = ({ className }) => {60 return (61 <svg62 className={className}63 viewBox="0 0 512 512"64 fill="none"65 xmlns="http://www.w3.org/2000/svg"66 >67 <path68 fillRule="evenodd"69 clipRule="evenodd"70 d="M132.184 0.178038C103.769 3.09194 81.9677 10.9921 60.2455 26.2445C42.2959 38.848 24.9245 58.8789 15.2227 78.1607C9.08245 90.3627 3.48936 108.284 1.18391 123.141C-0.387942 133.271 -0.397756 377.892 1.17328 388.116C6.05814 419.902 20.0045 447.616 42.2836 469.814C65.1017 492.547 91.7807 505.485 125.87 510.349C139.069 512.232 372.193 512.24 385.48 510.358C419.304 505.567 446.346 492.449 469.066 469.814C491.345 447.616 505.292 419.902 510.177 388.116C511.748 377.892 511.738 133.271 510.166 123.141C507.009 102.8 499.54 82.2858 489.778 67.1471C469.255 35.3191 439.58 13.5715 404.257 4.47488C386.741 -0.0362335 394.488 0.201751 259.764 0.0373683C191.169 -0.0468675 133.758 0.0161088 132.184 0.178038ZM401.656 95.6761C410.069 99.5828 416.772 108.721 418.202 118.234C420.66 134.592 408.888 150.457 392.777 152.498C372.739 155.035 355.963 138.047 358.941 118.234C361.923 98.3863 383.245 87.1265 401.656 95.6761ZM272.031 134.671C296.697 138.161 319.733 148.904 337.457 165.184C358.881 184.86 372.538 210.573 376.675 239.02C377.773 246.568 377.776 264.655 376.681 272.237C371.363 309.057 348.985 342.517 317.421 360.848C282.455 381.154 241.154 383.058 203.79 366.087C182.138 356.252 160.985 336.497 148.826 314.754C133.906 288.075 129.761 254.152 137.754 224.132C145.832 193.791 167.149 165.801 193.929 150.371C218.164 136.408 245.485 130.916 272.031 134.671ZM241.047 174.717C234.42 175.895 222.404 180.116 216.419 183.37C198.795 192.949 184.76 209.545 178.316 228.426C174.59 239.341 173.621 246.552 174.109 259.717C174.713 276.026 178.468 287.649 187.531 301.269C198.813 318.226 216.682 330.806 236.231 335.556C244.606 337.591 266.744 337.591 275.119 335.556C294.596 330.824 312.577 318.166 323.814 301.276C329.154 293.251 331.75 287.695 334.774 277.823C336.759 271.341 336.942 269.543 336.993 256.037C337.041 243.035 336.829 240.564 335.18 234.869C326.652 205.419 305.997 184.694 276.731 176.224C269.92 174.252 248.702 173.357 241.047 174.717Z"71 />72 </svg>73 );74};7576const LinkedInLogo = ({ className }) => {77 return (78 <svg79 className={className}80 viewBox="0 0 512 512"81 fill="none"82 xmlns="http://www.w3.org/2000/svg"83 >84 <path85 fillRule="evenodd"86 clipRule="evenodd"87 d="M31.351 1.92325C17.386 6.89125 6.739 17.6712 1.897 31.7452C0.0569999 37.0922 0 43.8353 0 255.945C0 468.959 0.0500001 474.777 1.919 480.21C6.816 494.442 17.527 505.138 31.8 510.048C37.147 511.888 43.89 511.945 256 511.945C469.014 511.945 474.832 511.895 480.265 510.026C494.497 505.129 505.193 494.418 510.103 480.145C511.943 474.798 512 468.055 512 255.945C512 43.8353 511.943 37.0922 510.103 31.7452C505.193 17.4722 494.497 6.76125 480.265 1.86425C474.829 -0.00575399 469.11 -0.052754 255.593 0.018246C45.849 0.088246 36.28 0.169246 31.351 1.92325ZM134.015 60.1502C171.626 73.8662 182.201 120.815 154.018 148.952C132.683 170.251 99.895 170.075 78.417 148.545C70.185 140.293 65.774 132.185 63.403 120.945C57.702 93.9182 76.074 65.4742 103.782 58.4312C111.991 56.3432 125.717 57.1242 134.015 60.1502ZM382.295 186.437C419.18 192.869 442.43 216.499 452.041 257.323C456.855 277.771 457.216 284.725 457.711 366.516C458.227 451.924 458.435 448.881 451.81 452.919C448.664 454.838 446.843 454.937 415 454.935C384.089 454.932 381.283 454.789 378.695 453.082C372.117 448.745 372.557 454.093 371.938 370.945C371.323 288.339 371.556 291.566 365.23 278.109C361.887 270.998 353.912 262.885 347.451 260.023C340.219 256.82 328.558 255.391 320.517 256.724C301.44 259.885 289.68 272.469 282.92 296.956C280.59 305.394 280.573 305.869 280.038 376.445C279.455 453.417 279.734 449.899 273.928 453.329C271.559 454.728 266.843 454.944 238.846 454.941C208.529 454.938 206.299 454.815 203.299 452.985C196.567 448.881 197 457.934 197 321.399C197 208.733 197.145 197.508 198.636 194.985C202.16 189.018 202.647 188.945 238.939 188.945C268.031 188.945 272.377 189.146 274.586 190.593C279.081 193.538 280 196.816 280 209.895C280 216.523 280.337 221.923 280.75 221.897C281.163 221.871 283.3 219.337 285.5 216.267C296.868 200.405 315.813 189.703 339 186.046C348.26 184.586 372.958 184.809 382.295 186.437ZM151.81 190.971C158.35 194.958 158 187.539 158 322.178C158 438.713 157.914 444.637 156.173 447.883C152.498 454.735 151.302 454.945 115.913 454.945C84.657 454.945 84.257 454.919 80.912 452.665C79.052 451.411 76.967 449.273 76.279 447.915C75.3 445.979 75.026 418.554 75.015 321.077L75 196.71L78.882 192.827L82.765 188.945L115.632 188.949C146.835 188.952 148.668 189.055 151.81 190.971Z"88 />89 </svg>90 );91};9293const socials = [94 {95 link: "#",96 Icon: TwitterLogo,97 },98 {99 link: "#",100 Icon: FacebookLogo,101 },102 {103 link: "#",104 Icon: InstagramLogo,105 },106 {107 link: "#",108 Icon: LinkedInLogo,109 },110];111112export function Footers6() {113 const year = new Date().getFullYear();114 return (115 <footer 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">116 <div className="space-y-8">117 <div className="flex w-full flex-wrap place-items-center justify-center gap-x-5 gap-y-1 ">118 {data.map(({ title, link }, index: number) => {119 return (120 <Link121 className="px-6 py-2 text-base font-medium capitalize text-slate-900"122 href={link}123 key={index}124 >125 {title}126 </Link>127 );128 })}129 </div>130 <div className="flex w-full flex-wrap place-items-center justify-center gap-5">131 {socials.map(({ link, Icon }, index: number) => {132 return (133 <Link134 key={index}135 href={link}136 className="flex h-10 place-items-center"137 >138 <Icon className="h-6 w-6 fill-slate-500" aria-hidden="true" />139 </Link>140 );141 })}142 </div>143144 <p className="w-full text-center text-slate-600 max-lg:order-last">145 ©{year} JettWave | Powered by{" "}146 <a href="https://jettwave.com" className="cursor-pointer underline">147 Jettwave148 </a>149 </p>150 </div>151 </footer>152 );153}154
Justified with icons
0import Link from "next/link";12const Logo = ({ className }) => {3 return (4 <svg5 viewBox="0 0 175 40"6 fill="none"7 xmlns="http://www.w3.org/2000/svg"8 className={className}9 >10 <path11 d="M170.394 7.66415L174.568 11.8668C174.714 11.9829 174.822 12.1396 174.878 12.3171C174.963 13.3515 174.18 13.4081 173.38 13.4659C173.034 13.4909 172.685 13.5162 172.402 13.621C170.998 14.0009 169.746 14.8033 168.815 15.9193C167.883 17.0353 167.318 18.4109 167.195 19.8593C167.105 20.0266 166.969 20.1643 166.802 20.2558C166.636 20.3474 166.447 20.3888 166.257 20.3753C166.037 20.3558 165.831 20.2595 165.675 20.1032L164.305 18.7238C164.315 18.8182 164.315 18.9117 164.315 18.9869V19.8968C164.315 19.9543 164.317 20.0097 164.31 20.065C164.301 20.127 164.28 20.1888 164.231 20.2532V20.3377C164.231 20.3808 164.236 20.4209 164.241 20.4616C164.251 20.5449 164.262 20.6307 164.231 20.7505C164.201 20.8622 164.198 20.9925 164.194 21.1088C164.193 21.1779 164.191 21.2421 164.184 21.2945C164.174 21.3672 164.174 21.4448 164.168 21.5223C164.162 21.5949 164.15 21.6674 164.118 21.7354C164.074 21.8306 164.059 21.9215 164.055 22.0139C164.052 22.0581 164.052 22.1026 164.052 22.1482L163.996 22.439L161.867 32.5891L161.698 33.3489L161.632 34.4559L160.694 39.2495L160.544 40H84.6248L84.2589 39.6341L84.1932 39.9531H76.0694L71.5478 35.4034L71.9793 33.3489H69.4277L67.8424 31.7448C65.8749 33.1775 63.4934 33.9285 61.06 33.8837C58.4442 33.9866 55.8941 33.0488 53.9681 31.2758L51.5009 28.7899L50.9662 31.2851C50.9006 31.6416 50.8161 31.9794 50.7223 32.3077L50.6379 32.6173L50.4972 33.0675C50.4856 33.1066 50.4699 33.1444 50.4503 33.1801C50.3106 33.5937 50.1446 33.9979 49.9531 34.3902C49.9581 34.4054 49.9581 34.4219 49.9531 34.4371C49.9285 34.4891 49.9003 34.5392 49.8686 34.5872C49.727 34.8675 49.5705 35.1399 49.3996 35.4034C49.3679 35.4513 49.3397 35.5015 49.3152 35.5535L49.212 35.666C48.9827 35.9949 48.732 36.3082 48.4615 36.6041C48.3873 36.6783 48.3131 36.748 48.2377 36.8164C48.1607 36.8864 48.0825 36.9551 48.0018 37.0262L47.7955 37.2232C47.6654 37.3313 47.5323 37.4356 47.3964 37.5361C47.2843 37.619 47.1703 37.6992 47.0544 37.7767C45.1211 38.9222 42.891 39.4674 40.6473 39.3433C37.5516 39.3433 35.075 38.4427 33.5084 36.8668L29.0994 32.4296C27.3383 33.4262 25.3442 33.9377 23.3208 33.9118C20.7129 33.9925 18.1782 33.042 16.2664 31.2664L13.7993 28.7805L13.0019 32.6173L12.8424 33.3771H4.54036L0 28.7992L0.234521 27.6923L5.22515 3.72418L5.37521 2.97372H13.7054L13.9212 3.18013V2.97372H70.0469L70.2533 3.18013V2.97372H78.3771L82.9174 7.55158L82.6923 8.64913L82.4484 9.8499H84.7842L85.1501 10.2158C86.1779 9.61344 87.3453 9.29005 88.5366 9.27769C89.4126 9.26039 90.2825 9.42678 91.0903 9.76608C91.8982 10.1054 92.626 10.61 93.227 11.2476L93.105 11.1069L95.3095 13.3302C96.651 10.8068 99.6622 9.27769 103.752 9.27769C106.923 9.27769 109.259 10.0844 110.675 11.5478L112.27 13.152L112.805 10.5722L112.964 9.82173H121.097L123.424 12.1576L123.752 10.5816L123.912 9.83112H139.916L140.347 10.2627C141.431 9.62306 142.672 9.29818 143.931 9.32458C144.688 9.29503 145.442 9.43365 146.14 9.73047C146.837 10.0273 147.46 10.475 147.964 11.0413C147.938 11.0118 147.913 10.9823 147.888 10.9533C147.843 10.8995 147.798 10.847 147.75 10.7984L148.565 11.6135C149.275 10.8782 150.129 10.2959 151.072 9.90235C152.016 9.50877 153.03 9.3121 154.052 9.32458C154.595 9.2912 155.137 9.3374 155.663 9.46033L154.775 8.56473C154.654 8.43528 154.572 8.27421 154.539 8.10021C154.506 7.92621 154.523 7.74631 154.587 7.58147C154.652 7.41657 154.762 7.27343 154.905 7.16854C155.048 7.06365 155.217 7.00129 155.394 6.98875H156.107C156.299 6.97043 156.49 6.94226 156.679 6.9043C157.676 6.69474 158.614 6.26624 159.425 5.6497C160.237 5.03323 160.901 4.24418 161.37 3.33959C161.411 3.26962 161.448 3.19765 161.482 3.12384V3.07695C161.805 2.38215 162.001 1.63581 162.064 0.872416C162.08 0.635203 162.187 0.413106 162.361 0.251186C162.535 0.0892079 162.764 -0.00056984 163.002 2.72188e-06H163.077C163.219 0.0135152 163.357 0.0594347 163.479 0.134211C163.601 0.209045 163.704 0.310732 163.781 0.431543C164.456 1.08821 168.208 4.90617 168.208 4.90617C168.521 5.24238 168.498 5.67885 168.474 6.12046C168.459 6.39352 168.444 6.66858 168.508 6.92308C168.679 6.95371 168.852 6.9769 169.024 6.99259C169.19 7.00753 169.356 7.01566 169.522 7.01687C169.716 7.02093 169.905 7.0854 170.061 7.2014C170.217 7.31735 170.334 7.4791 170.394 7.66415Z"12 fill="black"13 ></path>14 <path15 d="M42.9361 10.7505H48.8648L45.544 26.5009C44.9343 29.484 43.771 31.1914 42.0074 32.4015C40.2236 33.4366 38.1753 33.9258 36.1163 33.8086C32.1951 33.8086 28.4333 32.167 28.0581 28.1801H34.0243C34.2119 29.1182 35.075 29.6529 36.3883 29.6529C38.1613 29.6529 38.9774 28.5835 39.3433 26.9043L39.6997 25.1688H39.5684C39.0449 25.7443 38.4099 26.2073 37.702 26.5298C36.994 26.8523 36.228 27.0276 35.4502 27.045C31.9981 27.045 29.2588 24.2964 29.3151 20.272C29.3902 15.5816 32.4483 10.2533 37.5797 10.2533C38.5521 10.1878 39.5229 10.4021 40.3774 10.8709C41.2319 11.3396 41.9342 12.0433 42.4014 12.8987H42.5046L42.9361 10.7505ZM37.8423 22.6454C40.1219 22.6454 41.3883 20.0188 41.4258 17.758C41.4258 16.2477 40.8348 14.6998 39.09 14.6998C36.7072 14.6998 35.4971 17.3546 35.4596 19.6341C35.4596 21.1726 36.0506 22.6454 37.7954 22.6454M104.4 23.152C104.4 24.1557 103.536 24.5591 102.401 24.5591C100.525 24.5591 99.8967 23.621 99.8873 22.3077H93.9868C93.8836 27.2045 98.2551 28.4146 102.139 28.4146C107.101 28.4146 110.319 26.2664 110.385 21.9794C110.385 18.5553 107.467 17.5141 104.597 16.848C102.392 16.3415 101.426 15.9756 101.435 15.1407C101.445 14.3058 102.43 13.9681 103.396 13.9681C104.606 13.9681 105.431 14.3996 105.516 15.5066H111.248C111.182 11.4165 107.495 10.2158 103.743 10.2158C99.1838 10.2158 95.6284 12.2889 95.5721 16.2101C95.5721 19.2964 97.6547 20.4315 100.797 21.2383C102.814 21.773 104.418 21.9418 104.4 23.152ZM148.236 13.2927H148.133C147.878 12.3689 147.314 11.5602 146.536 11.0005C145.758 10.4409 144.812 10.164 143.855 10.2158C141.304 10.2158 139.747 11.4822 138.274 13.3959H138.171L138.715 10.7505H132.748L129.174 27.8424H135.413L137.289 18.621C137.72 16.6135 138.743 15.2064 140.291 15.2064C141.839 15.2064 142.045 16.4446 141.726 17.955L139.662 27.8424H145.9L147.777 18.621C148.208 16.4822 149.231 15.2064 150.778 15.2064C152.326 15.2064 152.533 16.379 152.214 17.955L150.15 27.8424H156.388L158.621 17.6829C159.559 13.3959 158.124 10.1782 154.006 10.1782C152.86 10.1735 151.732 10.4561 150.724 11.0002C149.716 11.5443 148.861 12.3325 148.236 13.2927ZM1.14441 27.8424H7.58906L12.5703 3.8743H6.13503L1.14441 27.8424ZM20.544 10.2439C24.8967 10.2439 29.0525 12.6266 28.9868 18.0206C28.9305 23.9212 24.9155 28.3396 18.7804 28.3396C14.559 28.3396 10.3377 25.9944 10.4127 20.6285C10.5159 14.8687 14.4746 10.2439 20.544 10.2439ZM18.9587 24.1557C21.7073 24.1557 22.711 20.1688 22.711 17.8236C22.711 16.1445 22.1951 14.5028 20.3845 14.5028C17.6641 14.5028 16.7354 18.7242 16.7354 20.9006C16.7354 22.6454 17.2232 24.1557 18.9962 24.1557M14.7185 3.8743L13.7804 8.66792H67.8986L68.8367 3.8743H14.7185ZM58.2457 10.2439C62.5984 10.2439 66.7541 12.6266 66.6885 18.0206C66.6322 23.9212 62.6078 28.3396 56.4727 28.3396C52.2513 28.3396 48.0299 25.9944 48.1144 20.6285C48.2457 14.8687 52.2044 10.2439 58.2457 10.2439ZM56.6885 24.1557C59.4371 24.1557 60.4408 20.1688 60.4408 17.8236C60.4408 16.1445 59.9155 14.5028 58.105 14.5028C55.3939 14.5028 54.4558 18.7242 54.4558 20.9006C54.4558 22.6454 54.9436 24.1557 56.726 24.1557M71.0506 3.8743L70.1125 8.66792H76.3414L77.2795 3.8743H71.0506ZM66.06 27.8424H72.2982L75.8723 10.7505H69.5965L66.06 27.8424ZM85.9661 28.4146C84.9733 28.4851 83.9804 28.2776 83.0988 27.8153C82.2173 27.353 81.482 26.6542 80.9755 25.7974H80.8723L78.9962 34.4465H72.6828L77.7485 10.7505H83.6772L83.2082 13.03C83.8273 12.188 84.6293 11.4973 85.5538 11.0098C86.4783 10.5224 87.5013 10.2509 88.5459 10.2158C92.2982 10.2158 94.5027 13.4334 94.4371 17.6173C94.3526 22.8799 91.6228 28.4146 85.9286 28.4146H85.9661ZM85.7222 15.0563C83.3114 15.0563 81.8292 18.1426 81.7917 20.516C81.7917 22.167 82.3733 24.0056 84.3526 24.0056C86.9324 24.0056 87.9924 20.591 88.0205 18.3114C88.0205 16.7636 87.5703 15.0563 85.7222 15.0563ZM121.792 25.1501H121.895L121.351 27.8612H127.279L130.854 10.7692H124.625L122.636 20.3189C122.233 22.2983 121.013 23.3396 119.475 23.3396C117.936 23.3396 117.598 21.8949 117.908 20.3846L119.925 10.7692H113.696L111.491 21.3227C110.553 25.9193 112.692 28.3959 116.276 28.3959C117.401 28.3849 118.504 28.0774 119.472 27.5042C120.44 26.931 121.241 26.1125 121.792 25.1313V25.1501ZM155.253 34.531L156.191 29.7373H82.2138L81.2757 34.531H155.253Z"16 fill="white"17 ></path>18 <path19 d="M161.96 15.4409C161.899 15.4362 161.839 15.4193 161.784 15.3912C161.728 15.3632 161.679 15.3245 161.639 15.2774C161.599 15.2303 161.569 15.1758 161.55 15.1169C161.531 15.058 161.524 14.996 161.529 14.9343C161.607 14.0989 161.508 13.2563 161.238 12.4619C160.968 11.6675 160.533 10.939 159.961 10.3244C159.39 9.70976 158.695 9.22274 157.923 8.89524C157.15 8.56775 156.317 8.40717 155.478 8.42403C155.354 8.42403 155.235 8.37462 155.147 8.28665C155.059 8.19869 155.009 8.07938 155.009 7.95498C155.009 7.83058 155.059 7.71129 155.147 7.62333C155.235 7.53536 155.354 7.48594 155.478 7.48594C155.703 7.50048 155.929 7.50048 156.154 7.48594C157.82 7.30843 159.372 6.55564 160.543 5.35711C161.715 4.15858 162.431 2.58928 162.57 0.919337C162.58 0.801554 162.633 0.691688 162.72 0.611685C162.807 0.531683 162.921 0.487447 163.039 0.487826C163.101 0.492561 163.161 0.509449 163.216 0.53751C163.271 0.565571 163.32 0.604254 163.36 0.651335C163.401 0.698417 163.431 0.752963 163.45 0.811839C163.469 0.870715 163.476 0.932751 163.471 0.994386C163.393 1.82905 163.492 2.6708 163.761 3.46458C164.031 4.25835 164.465 4.98628 165.035 5.60078C165.606 6.21527 166.299 6.70249 167.07 7.03058C167.842 7.35867 168.674 7.52023 169.512 7.5047C169.636 7.5047 169.756 7.55413 169.844 7.64209C169.932 7.73005 169.981 7.84935 169.981 7.97375C169.981 8.09815 169.932 8.21746 169.844 8.30542C169.756 8.39338 169.636 8.44279 169.512 8.44279C167.73 8.47223 166.021 9.15877 164.714 10.3707C163.407 11.5826 162.593 13.2345 162.43 15.0094C162.42 15.1272 162.367 15.2371 162.28 15.3171C162.193 15.3971 162.079 15.4413 161.96 15.4409Z"20 fill="white"21 ></path>22 </svg>23 );24};2526const data = [27 {28 title: "Pricing",29 link: "/",30 },31 {32 title: "Showcase",33 link: "/",34 },35 {36 title: "Blog",37 link: "/",38 },39 {40 title: "Pricing",41 link: "/",42 },43];4445const TwitterLogo = ({ className }) => {46 return (47 <svg48 className={className}49 viewBox="0 0 243 198"50 fill="none"51 xmlns="http://www.w3.org/2000/svg"52 >53 <path54 fillRule="evenodd"55 clipRule="evenodd"56 d="M154.63 1.05056C147.242 2.89856 137.342 8.97556 131.058 15.5196C120.848 26.1526 116.23 39.0476 117.323 53.8726L117.866 61.2446L110.684 60.5566C78.8396 57.5036 47.9986 42.8166 24.1576 19.3506L13.8136 9.16856L11.4586 14.3346C8.50956 20.8026 6.68856 31.9466 7.50956 38.4996C9.10856 51.2476 15.8126 64.2226 24.8236 72.0086L29.5016 76.0516L25.0016 75.4036C20.9476 74.8196 13.3846 72.5596 8.75156 70.5456C7.27956 69.9066 7.00156 70.3246 7.00156 73.1826C7.00156 78.4056 9.73455 87.7186 13.1456 94.1176C18.8306 104.784 28.2266 112.28 44.0016 118.734C46.3476 119.693 46.2156 119.801 41.8746 120.473C39.3306 120.868 34.4916 121.035 31.1236 120.845C27.7546 120.655 24.9986 120.887 24.9996 121.36C25.0006 121.833 26.4566 124.983 28.2336 128.36C35.1816 141.557 49.0466 151.473 64.5536 154.335L71.4356 155.606L66.9086 158.72C60.4886 163.137 47.6286 169.394 40.0016 171.811C29.1426 175.254 22.0386 176.341 9.88856 176.422C-3.36644 176.511 -3.38744 176.339 10.7356 183.42C21.2786 188.706 33.9256 193.105 46.0016 195.684C58.2316 198.297 92.8956 198.267 104.949 195.633C148.544 186.108 183.262 159.032 202.572 119.5C212.202 99.7846 216.709 82.5116 217.704 61.4996L218.273 49.4996L227.387 40.8846C232.4 36.1456 237.948 30.2446 239.715 27.7716L242.929 23.2746L236.625 25.5626C230.653 27.7306 215.897 31.2276 215.289 30.6196C215.133 30.4636 217.044 28.8726 219.535 27.0826C222.027 25.2936 225.826 21.4976 227.979 18.6466C231.672 13.7546 236.286 4.94956 235.544 4.20856C235.357 4.02156 232.571 5.19556 229.353 6.81656C223.392 9.81956 208.181 14.9996 205.322 14.9996C204.454 14.9996 201.948 13.3766 199.752 11.3926C197.556 9.40856 192.362 6.17256 188.21 4.20056C181.144 0.844556 179.95 0.598556 169.581 0.348556C163.488 0.201556 156.759 0.517556 154.63 1.05056Z"57 />58 </svg>59 );60};6162const FacebookLogo = ({ className }) => {63 return (64 <svg65 className={className}66 viewBox="0 0 512 514"67 fill="none"68 xmlns="http://www.w3.org/2000/svg"69 >70 <path71 fillRule="evenodd"72 clipRule="evenodd"73 d="M53.2927 2.77738C30.7051 8.24518 11.1715 26.058 3.33683 48.3306L0.454855 56.5247L0.142311 253.454C-0.20067 469.431 -0.515559 458.932 6.76196 474.119C14.4866 490.24 30.0905 504.124 47.2782 510.17L55.4723 513.052L135.95 513.391L216.428 513.729V423.567V333.405L183.944 333.094L151.46 332.782L151.151 295.616L150.842 258.45H183.635H216.428V218.253C216.428 181.97 216.655 177.153 218.762 168.795C223.555 149.783 235.108 131.732 249.428 120.88C258.25 114.194 272.923 107.056 283.262 104.422C291.92 102.215 340.196 100.763 358.727 102.153L369.774 102.982V136.669V170.357L350.167 170.949C325.429 171.697 317.973 173.742 308.537 182.366C297.553 192.405 296.789 195.334 296.249 229.478L295.791 258.45H332.197H368.603L368.55 261.084C368.52 262.533 365.734 279.258 362.358 298.25L356.221 332.782L326.124 333.095L296.027 333.408V423.568V513.729L376.505 513.391L456.983 513.052L464.591 510.316C486.083 502.585 502.401 486.166 509.191 465.442L512 456.864V257.28V57.6953L509.129 48.9159C501.842 26.6315 483.07 9.03766 460.395 3.23742C451.543 0.973509 446.956 0.924349 255.747 1.01917C91.1084 1.10111 59.0683 1.3797 53.2927 2.77738Z"74 />75 </svg>76 );77};7879const InstagramLogo = ({ className }) => {80 return (81 <svg82 className={className}83 viewBox="0 0 512 512"84 fill="none"85 xmlns="http://www.w3.org/2000/svg"86 >87 <path88 fillRule="evenodd"89 clipRule="evenodd"90 d="M132.184 0.178038C103.769 3.09194 81.9677 10.9921 60.2455 26.2445C42.2959 38.848 24.9245 58.8789 15.2227 78.1607C9.08245 90.3627 3.48936 108.284 1.18391 123.141C-0.387942 133.271 -0.397756 377.892 1.17328 388.116C6.05814 419.902 20.0045 447.616 42.2836 469.814C65.1017 492.547 91.7807 505.485 125.87 510.349C139.069 512.232 372.193 512.24 385.48 510.358C419.304 505.567 446.346 492.449 469.066 469.814C491.345 447.616 505.292 419.902 510.177 388.116C511.748 377.892 511.738 133.271 510.166 123.141C507.009 102.8 499.54 82.2858 489.778 67.1471C469.255 35.3191 439.58 13.5715 404.257 4.47488C386.741 -0.0362335 394.488 0.201751 259.764 0.0373683C191.169 -0.0468675 133.758 0.0161088 132.184 0.178038ZM401.656 95.6761C410.069 99.5828 416.772 108.721 418.202 118.234C420.66 134.592 408.888 150.457 392.777 152.498C372.739 155.035 355.963 138.047 358.941 118.234C361.923 98.3863 383.245 87.1265 401.656 95.6761ZM272.031 134.671C296.697 138.161 319.733 148.904 337.457 165.184C358.881 184.86 372.538 210.573 376.675 239.02C377.773 246.568 377.776 264.655 376.681 272.237C371.363 309.057 348.985 342.517 317.421 360.848C282.455 381.154 241.154 383.058 203.79 366.087C182.138 356.252 160.985 336.497 148.826 314.754C133.906 288.075 129.761 254.152 137.754 224.132C145.832 193.791 167.149 165.801 193.929 150.371C218.164 136.408 245.485 130.916 272.031 134.671ZM241.047 174.717C234.42 175.895 222.404 180.116 216.419 183.37C198.795 192.949 184.76 209.545 178.316 228.426C174.59 239.341 173.621 246.552 174.109 259.717C174.713 276.026 178.468 287.649 187.531 301.269C198.813 318.226 216.682 330.806 236.231 335.556C244.606 337.591 266.744 337.591 275.119 335.556C294.596 330.824 312.577 318.166 323.814 301.276C329.154 293.251 331.75 287.695 334.774 277.823C336.759 271.341 336.942 269.543 336.993 256.037C337.041 243.035 336.829 240.564 335.18 234.869C326.652 205.419 305.997 184.694 276.731 176.224C269.92 174.252 248.702 173.357 241.047 174.717Z"91 />92 </svg>93 );94};9596const LinkedInLogo = ({ className }) => {97 return (98 <svg99 className={className}100 viewBox="0 0 512 512"101 fill="none"102 xmlns="http://www.w3.org/2000/svg"103 >104 <path105 fillRule="evenodd"106 clipRule="evenodd"107 d="M31.351 1.92325C17.386 6.89125 6.739 17.6712 1.897 31.7452C0.0569999 37.0922 0 43.8353 0 255.945C0 468.959 0.0500001 474.777 1.919 480.21C6.816 494.442 17.527 505.138 31.8 510.048C37.147 511.888 43.89 511.945 256 511.945C469.014 511.945 474.832 511.895 480.265 510.026C494.497 505.129 505.193 494.418 510.103 480.145C511.943 474.798 512 468.055 512 255.945C512 43.8353 511.943 37.0922 510.103 31.7452C505.193 17.4722 494.497 6.76125 480.265 1.86425C474.829 -0.00575399 469.11 -0.052754 255.593 0.018246C45.849 0.088246 36.28 0.169246 31.351 1.92325ZM134.015 60.1502C171.626 73.8662 182.201 120.815 154.018 148.952C132.683 170.251 99.895 170.075 78.417 148.545C70.185 140.293 65.774 132.185 63.403 120.945C57.702 93.9182 76.074 65.4742 103.782 58.4312C111.991 56.3432 125.717 57.1242 134.015 60.1502ZM382.295 186.437C419.18 192.869 442.43 216.499 452.041 257.323C456.855 277.771 457.216 284.725 457.711 366.516C458.227 451.924 458.435 448.881 451.81 452.919C448.664 454.838 446.843 454.937 415 454.935C384.089 454.932 381.283 454.789 378.695 453.082C372.117 448.745 372.557 454.093 371.938 370.945C371.323 288.339 371.556 291.566 365.23 278.109C361.887 270.998 353.912 262.885 347.451 260.023C340.219 256.82 328.558 255.391 320.517 256.724C301.44 259.885 289.68 272.469 282.92 296.956C280.59 305.394 280.573 305.869 280.038 376.445C279.455 453.417 279.734 449.899 273.928 453.329C271.559 454.728 266.843 454.944 238.846 454.941C208.529 454.938 206.299 454.815 203.299 452.985C196.567 448.881 197 457.934 197 321.399C197 208.733 197.145 197.508 198.636 194.985C202.16 189.018 202.647 188.945 238.939 188.945C268.031 188.945 272.377 189.146 274.586 190.593C279.081 193.538 280 196.816 280 209.895C280 216.523 280.337 221.923 280.75 221.897C281.163 221.871 283.3 219.337 285.5 216.267C296.868 200.405 315.813 189.703 339 186.046C348.26 184.586 372.958 184.809 382.295 186.437ZM151.81 190.971C158.35 194.958 158 187.539 158 322.178C158 438.713 157.914 444.637 156.173 447.883C152.498 454.735 151.302 454.945 115.913 454.945C84.657 454.945 84.257 454.919 80.912 452.665C79.052 451.411 76.967 449.273 76.279 447.915C75.3 445.979 75.026 418.554 75.015 321.077L75 196.71L78.882 192.827L82.765 188.945L115.632 188.949C146.835 188.952 148.668 189.055 151.81 190.971Z"108 />109 </svg>110 );111};112113const socials = [114 {115 link: "#",116 Icon: TwitterLogo,117 },118 {119 link: "#",120 Icon: FacebookLogo,121 },122 {123 link: "#",124 Icon: InstagramLogo,125 },126 {127 link: "#",128 Icon: LinkedInLogo,129 },130];131132export function Footers7() {133 const year = new Date().getFullYear();134 return (135 <footer 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">136 <div className="mx-auto flex w-full max-w-[1440px] flex-wrap justify-between p-4">137 <Logo className="mx-auto w-[150px] lg:mx-0" />138 <div className="flex w-full flex-wrap place-items-center justify-center gap-x-5 gap-y-1 py-4 lg:w-auto">139 {data.map(({ title, link }, index: number) => {140 return (141 <Link142 className="px-6 py-2 text-slate-900 hover:text-slate-50"143 href={link}144 key={index}145 >146 {title}147 </Link>148 );149 })}150 </div>151 <div className="flex w-full flex-wrap place-items-center justify-center gap-5 lg:w-auto">152 {socials.map(({ link, Icon }, index: number) => {153 return (154 <Link key={index} href={link} className="flex place-items-center">155 <Icon className="h-6 w-6 fill-slate-900" aria-hidden="true" />156 </Link>157 );158 })}159 </div>160 </div>161162 <p className="w-full py-4 text-center text-slate-900">163 ©{year} JettWave | Powered by{" "}164 <a165 href="https://jettwave.com"166 className="cursor-pointer underline"167 >168 Jettwave169 </a>170 </p>171 </footer>172 );173}174
Three-level simple centered
0import Link from "next/link";12const Logo = ({ className }) => {3 return (4 <svg5 viewBox="0 0 175 40"6 fill="none"7 xmlns="http://www.w3.org/2000/svg"8 className={className}9 >10 <path11 d="M170.394 7.66415L174.568 11.8668C174.714 11.9829 174.822 12.1396 174.878 12.3171C174.963 13.3515 174.18 13.4081 173.38 13.4659C173.034 13.4909 172.685 13.5162 172.402 13.621C170.998 14.0009 169.746 14.8033 168.815 15.9193C167.883 17.0353 167.318 18.4109 167.195 19.8593C167.105 20.0266 166.969 20.1643 166.802 20.2558C166.636 20.3474 166.447 20.3888 166.257 20.3753C166.037 20.3558 165.831 20.2595 165.675 20.1032L164.305 18.7238C164.315 18.8182 164.315 18.9117 164.315 18.9869V19.8968C164.315 19.9543 164.317 20.0097 164.31 20.065C164.301 20.127 164.28 20.1888 164.231 20.2532V20.3377C164.231 20.3808 164.236 20.4209 164.241 20.4616C164.251 20.5449 164.262 20.6307 164.231 20.7505C164.201 20.8622 164.198 20.9925 164.194 21.1088C164.193 21.1779 164.191 21.2421 164.184 21.2945C164.174 21.3672 164.174 21.4448 164.168 21.5223C164.162 21.5949 164.15 21.6674 164.118 21.7354C164.074 21.8306 164.059 21.9215 164.055 22.0139C164.052 22.0581 164.052 22.1026 164.052 22.1482L163.996 22.439L161.867 32.5891L161.698 33.3489L161.632 34.4559L160.694 39.2495L160.544 40H84.6248L84.2589 39.6341L84.1932 39.9531H76.0694L71.5478 35.4034L71.9793 33.3489H69.4277L67.8424 31.7448C65.8749 33.1775 63.4934 33.9285 61.06 33.8837C58.4442 33.9866 55.8941 33.0488 53.9681 31.2758L51.5009 28.7899L50.9662 31.2851C50.9006 31.6416 50.8161 31.9794 50.7223 32.3077L50.6379 32.6173L50.4972 33.0675C50.4856 33.1066 50.4699 33.1444 50.4503 33.1801C50.3106 33.5937 50.1446 33.9979 49.9531 34.3902C49.9581 34.4054 49.9581 34.4219 49.9531 34.4371C49.9285 34.4891 49.9003 34.5392 49.8686 34.5872C49.727 34.8675 49.5705 35.1399 49.3996 35.4034C49.3679 35.4513 49.3397 35.5015 49.3152 35.5535L49.212 35.666C48.9827 35.9949 48.732 36.3082 48.4615 36.6041C48.3873 36.6783 48.3131 36.748 48.2377 36.8164C48.1607 36.8864 48.0825 36.9551 48.0018 37.0262L47.7955 37.2232C47.6654 37.3313 47.5323 37.4356 47.3964 37.5361C47.2843 37.619 47.1703 37.6992 47.0544 37.7767C45.1211 38.9222 42.891 39.4674 40.6473 39.3433C37.5516 39.3433 35.075 38.4427 33.5084 36.8668L29.0994 32.4296C27.3383 33.4262 25.3442 33.9377 23.3208 33.9118C20.7129 33.9925 18.1782 33.042 16.2664 31.2664L13.7993 28.7805L13.0019 32.6173L12.8424 33.3771H4.54036L0 28.7992L0.234521 27.6923L5.22515 3.72418L5.37521 2.97372H13.7054L13.9212 3.18013V2.97372H70.0469L70.2533 3.18013V2.97372H78.3771L82.9174 7.55158L82.6923 8.64913L82.4484 9.8499H84.7842L85.1501 10.2158C86.1779 9.61344 87.3453 9.29005 88.5366 9.27769C89.4126 9.26039 90.2825 9.42678 91.0903 9.76608C91.8982 10.1054 92.626 10.61 93.227 11.2476L93.105 11.1069L95.3095 13.3302C96.651 10.8068 99.6622 9.27769 103.752 9.27769C106.923 9.27769 109.259 10.0844 110.675 11.5478L112.27 13.152L112.805 10.5722L112.964 9.82173H121.097L123.424 12.1576L123.752 10.5816L123.912 9.83112H139.916L140.347 10.2627C141.431 9.62306 142.672 9.29818 143.931 9.32458C144.688 9.29503 145.442 9.43365 146.14 9.73047C146.837 10.0273 147.46 10.475 147.964 11.0413C147.938 11.0118 147.913 10.9823 147.888 10.9533C147.843 10.8995 147.798 10.847 147.75 10.7984L148.565 11.6135C149.275 10.8782 150.129 10.2959 151.072 9.90235C152.016 9.50877 153.03 9.3121 154.052 9.32458C154.595 9.2912 155.137 9.3374 155.663 9.46033L154.775 8.56473C154.654 8.43528 154.572 8.27421 154.539 8.10021C154.506 7.92621 154.523 7.74631 154.587 7.58147C154.652 7.41657 154.762 7.27343 154.905 7.16854C155.048 7.06365 155.217 7.00129 155.394 6.98875H156.107C156.299 6.97043 156.49 6.94226 156.679 6.9043C157.676 6.69474 158.614 6.26624 159.425 5.6497C160.237 5.03323 160.901 4.24418 161.37 3.33959C161.411 3.26962 161.448 3.19765 161.482 3.12384V3.07695C161.805 2.38215 162.001 1.63581 162.064 0.872416C162.08 0.635203 162.187 0.413106 162.361 0.251186C162.535 0.0892079 162.764 -0.00056984 163.002 2.72188e-06H163.077C163.219 0.0135152 163.357 0.0594347 163.479 0.134211C163.601 0.209045 163.704 0.310732 163.781 0.431543C164.456 1.08821 168.208 4.90617 168.208 4.90617C168.521 5.24238 168.498 5.67885 168.474 6.12046C168.459 6.39352 168.444 6.66858 168.508 6.92308C168.679 6.95371 168.852 6.9769 169.024 6.99259C169.19 7.00753 169.356 7.01566 169.522 7.01687C169.716 7.02093 169.905 7.0854 170.061 7.2014C170.217 7.31735 170.334 7.4791 170.394 7.66415Z"12 fill="black"13 />14 <path15 d="M42.9361 10.7505H48.8648L45.544 26.5009C44.9343 29.484 43.771 31.1914 42.0074 32.4015C40.2236 33.4366 38.1753 33.9258 36.1163 33.8086C32.1951 33.8086 28.4333 32.167 28.0581 28.1801H34.0243C34.2119 29.1182 35.075 29.6529 36.3883 29.6529C38.1613 29.6529 38.9774 28.5835 39.3433 26.9043L39.6997 25.1688H39.5684C39.0449 25.7443 38.4099 26.2073 37.702 26.5298C36.994 26.8523 36.228 27.0276 35.4502 27.045C31.9981 27.045 29.2588 24.2964 29.3151 20.272C29.3902 15.5816 32.4483 10.2533 37.5797 10.2533C38.5521 10.1878 39.5229 10.4021 40.3774 10.8709C41.2319 11.3396 41.9342 12.0433 42.4014 12.8987H42.5046L42.9361 10.7505ZM37.8423 22.6454C40.1219 22.6454 41.3883 20.0188 41.4258 17.758C41.4258 16.2477 40.8348 14.6998 39.09 14.6998C36.7072 14.6998 35.4971 17.3546 35.4596 19.6341C35.4596 21.1726 36.0506 22.6454 37.7954 22.6454M104.4 23.152C104.4 24.1557 103.536 24.5591 102.401 24.5591C100.525 24.5591 99.8967 23.621 99.8873 22.3077H93.9868C93.8836 27.2045 98.2551 28.4146 102.139 28.4146C107.101 28.4146 110.319 26.2664 110.385 21.9794C110.385 18.5553 107.467 17.5141 104.597 16.848C102.392 16.3415 101.426 15.9756 101.435 15.1407C101.445 14.3058 102.43 13.9681 103.396 13.9681C104.606 13.9681 105.431 14.3996 105.516 15.5066H111.248C111.182 11.4165 107.495 10.2158 103.743 10.2158C99.1838 10.2158 95.6284 12.2889 95.5721 16.2101C95.5721 19.2964 97.6547 20.4315 100.797 21.2383C102.814 21.773 104.418 21.9418 104.4 23.152ZM148.236 13.2927H148.133C147.878 12.3689 147.314 11.5602 146.536 11.0005C145.758 10.4409 144.812 10.164 143.855 10.2158C141.304 10.2158 139.747 11.4822 138.274 13.3959H138.171L138.715 10.7505H132.748L129.174 27.8424H135.413L137.289 18.621C137.72 16.6135 138.743 15.2064 140.291 15.2064C141.839 15.2064 142.045 16.4446 141.726 17.955L139.662 27.8424H145.9L147.777 18.621C148.208 16.4822 149.231 15.2064 150.778 15.2064C152.326 15.2064 152.533 16.379 152.214 17.955L150.15 27.8424H156.388L158.621 17.6829C159.559 13.3959 158.124 10.1782 154.006 10.1782C152.86 10.1735 151.732 10.4561 150.724 11.0002C149.716 11.5443 148.861 12.3325 148.236 13.2927ZM1.14441 27.8424H7.58906L12.5703 3.8743H6.13503L1.14441 27.8424ZM20.544 10.2439C24.8967 10.2439 29.0525 12.6266 28.9868 18.0206C28.9305 23.9212 24.9155 28.3396 18.7804 28.3396C14.559 28.3396 10.3377 25.9944 10.4127 20.6285C10.5159 14.8687 14.4746 10.2439 20.544 10.2439ZM18.9587 24.1557C21.7073 24.1557 22.711 20.1688 22.711 17.8236C22.711 16.1445 22.1951 14.5028 20.3845 14.5028C17.6641 14.5028 16.7354 18.7242 16.7354 20.9006C16.7354 22.6454 17.2232 24.1557 18.9962 24.1557M14.7185 3.8743L13.7804 8.66792H67.8986L68.8367 3.8743H14.7185ZM58.2457 10.2439C62.5984 10.2439 66.7541 12.6266 66.6885 18.0206C66.6322 23.9212 62.6078 28.3396 56.4727 28.3396C52.2513 28.3396 48.0299 25.9944 48.1144 20.6285C48.2457 14.8687 52.2044 10.2439 58.2457 10.2439ZM56.6885 24.1557C59.4371 24.1557 60.4408 20.1688 60.4408 17.8236C60.4408 16.1445 59.9155 14.5028 58.105 14.5028C55.3939 14.5028 54.4558 18.7242 54.4558 20.9006C54.4558 22.6454 54.9436 24.1557 56.726 24.1557M71.0506 3.8743L70.1125 8.66792H76.3414L77.2795 3.8743H71.0506ZM66.06 27.8424H72.2982L75.8723 10.7505H69.5965L66.06 27.8424ZM85.9661 28.4146C84.9733 28.4851 83.9804 28.2776 83.0988 27.8153C82.2173 27.353 81.482 26.6542 80.9755 25.7974H80.8723L78.9962 34.4465H72.6828L77.7485 10.7505H83.6772L83.2082 13.03C83.8273 12.188 84.6293 11.4973 85.5538 11.0098C86.4783 10.5224 87.5013 10.2509 88.5459 10.2158C92.2982 10.2158 94.5027 13.4334 94.4371 17.6173C94.3526 22.8799 91.6228 28.4146 85.9286 28.4146H85.9661ZM85.7222 15.0563C83.3114 15.0563 81.8292 18.1426 81.7917 20.516C81.7917 22.167 82.3733 24.0056 84.3526 24.0056C86.9324 24.0056 87.9924 20.591 88.0205 18.3114C88.0205 16.7636 87.5703 15.0563 85.7222 15.0563ZM121.792 25.1501H121.895L121.351 27.8612H127.279L130.854 10.7692H124.625L122.636 20.3189C122.233 22.2983 121.013 23.3396 119.475 23.3396C117.936 23.3396 117.598 21.8949 117.908 20.3846L119.925 10.7692H113.696L111.491 21.3227C110.553 25.9193 112.692 28.3959 116.276 28.3959C117.401 28.3849 118.504 28.0774 119.472 27.5042C120.44 26.931 121.241 26.1125 121.792 25.1313V25.1501ZM155.253 34.531L156.191 29.7373H82.2138L81.2757 34.531H155.253Z"16 fill="white"17 />18 <path19 d="M161.96 15.4409C161.899 15.4362 161.839 15.4193 161.784 15.3912C161.728 15.3632 161.679 15.3245 161.639 15.2774C161.599 15.2303 161.569 15.1758 161.55 15.1169C161.531 15.058 161.524 14.996 161.529 14.9343C161.607 14.0989 161.508 13.2563 161.238 12.4619C160.968 11.6675 160.533 10.939 159.961 10.3244C159.39 9.70976 158.695 9.22274 157.923 8.89524C157.15 8.56775 156.317 8.40717 155.478 8.42403C155.354 8.42403 155.235 8.37462 155.147 8.28665C155.059 8.19869 155.009 8.07938 155.009 7.95498C155.009 7.83058 155.059 7.71129 155.147 7.62333C155.235 7.53536 155.354 7.48594 155.478 7.48594C155.703 7.50048 155.929 7.50048 156.154 7.48594C157.82 7.30843 159.372 6.55564 160.543 5.35711C161.715 4.15858 162.431 2.58928 162.57 0.919337C162.58 0.801554 162.633 0.691688 162.72 0.611685C162.807 0.531683 162.921 0.487447 163.039 0.487826C163.101 0.492561 163.161 0.509449 163.216 0.53751C163.271 0.565571 163.32 0.604254 163.36 0.651335C163.401 0.698417 163.431 0.752963 163.45 0.811839C163.469 0.870715 163.476 0.932751 163.471 0.994386C163.393 1.82905 163.492 2.6708 163.761 3.46458C164.031 4.25835 164.465 4.98628 165.035 5.60078C165.606 6.21527 166.299 6.70249 167.07 7.03058C167.842 7.35867 168.674 7.52023 169.512 7.5047C169.636 7.5047 169.756 7.55413 169.844 7.64209C169.932 7.73005 169.981 7.84935 169.981 7.97375C169.981 8.09815 169.932 8.21746 169.844 8.30542C169.756 8.39338 169.636 8.44279 169.512 8.44279C167.73 8.47223 166.021 9.15877 164.714 10.3707C163.407 11.5826 162.593 13.2345 162.43 15.0094C162.42 15.1272 162.367 15.2371 162.28 15.3171C162.193 15.3971 162.079 15.4413 161.96 15.4409Z"20 fill="white"21 />22 </svg>23 );24};2526const data = [27 {28 title: "Pricing",29 link: "/",30 },31 {32 title: "Showcase",33 link: "/",34 },35 {36 title: "Blog",37 link: "/",38 },39 {40 title: "Pricing",41 link: "/",42 },43 {44 title: "Showcase",45 link: "/",46 },47];4849export function Footers8() {50 const year = new Date().getFullYear();51 return (52 <footer 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">53 <div className="flex w-full justify-center">54 <Logo className="w-[150px]" />55 </div>56 <div className="flex w-full flex-wrap place-items-center justify-center gap-x-5 gap-y-1 border-b border-slate-200 py-8 ">57 {data.map(({ title, link }, index: number) => {58 return (59 <Link60 key={index}61 className="px-6 py-2 font-medium text-slate-700"62 href={link}63 >64 {title}65 </Link>66 );67 })}68 </div>69 <p className="w-full pt-8 text-center text-slate-700">70 ©{