Website: Update content and layout of linux management page (#46090)

Closes: https://github.com/fleetdm/fleet/issues/45689

Changes:
- Updated the layout and content of the Linux management page to match
the latest wireframes

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
* Added comprehensive FAQ accordion (10 items) and a “Couldn’t find an
answer?” prompt.
* New content sections: distro checklist, feature rows (visibility,
control, IaC, lightweight deployment), testimonial/brand logos, and an
AI workflow.
* Updated hero copy and reinforced primary/secondary CTAs (contact and
workshop).

* **Style**
* Redesigned page layout with improved spacing, left-aligned hero, and
updated typography.
* Reworked responsive behavior across breakpoints; adjusted CTA/button
sizing and mobile spacing.
* Refined logo grid, quote layouts, and bottom call-to-action
presentation.

<!-- review_stack_entry_start -->

[![Review Change
Stack](https://storage.googleapis.com/coderabbit_public_assets/review-stack-in-coderabbit-ui.svg)](https://app.coderabbit.ai/change-stack/fleetdm/fleet/pull/46090?utm_source=github_walkthrough&utm_medium=github&utm_campaign=change_stack)

<!-- review_stack_entry_end -->
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
Eric
2026-05-22 15:20:37 -05:00
committed by GitHub
parent f2fca57c44
commit 0580b5a1ba
19 changed files with 990 additions and 371 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 353 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 413 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 581 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 984 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 834 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 809 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

File diff suppressed because it is too large Load Diff
+338 -92
View File
@@ -1,145 +1,391 @@
<div id="linux-management" v-cloak>
<div purpose="landing-page-container">
<div purpose="landing-page-content">
<div purpose="landing-page-hero">
<div purpose="page-hero-content">
<div purpose="page-hero-headings">
<h4>Linux Device Management</h4>
<h1>Linux device management for modern IT teams</h1>
</div>
<div purpose="page-hero-text">
<p>Support developers choice of Linux without losing visibility or control. <br>Manage Linux, macOS, and Windows in one place.</p>
</div>
<div purpose="button-row" class="d-flex justify-content-center align-items-center">
<a purpose="cta-button" class="btn btn-primary" href="/contact">Talk to an engineer</a>
<animated-arrow-button href="/gitops-workshop">Join a workshop</animated-arrow-button>
<div purpose="page-container">
<div purpose="page-content">
<div purpose="hero-and-top-section">
<div purpose="page-hero">
<div purpose="page-hero-content">
<div purpose="page-hero-headings">
<h4>Linux Device Management</h4>
<h1>No more Linux blindspots for IT teams</h1>
</div>
<div purpose="page-hero-text">
<p>Fleet brings open device management, patching, and vulnerability detection to Linux. Support device choice without losing visibility or control.</p>
</div>
<div purpose="button-row" class="d-flex">
<a purpose="cta-button" class="btn btn-primary" href="/contact">Talk to an engineer</a>
<animated-arrow-button href="/gitops-workshop">Join a workshop</animated-arrow-button>
</div>
</div>
</div>
</div><%/* landing-page-hero */%>
<div purpose="landing-page-section">
<div purpose="section-heading">
<h3>Linux devices create blind spots for IT</h3>
<p>Linux is popular with developers and engineers. Most device management tools werent built for it. That gap creates risk.</p>
</div>
<div purpose="four-column-feature-row">
<div purpose="feature-item">
<h5>Distribution sprawl</h5>
<p>Different package managers and update paths across distributions.</p>
<div purpose="top-section">
<div purpose="page-section">
<div purpose="section-with-image" class="reverse">
<div purpose="feature-text">
<h2>Built for Linux</h2>
<p>Fleet treats Linux as a first-class platform, not an afterthought. Open source, API-first, and built so Linux devices don't fall through the cracks.</p>
<div purpose="checklist-heading">
</div>
<div purpose="checklists">
<div purpose="checklist">
<p>CentOS 7.1+</p>
<p>Ubuntu 20.04+</p>
<p>Fedora 38+</p>
<p>Amazon Linux 2+</p>
</div>
<div purpose="checklist">
<p>Red Hat Enterprise Linux (RHEL) 7+</p>
<p>openSUSE 15.6+</p>
<p>Arch Linux</p>
<p>Omarchy</p>
</div>
</div>
<div>
</div>
</div>
<div purpose="section-image">
<img alt="Built for Linux" src="/images/linux-mdm-built-for-linux-600x450@2x.png">
</div>
</div>
</div>
<div purpose="feature-item">
<h5>Inconsistent patching</h5>
<p>Without automation, updates vary by device and by team.</p>
</div>
<div purpose="feature-item">
<h5>Limited visibility</h5>
<p>IT cant easily see whats installed or how devices are configured.</p>
</div>
<div purpose="feature-item">
<h5>Fragmented workflows</h5>
<p>Linux often sits outside your macOS and Windows management process.</p>
</div>
</div>
</div>
<div purpose="landing-page-section">
<div purpose="feature-with-image">
<div purpose="feature-image">
<img alt="A screenshot of Fleet showing scripts that can be run on a Linux device." src="/images/linux-management-feature-image-scripts-504x378@2x.png">
</div>
<div purpose="feature-text">
<h3>Manage Linux with the same visibility and control as other devices</h3>
<p>Use Fleet to manage Linux devices at scale. Apply the same workflows you use for macOS and Windows.</p>
<div purpose="checklist">
<p>Run scripts remotely to automate installs, updates, and configuration</p>
<p>Manage software across Debian-based and RPM-based distributions</p>
<p>Monitor hardware, software, and compliance in real time</p>
<p>Enforce security policies and track vulnerabilities across your fleet</p>
<div purpose="page-section">
<div purpose="feature-row">
<div purpose="feature-item">
<div purpose="feature-headline">
<img alt="Open source" purpose="feature-icon" src="/images/icon-open-source-24x24@2x.png">
<h5>Open source and transparent</h5>
</div>
<div purpose="feature-text">
<p>Fleet's source code is public. See exactly how devices are managed and how the agent works. End users can see what data Fleet collects from their device directly in <a href="/guides/fleet-desktop">Fleet Desktop</a>.</p>
</div>
</div>
<div purpose="feature-item">
<div purpose="feature-headline">
<img alt="Infrastructure as code" purpose="feature-icon" src="/images/icon-branch-24x24@2x.png">
<h5>Infrastructure as code</h5>
</div>
<div purpose="feature-text">
<p>Store your Linux device configuration in Git. <a href="/infrastructure-as-code">Propose changes with pull requests</a>, require peer review before anything reaches a device, and roll back instantly if needed. Every change is tracked, attributed, and reversible.</p>
</div>
</div>
<div purpose="feature-item">
<div purpose="feature-headline">
<img alt="One API for every OS" purpose="feature-icon" src="/images/icon-closing-tag-24x24@2x.png">
<h5>One API for every OS</h5>
</div>
<div purpose="feature-text">
<p>Fleet provides a single <a href="/docs/rest-api">REST API</a> across Linux, macOS, and Windows, and mobile devices. Build automations, export data to your SIEM, or connect to your ticketing system. Out-of-the-box <a href="/integrations">integrations</a> include Jira, Zendesk, and webhooks.</p>
</div>
</div>
<div purpose="feature-item">
<div purpose="feature-headline">
<img alt="Lightweight deployment" purpose="feature-icon" src="/images/icon-rocket-24x24@2x.png">
<h5>Lightweight deployment</h5>
</div>
<div purpose="feature-text">
<p>Install Fleet's agent (fleetd) on Linux devices using your existing tools, like Ansible, Puppet, or Chef. Fleet works alongside your current setup. Start with visibility and add management at your own pace.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div purpose="landing-page-section">
<div purpose="section-quote">
<div purpose="quote-image">
<img alt="Nutanix logo" src="/images/logo-nutanix-140x32@2x.png">
</div>
<p purpose="quote-text">"We chose Fleet because they take Linux desktop management seriously. It was smooth as butter to set up and start deploying. Fleet gives me the peace of mind knowing that our Linux devices are properly managed, monitored, and secure."</p>
<div purpose="quote-author-info">
<div>
<div purpose="quote-and-logos">
<div purpose="section-quote">
<div purpose="quote-author-image">
<img alt="Roger Cantrell" src="/images/testimonial-author-roger-cantrell-100x100@2x.png">
</div>
<div purpose="name-and-title">
<p purpose="author-name">Roger Cantrell</p>
<p purpose="author-title">IT Operations Engineer</p>
<p purpose="author-title">Nutanix</p>
<div purpose="quote-content">
<p purpose="quote-text">"We chose Fleet because they take Linux desktop management seriously. It was smooth as butter to set up and start deploying."</p>
<div purpose="quote-author-info">
<div purpose="name-and-title">
<p purpose="author-name">Roger Cantrell</p>
<p purpose="author-title">IT Operations Engineer, Nutanix</p>
</div>
</div>
</div>
</div>
<div purpose="logo-grid" class="d-none d-sm-flex">
<div purpose="logo-row">
<div purpose="logo" class="nutanix">
<img alt="Nutanix logo" src="/images/logos/logo-nutanix-color-93x12@2x.png">
</div>
<div purpose="logo" class="leidos">
<img alt="Leidos logo" src="/images/logos/logo-leidos-color-84x20@2x.png">
</div>
<div purpose="logo" class="proton">
<img alt="Proton logo" src="/images/logos/logo-proton-color-79x20@2x.png">
</div>
</div>
<div purpose="logo-row">
<div purpose="logo" class="grafana">
<img alt="Grafana Labs logo" src="/images/logos/logo-grafana-labs-color-117x20@2x.png">
</div>
<div purpose="logo" class="calendly">
<img alt="Calendly logo" src="/images/logos/logo-calendly-color-83x20@2x.png">
</div>
<div purpose="logo" class="mozilla">
<img alt="Mozilla logo" src="/images/logos/logo-mozilla-color-84x20@2x.png">
</div>
</div>
</div>
<div purpose="logo-grid" class="d-flex d-sm-none">
<div purpose="logo-row">
<div purpose="logo" class="nutanix">
<img alt="Nutanix logo" src="/images/logos/logo-nutanix-color-93x12@2x.png">
</div>
<div purpose="logo" class="leidos">
<img alt="Leidos logo" src="/images/logos/logo-leidos-color-84x20@2x.png">
</div>
</div>
<div purpose="logo-row">
<div purpose="logo" class="grafana">
<img alt="Grafana Labs logo" src="/images/logos/logo-grafana-labs-color-117x20@2x.png">
</div>
<div purpose="logo" class="proton">
<img alt="Proton logo" src="/images/logos/logo-proton-color-79x20@2x.png">
</div>
</div>
<div purpose="logo-row">
<div purpose="logo" class="calendly">
<img alt="Calendly logo" src="/images/logos/logo-calendly-color-83x20@2x.png">
</div>
<div purpose="logo" class="mozilla">
<img alt="Mozilla logo" src="/images/logos/logo-mozilla-color-84x20@2x.png">
</div>
</div>
</div>
</div>
</div>
<div purpose="landing-page-section">
<div purpose="features-section">
<div purpose="section-heading">
<h2>Built for Linux-first teams</h2>
<h2>Visibility and control</h2>
<p>Manage Linux with the depth you'd expect from your macOS and Windows tools, from software and compliance to remote lock and wipe.</p>
<div purpose="button-row">
<a purpose="cta-button" class="btn btn-primary" href="/contact">Talk to an engineer</a>
</div>
</div>
<div purpose="feature-row">
<div purpose="feature-with-image-row">
<div purpose="feature-item">
<h5>Open source foundation</h5>
<p>Fleet is open source. Review how devices are managed and adapt them to your needs.</p>
<div purpose="feature-image">
<img alt="Real-time device visibility" src="/images/linux-mdm-real-time-visibility-600x338@2x.png">
</div>
<div purpose="image-caption">
<h5>Real-time device visibility</h5>
<p>Fleet gives you answers about any Linux device in seconds. Check which packages are installed, what kernel version is running, or which devices have a specific configuration.</p>
</div>
</div>
<div purpose="feature-item">
<h5>GitOps workflows</h5>
<p>Version-control configuration. Propose changes with pull requests.</p>
<div purpose="feature-image">
<img alt="Software management" src="/images/linux-mdm-software-management-600x338@2x.png">
</div>
<div purpose="image-caption">
<h5>Software management</h5>
<p>Install, update, and remove software on Debian-based and RPM-based systems. Upload your own .deb, .rpm, and .tar.gz files, or use script-only packages for configuration changes.</p>
</div>
</div>
<div purpose="feature-item">
<h5>Unified device view</h5>
<p>See Linux, macOS, and Windows devices in one interface.</p>
<div purpose="feature-image">
<img alt="Vulnerability detection" src="/images/linux-mdm-vulnerability-detection-600x338@2x.png">
</div>
<div purpose="image-caption">
<h5>Vulnerability detection</h5>
<p>Fleet matches installed Linux packages and kernels against known vulnerability databases, including CISA Known Exploited Vulnerabilities. See which devices are exposed, how long they've been at risk, and prioritize by actual exploit likelihood.</p>
</div>
</div>
<div purpose="feature-item">
<h5>Software inventory</h5>
<p>Know exactly whats installed across all distributions.</p>
<div purpose="feature-image">
<img alt="Remote script execution" src="/images/linux-mdm-remote-script-execution-600x338@2x.png">
</div>
<div purpose="image-caption">
<h5>Remote script execution</h5>
<p>Run shell and Python scripts on Linux devices, individually or in bulk. Lock or wipe a lost device remotely. Automate configuration, fix issues, or collect diagnostics without interrupting end users.</p>
</div>
</div>
<div purpose="feature-item">
<h5>Policy enforcement</h5>
<p>Define queries and policies to monitor compliance.</p>
<div purpose="feature-image">
<img alt="Disk encryption enforcement" src="/images/linux-mdm-disk-encryption-enforcement-600x338@2x.png">
</div>
<div purpose="image-caption">
<h5>Disk encryption enforcement</h5>
<p>Fleet enforces LUKS2 disk encryption on Ubuntu, Kubuntu, and Fedora. Recovery keys are stored automatically and available to admins in the Fleet console.</p>
</div>
</div>
<div purpose="feature-item">
<h5>Works across environments</h5>
<p>Manage cloud, on-prem, and mixed fleets with the same tools.</p>
<div purpose="feature-image">
<img alt="Self-service for Linux" src="/images/linux-mdm-self-service-for-linux-600x338@2x.png">
</div>
<div purpose="image-caption">
<h5>Self-service for Linux</h5>
<p>End users can install approved software and handle common tasks from a self-service page in Fleet Desktop, without filing a ticket or waiting on IT.</p>
</div>
</div>
</div>
</div>
<div purpose="section">
<div purpose="section-with-image">
<div purpose="feature-text">
<h3>New ways of working with AI</h3>
<p>Describe a configuration change in natural language. Fleet's GitOps workflow turns it into a reviewable pull request. A human reviews and approves before anything reaches a device.</p>
<div purpose="button-row">
<a purpose="cta-button" class="btn btn-primary" href="/infrastructure-as-code">Manage devices as code</a>
</div>
</div>
<div purpose="section-image">
<img alt="AI-assisted GitOps change management" src="/images/mdm-modern-change-management-600x435@2x.png">
</div>
</div>
</div>
</div>
</div>
<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">
<h2 class="mb-3">What people are saying</h2>
</div>
</div>
<scrollable-tweets :testimonials="testimonialsForScrollableTweets"></scrollable-tweets>
<div purpose="bottom-gradient">
<div purpose="page-container" class="container">
<div purpose="bottom-gradient">
<div purpose="page-container">
<div purpose="page-content">
<div purpose="bottom-section">
<div purpose="faq-section">
<h2 purpose="faq-heading">FAQ</h2>
<div purpose="accordion">
<div purpose="accordion-body">
<div purpose="accordion-item">
<p purpose="accordion-header" id="accordion__header-faq-1" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body-faq-1" aria-controls="accordion__body-faq-1">
Which Linux distributions does Fleet support?
<span class="fa fa-angle-down"></span>
</p>
<div purpose="accordion-answer" id="accordion__body-faq-1" class="collapse" aria-labelledby="accordion__header-faq-1">
<p>Ubuntu 20.04+, Debian 11+, RHEL 7/8/9, CentOS 7.1+, Fedora 38 and 39, Amazon Linux 2+, openSUSE 15.6+, Arch Linux, and Omarchy. Fleet actively tests against these versions and ships fixes for them. Older versions may work but aren't actively tested.</p>
</div>
</div>
<div purpose="accordion-item">
<p purpose="accordion-header" id="accordion__header-faq-2" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body-faq-2" aria-controls="accordion__body-faq-2">
Does Fleet support both Debian-based and RPM-based package managers?
<span class="fa fa-angle-down"></span>
</p>
<div purpose="accordion-answer" id="accordion__body-faq-2" class="collapse" aria-labelledby="accordion__header-faq-2">
<p>
Yes. Default install and uninstall scripts use apt-get for Debian-based distributions and dnf for Red Hat-based distributions. For CentOS versions before 8, add dnf or edit scripts to use yum or rpm.
</p>
</div>
</div>
<div purpose="accordion-item">
<p purpose="accordion-header" id="accordion__header-faq-3" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body-faq-3" aria-controls="accordion__body-faq-3">
Does Fleet use the MDM protocol on Linux?
<span class="fa fa-angle-down"></span>
</p>
<div purpose="accordion-answer" id="accordion__body-faq-3" class="collapse" aria-labelledby="accordion__header-faq-3">
<p>No. Linux doesn't support the MDM protocol. Fleet manages Linux devices through its agent (fleetd), which uses osquery for visibility and scripts for management actions like software installs, lock, and wipe.</p>
</div>
</div>
<div purpose="accordion-item">
<p purpose="accordion-header" id="accordion__header-faq-4" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body-faq-4" aria-controls="accordion__body-faq-4">
Which desktop environments does Fleet Desktop support on Linux?
<span class="fa fa-angle-down"></span>
</p>
<div purpose="accordion-answer" id="accordion__body-faq-4" class="collapse" aria-labelledby="accordion__header-faq-4">
<p>
GNOME and KDE Plasma. Fedora requires a GNOME extension to enable system tray support. Ubuntu includes this by default.
</p>
</div>
</div>
<div purpose="accordion-item">
<p purpose="accordion-header" id="accordion__header-faq-5" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body-faq-5" aria-controls="accordion__body-faq-5">
Which Linux distributions support disk encryption enforcement?
<span class="fa fa-angle-down"></span>
</p>
<div purpose="accordion-answer" id="accordion__body-faq-5" class="collapse" aria-labelledby="accordion__header-faq-5">
<p>
Fleet enforces LUKS2 disk encryption on Ubuntu, Kubuntu, and Fedora. Other distributions are not currently supported for encryption enforcement.
</p>
</div>
</div>
<div purpose="accordion-item">
<p purpose="accordion-header" id="accordion__header-faq-6" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body-faq-6" aria-controls="accordion__body-faq-6">
Can Fleet lock and wipe Linux devices remotely?
<span class="fa fa-angle-down"></span>
</p>
<div purpose="accordion-answer" id="accordion__body-faq-6" class="collapse" aria-labelledby="accordion__header-faq-6">
<p>
Yes. Fleet supports remote lock and wipe on Linux using scripts. The device must be online to receive the command. For offline devices, you should also revoke credentials and rotate tokens as a parallel step.
</p>
</div>
</div>
<div purpose="accordion-item">
<p purpose="accordion-header" id="accordion__header-faq-7" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body-faq-7" aria-controls="accordion__body-faq-7">
Are Fleet-maintained apps available for Linux?
<span class="fa fa-angle-down"></span>
</p>
<div purpose="accordion-answer" id="accordion__body-faq-7" class="collapse" aria-labelledby="accordion__header-faq-7">
<p>
Not currently. Fleet-maintained apps are available for macOS and Windows. For Linux, you can upload custom packages (.deb, .rpm, .tar.gz) or use script-only packages.
</p>
</div>
</div>
<div purpose="accordion-item">
<p purpose="accordion-header" id="accordion__header-faq-8" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body-faq-8" aria-controls="accordion__body-faq-8">
Can Fleet run alongside my existing Linux management tools?
<span class="fa fa-angle-down"></span>
</p>
<div purpose="accordion-answer" id="accordion__body-faq-8" class="collapse" aria-labelledby="accordion__header-faq-8">
<p>
Yes. Install fleetd on your Linux devices using Ansible, Puppet, Chef, or any other tool you already use. Fleet doesn't require you to remove existing tooling. You can start with visibility and add management at your own pace.
</p>
</div>
</div>
<div purpose="accordion-item">
<p purpose="accordion-header" id="accordion__header-faq-9" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body-faq-9" aria-controls="accordion__body-faq-9">
Can I self-host Fleet?
<span class="fa fa-angle-down"></span>
</p>
<div purpose="accordion-answer" id="accordion__body-faq-9" class="collapse" aria-labelledby="accordion__header-faq-9">
<p>
Yes. Fleet supports cloud, self-hosted, and air-gapped deployments. Self-hosting is available with no feature restrictions. You can run Fleet on-premises, in Docker, Kubernetes, or on any major cloud provider.
</p>
</div>
</div>
<div purpose="accordion-item">
<p purpose="accordion-header" id="accordion__header-faq-10" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body-faq-10" aria-controls="accordion__body-faq-10">
Does Fleet support infrastructure as code for Linux device configuration?
<span class="fa fa-angle-down"></span>
</p>
<div purpose="accordion-answer" id="accordion__body-faq-10" class="collapse" aria-labelledby="accordion__header-faq-10">
<p>
Yes. Store your configuration in Git, manage changes through pull requests, and deploy with GitOps. Fleet's GitOps workflow works the same way across Linux, macOS, and Windows.
</p>
</div>
</div>
</div>
<p purpose="faq-note">Couldnt find an answer? <a href="/contact?sendMessage">message us</a></p>
</div>
</div>
<div purpose="bottom-cta" class="text-center">
<h4>Linux Device Management</h4>
<h1>Support Linux without adding complexity</h1>
<div purpose="button-row" style="margin-top: 32px;" class="d-flex justify-content-center align-items-center mx-auto">
<div>
<h4>Linux Device Management</h4>
<h1>No more Linux blindspots for IT teams</h1>
</div>
<div purpose="button-row" class="d-flex justify-content-center align-items-center mx-auto">
<a purpose="cta-button" class="btn btn-primary" href="/contact">Talk to an engineer</a>
<animated-arrow-button href="/gitops-workshop">Join a workshop</animated-arrow-button>
</div>
</div>
</div>
</div>
</div>
</div>
<%/* Cloud city banner */%>
<parallax-city></parallax-city>
<modal purpose="video-modal" v-if="modal === 'fleet-in-three-minutes'" @close="closeModal()">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/q1Tm3IBcx24?rel=0&autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</modal>
<parallax-city no-background="true"></parallax-city>
</div>
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>