open-vault/website/public/img/usecase-hero-pattern.svg
Alex Carpenter 927f46d5d7
Homepage redesign (#13159)
* homepage setup

* [Homepage] `<IoHomeHero />` component (#13160)

* init <Hero /> component

* adds loading animation

* updates variable naming

* makes index optional

* Update hero-pattern.svg

* prefix with IoHome

* updates usage

* [Homepage] `<IoHomePreFooter />` component (#13182)

* adds <IoHomePreFooter />

* adds interfaces

* [Homepage] `<IoHomeHero />` component (#13160)

* init <Hero /> component

* adds loading animation

* updates variable naming

* makes index optional

* Update hero-pattern.svg

* prefix with IoHome

* updates usage

* adds <IoHomePreFooter />

* adds interfaces

* adds key

* [Homepage] `<IoHomeCallToAction />` component (#13164)

* adding brand to cta

* cleanup homepage

* [Homepage] `<IoHomeVideo />` component (#13161)

* init <Video /> component

* adjusts sizing and border radius

* responsive styling

* fix hover svg gitter

* adjust play icon sizing

* include temp thumbnail

* dialog implementation

* conditionally display person and show helpers

* rename component

* updates dialog naming

* add homepage styling

* simplify background color

* page level styling

* [Homepage] `<IoHomeCaseStudies />` (#13190)

* adds <IoHomeCaseStudies />

* adds interface

* animate gradient

* update min-heights

* Homepage `<IoHomeCard />` component (#13151)

* init <Card /> component

* fixes heading color

* adds product logos and hover styles

* update naming

* simplifies inset spacing

* use ternary and add key

* removes repo link

* removes need for camelCase package

* adds keys

* adds in practice cards

* adds in practice background

* use case cards

* update min col sizing

* adds feature component (#13203)

* fixes card hover bug

* [Homepage] connect homepage to dato content (#13227)

* connect homepage to dato

* Check for internal link

* fix return types

* adds youtube video

* hook up meta tags and chunk cards

* removes chunking

* fix ts return

* fix prop naming

* fix return type

* mobile sizing adjustments

* [Homepage] Usecase pages (#13240)

* init usecase page

* updates use case call to action

* card container component

* themeing

* convert to using strictly props

* responsive spacing

* reworking sections component

* adds callout and hero patterns

* adds priority

* makes feature link optional

* [Homepage] connect use case template to dato (#13295)

* Start connecting to dato

* Fix spacing when no video is present

* Remove log

* adds images

* hook up cards

* pass eyebrow and products

* Delete index.tsx

* Use card container on homepage

* use react video player

* [Homepage] fix mobile video (#13309)

* Removing attributes

* update url

* spacing adjustments

* Allow previewing draft content (#13312)

* fix heading width

* fix feature max width

* adjust in practice padding

* increase icon sizing

* adjust icon alignment

* update eyebrow

* update hero pattern

* update usecase hero pattern

* add hover scale

* [Homepage] populate use case dropdown from use case pages (#13325)

* create standard layout

* removes unused subnav data

* removes static use case pages

* removes use cases style

* bump subnav and use hashicorp vault logo

* fixes use cases paths

* removes hashistack menu

* removes subnav top border

* conditionally render video callout avatar

* hook up data and conditionals

* update components to work with other products

* extract in practice section for reuse

* use Products type

* fix type error

* rework cta logic

* removes type

* updates accent method

* fix button prop

* refactor customer case study

* refactor case studies component

* cleanup margin

* refactor data props

* Spacing updates and introduce intro component

* adds intro interface

* Delete style.css

* fix intro description color

* add revalidate code to homepage

* bump subnav

* make stats optional

* adjust border radius based on customer story

* cleanup temp files

* redirect /home to homepage

* reorder resources

* fix: move heading and description

* fix: logo alignment

* fix: section background color

* feat: optional tutorial and docs links

* fix: removes case studies background

* formatting

* feat: sort use cases in nav

* fix: card overflow (#13429)

* fix: adjust overflow method

* fix: padding on desktop

* fix: scroll padding-right on mobile

* remove debugger

* increase last item width

* card container overflow method (#13434)

* use flex

* formatting

* add comment
2021-12-15 10:32:45 -05:00

1 line
5.5 KiB
XML

<svg width="420" height="503" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_5_55" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="420" height="503"><path fill="#C4C4C4" d="M0 0h420v503H0z"/></mask><g mask="url(#mask0_5_55)"><path d="M85.798 92.398c-.164-.218-.479-.35-.806-.35a1.13 1.13 0 0 0-.467.094.963.963 0 0 0-.352.265L1.639 199.924l-.05.076h2.154L85.004 94.15l75.832 98.783.164.218v-2.795l-75.177-97.91-.025-.048Z" fill="#000"/><path d="M85.647 59.25a1.243 1.243 0 0 0-.19-.114 1.114 1.114 0 0 0-.453-.095c-.164 0-.327.038-.466.095l-.088.038v.01a.867.867 0 0 0-.265.227L-23.68 199.923l-.05.076h2.154L84.992 61.144l75.844 98.792.164.208v-2.804L85.798 59.392a.674.674 0 0 0-.151-.143Z" fill="#000"/><path d="M85.798 75.895c-.164-.218-.479-.35-.806-.35a1.13 1.13 0 0 0-.467.094.964.964 0 0 0-.352.265l-95.193 124.02-.05.076h2.14L85.005 77.647l75.832 98.782.164.218v-2.804l-75.177-97.91-.025-.038Z" fill="#000"/><path d="M85.798 26.395c-.164-.218-.479-.35-.806-.35a1.13 1.13 0 0 0-.467.094.964.964 0 0 0-.352.265l-133.197 173.52-.05.076h2.14L85.004 28.147l75.832 98.782.164.218v-2.804l-75.177-97.91-.025-.038Z" fill="#000"/><path d="M85.823 42.822h-.088l-.013-.01-.012-.037-.076-.029c-.025-.019-.05-.038-.088-.056-.025-.01-.05-.029-.088-.048-.038-.019-.076-.028-.114-.038a.649.649 0 0 0-.226-.047c-.05-.01-.089-.01-.126-.01a.979.979 0 0 0-.177.02c-.025 0-.063.009-.113.018l-.1.029c-.026.01-.051.01-.077.028l-.088.038c-.05.019-.075.047-.1.066l-.126.076v.038c-.013.019-.038.038-.05.057L-36.366 199.924l-.05.076h2.154L85.004 44.65l75.832 98.783.164.208v-2.804l-75.177-97.91v-.105Zm-.428-.038s0-.01 0 0Z" fill="#000"/><path d="M-59.593 200 85.004 11.654l75.832 98.782.164.218V107.84L89.841 15.15l-4.005-5.22-.026-.038c-.163-.218-.478-.35-.806-.35a1.13 1.13 0 0 0-.466.094.964.964 0 0 0-.353.265l-145.87 190.014-.05.076h2.142V200Z" fill="#000"/><g clip-path="url(#clip0_5_55)"><path d="M41.47 297.652a.552.552 0 0 1 0 .694l-75.731 97.653h-2.142l75.996-98-75.945-97.925-.05-.075h2.14l75.707 97.625.025.028Zm-12.672 0a1 1 0 0 1 .088.159l.013.029v.028l.012.047v.028c0 .009.013.028.013.075 0 .019 0 .028-.013.056 0 .038-.012.066-.025.103a.318.318 0 0 0-.038.094c-.012.019-.025.047-.037.075l-75.732 97.653h-2.141l75.995-97.991-75.945-97.934-.05-.075h2.154l75.706 97.616v.037Zm25.344.009c.05.066.089.15.114.272a.48.48 0 0 1-.089.366l-75.768 97.7h-2.142l75.996-97.991-75.945-97.934-.051-.075h2.142l75.668 97.587.075.075Zm-38.004 0c.05.075.088.15.113.272a.48.48 0 0 1-.088.366l-75.756 97.7h-2.141l75.995-97.991-75.945-97.934-.05-.075h2.154l75.668 97.587.05.075Zm50.664.685-75.731 97.653h-2.142l75.996-98-75.945-97.925-.05-.075h2.14l75.732 97.653a.551.551 0 0 1 0 .694Zm12.672 0-75.73 97.653H1.601l75.995-98-75.945-97.925-.05-.075h2.141l75.731 97.653a.551.551 0 0 1 0 .694Z" fill="#BFBFC0"/><path d="m14.261 395.999 146.575-189.004.164-.206v2.776L16.415 395.999h-2.154Zm12.672 0 133.903-172.668.164-.206v2.767L29.088 395.999h-2.155Zm12.66 0 121.243-156.331.164-.206v2.766L41.747 395.999h-2.154Zm12.672 0 108.571-140.004.164-.216v2.776L54.42 395.999h-2.154Zm25.332 0 83.239-107.34.164-.216v2.776l-81.249 104.78h-2.154Zm-12.672 0 95.911-123.668.164-.215v2.776L67.079 395.999h-2.154Z" fill="#000"/></g><g clip-path="url(#clip1_5_55)" fill="#BFBFC0"><path d="m307.675 395.929.054.07h-2.148L161 209.556v-2.768l146.675 189.141Zm-63.276.07h-2.147L161 291.224v-2.768l83.344 107.473.055.07Zm37.997 0h-2.148L161 242.224v-2.768l121.341 156.473.055.07Zm12.67 0h-2.148L161 225.893v-2.768l134.011 172.804.055.07Zm-25.333 0h-2.148L161 258.561v-2.768l108.678 140.136.055.07Zm-12.67 0h-2.148L161 274.893v-2.768l96.008 123.804.055.07ZM166.258 395.999 161 389.215v-2.769l7.405 9.553h-2.147Zm65.485 0h-2.148L161 307.541v-2.758l70.688 91.146.055.07Zm-12.671 0h-2.147L161 323.873v-2.763l58.017 74.819.055.07Zm-12.663 0h-2.147L161 340.21v-2.763l45.354 58.482.055.07Zm-27.481 0L161 372.873v-2.758l20.075 25.884h-2.147Zm12.664 0L161 356.541v-2.763l32.739 42.221h-2.147Z"/></g><g clip-path="url(#clip2_5_55)" fill="#000"><path d="m242.261 395.999 146.575 190.933.164.208v-2.804L244.415 395.999h-2.154Zm12.672 0 133.903 174.429.164.209v-2.795L257.088 395.999h-2.155Zm12.66 0 121.243 157.926.164.209v-2.795l-119.253-155.34h-2.154Zm12.672 0 108.571 141.433.164.218v-2.805L282.419 395.999h-2.154Zm25.332 0 83.239 108.436.164.218v-2.805l-81.249-105.849h-2.154Zm-12.672 0 95.911 124.929.164.209v-2.804l-93.921-122.334h-2.154ZM161.164 487.932l70.579-91.933h-2.141l-68.589 89.356v2.795l.151-.218ZM161 402.848l5.266-6.849h2.141L161 405.643v-2.795Zm0 68.798v-2.794l55.929-72.853h2.142l-57.907 75.439-.164.208Zm0-16.503v-2.795l43.257-56.349h2.142l-45.248 58.936-.151.208Zm0-32.997v-2.794l17.925-23.353h2.154l-19.915 25.939-.164.208Zm0 16.504v-2.795l30.597-39.856h2.142l-32.575 42.433-.164.218ZM161 501.848v2.795l68.589 89.356h2.141l-70.579-91.933-.151-.218Zm0 82.507 7.407 9.644h-2.142L161 587.15v-2.795Zm.164-65.795 57.907 75.439h-2.142L161 521.146v-2.794l.164.208Zm0 16.503 45.247 58.936h-2.141l-43.257-56.349v-2.795l.151.208Zm0 32.997 19.915 25.939h-2.154L161 570.646v-2.794l.164.208Zm0-16.494 32.575 42.433h-2.142L161 554.143v-2.795l.164.218Z"/></g></g><defs><clipPath id="clip0_5_55"><path d="M161 205.999a6 6 0 0 0-6-6H-61a6 6 0 0 0-6 6v184a6 6 0 0 0 6 6h216a6 6 0 0 0 6-6v-184Z" fill="#fff"/></clipPath><clipPath id="clip1_5_55"><path d="M389 205.999a6 6 0 0 0-6-6H167a6 6 0 0 0-6 6v184a6 6 0 0 0 6 6h216a6 6 0 0 0 6-6v-184Z" fill="#fff"/></clipPath><clipPath id="clip2_5_55"><path d="M389 401.999a6 6 0 0 0-6-6H167a6 6 0 0 0-6 6v186a6 6 0 0 0 6 6h216a6 6 0 0 0 6-6v-186Z" fill="#fff"/></clipPath></defs></svg>