{{ 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-4xl text-center lg:text-left">Thanks for registering for the workshop.</h1>
                    <h4 class="text-xl mt-2 text-center lg:text-left">Create a free Pulumi account to follow along during the session.</h4>
                    <h4 class="text-3xl">Pulumi lets you:</h4>
                    <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">Create a Free Account</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 }}