open-consul/website/public/img/usecase-callout-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
7.5 KiB
XML

<svg width="175" height="350" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_3_219" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="175" height="350"><path fill="#C4C4C4" d="M0 0h175v350H0z"/></mask><g mask="url(#mask0_3_219)" fill="#fff"><g clip-path="url(#clip0_3_219)"><path d="M108.943 175.49h-1.223c.02 17.97 7.115 35.198 19.728 47.905 12.613 12.706 29.714 19.854 47.552 19.874v-1.232c-17.513-.02-34.304-7.037-46.687-19.513-12.384-12.476-19.35-29.391-19.37-47.034ZM175 225.247v1.232c-13.419-.015-26.284-5.392-35.773-14.951-9.488-9.559-14.826-22.519-14.841-36.038h1.223c.015 13.192 5.224 25.839 14.483 35.167 9.259 9.328 21.813 14.575 34.908 14.59Zm0 8.393v1.232c-15.628-.018-30.61-6.28-41.66-17.412-11.051-11.133-17.267-26.226-17.285-41.97h1.223c.018 15.417 6.105 30.198 16.926 41.099 10.821 10.901 25.493 17.033 40.796 17.051Zm0-16.79v1.232c-11.209-.013-21.955-4.505-29.881-12.489-7.926-7.985-12.384-18.811-12.397-30.103h1.223c.012 10.966 4.342 21.478 12.038 29.232A40.952 40.952 0 0 0 175 216.85Zm0-33.581v1.232a8.921 8.921 0 0 1-6.322-2.642 9.056 9.056 0 0 1-2.623-6.369h1.223a7.817 7.817 0 0 0 2.265 5.498 7.696 7.696 0 0 0 5.457 2.281Zm0 25.188v1.231c-9-.01-17.629-3.616-23.993-10.027a34.366 34.366 0 0 1-9.954-24.171h1.223a33.129 33.129 0 0 0 9.596 23.3A32.635 32.635 0 0 0 175 208.457Zm0-8.398v1.233a25.545 25.545 0 0 1-18.101-7.566 25.922 25.922 0 0 1-7.51-18.236h1.222a24.69 24.69 0 0 0 7.152 17.365A24.323 24.323 0 0 0 175 200.059Zm0-8.392v1.231a17.236 17.236 0 0 1-12.213-5.104 17.491 17.491 0 0 1-5.067-12.304h1.223a16.251 16.251 0 0 0 4.708 11.433A16.016 16.016 0 0 0 175 191.667Z"/><path d="M92.276 175.49h-1.223c.025 22.422 8.878 43.918 24.615 59.772 15.738 15.854 37.076 24.772 59.332 24.797v-1.232c-21.932-.024-42.959-8.812-58.467-24.436-15.509-15.623-24.233-36.806-24.257-58.901Zm6.55 76.735a106.973 106.973 0 0 0 34.926 23.579A106.323 106.323 0 0 0 175 284.011v1.232a108.247 108.247 0 0 1-41.693-8.352A108.88 108.88 0 0 1 97.962 253.1a109.798 109.798 0 0 1-23.617-35.608 110.446 110.446 0 0 1-8.29-42.002h1.223a108.505 108.505 0 0 0 8.144 41.551 107.872 107.872 0 0 0 23.403 35.184ZM175 267.22v1.232c-24.465-.028-47.92-9.831-65.219-27.259-17.3-17.427-27.03-41.056-27.059-65.703h1.223c.027 24.32 9.63 47.636 26.7 64.833 17.07 17.197 40.214 26.87 64.355 26.897Zm-70.281-20.928a98.731 98.731 0 0 0 32.225 21.754A98.128 98.128 0 0 0 175 275.617v1.233a99.984 99.984 0 0 1-38.503-7.715 100.577 100.577 0 0 1-32.642-21.972 101.41 101.41 0 0 1-21.81-32.884 102.013 102.013 0 0 1-7.658-38.789h1.223a100.13 100.13 0 0 0 7.516 38.338 99.54 99.54 0 0 0 21.593 32.464Zm-11.782 11.869a115.224 115.224 0 0 0 37.626 25.406A114.52 114.52 0 0 0 175 292.408v1.232c-31.104-.002-60.933-12.45-82.927-34.607-21.994-22.157-34.351-52.208-34.354-83.543h1.224a116.885 116.885 0 0 0 8.776 44.767 116.191 116.191 0 0 0 25.218 37.904ZM81.15 270.036a131.787 131.787 0 0 0 43.031 29.053A130.993 130.993 0 0 0 175 309.198v1.232c-35.525 0-69.594-14.217-94.714-39.523-25.12-25.306-39.232-59.629-39.233-95.417h1.223a133.69 133.69 0 0 0 10.036 51.196 132.895 132.895 0 0 0 28.838 43.35Zm5.893-5.937a123.532 123.532 0 0 0 40.33 27.226A122.778 122.778 0 0 0 175 300.801v1.232c-16.496 0-32.83-3.273-48.07-9.632a125.539 125.539 0 0 1-40.751-27.431 126.602 126.602 0 0 1-27.23-41.054 127.355 127.355 0 0 1-9.56-48.426h1.223a125.298 125.298 0 0 0 9.405 47.981 124.558 124.558 0 0 0 27.026 40.628Zm-11.786 11.874a140.084 140.084 0 0 0 45.734 30.874A139.236 139.236 0 0 0 175 317.591v1.232a141.356 141.356 0 0 1-54.448-10.909 142.225 142.225 0 0 1-46.16-31.07 143.402 143.402 0 0 1-30.841-46.502 144.25 144.25 0 0 1-10.83-54.852h1.224A142.084 142.084 0 0 0 44.61 229.9a141.244 141.244 0 0 0 30.647 46.073Z"/></g><g clip-path="url(#clip1_3_219)"><path d="M33.945 175.489v.001h-1.223v-.001a143.312 143.312 0 0 1 10.758-54.881 142.469 142.469 0 0 1 30.912-46.472 141.293 141.293 0 0 1 46.131-31.14A140.453 140.453 0 0 1 175 32.155v1.233a139.232 139.232 0 0 0-54.009 10.744 140.075 140.075 0 0 0-45.734 30.874 141.239 141.239 0 0 0-30.647 46.072 142.085 142.085 0 0 0-10.665 54.41ZM81.15 80.943a131.779 131.779 0 0 1 43.031-29.052A130.992 130.992 0 0 1 175 41.781V40.55a132.22 132.22 0 0 0-51.287 10.205 133.01 133.01 0 0 0-43.427 29.32 134.125 134.125 0 0 0-29.104 43.748 134.926 134.926 0 0 0-10.129 51.667v.001h1.223v-.001a133.681 133.681 0 0 1 10.036-51.195 132.897 132.897 0 0 1 28.838-43.35Zm5.893 5.938a123.524 123.524 0 0 1 40.33-27.227A122.781 122.781 0 0 1 175 50.18v-1.232a123.977 123.977 0 0 0-48.096 9.567A124.725 124.725 0 0 0 86.179 86.01a125.758 125.758 0 0 0-27.293 41.027 126.51 126.51 0 0 0-9.497 48.452v.001h1.222v-.001a125.291 125.291 0 0 1 9.406-47.98 124.552 124.552 0 0 1 27.026-40.628ZM175 83.759v-1.231c-24.465.027-47.92 9.83-65.22 27.258-17.3 17.428-27.03 41.057-27.058 65.703v.001h1.223v-.001c.027-24.32 9.63-47.636 26.7-64.832 17.07-17.197 40.214-26.87 64.355-26.898Zm0 8.393V90.92c-22.256.025-43.594 8.944-59.331 24.798-15.738 15.854-24.59 37.35-24.616 59.771v.001h1.223v-.001c.025-22.094 8.748-43.277 24.257-58.901 15.508-15.623 36.535-24.411 58.467-24.436Zm-76.175 6.603a106.975 106.975 0 0 1 34.927-23.58A106.337 106.337 0 0 1 175 66.97v-1.232a107.56 107.56 0 0 0-41.715 8.299A108.214 108.214 0 0 0 97.961 97.88a109.116 109.116 0 0 0-23.668 35.585 109.757 109.757 0 0 0-8.238 42.024v.001h1.223v-.001a108.5 108.5 0 0 1 8.144-41.55 107.861 107.861 0 0 1 23.403-35.184Zm-5.888-5.937a115.23 115.23 0 0 1 37.626-25.406A114.535 114.535 0 0 1 175 58.572v-1.233a115.748 115.748 0 0 0-44.905 8.935 116.445 116.445 0 0 0-38.022 25.673 117.423 117.423 0 0 0-25.485 38.304 118.12 118.12 0 0 0-8.869 45.238v.001h1.224v-.001a116.882 116.882 0 0 1 8.776-44.766 116.19 116.19 0 0 1 25.218-37.905Zm11.782 11.869a98.726 98.726 0 0 1 32.225-21.753A98.125 98.125 0 0 1 175 75.362V74.13a99.312 99.312 0 0 0-38.524 7.664 99.912 99.912 0 0 0-32.621 22.023 100.749 100.749 0 0 0-21.86 32.862 101.346 101.346 0 0 0-7.608 38.81v.001h1.222v-.001a100.13 100.13 0 0 1 7.517-38.338 99.542 99.542 0 0 1 21.593-32.464Z"/><path d="M167.278 175.489v.001h-1.223v-.001a9.054 9.054 0 0 1 2.623-6.368 8.922 8.922 0 0 1 6.322-2.643v1.232a7.704 7.704 0 0 0-5.457 2.281 7.821 7.821 0 0 0-2.265 5.498ZM175 159.313v-1.232a17.237 17.237 0 0 0-12.213 5.105 17.489 17.489 0 0 0-5.067 12.303v.001h1.223v-.001a16.255 16.255 0 0 1 4.708-11.433A16.019 16.019 0 0 1 175 159.313Zm0-50.371v-1.232c-17.838.021-34.939 7.168-47.552 19.875-12.613 12.706-19.708 29.934-19.728 47.904v.001h1.223v-.001c.02-17.643 6.986-34.558 19.37-47.033 12.383-12.476 29.174-19.494 46.687-19.514Zm0 8.398v-1.232c-15.628.018-30.61 6.28-41.66 17.412-11.051 11.132-17.267 26.226-17.285 41.969v.001h1.223v-.001c.018-15.417 6.105-30.197 16.926-41.098 10.821-10.902 25.493-17.034 40.796-17.051Zm0 33.58v-1.232a25.545 25.545 0 0 0-18.101 7.566 25.922 25.922 0 0 0-7.51 18.235v.001h1.222v-.001a24.69 24.69 0 0 1 7.152-17.365A24.323 24.323 0 0 1 175 150.92Zm0-8.397v-1.232a33.86 33.86 0 0 0-23.993 10.028 34.365 34.365 0 0 0-9.954 24.17v.001h1.223v-.001a33.13 33.13 0 0 1 9.596-23.3A32.638 32.638 0 0 1 175 142.523Zm0-8.393v-1.232c-11.209.013-21.955 4.504-29.881 12.489-7.926 7.984-12.384 18.81-12.397 30.102v.001h1.223v-.001c.012-10.965 4.342-21.478 12.038-29.232 7.697-7.753 18.132-12.115 29.017-12.127Zm0-8.397V124.5c-13.419.016-26.284 5.393-35.772 14.952-9.489 9.559-14.827 22.519-14.842 36.037v.001h1.223v-.001c.015-13.191 5.224-25.839 14.483-35.167 9.259-9.327 21.813-14.574 34.908-14.589Z"/></g></g><defs><clipPath id="clip0_3_219"><path fill="#fff" transform="rotate(-90 187.49 162.49)" d="M0 0h174.49v150H0z"/></clipPath><clipPath id="clip1_3_219"><path fill="#fff" transform="rotate(-90 100.245 75.245)" d="M0 0h174.49v150H0z"/></clipPath></defs></svg>