Zack Chase aa42393c2e
Update header cta to be dynamic (#3539)
* Update header cta to be dynamic

* Open in new tab
2023-10-25 13:52:13 -07:00

493 lines
31 KiB
HTML

{{ if hasPrefix .RelPermalink "/docs/" }}
{{ partial "docs-top-nav" . }}
<div class="header-container docs-hero">
<span class="hide-on-pinned"> </span>
{{ .Scratch.Set "mode" "docs" }}
{{ partial "docs/search.html" . }}
</div>
{{ else }}
<nav class="top-nav-bar transition-all">
<div class="top-nav-container lg:container lg:px-4 justify-end">
{{ partial "banner" . }}
<ul class="hidden w-full lg:flex justify-end items-center order-first lg:order-last">
<li class="github-widget mr-8">
<a
data-track="header-github-pulumi"
class="github-button"
href="https://github.com/pulumi/pulumi"
data-size="small"
data-show-count="true"
aria-label="Star pulumi/pulumi on GitHub"
>Star</a
>
</li>
<li class="mr-8">
<a data-track="header-slack" href="https://slack.pulumi.com/" target="_blank">
<i class="fab fa-slack"></i>
Slack
</a>
</li>
<li class="mr-8">
<a data-track="header-docs" href="/docs/">
<i class="fas fa-book mr-0.5"></i>
Docs
</a>
</li>
<li class="mr-8">
<a data-track="header-registry" href="/registry/">
<i class="fas fa-archive mr-0.5"></i>
Registry
</a>
</li>
<li class="mr-8">
<a data-track="header-ai" href="/ai">
<i class="fas fa-robot mr-0.5"></i>
Pulumi AI
</a>
</li>
<li>
<a data-track="header-console" href="https://app.pulumi.com/" target="_blank">
<i class="fas fa-user-circle"></i>
{{ partial "top-nav-user-toggle" }}
</a>
</li>
</ul>
</div>
</nav>
<div class="header-container">
<nav class="lg:container lg:mx-auto lg:px-4 py-3">
<header>
<div class="flex flex-col lg:flex-row">
<div class="logo-container">
<a data-track="header-pulumi-logo" class="block" href="/">
<img class="normal-logo h-8" src="/images/logo/logo-on-white.svg" alt="Pulumi logo" />
<img class="dark-logo hidden h-8" src="/images/logo/logo-on-black.svg" alt="Pulumi logo" />
</a>
</div>
<ul class="desktop-menu">
<li class="header-nav-item-drop-down">
<span class="dropdown-title">Product</span>
<span class="dropdown-menu-caret"></span>
<div class="header-nav-drop-down-menu product">
<ul>
<div>
<div class="header-nav-drop-down-heading">Product</div>
<div class="header-nav-drop-down-sub-heading ">Learn about the Pulumi platform and its features</div>
</div>
<div class="header-nav-two-col-drop-down">
<li>
<div class="list-title">
<a href="/product/">
<i class="fas fa-folder fa-fw"></i>
Pulumi Overview
<div class="list-sub-title">Infrastructure as code for engineers in Node.js, Python, Go, .NET, Java, and YAML</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/product/pulumi-cloud/">
<i class="fas fa-user-cog fa-fw"></i>
Pulumi Cloud
<div class="list-sub-title">Managed service for using Pulumi open source at scale. Use SaaS or self-host</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/docs/languages-sdks/">
<i class="fas fa-database fa-fw"></i>
SDK & Engine
<div class="list-sub-title">Provision and manage infrastructure on any cloud interactively with a CLI</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/product/esc/">
<i class="fas fa-cog fa-fw"></i>
Pulumi ESC
<div class="list-sub-title">Environments, Secrets and Configuration Management</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/automation/">
<i class="fas fa-cog fa-fw"></i>
Automation API
<div class="list-sub-title">Provision and manage cloud infrastructure on any cloud with a programmatic interface</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/crossguard/">
<i class="fas fa-file-code fa-fw"></i>
Policy as Code
<div class="list-sub-title">Enforce guardrails for security and compliance using policies in standard languages</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/product/internal-developer-platforms/">
<i class="fas fa-users fa-fw"></i>
Pulumi for Platform Teams
<div class="list-sub-title">Internal developer platform in a box. Accelerate productivity and enforce compliance.</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/product/pulumi-insights/">
<i class="fas fa-eye fa-fw"></i>
Pulumi Insights
<div class="list-sub-title">Author infrastructure as code faster through AI. Search and analyze anything in any cloud.</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/product/pulumi-deployments/">
<i class="fas fa-rocket fa-fw"></i>
Pulumi Deployments
<div class="list-sub-title">Run deployments remotely with a button, Git push, or REST API</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/request-a-demo/">
<i class="fas fa-laptop-code fa-fw"></i>
Request a demo
<div class="list-sub-title">See how Pulumi can help you ship infrastructure faster</div>
</a>
</div>
</li>
<li>
<!-- This empty list item is a hack to give the text of the above
item something to wrap against so it only takes up half the menu -->
</li>
</div>
</ul>
</div>
</li>
<li class="header-nav-item-drop-down">
<span class="dropdown-title whitespace-nowrap">Why Pulumi?</span>
<span class="dropdown-menu-caret"></span>
<div class="header-nav-drop-down-menu">
<ul>
<div>
<div class="header-nav-drop-down-heading">Why Pulumi?</div>
<div class="header-nav-drop-down-sub-heading ">Learn why engineers and companies prefer Pulumi</div>
</div>
<div class="header-nav-one-col-drop-down">
<li>
<div class="list-title">
<a href="/testimonials/">
<i class="fas fa-quote-left fa-fw"></i>
Engineers love Pulumi
<div class="list-sub-title">Hear from engineers why they love Pulumi</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/case-studies/">
<i class="fas fa-file fa-fw"></i>
Case Studies
<div class="list-sub-title">Read how teams increased productivity</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/cloud-engineering/">
<i class="fas fa-book-open fa-fw"></i>
Cloud Engineering
<div class="list-sub-title">Learn best practices for infrastructure as code</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/solutions/">
<i class="fas fa-lightbulb fa-fw"></i>
Solutions
<div class="list-sub-title">Explore ways to use Pulumi</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/enterprise/">
<i class="fas fa-building fa-fw"></i>
Enterprises
<div class="list-sub-title">Learn how Pulumi serves enterprise needs</div>
</a>
</div>
</li>
</div>
</ul>
</div>
</li>
<li>
<a href="/pricing/">Pricing</a>
</li>
<li>
<a href="/docs/">Docs</a>
</li>
<li class="header-nav-item-drop-down">
<span class="dropdown-title">Learn</span>
<span class="dropdown-menu-caret"></span>
<div class="header-nav-drop-down-menu learn">
<ul>
<div>
<div class="header-nav-drop-down-heading">Learn</div>
<div class="header-nav-drop-down-sub-heading">Find tutorials, how-to guides, and resources to deepen your Pulumi knowledge</div>
</div>
<div class="header-nav-two-col-drop-down">
<li>
<div class="list-title">
<a href="/pulumi-up/">
<i class="fas fa-calendar fa-fw"></i>
PulumiUP 2023 | Virtual Conference
<div class="list-sub-title">The future of IaC, Platform Engineering, DevOps, and Cloud</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/blog/">
<i class="fas fa-blog fa-fw"></i>
Blog
<div class="list-sub-title">Read product news, best practices, and more</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/templates/">
<span>
<img src="/icons/square-foot.svg" class="inline opacity-90" />
</span>
Templates
<div class="list-sub-title ml-0.5">Deploy common architectures on any cloud</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/learn/">
<i class="fas fa-chalkboard-teacher fa-fw"></i>
Learn Pulumi
<div class="list-sub-title">Get hands-on with Pulumi concepts</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/case-studies/">
<i class="fas fa-file fa-fw"></i>
Case Studies
<div class="list-sub-title">Read how customers are innovating faster</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/resources/">
<i class="fas fa-cogs fa-fw"></i>
Resources
<div class="list-sub-title">Videos, upcoming sessions, PulumiTV and more</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/resources#upcoming">
<i class="fas fa-users fa-fw"></i>
Workshops
<div class="list-sub-title">Register for upcoming sessions</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/ai/answers">
<i class="fas fa-robot mr-0.5"></i>
Pulumi AI Answers
<div class="list-sub-title">Archive of commonly asked infrastructure-as-code questions</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/community/">
<i class="fas fa-comments fa-fw"></i>
Community
<div class="list-sub-title">Where to find us</div>
</a>
</div>
</li>
<li>
<div class="list-title">
<a href="/what-is/">
<i class="fas fa-book-reader fa-fw"></i>
What is ...?
<div class="list-sub-title">Dive into topics in and around the IaC universe</div>
</a>
</div>
</li>
</div>
</ul>
</div>
</li>
</ul>
<input class="mobile-menu-toggle" type="checkbox" id="mobile-menu" name="mobile-menu" />
<span class="mobile-menu-icon">
<label class="mobile-menu-closed" for="mobile-menu">
{{ partial "icon" (dict "icon" "hamburger-closed") }}
</label>
<label class="mobile-menu-open hidden" for="mobile-menu">
{{ partial "icon" (dict "icon" "hamburger-open") }}
</label>
</span>
<ul class="mobile-menu">
<ul id="mobile-dropdown">
<div>
<input id="product-mobile-menu" name="nav-menu-checkbox" class="invisible-checkbox" type="checkbox" />
<label id="product-menu-label" for="product-mobile-menu" class="mobile-menu-heading">Product<span class="dropdown-menu-caret"></span></label>
<hr />
<div class="mobile-menu-subitems-product">
<li>
<a href="/product/"> <i class="fas fa-folder fa-fw"></i> Pulumi Overview </a>
</li>
<li>
<a href="/docs/languages-sdks/"> <i class="fas fa-database fa-fw"></i> SDK & Engine </a>
</li>
<li>
<a href="/automation/"> <i class="fas fa-cog fa-fw"></i> Automation API </a>
</li>
<li>
<a href="/product/pulumi-deployments/"> <i class="fas fa-rocket fa-fw"></i> Pulumi Deployments </a>
</li>
<li>
<a href="/product/pulumi-cloud/"> <i class="fas fa-user-cog fa-fw"></i> Pulumi Cloud </a>
</li>
<li>
<a href="/product/pulumi-insights/"> <i class="fas fa-eye fa-fw"></i> Pulumi Insights </a>
</li>
<li>
<a href="/product/internal-developer-platforms/"> <i class="fas fa-users fa-fw"></i> Pulumi for Platform Teams </a>
</li>
<li>
<a href="/product/esc/"> <i class="fas fa-cog fa-fw"></i> Pulumi ESC </a>
</li>
<li>
<a href="/crossguard/"> <i class="fas fa-file-code fa-fw"></i> Policy as Code </a>
</li>
<hr />
</div>
</div>
<div>
<input id="why-pulumi-mobile-menu" name="nav-menu-checkbox" class="invisible-checkbox" type="checkbox" />
<label id="why-pulumi-menu-label" for="why-pulumi-mobile-menu" class="mobile-menu-heading"
>Why Pulumi?<span class="dropdown-menu-caret"></span
></label>
<hr />
<div class="mobile-menu-subitems-why-pulumi">
<li>
<a href="/cloud-engineering/"> <i class="fas fa-book-open fa-fw"></i> Cloud Engineering </a>
</li>
<li>
<a href="/solutions/"> <i class="fas fa-lightbulb fa-fw"></i> Solutions </a>
</li>
<li>
<a href="/enterprise/"> <i class="fas fa-building fa-fw"></i> Enterprises </a>
</li>
<li>
<a href="/case-studies/"> <i class="fas fa-file fa-fw"></i> Case Studies </a>
</li>
<li>
<a href="/testimonials/"> <i class="fas fa-quote-left fa-fw"></i> Testimonials </a>
</li>
<hr />
</div>
</div>
<li class="mobile-menu-item"><a href="/pricing/">Pricing</a></li>
<hr />
<li class="mobile-menu-item"><a href="/docs/">Docs</a></li>
<hr />
<div>
<input id="learn-mobile-menu" name="nav-menu-checkbox" class="invisible-checkbox" type="checkbox" />
<label id="learn-menu-label" for="learn-mobile-menu" class="mobile-menu-heading">Learn<span class="dropdown-menu-caret"></span></label>
<hr />
<div class="mobile-menu-subitems-learn">
<li>
<a href="/pulumi-up/"> <i class="fas fa-calendar fa-fw"></i> PulumiUP 2023 </a>
</li>
<li>
<a href="/blog/"> <i class="fas fa-blog fa-fw"></i> Blog </a>
</li>
<li>
<a href="/case-studies/"> <i class="fas fa-file fa-fw"></i> Case Studies </a>
</li>
<li>
<a href="/resources#upcoming"> <i class="fas fa-users fa-fw"></i> Workshops </a>
</li>
<li>
<a href="/templates/">
<span> <img src="/icons/square-foot.svg" class="inline h-8 opacity-90" /> </span>Templates
</a>
</li>
<li>
<a href="/ai/answers"> <i class="fas fa-robot mr-0.5"></i> Pulumi AI Answers </a>
</li>
<li>
<a href="/learn/"> <i class="fas fa-chalkboard-teacher fa-fw"></i> Learn Pulumi </a>
</li>
<li>
<a href="/resources/"> <i class="fas fa-cogs fa-fw"></i> Resources </a>
</li>
<li>
<a href="/community/"> <i class="fas fa-users fa-fw"></i> Community </a>
</li>
<li>
<a href="/what-is/"> <i class="fas fa-users fa-fw"></i> What is ...? </a>
</li>
</div>
</div>
</ul>
<div class="mobile-menu-footer">
<div class="flex items-center justify-between py-4 px-2 border-t my-4 mx-2 border-gray-200">
<a href="https://github.com/pulumi/pulumi">GitHub</a>
<a href="https://slack.pulumi.com/">Slack</a>
<a href="/docs/">Docs</a>
<a href="/registry/">Registry</a>
<a href="/ai">Pulumi AI</a>
<a href="https://app.pulumi.com/">
{{ partial "top-nav-user-toggle" }}
</a>
</div>
<div class="text-center bg-violet-600 text-white get-started">
<a class="block" data-track="header-get-started-mobile" href="https://app.pulumi.com/signup" title="Sign up for Pulumi Cloud"> Get Started </a>
</div>
</div>
</ul>
<div class="cta-container my-2">
<header-cta button-class="header-btn-primary"></header-cta>
</div>
</div>
</header>
</nav>
</div>
{{ end }}