fleet/website/views/pages/integrations.ejs
Mike Thomas e80d1ac717
Website update page titles and descriptions (#15645)
Closes https://github.com/fleetdm/fleet/issues/15615

_I'm sorry, I should have split this into separate PRs. I was trying to
move fast, but I didn't consider how awkward to review this PR would
become._

- Updated page titles and descriptions for:
- Homepage (no change to description. Currently set to the default blurb
from "Why Fleet doc."
    - `/pricing`
    - `/integrations`
    - `/vulnerability-management`
    - `/endpoint-ops`
- `/device-management` (I'm not super happy with this one. I tried to
summarize everything, but I think it's too long. I probably need to
rewrite it in a fast follow PR)
- Renamed `/osquery-management` to `/endpoint-ops` and set up redirect
- Removed `/compliance` (Note: I did not remove the compliance feature
images as they are referenced in various /imagine land pages. I need to
confirm whether those imagine pages are used in active ads?)

---------

Co-authored-by: Eric <eashaw@sailsjs.com>
2023-12-15 08:06:31 +09:00

325 lines
16 KiB
Plaintext
Vendored
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div id="integrations" v-cloak>
<div purpose="page-container" class="container-xl mx-auto">
<div purpose="page-heading">
<h1>Extend Fleet</h1>
<p>Integrate IT ticketing systems, SIEM and SOAR platforms, custom IT workflows, and more.</p>
</div>
<div purpose="integration-cards" class="card-deck d-flex justify-content-center">
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-okta-85x28@2x.png" alt="Okta logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Know who opened your computer and check their device posture before you let them log into anything.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.okta.com/">Learn more</a>
<a purpose="animated-arrow-button-red" href="/docs/configuration/fleet-server-configuration#okta-idp-configuration">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-snowflake-color-117x28@2x.png" alt="Snowflake logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Ingest osquery data and monitor for important changes or events.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.snowflake.com/">Learn more</a>
<a purpose="animated-arrow-button-red" href="/guides/delivering-data-to-snowflake-from-fleet-and-osquery">Guide</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-tines-90x28@2x.png" alt="Tines logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Build custom workflows that trigger when things happen on your computers.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.tines.com/">Learn more</a>
<a purpose="animated-arrow-button-red" href="/guides/using-fleet-and-tines-together#basic-article">Guide</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-runzero-130x28@2x.png" alt="runZero Directory logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Install osquery everywhere, scan networks, and discover assets.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.runzero.com/">Learn more</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-active-directory-169x28@2x.png" alt="Active Directory logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Know who opened your computer and check their device posture before you let them log into anything.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://learn.microsoft.com/en-us/azure/active-directory/fundamentals/whatis">Learn more</a>
<a purpose="animated-arrow-button-red" href="/docs/configuration/fleet-server-configuration#identity-provider-idp-configuration">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-ansible-147x28@2x.png" alt="Ansible logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Easily issue MDM commands and standardize data across operating systems.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://ansible.com">Learn more</a>
<a purpose="animated-arrow-button-red" target="_blank" href="https://github.com/CptOfEvilMinions/FleetDM-Automation">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-aws-46x28@2x.png" alt="AWS logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Deploy your own self-managed Fleet in any AWS environment in minutes.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://aws.amazon.com/">Learn more</a>
<a purpose="animated-arrow-button-red" href="/docs/deploy/deploy-on-aws-with-terraform">Get started</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-azure-169x28@2x.png" alt="Azure logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Deploy your own self-managed Fleet in the Microsoft Cloud in minutes.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://azure.microsoft.com/en-us">Learn more</a>
<a purpose="animated-arrow-button-red" href="/docs/deploy/reference-architectures#azure">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-chef-169x28@2x.png" alt="Chef logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Easily issue MDM commands and standardize data across operating systems.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.chef.io/">Learn more</a>
<a purpose="animated-arrow-button-red" target="_blank" href="https://docs.chef.io/">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-elastic-82x28@2x.png" alt="Elastic logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Ingest osquery data and monitor for important changes or events.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.elastic.co/">Learn more</a>
<a purpose="animated-arrow-button-red" href="/guides/using-elasticsearch-and-kibana-to-visualize-osquery-performance">Guide</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-github-89x28@2x.png" alt="Github logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Version control using Git, enabling collaboration and a gitOps workflow.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://github.com/">Learn more</a>
<a purpose="animated-arrow-button-red" href="/guides/using-github-actions-to-apply-configuration-profiles-with-fleet">Guide</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-gitlab-124x28@2x.png" alt="GitLab logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Version control using Git, enabling collaboration and a gitOps workflow.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://about.gitlab.com/">Learn more</a>
<a purpose="animated-arrow-button-red" target="_blank" href="https://docs.gitlab.com/ee/ci/">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-google-chronicle-128x28@2x.png" alt="Google Chronicle logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Ingest osquery data and monitor for important changes or events.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://chronicle.security/">Learn more</a>
<a purpose="animated-arrow-button-red" target="_blank" href="https://cloud.google.com/chronicle/docs/ingestion/default-parsers/collect-osquery">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-google-cloud-174x28@2x.png" alt="Google Cloud Platform logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Deploy your own self-managed Fleet in any GCP environment in minutes.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://console.cloud.google.com/getting-started">Learn more</a>
<a purpose="animated-arrow-button-red" href="/docs/deploy/introduction">Get started</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-jira-185x28@2x.png" alt="Jira Software logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Integrate Fleet with Jira to automatic ticket creation when vulnerabilities are found.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.atlassian.com">Learn more</a>
<a purpose="animated-arrow-button-red" href="/docs/using-fleet/automations#vulnerability-automations">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-munki-101x28@2x.png" alt="Munki logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Easily issue MDM commands and standardize data across operating systems.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://github.com/munki/munki">Learn more</a>
<a purpose="animated-arrow-button-red" href="/docs/using-fleet/mdm-macos-setup#bootstrap-package">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-puppet-79x28@2x.png" alt="Puppet logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Easily issue MDM commands and standardize data across operating systems.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://puppet.com/">Learn more</a>
<a purpose="animated-arrow-button-red" href="https://fleetdm.com/docs/using-fleet/puppet-module#puppet-module">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-splunk-95x28@2x.png" alt="Splunk logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Ingest osquery data and monitor for important changes or events.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.splunk.com/">Learn more</a>
<a purpose="animated-arrow-button-red" href="/docs/using-fleet/log-destinations#splunk">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card invisible mb-0 d-none d-sm-flex">
</div>
</div>
<div purpose="page-heading">
<h2>Build anything</h2>
<p>Configure custom IdPs, trigger automations with webhooks, or build custom dashboards using Fleets REST API.</p>
</div>
<div purpose="integration-cards" class="card-deck d-flex justify-content-center">
<div purpose="integration-card" class="card">
<div purpose="integration-logo" class="d-flex flex-row align-items-center">
<img src="/images/icon-idp-22x28@2x.png" alt="Custom IdP">
<p>Custom IdP</p>
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Make smart authorization decisions by Integrating your device fleets ground truth with any IDP.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-end">
<a purpose="animated-arrow-button-red" href="/docs/configuration/fleet-server-configuration#configuring-single-sign-on-sso">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo" class="d-flex flex-row align-items-center">
<img src="/images/icon-webhooks-30x28@2x.png" alt="Webhooks">
<p>Webhooks</p>
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Configure automations that send webhooks to specific URLs when Fleet detects changes to host, policy, and CVE statuses.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-end">
<a purpose="animated-arrow-button-red" href="/docs/using-fleet/automations">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo" class="d-flex flex-row align-items-center">
<img src="/images/icon-rest-api-35x28@2x.png" alt="REST API"><p>REST API</p>
</div>
<div purpose="integration-card-body" class="card-body">
<p>
See and do everything Fleet can do by building on top of our open REST API. Level up yourself and your system.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-end">
<a purpose="animated-arrow-button-red" href="/docs/rest-api/rest-api ">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card invisible mb-0 d-none d-sm-flex">
</div>
</div>
</div>
</div>
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>