mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
308e5f3dc8
Changes: - Created spacing.less, a file that contains the common padding/margin/gap values used on the website - Updated containers.less to contain mixins for page containers - Added feature-blocks.less, a file that contains three mixins: `.feature-with-image()`, `.three-column-features()`, and `.responsive-feature-row()` - Added mixins for common text styles to typography.less - Updated pages to use the new mixins <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Centralized spacing and typography system for consistent, responsive layouts * Reusable feature-block patterns for image/text rows and multi-column feature grids * **Style** * Standardized page containers and content areas with responsive padding and max-widths * Unified heading/body styles via new typography utilities * Simplified markup and improved feature image/text alignment and responsiveness <!-- end of auto-generated comment: release notes by coderabbit.ai -->
231 lines
14 KiB
Text
Vendored
231 lines
14 KiB
Text
Vendored
<div id="software-management-page" v-cloak>
|
||
<div purpose="page-container">
|
||
<div purpose="page-content">
|
||
<div purpose="page-hero">
|
||
<h4>Software management</h4>
|
||
<h1>Manage software consistently</h1>
|
||
<p purpose="hero-text">Pick from a curated software catalog or upload your own custom packages. Configure custom installation scripts if you need or let Fleet do it for you.</p>
|
||
<div purpose="button-row" class="d-flex justify-content-start">
|
||
<a class="btn btn-primary mr-0" purpose="contact-button" href="/contact">Get a demo</a>
|
||
<!-- <animated-arrow-button href="/try">Try it yourself</animated-arrow-button> -->
|
||
</div>
|
||
</div>
|
||
<div purpose="hero-slides">
|
||
<div id="heroCarousel" class="carousel slide d-flex flex-column" data-ride="carousel">
|
||
<div purpose="carousel-headings" class="carousel-indicators d-flex flex-md-row flex-column order-md-1 order-3">
|
||
<div purpose="slide-text" data-target="#heroCarousel" data-slide-to="0" class="active">
|
||
<h5>Built-in, zero-touch installs</h5>
|
||
<p>Install software and run scripts during setup without the need for third-party tools.</p>
|
||
<p><a href="/device-management" @click="goto('/device-management')">More about device management</a></p>
|
||
</div>
|
||
<div purpose="slide-text" data-target="#heroCarousel" data-slide-to="1">
|
||
<h5>Self-service on any OS</h5>
|
||
<p>Enable end users on every operating system and reduce IT burden with pre-approved software.</p>
|
||
</div>
|
||
<div purpose="slide-text" data-target="#heroCarousel" data-slide-to="2">
|
||
<h5>Automate patch management</h5>
|
||
<p>Enforce updates and trigger automations to run scripts or install software.</p>
|
||
</div>
|
||
</div>
|
||
<ol purpose="carousel-indicators" class="carousel-indicators order-2">
|
||
<li data-target="#heroCarousel" data-slide-to="0" class="active"></li>
|
||
<li data-target="#heroCarousel" data-slide-to="1"></li>
|
||
<li data-target="#heroCarousel" data-slide-to="2"></li>
|
||
</ol>
|
||
<div class="carousel-inner order-1 order-md-3">
|
||
<div class="carousel-item active">
|
||
<img class="d-block w-100" src="/images/software-management-feature-slide-1-1072x480-@2x.png" alt="First slide">
|
||
</div>
|
||
<div class="carousel-item">
|
||
<img class="d-block w-100" src="/images/software-management-feature-slide-2-2144x960@2x.png" alt="Second slide">
|
||
</div>
|
||
<div class="carousel-item">
|
||
<img class="d-block w-100" src="/images/software-management-feature-slide-3-2144x960@2x.png" alt="Third slide">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><%// End of [purpose="hero-slides"]%>
|
||
|
||
<div purpose="logo-row">
|
||
<logo-carousel></logo-carousel>
|
||
</div>
|
||
<div purpose="it-testimonial" class="d-flex flex-column justify-content-center align-items-center">
|
||
<img alt="Flock Safety logo" purpose="testimonial-logo" src="/images/logo-flock-safety-907x132@2x.png">
|
||
<p purpose="testimonial-text">
|
||
This is not just production osquery, but actually a way bigger opportunity than even something like Airwatch or Jamf.
|
||
</p>
|
||
<div purpose="testimonial-attribution">
|
||
<img alt="Eric Tan" purpose="testimonial-author-image" src="/images/testimonial-author-eric-tan-99x99@2x.png">
|
||
<p purpose="name">Eric Tan</p>
|
||
<p purpose="job-title">CIO & Chief Security Officer at Flock Safety</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div purpose="feature-with-image">
|
||
<div purpose="feature-image">
|
||
<img alt="Deploy software your own way" src="/images/feature-image-fleet-maintained-software-1056x754@2x.png">
|
||
</div>
|
||
<div purpose="feature-text">
|
||
<h3>Deploy software your own way</h3>
|
||
<p>Deploy software from any source using the method that works best for you—whether it's through the UI, API, or GitOps.</p>
|
||
<div purpose="checklist">
|
||
<p>Install from a built-in catalog of Fleet-maintained apps without the need for additional configuration.</p>
|
||
<p>Upload any third-party software as a custom package to deploy all of the tools your end users need.</p>
|
||
<p>Manage app deployments and updates for your computers and mobile devices from app stores.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div purpose="feature-with-image" class="reverse">
|
||
<div purpose="feature-image">
|
||
<img alt="Automate patch management" src="/images/feature-image-automate-patch-management-1056x754@2x.png">
|
||
</div>
|
||
<div purpose="feature-text">
|
||
<h3>Automate patch management</h3>
|
||
<p>Take the guesswork out of keeping devices up-to-date and secure by asking yes or no questions tied to automations.</p>
|
||
<div purpose="checklist">
|
||
<p>Use policy automations to trigger app updates, execute scripts, or create tickets in Jira and Zendesk.</p>
|
||
<p>Generate webhooks to integrate with your favorite tools and systems.</p>
|
||
<p>Optionally integrate Google Calendar to schedule time for your users to update software when it’s convenient for them.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div purpose="feature-with-image">
|
||
<div purpose="feature-image">
|
||
<img alt="The right software at the right moment" src="/images/feature-image-self-service-1056x754@2x.png">
|
||
</div>
|
||
<div purpose="feature-text">
|
||
<h3>The right software at the right moment</h3>
|
||
<p>Use self-service to keep employees productive and secure with software curated to their needs.</p>
|
||
<div purpose="checklist">
|
||
<p>Install organization-approved software for macOS, Windows, and Linux.</p>
|
||
<p>Quickly deliver software for teams of any size, tailored to small groups or the entire organization.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div purpose="testimonial" class="d-flex flex-column justify-content-center align-items-center">
|
||
<img alt="Rivian logo" purpose="testimonial-logo" src="/images/social-proof-rivian-107x24@2x.png">
|
||
<p purpose="testimonial-text">
|
||
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 purpose="testimonial-attribution">
|
||
<img alt="Andre Shields" purpose="testimonial-author-image" src="/images/testimonial-author-andre-shields-48x48@2x.png">
|
||
<p purpose="name">Andre Shields</p>
|
||
<p purpose="job-title">Cybersecurity Security Engineer, Vulnerability Management</p>
|
||
</div>
|
||
</div>
|
||
<% if(typeof primaryBuyingSituation === 'undefined' || !['it-misc', 'it-major-mdm', 'it-gap-filler-mdm'].includes(primaryBuyingSituation)) { %>
|
||
<div purpose="feature-slides">
|
||
<div purpose="feature-switch" class="d-flex flex-md-row flex-column justify-content-md-center justify-content-start">
|
||
<div purpose="feature-option" :class="[visibleFeature === 'mitigate-cves-automatically' ? 'active' : '']" @click="clickSwitchFeature('mitigate-cves-automatically')">
|
||
Mitigate CVEs automatically
|
||
</div>
|
||
<div purpose="feature-option" :class="[visibleFeature === 'on-demand-data' ? 'active' : '']" @click="clickSwitchFeature('on-demand-data')">
|
||
On-demand data
|
||
</div>
|
||
<div purpose="feature-option" :class="[visibleFeature === 'out-of-the-box-reporting' ? 'active' : '']" @click="clickSwitchFeature('out-of-the-box-reporting')">
|
||
Out-of-the-box reporting
|
||
</div>
|
||
</div>
|
||
<div purpose="feature-slide" :class="[visibleFeature === 'mitigate-cves-automatically' ? '' : 'invisible']" class="d-flex flex-md-row flex-column-reverse justify-content-center mx-auto align-items-start">
|
||
<div purpose="feature-image">
|
||
<img alt="Mitigate CVEs automatically" src="/images/software-management-feature-slide-mitigate-cves-automatically-528x377@2x.png">
|
||
</div>
|
||
<div purpose="feature-text" class="d-flex flex-column">
|
||
<h3>Mitigate CVEs automatically</h3>
|
||
<p>Build automations that close tickets or mitigate vulnerabilities by updating or removing software and running custom scripts.</p>
|
||
<div purpose="checklist" class="flex-column d-flex">
|
||
<p>Automatically detect when old vulnerabilities are reintroduced, or mitigations falter.</p>
|
||
<p>Track and mitigate zero days, with live queries and policies, even before they're officially published as CVEs.</p>
|
||
<p>Only create tickets for vulnerabilities that affect your environment. Automate ticketing with Jira, ServiceNow, or integrate your own system.</p>
|
||
<p>Deep-link live data with internal IT and platform teams.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div purpose="feature-slide" :class="[visibleFeature === 'on-demand-data' ? '' : 'invisible']" class="d-flex flex-md-row flex-column-reverse justify-content-center mx-auto align-items-start">
|
||
<div purpose="feature-image">
|
||
<img alt="Deep context from the environment" src="/images/software-management-feature-slide-on-demand-data-528x377@2x.png">
|
||
</div>
|
||
<div purpose="feature-text" class="d-flex flex-column">
|
||
<h3>Deep context from the environment</h3>
|
||
<p>Fleet gives you data down to the chip level on every endpoint to help you make sense of which vulnerabilities to prioritize.</p>
|
||
<div purpose="checklist" class="flex-column d-flex">
|
||
<p>Automate prioritization with an 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>
|
||
<p>Automatically match CVEs to your operating systems, apps, extensions, browser plugins, Python libraries, everything.</p>
|
||
</div>
|
||
<div purpose="feature-link">
|
||
<animated-arrow-button href="/orchestration">Explore orchestration</animated-arrow-button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div purpose="feature-slide" :class="[visibleFeature === 'out-of-the-box-reporting' ? '' : 'invisible']" class="d-flex flex-md-row flex-column-reverse justify-content-center mx-auto align-items-start">
|
||
<div purpose="feature-image">
|
||
<img alt="Report what matters" src="/images/software-management-feature-slide-out-of-the-box-reporting-528x377@2x.png">
|
||
</div>
|
||
<div purpose="feature-text" class="d-flex flex-column">
|
||
<h3>Report what matters</h3>
|
||
<p>Let's face it, most built-in graphs leave you wanting more. Report MTTR and any other custom metrics exactly the way you want to using fresh data from real computers.</p>
|
||
<div purpose="checklist" class="flex-column d-flex">
|
||
<p>Track any “celebrity” CVE across every OS, every cloud, and every device, and show how quickly it was mitigated.</p>
|
||
<p>Avoid distracting your CISO with bloated reports. Only communicate facts important to your organization's KPIs. Show real-time mitigation progress (%) or sync with your favorite data tool like Microsoft BI.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div purpose="feature-with-image" class="reverse">
|
||
<div purpose="feature-image">
|
||
<img alt="Up-to-date data without scans" src="/images/software-management-feature-image-up-to-date-data-without-scans-528x377@2x.png">
|
||
</div>
|
||
<div purpose="feature-text">
|
||
<h3>Up-to-date data without scans</h3>
|
||
<p>Traditional network vulnerability scans can clog your network and even haunt your printers with pages full of wingdings. Fleet does things differently.</p>
|
||
<div purpose="checklist">
|
||
<p>Eliminate the risk of side effects from scanning the network.</p>
|
||
<p>Lightweight enough for the most brittle environments (OT, data centers, embedded/BTS, low-latency gaming servers).</p>
|
||
<p>Quickly pull data about important CVEs and zero days during an incident or audit.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div purpose="feature-with-image">
|
||
<div purpose="feature-image">
|
||
<img alt="Untangle your security stack" src="/images/software-management-feature-image-untangle-your-security-stack-528x377@2x.png">
|
||
</div>
|
||
<div purpose="feature-text">
|
||
<h3>Untangle your security stack</h3>
|
||
<p>Use open data and APIs to connect your vulnerability solution with osquery, the agent you might already have deployed.</p>
|
||
<div purpose="checklist">
|
||
<p>Normalize asset management data and software inventories from multiple tools and operating systems.</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>Process CVEs across cloud and non-cloud assets in a single platform and see who's responsible for what.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<% } %>
|
||
</div><%// End of [purpose="page-content"]%>
|
||
</div><%// End of [purpose="page-container"]%>
|
||
<div purpose="tweets-container" class="d-flex flex-column justify-content-center">
|
||
<div purpose="page-container" class="py-0">
|
||
<div purpose="section-heading" class="mx-auto text-center">
|
||
<h2 class="mb-3">What people are saying</h2>
|
||
</div>
|
||
</div>
|
||
<scrollable-tweets :testimonials="testimonialsForScrollableTweets"></scrollable-tweets>
|
||
</div>
|
||
<div purpose="page-container" class="py-0">
|
||
<div purpose="bottom-cta">
|
||
<h4>Software management</h4>
|
||
<h2>Manage software consistently</h2>
|
||
<div purpose="button-row" class="d-flex justify-content-center align-items-center mx-auto">
|
||
<a class="btn btn-primary mr-0" purpose="contact-button" href="/contact">Get a demo</a>
|
||
<!-- <animated-arrow-button href="/try">Try it yourself</animated-arrow-button> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<%/* Cloud city banner */%>
|
||
<parallax-city></parallax-city>
|
||
|
||
</div>
|
||
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>
|