fb06efcaac
**Related issue:** Related to fleetdm/confidential#16762 (not a full close — see Notes) # Checklist for submitter ## Testing - [x] QA'd all new/changed functionality manually ## Summary Redesigns fleetdm.com/support: - Merges the previous "Ask the community" and "Support" sections into one unified "How can we help?" section with a single 6-card grid - Adds a new "Professional support" card linking to the SLA section of the go-to-market-operations handbook page - Adds a customer testimonial - Consolidates responsive breakpoints (single-column switch and card centering now both happen at 991px) - Removes target="_blank" from the two cards linking to fleetdm.com itself (Professional support, Ask us anything). ## Related - fleetdm/confidential#16762 ## Notes This is a first iteration toward the broader vision in https://github.com/fleetdm/confidential/issues/16762, discussed in design review but intentionally deferred. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit ## Summary by CodeRabbit * **New Features** * Redesigned the Support page header into a single “How can we help?” entry point. * Added a Professional Support card linking to service-level agreement details. * Introduced a customer quote section with author information. * **Improvements** * Refreshed support card design (cleaner layout, consistent spacing, updated typography and link hover behavior). * **Responsive** * Improved the support card layout across breakpoints, including 3-column to 2-column to single-column grid behavior. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Claude Sonnet 5 <noreply@anthropic.com> Co-authored-by: Eric <eashaw@sailsjs.com>
66 lines
3.2 KiB
Plaintext
Vendored
66 lines
3.2 KiB
Plaintext
Vendored
<div id="support" v-cloak>
|
|
<div purpose="page-container" class="container">
|
|
|
|
<div purpose="page-title" class="mx-auto">
|
|
<h1>How can we help?</h1>
|
|
<p>Ask a question, chat with the community, or get in touch with the Fleet team. For answers to commonly asked questions, check the <a href="/docs/get-started/faq">FAQ</a>.</p>
|
|
</div>
|
|
|
|
<div purpose="support-cards">
|
|
<a href="https://fleetdm.com/handbook/company/go-to-market-operations#customer-support-service-level-objectives-slos" no-icon>
|
|
<div purpose="support-card" class="card">
|
|
<img alt="Fleet professional support" src="/images/logo-fleet-professional-support-48x48@2x.png">
|
|
<h3>Professional support</h3>
|
|
<p>Direct access to engineers via email, phone, or a dedicated Slack channel. <u>See SLAs</u>.</p>
|
|
</div>
|
|
</a>
|
|
<a href="https://macadmins.org" target="_blank" no-icon>
|
|
<div purpose="support-card" class="card">
|
|
<img alt="Macadmins logo" src="/images/logo-macadmins-48x48@2x.png">
|
|
<h3>macadmins // #fleet</h3>
|
|
<p>Chat about next-gen MDM, Apple, Windows, Linux, scripting, and all things IT.</p>
|
|
</div>
|
|
</a>
|
|
<a href="https://chat.osquery.io/c/fleet" target="_blank" no-icon>
|
|
<div purpose="support-card" class="card">
|
|
<img alt="Osquery logo" src="/images/logo-osquery-48x48@2x.png">
|
|
<h3>osquery // #fleet</h3>
|
|
<p>Chat about posture, detection, vulns, reporting, and all things cybersecurity.</p>
|
|
</div>
|
|
</a>
|
|
<a href="https://github.com/fleetdm/fleet/issues/new?assignees=&labels=bug%2C%3Areproduce&projects=&template=bug-report.md&title=" target="_blank" no-icon>
|
|
<div purpose="support-card" class="card">
|
|
<img alt="Bug report" src="/images/icon-bug-64x64@2x.png">
|
|
<h3>Bug report</h3>
|
|
<p>Report a bug to help us improve.</p>
|
|
</div>
|
|
</a>
|
|
<a href="https://github.com/fleetdm/fleet/issues/new?assignees=&labels=~customer+request&projects=&template=feature-request.md&title=" target="_blank" no-icon>
|
|
<div purpose="support-card" class="card">
|
|
<img alt="Suggestions" src="/images/icon-suggestion-64x64@2x.png" class="mx-auto mx-sm-0">
|
|
<h3>Suggest a feature</h3>
|
|
<p>Propose a new feature or enhancement.</p>
|
|
</div>
|
|
</a>
|
|
<a href="/contact?sendMessage">
|
|
<div purpose="support-card" class="card">
|
|
<img alt="Ask us anything" src="/images/icon-ask-anything-64x64@2x.png">
|
|
<h3>Ask us anything</h3>
|
|
<p>Need help? Get in touch.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div purpose="support-quote">
|
|
<img alt="Adam Anklewicz" src="/images/support-quote-adam-anklewicz-86x72@2x.png">
|
|
<p purpose="quote-text">“Their support is huge. I just post in our joint Slack channel and within minutes I will get a reply and we can have a proper conversation.”</p>
|
|
<div purpose="quote-author-info">
|
|
<p purpose="quote-author-name">Adam Anklewicz</p>
|
|
<p purpose="quote-author-title">Manager of IT Endpoint Engineering at Thumbtack</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>
|