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/practice-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="456" height="588" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity=".9"><g clip-path="url(#clip0_3_82)" fill="#DC477D"><path d="M0 11.688V10.09a187.263 187.263 0 0 1 71.712 14.057 186.151 186.151 0 0 1 60.723 40.392 184.623 184.623 0 0 1 40.691 60.277A183.537 183.537 0 0 1 187.289 196h-1.61a181.947 181.947 0 0 0-14.039-70.572 183.024 183.024 0 0 0-40.342-59.759 184.555 184.555 0 0 0-60.201-40.045A185.655 185.655 0 0 0 0 11.688Zm123.541 61.681a172.196 172.196 0 0 1 37.961 56.227A171.162 171.162 0 0 1 174.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.257 175.257 0 0 0-57.166-38.028A176.3 176.3 0 0 0 .001 20.976H0v1.598a174.687 174.687 0 0 1 66.896 13.114 173.658 173.658 0 0 1 56.645 37.681Zm-7.758 7.701a161.405 161.405 0 0 1 35.576 52.697A160.452 160.452 0 0 1 163.74 196h1.61a162.007 162.007 0 0 0-12.502-62.846 162.968 162.968 0 0 0-35.927-53.214 164.333 164.333 0 0 0-53.609-35.662A165.31 165.31 0 0 0 .001 31.868H0v1.597a163.716 163.716 0 0 1 62.695 12.29 162.755 162.755 0 0 1 53.088 35.315ZM119.861 196h1.61c-.036-31.968-12.846-62.616-35.618-85.221C63.081 88.175 32.206 75.459.001 75.423H0v1.598c31.779.036 62.245 12.583 84.715 34.888 22.471 22.305 35.111 52.547 35.146 84.091Zm-10.967 0h1.61c-.033-29.082-11.686-56.963-32.402-77.526C57.386 97.91 29.298 86.342.001 86.309H0v1.598c28.871.032 56.55 11.431 76.965 31.696 20.414 20.264 31.897 47.739 31.929 76.397Zm-8.627-99.535a139.786 139.786 0 0 1 30.811 45.638A138.95 138.95 0 0 1 141.801 196h1.61a140.549 140.549 0 0 0-10.844-54.507 141.388 141.388 0 0 0-31.156-46.157A142.571 142.571 0 0 0 54.912 64.41 143.412 143.412 0 0 0 .001 53.645H0v1.598a141.776 141.776 0 0 1 54.293 10.642 140.939 140.939 0 0 1 45.974 30.58Zm7.757-7.694a150.556 150.556 0 0 1 33.197 49.165A149.658 149.658 0 0 1 152.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.436 153.436 0 0 0-50.051-33.299A154.341 154.341 0 0 0 0 42.753H0v1.599a152.725 152.725 0 0 1 58.495 11.467 151.816 151.816 0 0 1 49.529 32.952Zm-15.509 15.395a128.995 128.995 0 0 1 28.425 42.108A128.204 128.204 0 0 1 130.833 196h1.61a129.772 129.772 0 0 0-10.014-50.338 130.56 130.56 0 0 0-28.776-42.625 131.643 131.643 0 0 0-42.94-28.564A132.423 132.423 0 0 0 0 64.532H0v1.597a130.836 130.836 0 0 1 50.096 9.822 130.064 130.064 0 0 1 42.42 28.215Z"/><path d="M0 185.91v-1.598a11.835 11.835 0 0 1 8.323 3.427A11.658 11.658 0 0 1 11.775 196h-1.61a10.062 10.062 0 0 0-2.98-7.131A10.213 10.213 0 0 0 0 185.91ZM21.139 196h1.609a22.522 22.522 0 0 0-6.67-15.959A22.86 22.86 0 0 0 .001 173.42H0v1.598a21.242 21.242 0 0 1 14.94 6.153A20.926 20.926 0 0 1 21.138 196Zm65.817 0h1.61c-.026-23.308-9.365-45.653-25.969-62.135-16.603-16.481-39.115-25.752-62.595-25.778H0v1.598c23.054.026 45.157 9.129 61.458 25.31C77.76 151.177 86.93 173.116 86.955 196Zm-10.972 0h1.61c-.024-20.42-8.206-39.997-22.752-54.436-14.547-14.44-34.269-22.562-54.84-22.585H0v1.598c20.145.023 39.459 7.976 53.703 22.116S75.96 176.004 75.983 196Zm-43.879 0h1.61a33.378 33.378 0 0 0-9.885-23.652A33.878 33.878 0 0 0 0 162.535H0v1.597a32.26 32.26 0 0 1 22.69 9.345A31.783 31.783 0 0 1 32.105 196Zm10.973 0h1.609c-.013-11.76-4.725-23.035-13.103-31.35-8.377-8.316-19.735-12.994-31.582-13.007H0v1.598c11.421.013 22.37 4.522 30.446 12.538S43.064 184.663 43.077 196Zm10.966 0h1.61c-.016-14.646-5.885-28.688-16.318-39.044C28.9 146.599 14.755 140.773 0 140.757H0v1.597c14.329.017 28.065 5.674 38.197 15.731 10.131 10.057 15.83 23.692 15.846 37.915Zm10.973 0h1.61c-.02-17.534-7.046-34.344-19.536-46.743C34.6 136.859 17.665 129.884 0 129.864v1.599c17.238.019 33.763 6.825 45.952 18.924S64.997 178.89 65.016 196Z"/></g><g clip-path="url(#clip1_3_82)"><path d="M227.999 305.686H228v-1.599h-.001c-23.48.027-45.992 9.298-62.595 25.779s-25.943 38.827-25.969 62.135h1.61c.026-22.885 9.195-44.824 25.497-61.005 16.301-16.182 38.404-25.284 61.457-25.31Zm-65.015 86.315h-1.61c.02-17.534 7.046-34.345 19.536-46.743 12.49-12.399 29.425-19.373 47.089-19.393H228v1.598h-.001c-17.237.02-33.762 6.826-45.951 18.924-12.188 12.099-19.045 28.503-19.064 45.61