05a3e54e5e
* add small color icon option * add signup landing page * commit the bundle * update meta description and image * font changes, add second CTA button * fix footer overlap
64 lines
4.1 KiB
HTML
64 lines
4.1 KiB
HTML
{{ define "main" }}
|
|
<section class="my-8 lg:my-20 px-6 lg:px-0 relative">
|
|
<div class="container mx-auto flex flex-row justify-between">
|
|
<div class="flex flex-col lg:flex-row">
|
|
<div class="w-full my-auto lg:w-1/2 lg:mr-32 z-10 p-8">
|
|
<h1 class="text-6xl text-center lg:text-left">Get started with <span class="font-semibold">Pulumi</span></h1>
|
|
<h5 class="flex align-middle ml-8 lg:ml-0">
|
|
<span class="w-10 h-10">{{ partial "color-icon.html" (dict "icon" "code" "icon_color" "purple" "size" "small") }}</span>
|
|
<span class="pl-4 font-body text-xl">Code and ship infrastructure faster using familiar languages and AI</span>
|
|
</h5>
|
|
<h5 class="flex align-middle ml-8 lg:ml-0">
|
|
<span class="w-10 h-10">{{ partial "color-icon.html" (dict "icon" "lightning" "icon_color" "yellow" "size" "small") }}</span>
|
|
<span class="pl-4 font-body text-xl">Embed IaC anywhere such as in your applications</span>
|
|
</h5>
|
|
<h5 class="flex align-middle ml-8 lg:ml-0">
|
|
<span class="w-10 h-10">{{ partial "color-icon.html" (dict "icon" "eye" "icon_color" "salmon" "size" "small") }}</span>
|
|
<span class="pl-4 font-body text-xl">View and search for resources across all your clouds</span>
|
|
</h5>
|
|
<div class="my-10">
|
|
<a class="btn-primary" href="https://app.pulumi.com/signup">Try Pulumi</a>
|
|
</div>
|
|
</div>
|
|
<div class="w-full lg:w-1/2 block lg:flex lg:justify-center p-6 md:pl-24 xl:pl-0">
|
|
<div>
|
|
<pulumi-chooser type="language" options="typescript,python,go,csharp,java,yaml">
|
|
<pulumi-choosable type="language" class="highlight" value="typescript">
|
|
<img
|
|
class="mx-auto"
|
|
src="/images/home/typescript.svg"
|
|
alt="Pulumi code being written in TypeScript showing autocomplete for creating a new S3 bucket"
|
|
/>
|
|
</pulumi-choosable>
|
|
|
|
<pulumi-choosable type="language" class="highlight" value="python">
|
|
<img class="mx-auto" src="/images/home/python.svg" alt="Pulumi code being written in Python showing autocomplete for creating a new S3 bucket" />
|
|
</pulumi-choosable>
|
|
|
|
<pulumi-choosable type="language" class="highlight" value="go">
|
|
<img class="mx-auto" src="/images/home/go.svg" alt="Pulumi code being written in GO showing autocomplete for creating a new S3 bucket" />
|
|
</pulumi-choosable>
|
|
|
|
<pulumi-choosable type="language" class="highlight" value="csharp">
|
|
<img class="mx-auto" src="/images/home/c-sharp.svg" alt="Pulumi code being written in C# showing autocomplete for creating a new S3 bucket" />
|
|
</pulumi-choosable>
|
|
|
|
<pulumi-choosable type="language" class="highlight" value="java">
|
|
<img class="mx-auto" src="/images/home/java.svg" alt="Pulumi code being written in Java showing autocomplete for creating a new S3 bucket" />
|
|
</pulumi-choosable>
|
|
|
|
<pulumi-choosable type="language" class="highlight" value="yaml">
|
|
<img class="mx-auto" src="/images/home/yaml.svg" alt="Pulumi code being written in YAML showing autocomplete for creating a new S3 bucket" />
|
|
</pulumi-choosable>
|
|
</pulumi-chooser>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{ end }}
|
|
|
|
{{ define "footer" }}
|
|
{{ partial "docs/footer.html" . }}
|
|
{{ end }}
|