fleet/website/views/pages/vulnerability-management.ejs

<div id="vulnerability-management" v-cloak>
  <div purpose="page-container">
    <div purpose="page-content" class="mx-auto">
    <div purpose="hero">
      <div purpose="page-headline">
        <h4>Vulnerability management</h4>
        <h2>Build the vulnerability program you actually want</h2>
      </div>
      <div purpose="hero-content" class="d-flex flex-md-row flex-column align-items-center justify-content-between">
        <div purpose="hero-image">
          <img alt="A pocket monster orb being scanned for vulnerabilities" src="/images/vuln-management-hero-image-360x374@2x.png">
        </div>
        <div purpose="hero-text">
          <strong>Forget triaging every CVE</strong>
          <p>Be intentional about what you patch. Focus on known exploits and vulnerabilities that actually exist in your environment first.</p>
          <strong>Up-to-date data without scans</strong>
          <p>Traditional network vulnerability scans can clog networks. Fleet does things differently.</p>
          <strong>Consolidate your security stack</strong>
          <p>Consolidate your point vulnerability solution with your cybersecurity asset management and log capture tool.</p>
          <div purpose="button-row" class="d-flex flex-md-row flex-column justify-content-start align-items-center">
            <a purpose="cta-button" @click="clickOpenChatWidget()">Show me</a>
            <a purpose="animated-arrow-button-red" href="/try-fleet">See real data</a>
          </div>
        </div>
      </div>
    </div>
    <div purpose="testimonials" class="d-flex flex-md-row flex-column align-items-center justify-content-between">
      <div purpose="testimonial-quote">
        <div purpose="quote">
          <img alt="an opening quotation mark" style="width:20px; margin-bottom: 16px;" src="/images/icon-quote-21x17@2x.png">
          <p>Fleet lets us be more actionable with fewer people. It helps us to filter out the noise better than we could with the other big name products we replaced.</p>
        </div>
        <div purpose="quote-attribution" class="d-flex flex-md-row flex-column align-items-center">
          <div purpose="quote-image"><img src="/images/testimonial-andre-shields-48x48@2x.png" alt="Andre shields"></div>
          <div class="d-flex flex-column">
            <p purpose="name">Andre Shields</p>
            <p purpose="title">Cybersecurity Security Engineer, Vulnerability Management</p>
          </div>
        </div>
      </div>
      <div purpose="testimonial-videos" class="d-flex">
        <div purpose="testimonial-video" @click="clickOpenVideoModal('austin-anderson')">
          <span><img src="/images/icon-play-video-8x9@2x.png" alt="Play">Play video</span>
        </div>
        <div purpose="testimonial-video" @click="clickOpenVideoModal('andre-shields')">
          <span><img src="/images/icon-play-video-8x9@2x.png" alt="Play">Play video</span>
        </div>
      </div>
    </div>

    <div purpose="feature" class="d-flex flex-md-row flex-column justify-content-between mx-auto align-items-center">
      <div purpose="feature-image" class="right">
        <img alt="Forget triaging every CVE" src="/images/vuln-management-feature-image-1-380x281@2x.png">
      </div>
      <div purpose="feature-text" class="d-flex flex-column">
        <h3>Forget triaging every CVE</h3>
        <p>Be intentional about what you patch. Focus on known exploits and vulnerabilities that actually exist in your environment first.</p>
        <div purpose="checklist" class="flex-column d-flex">
          <p>Track patch progress of “celebrity CVEs” across every operating system, every cloud, and every device</p>
          <p>Help teams work on vulnerabilities that have actually been exploited (CISA KEVs) or have a high probability of being exploited (EPSS), or whatever is important in your environment</p>
          <p>Create webhooks that take action when researchers publish new CVEs that affect your environment, or when users find ways to change things</p>
        </div>
      </div>
    </div>

    <div purpose="feature" class="d-flex flex-md-row flex-column-reverse justify-content-between mx-auto align-items-center">
      <div purpose="feature-text" class="d-flex flex-column">
        <h3>Up-to-date data without scans</h3>
        <p>Traditional network vulnerability scans can clog networks. Fleet does things differently.</p>
        <div purpose="checklist" class="flex-column d-flex">
          <p>Demonstrate an accurate security posture tailored to your environments</p>
          <p>Lightweight enough for the most brittle environments (OT, data centers, embedded/BTS, low-latency gaming servers)</p>
          <p>Triage a high-urgency zero day in hours, not days. Get data on any vulnerability in your environment on demand</p>
        </div>
        <a purpose="animated-arrow-button-red" href="/try-fleet">Explore real data</a>
      </div>
      <div purpose="feature-image" class="left">
        <img alt="Up-to-date data without scans" src="/images/vuln-management-feature-image-2-380x323@2x.png">
      </div>
    </div>

    <div purpose="feature" class="d-flex flex-md-row flex-column justify-content-between mx-auto align-items-center">
      <div purpose="feature-image" class="right">
        <img alt="Consolidate your security stack" src="/images/vuln-management-feature-image-3-380x320@2x.png">
      </div>
      <div purpose="feature-text" class="d-flex flex-column">
        <h3>Consolidate your security stack</h3>
        <p>Consolidate your point vulnerability solution with your cybersecurity asset management and log capture tools.</p>
        <div purpose="checklist" class="flex-column d-flex">
          <p>Prevent duplicated, inaccurate CMDBs to reduce tool sprawl and wasted budget</p>
          <p>Normalize asset management data and software inventories from multiple tools and operating systems</p>
          <p>Process CVEs across cloud and non-cloud assets in a single platform and see who's responsible for what</p>
          <p>Collect consistent security event data, like file events, by using the same agent and queries to ship the logs</p>
        </div>
      </div>
    </div>

    <div purpose="feature" class="d-flex flex-md-row flex-column-reverse justify-content-between mx-auto align-items-center">
      <div purpose="feature-text" class="d-flex flex-column">
        <h3>Deep context from the environment</h3>
        <p>Automatically match CVEs to your operating systems, apps, extensions, browser plugins, Python libraries, everything.</p>
        <div purpose="checklist" class="flex-column d-flex">
          <p>Instantly look up vulnerabilities, system state, and hardware details using real data from the actual device</p>
          <p>Prioritize more efficiently with a thin, admin-level agent that has visibility down to the chipset of any endpoint</p>
          <p>Access over 300 tables of system state data. Use presets or create your own queries</p>
        </div>
        <a purpose="animated-arrow-button-red" href="/try-fleet">Explore real data</a>
      </div>
      <div purpose="feature-image" class="left">
        <img alt="Deep context from the environment" src="/images/vuln-management-feature-image-4-380x270@2x.png">
      </div>
    </div>


    <div purpose="feature" class="d-flex flex-md-row flex-column justify-content-between mx-auto align-items-center">
      <div purpose="feature-image" class="right">
        <img alt="A collaborative approach to vulnerability management" src="/images/vuln-management-feature-image-5-380x312@2x.png">
      </div>
      <div purpose="feature-text" class="d-flex flex-column">
        <h3>A collaborative approach to vulnerability management</h3>
        <p>Like Fastly and Gusto, give your teams a consistent interface for better collaboration.</p>
        <div purpose="checklist" class="flex-column d-flex">
          <p>Show progress towards patch deadlines, down to the minute</p>
          <p>Share live data with internal IT and platform teams and export reports for auditors</p>
          <p>Help IT and infrastructure teams identify the most time-sensitive patches to work on</p>
        </div>
      </div>
    </div>
  </div>
  </div>
  <%/* End of page gradient */%>
  <div purpose="bottom-gradient">
    <div purpose="tweets-container" class="container-fluid px-md-0 pb-0 d-flex flex-column justify-content-center">
      <div purpose="section-heading" class="mx-auto text-center">
        <h4>Who else uses Fleet?</h4>
        <h2>Empowering security and IT teams, globally</h2>
      </div>
    </div>

    <scrollable-tweets :testimonials="testimonialsForScrollableTweets"></scrollable-tweets>
    <div purpose="page-container" class="pb-0 container">

      <div purpose="section-heading" class="text-center">
        <h4>Open-source vulnerability management</h4>
        <h2>Build the vulnerability program you actually want</h2>
        <div purpose="button-row" style="margin-top: 32px;" class="d-flex flex-md-row flex-column justify-content-center align-items-center mx-auto">
          <a purpose="cta-button" href="/try-fleet/register?tryitnow">Try it out</a>
          <a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
        </div>
      </div>
    </div>
  </div>
  <%/* Cloud city banner */%>
  <div class="d-flex flex-column" purpose="bottom-cloud-city-banner">
    <img alt="A glass city floating on top of fluffy white clouds" class="d-none d-lg-flex" src="/images/homepage-cloud-city-banner-lg-1600x375@2x.png">
    <img alt="A glass city floating on top of fluffy white clouds" class="d-none d-md-flex d-lg-none" src="/images/homepage-cloud-city-banner-md-990x375@2x.png">
    <img alt="A glass city floating on top of fluffy white clouds" class="d-flex d-md-none" src="/images/homepage-cloud-city-banner-sm-375x168@2x.png">
  </div>
  <modal purpose="video-modal" v-if="modal === 'austin-anderson'" @close="closeModal()">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/G5Ry_vQPaYc?si=vv0AfRe30yssWWRM&amp;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
  </modal>
  <modal purpose="video-modal" v-if="modal === 'andre-shields'" @close="closeModal()">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/siXy9aanOu4?si=fRIUQrrOu81lAqi8&amp;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
  </modal>
</div>
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>