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-hero-pattern.svg

1 line
15 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="420" height="500" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_3_197" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="420" height="500"><path fill="#C4C4C4" d="M0 0h420v500H0z"/></mask><g mask="url(#mask0_3_197)"><g clip-path="url(#clip0_3_197)"><path d="M0 26.807v-1.614c24.596-.001 48.95 4.856 71.674 14.294a187.257 187.257 0 0 1 60.762 40.711 187.83 187.83 0 0 1 40.598 60.93A188.252 188.252 0 0 1 187.289 213h-1.61a186.648 186.648 0 0 0-14.131-71.254 186.218 186.218 0 0 0-40.25-60.407 185.635 185.635 0 0 0-60.24-40.361A185.226 185.226 0 0 0 .001 26.808Zm123.541 62.311a174.048 174.048 0 0 1 37.961 56.801A174.436 174.436 0 0 1 174.712 213h1.61c0-46.893-18.577-91.864-51.644-125.022C91.612 54.819 46.764 36.19.001 36.19H0v1.615a173.152 173.152 0 0 1 66.896 13.248 173.541 173.541 0 0 1 56.645 38.065Zm-7.758 7.78a163.14 163.14 0 0 1 35.575 53.234A163.506 163.506 0 0 1 163.74 213h1.61a166.22 166.22 0 0 0-12.586-63.452 165.827 165.827 0 0 0-35.843-53.792 165.315 165.315 0 0 0-53.644-35.942A164.951 164.951 0 0 0 .002 47.194H0v1.613c21.512-.06 42.821 4.16 62.695 12.415a162.649 162.649 0 0 1 53.088 35.675ZM119.861 213h1.61c-.036-32.294-12.846-63.255-35.618-86.09C63.081 104.074 32.206 91.23.001 91.193H0v1.614c31.779.036 62.245 12.711 84.715 35.244 22.471 22.533 35.11 53.083 35.146 84.949Zm-10.967 0h1.61c-.033-29.378-11.686-57.544-32.402-78.318C57.386 113.909 29.298 102.223.001 102.19H0v1.614c28.871.033 56.55 11.548 76.965 32.019 20.414 20.471 31.897 48.227 31.929 77.177Zm-8.627-100.551a141.293 141.293 0 0 1 30.811 46.104A141.613 141.613 0 0 1 141.801 213h1.61a144.168 144.168 0 0 0-10.913-55.035 143.819 143.819 0 0 0-31.087-46.656 143.376 143.376 0 0 0-46.528-31.173A143.054 143.054 0 0 0 .001 69.193H0v1.614a140.532 140.532 0 0 1 54.293 10.75 140.85 140.85 0 0 1 45.974 30.892Zm7.757-7.772a152.191 152.191 0 0 1 33.197 49.666A152.529 152.529 0 0 1 152.773 213h1.61c-.002-41.057-16.268-80.432-45.22-109.464C80.211 74.504 40.945 58.193.001 58.19H0v1.614A151.383 151.383 0 0 1 58.496 71.39a151.717 151.717 0 0 1 49.529 33.288Zm-15.509 15.552a130.376 130.376 0 0 1 28.425 42.537A130.663 130.663 0 0 1 130.833 213h1.61a133.123 133.123 0 0 0-10.08-50.824 132.827 132.827 0 0 0-28.71-43.087 132.41 132.41 0 0 0-42.968-28.79A132.124 132.124 0 0 0 0 80.19H0v1.614a129.688 129.688 0 0 1 50.096 9.922 129.972 129.972 0 0 1 42.42 28.503Z" fill="#000"/><path d="M0 202.807v-1.614a11.771 11.771 0 0 1 8.322 3.462A11.837 11.837 0 0 1 11.775 213h-1.61a10.22 10.22 0 0 0-2.98-7.204A10.161 10.161 0 0 0 0 202.807ZM21.139 213h1.609a22.87 22.87 0 0 0-6.67-16.122A22.741 22.741 0 0 0 .001 190.19H0v1.614a21.137 21.137 0 0 1 14.94 6.215A21.251 21.251 0 0 1 21.138 213Zm65.817 0h1.61a89.036 89.036 0 0 0-25.969-62.769A88.544 88.544 0 0 0 .001 124.19H0v1.614a86.935 86.935 0 0 1 61.458 25.569A87.414 87.414 0 0 1 86.955 213Zm-10.972 0h1.61a78.006 78.006 0 0 0-22.752-54.992A77.577 77.577 0 0 0 0 135.193H0v1.614a75.963 75.963 0 0 1 53.703 22.342A76.387 76.387 0 0 1 75.983 213Zm-43.879 0h1.61a33.894 33.894 0 0 0-9.886-23.894 33.703 33.703 0 0 0-23.827-9.913H0v1.614a32.09 32.09 0 0 1 22.69 9.44A32.274 32.274 0 0 1 32.105 213Zm10.973 0h1.609a44.92 44.92 0 0 0-13.103-31.67A44.675 44.675 0 0 0 .001 168.19H0v1.614a43.065 43.065 0 0 1 30.446 12.666A43.306 43.306 0 0 1 43.077 213Zm10.966 0h1.61a55.949 55.949 0 0 0-16.318-39.443A55.64 55.64 0 0 0 0 157.193H0v1.614a54.026 54.026 0 0 1 38.197 15.891A54.328 54.328 0 0 1 54.043 213Zm10.973 0h1.61a66.98 66.98 0 0 0-19.536-47.22A66.613 66.613 0 0 0 0 146.189v1.615a65.002 65.002 0 0 1 45.952 19.117A65.363 65.363 0 0 1 65.016 213Z" fill="#DC477D"/></g><g clip-path="url(#clip1_3_197)"><path d="M0 299.314v1.598c23.481-.026 45.992-9.297 62.596-25.778 16.603-16.482 25.942-38.827 25.969-62.135h-1.61c-.026 22.884-9.196 44.823-25.497 61.005C45.156 290.185 23.054 299.288 0 299.314Zm65.016-86.315h1.61c-.02 17.534-7.046 34.344-19.536 46.743C34.6 272.14 17.664 279.115 0 279.135v-1.599c17.238-.019 33.763-6.825 45.952-18.924 12.188-12.099 19.044-28.503 19.064-45.613Zm10.966 0h1.61c-.023 20.42-8.205 39.997-22.7