open-consul/website/public/img/home-hero-pattern.svg
Alex Carpenter 0eb6334b2d
Homepage use case redesign (#11728)
* init homepage

* adds tutorials

* update subnav

* adds intro background

* add offerings

* adds in practice cta

* include radial gradient

* cleanup gradient

* Fix learn more button display

* include use case pages

* connect subnav menu items

* extract in practice section for reuse

* use Products type

* fix type error

* add neutral option

* rework cta logic

* Fix links map

* fix use case path

* updates accent method

* fix button prop usage

* refactor customer case study

* refactor case studies component

* cleanup margin

* refactor data props

* fix offering cta

* spacing updates and introduce intro component

* adds intro interface

* removes footer border

* fix intro description color

* add revalidate code to homepage

* cleanup unused imports

* bump subnav

* makes stats optional

* adjust border radius based on customer story

* redirect /home to homepage

* fix: turtorials link

* fix: logo alignment

* fix: section background color

* feat: home reorder and tuts and docs links

* fix: flush padding

* formatting

* feat: sort use cases in nav

* fix: card overflow

* fix: adjust overflow method

* fix: padding on desktop

* fix: card container overflow padding on mobile

* fix: intro cta conditional

* fix: simplify conditional

* fix: customer logo sizing

* cleanup old data

* accept isInternalLink as arg

* remove chunk

* fix: isInternalLink usage

* fix: isInternalLink prop usage

* fix: add lang to document

* init homepage

* adds tutorials

* add offerings

* cleanup unused imports

* bump subnav

* fix: flush padding

* formatting

* fix: intro cta conditional

* fix: simplify conditional

* cleanup old data

* add consul on kubernetes to menu items

* add use case redirect

* Add use case redirect
2021-12-20 13:42:20 -08:00

1 line
14 KiB
XML

<svg width="684" height="588" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2_50)" fill="#000"><path d="M683.999 380.312H684v1.598h-.001a187.23 187.23 0 0 1-71.711-14.057 186.146 186.146 0 0 1-60.723-40.392 184.633 184.633 0 0 1-40.691-60.277A183.537 183.537 0 0 1 496.711 196h1.61a181.947 181.947 0 0 0 14.039 70.572 183.028 183.028 0 0 0 40.342 59.759 184.555 184.555 0 0 0 60.202 40.045 185.645 185.645 0 0 0 71.095 13.936Zm-123.54-61.681a172.196 172.196 0 0 1-37.961-56.227A171.162 171.162 0 0 1 509.288 196h-1.61a172.742 172.742 0 0 0 13.333 67.015 173.814 173.814 0 0 0 38.311 56.745 175.256 175.256 0 0 0 57.166 38.028 176.278 176.278 0 0 0 67.511 13.236H684v-1.598h-.001a174.689 174.689 0 0 1-66.895-13.114 173.666 173.666 0 0 1-56.645-37.681Zm7.758-7.701a161.39 161.39 0 0 1-35.575-52.697A160.435 160.435 0 0 1 520.26 196h-1.61a162.007 162.007 0 0 0 12.502 62.846 162.967 162.967 0 0 0 35.927 53.214 164.325 164.325 0 0 0 53.609 35.662 165.303 165.303 0 0 0 63.311 12.41H684v-1.597h-.001a163.712 163.712 0 0 1-62.694-12.291 162.752 162.752 0 0 1-53.088-35.314ZM564.139 196h-1.61c.036 31.968 12.846 62.616 35.618 85.221 22.772 22.604 53.648 35.32 85.852 35.356H684v-1.598h-.001c-31.778-.036-62.244-12.583-84.714-34.888-22.471-22.305-35.11-52.547-35.146-84.091Zm10.967 0h-1.61c.033 29.082 11.686 56.963 32.402 77.526 20.716 20.564 48.804 32.132 78.101 32.165H684v-1.598h-.001c-28.87-.032-56.549-11.431-76.963-31.696-20.415-20.264-31.898-47.739-31.93-76.397Zm8.627 99.535a139.787 139.787 0 0 1-30.811-45.638A138.95 138.95 0 0 1 542.199 196h-1.61a140.549 140.549 0 0 0 10.844 54.507 141.405 141.405 0 0 0 31.156 46.157 142.57 142.57 0 0 0 46.499 30.927 143.413 143.413 0 0 0 54.911 10.763H684v-1.597h-.001a141.77 141.77 0 0 1-54.292-10.642 140.92 140.92 0 0 1-45.974-30.58Zm-7.757 7.694a150.56 150.56 0 0 1-33.197-49.165A149.658 149.658 0 0 1 531.227 196h-1.61a151.246 151.246 0 0 0 11.674 58.676 152.173 152.173 0 0 0 33.547 49.683 153.42 153.42 0 0 0 50.05 33.299A154.352 154.352 0 0 0 684 349.247v-1.599h-.001a152.716 152.716 0 0 1-58.494-11.467 151.829 151.829 0 0 1-49.529-32.952Zm15.509-15.395a128.99 128.99 0 0 1-28.425-42.108A128.204 128.204 0 0 1 553.167 196h-1.61a129.772 129.772 0 0 0 10.014 50.338 130.553 130.553 0 0 0 28.777 42.625 131.617 131.617 0 0 0 42.94 28.564 132.401 132.401 0 0 0 50.711 9.941H684v-1.597h-.001a130.834 130.834 0 0 1-50.095-9.822 130.058 130.058 0 0 1-42.419-28.215Z"/><path d="M683.999 206.09H684v1.598h-.001a11.833 11.833 0 0 1-8.321-3.427 11.653 11.653 0 0 1-3.453-8.261h1.61a10.064 10.064 0 0 0 2.98 7.131 10.215 10.215 0 0 0 7.184 2.959ZM662.862 196h-1.609a22.521 22.521 0 0 0 6.67 15.959 22.858 22.858 0 0 0 16.076 6.621H684v-1.598h-.001a21.242 21.242 0 0 1-14.939-6.153A20.923 20.923 0 0 1 662.862 196Zm-65.817 0h-1.61c.026 23.308 9.366 45.653 25.969 62.135 16.603 16.481 39.115 25.752 62.595 25.778H684v-1.598h-.001c-23.053-.026-45.156-9.129-61.457-25.31-16.302-16.182-25.471-38.121-25.497-61.005Zm10.972 0h-1.61c.024 20.42 8.206 39.997 22.752 54.436 14.547 14.44 34.269 22.562 54.84 22.585H684v-1.598h-.001c-20.144-.023-39.457-7.976-53.702-22.116-14.244-14.14-22.257-33.311-22.28-53.307Zm43.879 0h-1.61a33.378 33.378 0 0 0 9.885 23.652 33.88 33.88 0 0 0 23.828 9.813H684v-1.597h-.001a32.262 32.262 0 0 1-22.69-9.345A31.783 31.783 0 0 1 651.896 196Zm-10.973 0h-1.609c.013 11.76 4.725 23.035 13.103 31.35 8.377 8.316 19.735 12.994 31.582 13.007H684v-1.598h-.001c-11.42-.013-22.369-4.522-30.445-12.538S640.936 207.337 640.923 196Zm-10.966 0h-1.61c.016 14.646 5.885 28.688 16.318 39.044 10.434 10.357 24.58 16.183 39.334 16.199H684v-1.597h-.001c-14.328-.017-28.064-5.674-38.196-15.731-10.131-10.057-15.83-23.692-15.846-37.915Zm-10.973 0h-1.61c.02 17.534 7.046 34.344 19.536 46.743 12.49 12.398 29.425 19.373 47.089 19.393H684v-1.599h-.001c-17.237-.019-33.762-6.825-45.951-18.924S619.003 213.11 618.984 196Z"/></g><path d="M683.999 87.907H684v-1.598h-.001c-29.297.033-57.385 11.6-78.101 32.165-20.716 20.563-32.369 48.444-32.402 77.526h1.61c.032-28.658 11.515-56.133 31.93-76.397 20.414-20.265 48.093-31.664 76.963-31.696Zm-100.266 8.558a139.786 139.786 0 0 0-30.811 45.638A138.95 138.95 0 0 0 542.199 196h-1.61a141.454 141.454 0 0 1 10.913-54.479 142.276 142.276 0 0 1 31.087-46.185 143.465 143.465 0 0 1 46.528-30.858 144.318 144.318 0 0 1 54.882-10.832H684v1.597h-.001a141.771 141.771 0 0 0-54.292 10.642 140.94 140.94 0 0 0-45.974 30.58ZM564.139 196h-1.61c.037-31.968 12.846-62.615 35.618-85.22 22.772-22.605 53.648-35.32 85.852-35.356H684v1.597h-.001c-31.778.036-62.244 12.583-84.714 34.888-22.471 22.305-35.111 52.547-35.146 84.091Zm27.346-91.834a128.99 128.99 0 0 0-28.425 42.108A128.204 128.204 0 0 0 553.167 196h-1.61a130.627 130.627 0 0 1 10.08-50.311 131.421 131.421 0 0 1 28.71-42.651 132.51 132.51 0 0 1 42.968-28.5 133.298 133.298 0 0 1 50.684-10.006H684v1.598h-.001a130.832 130.832 0 0 0-50.094 9.821 130.048 130.048 0 0 0-42.42 28.215Zm-15.509-15.395a150.556 150.556 0 0 0-33.197 49.165A149.658 149.658 0 0 0 531.227 196h-1.61c.002-40.643 16.268-79.62 45.22-108.358 28.952-28.74 68.218-44.886 109.162-44.889H684v1.599h-.001a152.729 152.729 0 0 0-58.495 11.467 151.825 151.825 0 0 0-49.528 32.952ZM560.459 73.37a172.196 172.196 0 0 0-37.961 56.227A171.162 171.162 0 0 0 509.288 196h-1.61c0-46.419 18.577-90.936 51.644-123.76 33.066-32.823 77.914-51.263 124.677-51.264H684v1.598h-.001a174.683 174.683 0 0 0-66.895 13.114 173.657 173.657 0 0 0-56.645 37.681Zm7.758 7.701a161.387 161.387 0 0 0-35.575 52.697A160.435 160.435 0 0 0 520.26 196h-1.61a163.08 163.08 0 0 1 12.586-62.811 164.054 164.054 0 0 1 35.843-53.248 165.432 165.432 0 0 1 53.643-35.58 166.416 166.416 0 0 1 63.277-12.493H684v1.598h-.001a163.717 163.717 0 0 0-62.694 12.29 162.758 162.758 0 0 0-53.088 35.314Zm-15.515-15.4a183.024 183.024 0 0 0-40.342 59.758A181.947 181.947 0 0 0 498.321 196h-1.61a184.713 184.713 0 0 1 14.255-71.146 185.81 185.81 0 0 1 40.598-60.314 187.39 187.39 0 0 1 60.762-40.3 188.49 188.49 0 0 1 71.673-14.15H684v1.598h-.001a185.655 185.655 0 0 0-71.095 13.936 184.548 184.548 0 0 0-60.202 40.045ZM456 75.424v1.597c20.571-.024 40.292-8.147 54.838-22.586C525.383 39.996 533.564 20.42 533.587 0h-1.61c-.022 19.996-8.034 39.166-22.277 53.306S476.145 75.4 456 75.424ZM510.038 0h1.61c-.016 14.646-5.884 28.687-16.316 39.043C484.899 49.4 470.755 55.226 456 55.243v-1.598c14.328-.016 28.063-5.674 38.194-15.73C504.324 27.856 510.022 14.221 510.038 0Zm10.972 0h1.61c-.02 17.533-7.045 34.341-19.534 46.739C490.596 59.136 473.663 66.11 456 66.13v-1.598c17.236-.02 33.76-6.825 45.948-18.923C514.135 33.511 520.991 17.11 521.01 0Zm21.939 0h1.61c-.026 23.306-9.365 45.65-25.967 62.13C501.99 78.612 479.48 87.882 456 87.909v-1.599c23.053-.026 45.154-9.127 61.454-25.308 16.3-16.18 25.469-38.118 25.495-61.001Zm-43.878 0h1.61c-.013 11.759-4.725 23.032-13.101 31.347-8.377 8.314-19.734 12.991-31.58 13.005v-1.599c11.419-.013 22.367-4.52 30.442-12.536 8.074-8.015 12.616-18.882 12.629-30.217Zm-10.972 0h1.61a33.38 33.38 0 0 1-9.883 23.652A33.879 33.879 0 0 1 456 33.466v-1.598a32.26 32.26 0 0 0 22.688-9.346A31.786 31.786 0 0 0 488.099 0Zm-21.94 0h1.61a11.657 11.657 0 0 1-3.45 8.26A11.829 11.829 0 0 1 456 11.687v-1.599a10.214 10.214 0 0 0 7.182-2.959A10.06 10.06 0 0 0 466.159 0Zm10.972 0h1.61a22.51 22.51 0 0 1-6.668 15.955A22.852 22.852 0 0 1 456 22.575v-1.6a21.233 21.233 0 0 0 14.935-6.15A20.918 20.918 0 0 0 477.131 0ZM228.001 87.907H228v-1.598h.001c29.297.033 57.385 11.6 78.101 32.165 20.716 20.563 32.369 48.444 32.402 77.526h-1.61c-.032-28.658-11.515-56.133-31.93-76.397-20.414-20.265-48.093-31.664-76.963-31.696Zm100.266 8.558a139.786 139.786 0 0 1 30.811 45.638A138.95 138.95 0 0 1 369.801 196h1.61a140.549 140.549 0 0 0-10.844-54.507 141.388 141.388 0 0 0-31.156-46.157 142.572 142.572 0 0 0-46.499-30.927 143.412 143.412 0 0 0-54.911-10.764H228v1.598h.001a141.771 141.771 0 0 1 54.292 10.642 140.94 140.94 0 0 1 45.974 30.58ZM347.861 196h1.61c-.037-31.968-12.846-62.615-35.618-85.22-22.772-22.605-53.648-35.32-85.852-35.356H228v1.597h.001c31.778.036 62.244 12.583 84.714 34.888 22.471 22.305 35.111 52.547 35.146 84.091Zm-27.346-91.834a128.99 128.99 0 0 1 28.425 42.108A128.204 128.204 0 0 1 358.833 196h1.61a129.772 129.772 0 0 0-10.014-50.338 130.553 130.553 0 0 0-28.777-42.625 131.626 131.626 0 0 0-42.94-28.564 132.422 132.422 0 0 0-50.711-9.941H228v1.598h.001a130.832 130.832 0 0 1 50.094 9.821 130.048 130.048 0 0 1 42.42 28.215Zm15.509-15.395a150.556 150.556 0 0 1 33.197 49.165A149.658 149.658 0 0 1 380.773 196h1.61a151.246 151.246 0 0 0-11.674-58.676 152.181 152.181 0 0 0-33.546-49.683 153.424 153.424 0 0 0-50.051-33.299 154.343 154.343 0 0 0-59.111-11.589H228v1.599h.001a152.722 152.722 0 0 1 58.494 11.467 151.82 151.82 0 0 1 49.529 32.952Zm15.517-15.402a172.196 172.196 0 0 1 37.961 56.227A171.162 171.162 0 0 1 402.712 196h1.61a172.742 172.742 0 0 0-13.333-67.015 173.82 173.82 0 0 0-38.311-56.745 175.26 175.26 0 0 0-57.166-38.028 176.296 176.296 0 0 0-67.511-13.236H228v1.598h.001a174.683 174.683 0 0 1 66.895 13.114 173.657 173.657 0 0 1 56.645 37.681Zm-7.758 7.701a161.387 161.387 0 0 1 35.575 52.697A160.435 160.435 0 0 1 391.74 196h1.61a162.007 162.007 0 0 0-12.502-62.846 162.97 162.97 0 0 0-35.927-53.214 164.33 164.33 0 0 0-53.609-35.662 165.31 165.31 0 0 0-63.311-12.41H228v1.598h.001a163.717 163.717 0 0 1 62.694 12.29 162.758 162.758 0 0 1 53.088 35.314Zm15.515-15.4a183.024 183.024 0 0 1 40.342 59.758A181.947 181.947 0 0 1 413.679 196h1.61a183.537 183.537 0 0 0-14.163-71.184 184.624 184.624 0 0 0-40.691-60.277 186.149 186.149 0 0 0-60.723-40.392 187.261 187.261 0 0 0-71.711-14.057H228v1.598h.001a185.655 185.655 0 0 1 71.095 13.936 184.548 184.548 0 0 1 60.202 40.045ZM456 75.424v1.597c-20.571-.024-40.292-8.147-54.838-22.586C386.617 39.996 378.436 20.42 378.413 0h1.61c.022 19.996 8.034 39.166 22.277 53.306S435.856 75.4 456 75.424ZM401.962 0h-1.61c.016 14.646 5.884 28.687 16.316 39.043C427.101 49.4 441.245 55.226 456 55.243v-1.598c-14.328-.016-28.063-5.674-38.194-15.73C407.676 27.856 401.978 14.221 401.962 0ZM390.99 0h-1.61c.02 17.533 7.045 34.341 19.534 46.739C421.404 59.136 438.337 66.11 456 66.13v-1.598c-17.236-.02-33.76-6.825-45.948-18.923C397.865 33.511 391.009 17.11 390.99 0Zm-21.939 0h-1.61c.026 23.306 9.365 45.65 25.967 62.13C410.01 78.612 432.52 87.882 456 87.909v-1.599c-23.053-.026-45.153-9.127-61.454-25.308-16.3-16.18-25.469-38.118-25.495-61.001Zm43.878 0h-1.61c.013 11.759 4.725 23.032 13.101 31.347 8.377 8.314 19.734 12.991 31.58 13.005v-1.599c-11.419-.012-22.367-4.52-30.442-12.536-8.074-8.015-12.616-18.882-12.629-30.217Zm10.972 0h-1.61a33.38 33.38 0 0 0 9.883 23.652A33.879 33.879 0 0 0 456 33.466v-1.598a32.26 32.26 0 0 1-22.688-9.346A31.78 31.78 0 0 1 423.902 0h-.001Zm21.94 0h-1.61a11.657 11.657 0 0 0 3.45 8.26A11.829 11.829 0 0 0 456 11.687v-1.599a10.214 10.214 0 0 1-7.182-2.959A10.061 10.061 0 0 1 445.841 0Zm-10.972 0h-1.61a22.51 22.51 0 0 0 6.668 15.955A22.852 22.852 0 0 0 456 22.575v-1.6a21.233 21.233 0 0 1-14.935-6.15A20.918 20.918 0 0 1 434.869 0ZM360.435 523.461a184.633 184.633 0 0 0 40.691-60.277A183.537 183.537 0 0 0 415.289 392h-1.609a181.93 181.93 0 0 1-14.04 70.572 183.044 183.044 0 0 1-40.342 59.759 184.566 184.566 0 0 1-60.202 40.045 185.642 185.642 0 0 1-71.095 13.936H228v1.598h.001a187.248 187.248 0 0 0 71.711-14.057 186.146 186.146 0 0 0 60.723-40.392Zm-132.434 43.563H228v-1.598h.001a174.685 174.685 0 0 0 66.895-13.114 173.651 173.651 0 0 0 56.644-37.681 172.173 172.173 0 0 0 37.962-56.227A171.162 171.162 0 0 0 402.712 392h1.611a172.765 172.765 0 0 1-13.334 67.015 173.794 173.794 0 0 1-38.311 56.744 175.24 175.24 0 0 1-57.165 38.029 176.283 176.283 0 0 1-67.512 13.236Zm0-21.777H228v-1.599h.001a152.725 152.725 0 0 0 58.495-11.467 151.835 151.835 0 0 0 49.528-32.952 150.56 150.56 0 0 0 33.197-49.165A149.658 149.658 0 0 0 380.773 392h1.611a151.265 151.265 0 0 1-11.675 58.676 152.17 152.17 0 0 1-33.546 49.683 153.424 153.424 0 0 1-50.051 33.299 154.347 154.347 0 0 1-59.111 11.589Zm0-10.893H228v-1.597h.001a141.778 141.778 0 0 0 54.293-10.642 140.958 140.958 0 0 0 45.973-30.58 139.787 139.787 0 0 0 30.811-45.638A138.95 138.95 0 0 0 369.801 392h1.609a140.549 140.549 0 0 1-10.844 54.507 141.387 141.387 0 0 1-31.155 46.157 142.57 142.57 0 0 1-46.499 30.927 143.413 143.413 0 0 1-54.911 10.763Zm0-10.886H228v-1.598h.001a130.833 130.833 0 0 0 50.095-9.821 130.079 130.079 0 0 0 42.419-28.215 129.006 129.006 0 0 0 28.425-42.108A128.204 128.204 0 0 0 358.833 392h1.61a129.772 129.772 0 0 1-10.014 50.338 130.568 130.568 0 0 1-28.777 42.625 131.638 131.638 0 0 1-42.94 28.564 132.42 132.42 0 0 1-50.711 9.941Zm0-10.892H228v-1.597h.001c31.778-.036 62.244-12.583 84.715-34.888 22.47-22.305 35.11-52.547 35.146-84.091h1.608c-.036 31.967-12.845 62.615-35.617 85.22-22.772 22.604-53.647 35.32-85.852 35.356Zm0 43.556H228v-1.598h.001a163.73 163.73 0 0 0 62.694-12.29 162.752 162.752 0 0 0 53.088-35.314 161.408 161.408 0 0 0 35.576-52.697A160.434 160.434 0 0 0 391.74 392h1.61a162.007 162.007 0 0 1-12.502 62.846 162.967 162.967 0 0 1-35.927 53.214 164.325 164.325 0 0 1-53.609 35.662 165.299 165.299 0 0 1-63.311 12.41Zm0-54.441H228v-1.598h.001c28.87-.032 56.549-11.431 76.963-31.696 20.415-20.264 31.898-47.739 31.93-76.397h1.61c-.033 29.082-11.686 56.963-32.402 77.526-20.716 20.564-48.804 32.132-78.101 32.165Z" fill="#000"/><g clip-path="url(#clip1_2_50)"><path d="M228 75.423v1.598c-20.571-.024-40.292-8.147-54.838-22.586C158.617 39.996 150.436 20.42 150.414 0h1.609c.022 19.996 8.034 39.166 22.277 53.306S207.856 75.4 228 75.423ZM162.99 0h-1.61c.02 17.532 7.045 34.341 19.534 46.739 12.49 12.397 29.423 19.37 47.086 19.39v-1.597c-17.236-.02-33.76-6.825-45.948-18.923C169.865 33.511 163.009 17.11 162.99 0Zm-21.939 0h-1.61c.026 23.306 9.365 45.65 25.967 62.13C182.01 78.612 204.52 87.882 228 87.909v-1.599c-23.053-.026-45.153-9.127-61.454-25.308-16.3-16.18-25.469-38.118-25.495-61.001Zm32.911 0h-1.609c.016 14.646 5.883 28.687 16.316 39.043C199.101 49.4 213.245 55.226 228 55.243v-1.598c-14.328-.016-28.064-5.674-38.194-15.73C179.676 27.856 173.978 14.221 173.962 0Zm32.906 0h-1.609a22.518 22.518 0 0 0 6.668 15.955A22.852 22.852 0 0 0 228 22.575v-1.6a21.233 21.233 0 0 1-14.935-6.15A20.923 20.923 0 0 1 206.868 0Zm10.974 0h-1.611a11.657 11.657 0 0 0 3.45 8.26A11.829 11.829 0 0 0 228 11.687v-1.599a10.21 10.21 0 0 1-7.181-2.96A10.057 10.057 0 0 1 217.842 0Zm-21.941 0h-1.609a33.375 33.375 0 0 0 9.882 23.651A33.878 33.878 0 0 0 228 33.465v-1.597a32.26 32.26 0 0 1-22.688-9.346A31.786 31.786 0 0 1 195.901 0Zm-10.972 0h-1.61c.013 11.759 4.725 23.032 13.101 31.347 8.377 8.314 19.734 12.992 31.58 13.005v-1.599c-11.419-.013-22.367-4.52-30.442-12.536-8.074-8.015-12.616-18.882-12.629-30.217Z" fill="#000"/></g><defs><clipPath id="clip0_2_50"><path fill="#fff" transform="translate(456 196)" d="M0 0h228v196H0z"/></clipPath><clipPath id="clip1_2_50"><path fill="#fff" d="M0 0h228v196H0z"/></clipPath></defs></svg>