You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
consul/website/public/img/usecase-callout-pattern.svg

1 line
7.5 KiB

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
3 years ago
<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.41ZM