{{ define "hero" }}
    {{ partial "hero" (dict "title" .Params.title) }}
{{ end }}

{{ define "main" }}
    {{ $pageContext := . }}


    <section id="overview" class="my-16">
        <div class="flex flex-wrap container mx-auto">
            <div class="w-full order-last lg:mt-0 lg:order-first lg:w-1/2 px-5">
                <h2>{{ .Params.hero.title }}</h2>
                <p class="mr-4">{{ .Params.hero.description | markdownify }}</p>
                {{ if .Params.hero.cta_url }}
                    <p class="my-6">
                        <a class="inline-flex items-center link" href="{{ .Params.hero.cta_url }}">
                            <span class="inline-block w-6 text-orange-300 mr-3">
                                <svg
                                    aria-hidden="true"
                                    focusable="false"
                                    data-prefix="fad"
                                    data-icon="sparkles"
                                    class="svg-inline--fa fa-sparkles fa-w-16"
                                    role="img"
                                    xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 512 512"
                                >
                                    <g class="fa-group">
                                        <path
                                            class="fa-secondary"
                                            fill="currentColor"
                                            d="M423.16 186.58L448 127l59.58-24.84a8 8 0 0 0 0-14.32L448 63 423.16 3.42a8 8 0 0 0-14.32 0L384 63l-59.58 24.84a8 8 0 0 0 0 14.32L384 127l24.84 59.58a8 8 0 0 0 14.32 0zm-14.32 136.84L384 383l-59.58 24.84a8 8 0 0 0 0 14.32L384 447l24.84 59.58a8 8 0 0 0 14.32 0L448 447l59.58-24.84a8 8 0 0 0 0-14.32L448 383l-24.84-59.58a8 8 0 0 0-14.32 0z"
                                            opacity="0.4"
                                        ></path>
                                        <path
                                            class="fa-primary"
                                            fill="currentColor"
                                            d="M384 254.64a16.06 16.06 0 0 0-8.84-14.33l-112.57-56.39-56.28-112.77c-5.44-10.87-23.19-10.87-28.62 0l-56.28 112.77L8.84 240.31a16 16 0 0 0 0 28.67l112.57 56.39 56.28 112.77a16 16 0 0 0 28.62 0l56.28-112.77L375.16 269a16.07 16.07 0 0 0 8.84-14.36z"
                                        ></path>
                                    </g>
                                </svg>
                            </span>
                            <span class="mr-2 hover:mr-3" style="transition: all 100ms linear;">
                                {{ .Params.hero.cta_text | markdownify }}
                            </span>
                            <span> &rarr; </span>
                        </a>
                    </p>
                {{ end }}
                <div class="header-hero-actions mt-8">
                    <a class="btn-primary mr-4" href="/docs/clouds/azure/get-started/">Get Started</a>
                    <a class="btn-secondary" href="#azure-overview">Learn More</a>
                </div>
            </div>
            <div class="w-full order-first px-3 lg:px-0 lg:order-last mt-8 lg:mt-0 lg:w-1/2 lg:mt-0">
                <div>
                    {{ partial "code-tabbed" (dict "tabs" .Params.hero.ide.tabs "chrome" "true" "mode" "dark") }}
                </div>
                <div class="flex justify-center items-center mt-8 h-8">
                    <span title="TypeScript">
                        <svg class="mx-4 h-8 rounded" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M0 50V0H100V100H0" fill="#3B7BC6" />
                            <path
                                d="M21.925 50.175V54.25H34.925V91.25H44.15V54.25H57.15V50.25C57.15 48 57.15 46.175 57.05 46.125C57.05 46.05 49.125 46.025 39.5 46.025L22 46.1V50.2L21.925 50.175ZM80.35 46C82.9 46.6 84.85 47.75 86.6 49.575C87.525 50.575 88.9 52.325 89 52.775C89 52.925 84.675 55.85 82.05 57.475C81.95 57.55 81.55 57.125 81.15 56.475C79.85 54.625 78.525 53.825 76.45 53.675C73.45 53.475 71.45 55.05 71.45 57.675C71.45 58.475 71.6 58.925 71.9 59.575C72.575 60.95 73.825 61.775 77.7 63.475C84.85 66.55 87.95 68.575 89.825 71.475C91.95 74.725 92.425 79.825 91 83.65C89.4 87.825 85.5 90.65 79.925 91.575C78.175 91.875 74.175 91.825 72.3 91.5C68.3 90.75 64.475 88.75 62.125 86.175C61.2 85.175 59.425 82.5 59.525 82.325L60.475 81.725L64.225 79.55L67.05 77.9L67.7 78.775C68.525 80.075 70.375 81.825 71.45 82.425C74.7 84.1 79.05 83.875 81.2 81.925C82.125 81.075 82.525 80.175 82.525 78.925C82.525 77.775 82.35 77.25 81.775 76.375C80.975 75.275 79.375 74.375 74.875 72.375C69.7 70.175 67.5 68.775 65.45 66.625C64.275 65.325 63.2 63.3 62.7 61.625C62.325 60.175 62.2 56.625 62.55 55.2C63.625 50.2 67.4 46.7 72.8 45.7C74.55 45.35 78.675 45.5 80.4 45.95L80.35 46Z"
                                fill="white"
                            />
                        </svg>
                    </span>
                    <span title="Python">
                        <svg class="mx-4 h-8" viewBox="0 0 101 100" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M50.0246 0C24.4415 0 26.0389 11.0665 26.0389 11.0665L26.0673 22.5318H50.4807V25.974H16.3706C16.3706 25.974 0 24.122 0 49.8705C0 75.6197 14.2887 74.7066 14.2887 74.7066H22.8161V62.7579C22.8161 62.7579 22.3564 48.505 36.8767 48.505H61.0905C61.0905 48.505 74.6945 48.7243 74.6945 35.3901V13.3428C74.6945 13.3428 76.7607 0 50.0246 0ZM36.563 7.71017C37.1399 7.70965 37.7112 7.82262 38.2443 8.0426C38.7774 8.26258 39.2618 8.58526 39.6697 8.99217C40.0777 9.39908 40.4012 9.88224 40.6217 10.414C40.8422 10.9458 40.9555 11.5157 40.955 12.0911C40.9555 12.6666 40.8422 13.2365 40.6217 13.7683C40.4012 14.3 40.0777 14.7832 39.6697 15.1901C39.2618 15.597 38.7774 15.9197 38.2443 16.1397C37.7112 16.3596 37.1399 16.4726 36.563 16.4721C35.9861 16.4726 35.4147 16.3596 34.8816 16.1397C34.3486 15.9197 33.8642 15.597 33.4562 15.1901C33.0483 14.7832 32.7248 14.3 32.5043 13.7683C32.2838 13.2365 32.1705 12.6666 32.171 12.0911C32.1705 11.5157 32.2838 10.9458 32.5043 10.414C32.7248 9.88224 33.0483 9.39908 33.4562 8.99217C33.8642 8.58526 34.3486 8.26258 34.8816 8.0426C35.4147 7.82262 35.9861 7.70965 36.563 7.71017Z"
                                fill="url(#paint0_linear)"
                            />
                            <path
                                d="M50.7511 100C76.3341 100 74.7368 88.9335 74.7368 88.9335L74.7084 77.4686H50.2945V74.0264H84.4046C84.4046 74.0264 100.775 75.8784 100.775 50.1291C100.775 24.3802 86.4865 25.2934 86.4865 25.2934H77.9591V37.2417C77.9591 37.2417 78.4188 51.4946 63.8985 51.4946H39.6847C39.6847 51.4946 26.0807 51.2753 26.0807 64.6099V86.6576C26.0807 86.6576 24.0149 100 50.7507 100H50.7511ZM64.2126 92.2906C63.6357 92.2911 63.0644 92.1782 62.5313 91.9582C61.9982 91.7382 61.5138 91.4156 61.1059 91.0086C60.698 90.6017 60.3745 90.1186 60.1539 89.5868C59.9334 89.055 59.8202 88.4851 59.8207 87.9097C59.8201 87.3342 59.9333 86.7642 60.1538 86.2324C60.3743 85.7006 60.6978 85.2174 61.1058 84.8105C61.5137 84.4035 61.9981 84.0808 62.5312 83.8608C63.0643 83.6408 63.6357 83.5278 64.2126 83.5283C64.7895 83.5278 65.3609 83.6408 65.894 83.8607C66.4271 84.0807 66.9114 84.4034 67.3194 84.8103C67.7273 85.2172 68.0508 85.7004 68.2713 86.2321C68.4919 86.7639 68.6051 87.3338 68.6046 87.9093C68.6051 88.4847 68.4919 89.0547 68.2713 89.5864C68.0508 90.1182 67.7273 90.6013 67.3194 91.0082C66.9114 91.4152 66.4271 91.7378 65.894 91.9578C65.3609 92.1778 64.7895 92.2908 64.2126 92.2902V92.2906Z"
                                fill="url(#paint1_linear)"
                            />
                            <defs>
                                <linearGradient id="paint0_linear" x1="9.68446" y1="8.9944" x2="59.5016" y2="58.4384" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="#387EB8" />
                                    <stop offset="1" stop-color="#366994" />
                                </linearGradient>
                                <linearGradient id="paint1_linear" x1="40.3383" y1="40.6641" x2="93.8424" y2="91.3702" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="#FFE052" />
                                    <stop offset="1" stop-color="#FFC331" />
                                </linearGradient>
                            </defs>
                        </svg>
                    </span>
                    <span title="Go">
                        <svg class="mr-2 h-4" viewBox="0 0 200 75" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M15.0928 22.7088C14.7022 22.7088 14.6061 22.5127 14.8006 22.2202L16.8451 19.5815C17.0404 19.2882 17.5264 19.0929 17.9154 19.0929H52.6786C53.0693 19.0929 53.1654 19.3862 52.9708 19.6795L51.3146 22.2202C51.1193 22.5135 50.6333 22.8068 50.3412 22.8068L15.0912 22.7088H15.0928ZM0.389698 31.7009C-0.000925616 31.7009 -0.0970191 31.5049 0.0975117 31.2124L2.14204 28.5736C2.33735 28.2803 2.82329 28.0851 3.21235 28.0851H47.6162C48.0068 28.0851 48.2005 28.3784 48.1029 28.6716L47.324 31.0163C47.2263 31.4084 46.8372 31.6029 46.4474 31.6029L0.389698 31.7009ZM23.9545 40.6931C23.5639 40.6931 23.4678 40.3998 23.6623 40.1065L25.0256 37.663C25.2209 37.3697 25.61 37.0764 25.999 37.0764H45.474C45.8646 37.0764 46.0583 37.3697 46.0583 37.7602L45.863 40.1049C45.863 40.497 45.4724 40.7887 45.1818 40.7887L23.9537 40.6907L23.9545 40.6931ZM125.032 20.9491L108.671 25.2495C107.21 25.6416 107.113 25.7381 105.846 24.2724C104.386 22.61 103.315 21.5278 101.27 20.5586C95.1356 17.5285 89.195 18.4084 83.645 22.025C77.0231 26.3254 73.6153 32.6788 73.7122 40.5958C73.8098 48.4141 79.1653 54.8663 86.8583 55.9421C93.4801 56.822 99.0301 54.4757 103.413 49.4915C104.289 48.4172 105.069 47.2433 106.042 45.8749H87.2489C85.2044 45.8749 84.7176 44.6045 85.3989 42.9421C86.6645 39.912 89.002 34.8298 90.3653 32.2883C90.6575 31.7017 91.3387 30.7246 92.7996 30.7246H128.245C128.05 33.3634 128.05 36.0021 127.66 38.6417C126.59 45.6789 123.961 52.1295 119.676 57.7991C112.665 67.0837 103.512 72.8513 91.9239 74.4158C82.3809 75.6861 73.52 73.8292 65.7286 67.9651C58.5146 62.49 54.4325 55.2568 53.3615 46.2654C52.0958 35.6116 55.2115 26.0337 61.6388 17.6273C68.5528 8.53716 77.7059 2.77033 88.9043 0.718139C98.0574 -0.944314 106.821 0.131575 114.709 5.5071C119.87 8.92767 123.57 13.6194 126.006 19.289C126.59 20.1688 126.201 20.6574 125.032 20.9514V20.9491Z"
                                fill="#00ACD7"
                            />
                            <path
                                d="M157.262 75C148.401 74.804 140.318 72.2554 133.502 66.3976C127.757 61.4126 124.154 55.0584 122.986 47.5335C121.233 36.4883 124.252 26.7136 130.874 18.0155C137.983 8.63206 146.551 3.74508 158.139 1.69289C168.072 -0.0667977 177.421 0.91107 185.892 6.6779C193.585 11.9554 198.356 19.0914 199.622 28.4741C201.278 41.6694 197.48 52.4204 188.424 61.6086C181.997 68.1565 174.11 72.2624 165.053 74.1194C162.425 74.6079 159.796 74.7059 157.264 74.9992L157.262 75ZM180.438 35.5128C180.34 34.2425 180.34 33.2646 180.146 32.2875C178.392 22.6108 169.532 17.1372 160.281 19.2882C151.225 21.3404 145.382 27.1065 143.24 36.2954C141.487 43.9192 145.188 51.6418 152.199 54.7683C157.554 57.113 162.91 56.8205 168.071 54.1817C175.764 50.1824 179.951 43.9192 180.439 35.5128H180.438Z"
                                fill="#00ACD7"
                            />
                        </svg>
                    </span>
                    <span title=".NET Core">
                        <svg class="mx-4 h-8" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g clip-path="url(#clip0)">
                                <path d="M32 64C49.6731 64 64 49.6731 64 32C64 14.3269 49.6731 0 32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64Z" fill="#5C2D91" />
                                <path
                                    opacity="0.1"
                                    d="M9.82001 9C6.56698 11.8988 3.94021 15.4314 2.10073 19.3813C0.26125 23.3312 -0.752195 27.6152 -0.877484 31.9706C-1.00277 36.326 -0.237265 40.6611 1.37212 44.7102C2.9815 48.7593 5.40085 52.4371 8.48187 55.5181C11.5629 58.5992 15.2407 61.0185 19.2898 62.6279C23.3389 64.2373 27.674 65.0028 32.0294 64.8775C36.3848 64.7522 40.6688 63.7388 44.6187 61.8993C48.5686 60.0598 52.1012 57.433 55 54.18L9.82001 9Z"
                                    fill="white"
                                />
                                <path
                                    d="M7.39999 37.25C7.21332 37.2529 7.02808 37.2171 6.85596 37.1448C6.68383 37.0726 6.52857 36.9653 6.39999 36.83C6.26788 36.6995 6.16347 36.5436 6.09302 36.3718C6.02257 36.2 5.98753 36.0157 5.98999 35.83C5.98866 35.6445 6.02422 35.4605 6.0946 35.2888C6.16499 35.1172 6.26879 34.9612 6.39999 34.83C6.52731 34.6924 6.6821 34.583 6.85436 34.5089C7.02662 34.4348 7.2125 34.3977 7.39999 34.4C7.58721 34.3995 7.77254 34.4375 7.94453 34.5114C8.11652 34.5854 8.27153 34.6938 8.39999 34.83C8.53345 34.96 8.6394 35.1156 8.71155 35.2873C8.7837 35.4591 8.82058 35.6437 8.81999 35.83C8.82174 36.0165 8.78539 36.2014 8.71317 36.3733C8.64095 36.5453 8.53438 36.7007 8.39999 36.83C8.27031 36.9639 8.11485 37.0702 7.94298 37.1424C7.77111 37.2145 7.5864 37.2512 7.39999 37.25Z"
                                    fill="white"
                                />
                                <path
                                    d="M27.27 37H24.65L15.28 22.46C15.0466 22.1018 14.8522 21.7196 14.7 21.32H14.62C14.709 22.1502 14.7425 22.9854 14.72 23.82V37H12.59V18.77H15.36L24.48 33.05C24.86 33.6434 25.1067 34.05 25.22 34.27H25.27C25.1645 33.3808 25.121 32.4853 25.14 31.59V18.77H27.27V37Z"
                                    fill="white"
                                />
                                <path d="M41.69 37H32V18.77H41.24V20.7H34.18V26.76H40.76V28.68H34.18V35H41.7L41.69 37Z" fill="white" />
                                <path d="M56 20.7H50.7V37H48.57V20.7H43.33V18.77H56V20.7Z" fill="white" />
                                <path
                                    d="M26.12 49.3999C25.3981 49.7496 24.6017 49.9178 23.8 49.8899C23.2673 49.9139 22.7356 49.8237 22.2406 49.6254C21.7456 49.427 21.2988 49.1251 20.93 48.7399C20.1952 47.9174 19.8081 46.842 19.85 45.7399C19.8231 45.1432 19.9164 44.5472 20.1242 43.9872C20.3321 43.4271 20.6503 42.9146 21.06 42.4799C21.4593 42.0709 21.9393 41.7494 22.4696 41.5359C22.9998 41.3225 23.5687 41.2217 24.14 41.2399C24.8237 41.2166 25.5049 41.3358 26.14 41.5899V42.5899C25.5285 42.2514 24.8389 42.079 24.14 42.0899C23.6994 42.0775 23.2613 42.1605 22.8557 42.333C22.4501 42.5056 22.0866 42.7638 21.79 43.0899C21.1664 43.8004 20.8436 44.7257 20.89 45.6699C20.8433 46.5644 21.1443 47.4423 21.73 48.1199C22.011 48.422 22.3539 48.6598 22.7354 48.8169C23.1169 48.9739 23.5278 49.0466 23.94 49.0299C24.7078 49.05 25.4661 48.8561 26.13 48.4699L26.12 49.3999Z"
                                    fill="#F2F2F2"
                                />
                                <path
                                    d="M30.21 49.89C29.8119 49.9028 29.4157 49.83 29.0483 49.6765C28.6808 49.5229 28.3506 49.2922 28.08 49C27.5332 48.3897 27.2493 47.5883 27.29 46.77C27.265 46.3412 27.3255 45.9118 27.468 45.5066C27.6105 45.1015 27.8321 44.7287 28.12 44.41C28.4138 44.1232 28.7633 43.8999 29.1468 43.7537C29.5304 43.6075 29.9399 43.5415 30.35 43.56C30.7376 43.5393 31.1251 43.6028 31.4859 43.7461C31.8467 43.8894 32.1721 44.109 32.44 44.39C32.9715 45.0305 33.2396 45.8491 33.19 46.68C33.232 47.5232 32.9411 48.3491 32.38 48.98C32.1043 49.2779 31.768 49.5133 31.3937 49.6703C31.0193 49.8272 30.6157 49.9022 30.21 49.89V49.89ZM30.28 44.42C30.0049 44.4084 29.7308 44.459 29.478 44.5681C29.2252 44.6772 29.0003 44.8419 28.82 45.05C28.4352 45.5454 28.2433 46.1637 28.28 46.79C28.2451 47.3976 28.4376 47.9965 28.82 48.47C29.0022 48.6751 29.2277 48.8371 29.4802 48.9444C29.7327 49.0516 30.0059 49.1013 30.28 49.09C30.5483 49.1058 30.8168 49.06 31.0646 48.9559C31.3125 48.8519 31.5333 48.6925 31.71 48.49C32.0736 47.9932 32.2506 47.3842 32.21 46.77C32.2495 46.1527 32.0727 45.541 31.71 45.04C31.5357 44.8332 31.3159 44.6695 31.0678 44.562C30.8197 44.4544 30.5501 44.4058 30.28 44.42V44.42Z"
                                    fill="#F2F2F2"
                                />
                                <path
                                    d="M37.86 44.72C37.644 44.5785 37.3876 44.5118 37.13 44.53C36.9286 44.5373 36.732 44.5941 36.5576 44.6952C36.3832 44.7964 36.2364 44.9388 36.13 45.11C35.8324 45.5812 35.6891 46.1335 35.72 46.69V49.75H34.72V43.75H35.72V45C35.8299 44.6132 36.0486 44.2662 36.35 44C36.6108 43.7737 36.9447 43.6494 37.29 43.65C37.4833 43.6413 37.6766 43.6685 37.86 43.73V44.72Z"
                                    fill="#F2F2F2"
                                />
                                <path
                                    d="M43.72 47H39.49C39.4616 47.559 39.6436 48.1084 40 48.54C40.1854 48.7248 40.4077 48.8685 40.6523 48.9616C40.897 49.0546 41.1586 49.095 41.42 49.08C42.0979 49.0732 42.7535 48.8371 43.28 48.41V49.31C42.6617 49.7175 41.9296 49.9172 41.19 49.88C40.8168 49.8988 40.4441 49.8351 40.0984 49.6933C39.7527 49.5516 39.4425 49.3353 39.19 49.06C38.6694 48.4106 38.4092 47.5907 38.46 46.76C38.424 45.9272 38.7065 45.112 39.25 44.48C39.4973 44.1943 39.8051 43.9671 40.151 43.8149C40.4969 43.6627 40.8722 43.5893 41.25 43.6C41.5911 43.5809 41.932 43.6393 42.2473 43.771C42.5625 43.9026 42.8438 44.104 43.07 44.36C43.5304 44.9671 43.7576 45.7195 43.71 46.48L43.72 47ZM42.72 46.19C42.7403 45.7266 42.5989 45.2706 42.32 44.9C42.1832 44.7454 42.0131 44.6237 41.8227 44.544C41.6322 44.4644 41.4262 44.4288 41.22 44.44C41.0048 44.4373 40.7914 44.4795 40.5934 44.5639C40.3954 44.6483 40.2172 44.7729 40.07 44.93C39.7409 45.2782 39.5338 45.7239 39.48 46.2L42.72 46.19Z"
                                    fill="#F2F2F2"
                                />
                            </g>
                            <defs>
                                <clipPath id="clip0">
                                    <rect width="64" height="64" fill="white" />
                                </clipPath>
                            </defs>
                        </svg>
                    </span>
                    <span title="Java">
                        <img class="h-10" src="/logos/tech/java.svg" />
                    </span>
                    <span title="YAML">
                        <svg class="h-8" width="64" height="93" viewBox="0 0 100 93" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M46.0533 0L28.1207 26.9861V44.0932H17.1293V26.9861L0 0H12.3535L23.2457 17.3759L34.2272 0H46.0533Z" fill="black" />
                            <path
                                d="M64.5106 34.3909H44.6158L40.5695 44.1964H31.7598L50.3887 0.103149H59.3998L77.2729 44.1964H67.8588L64.5104 34.3909H64.5106ZM61.2059 25.5877L55.107 9.40677L48.3029 25.5877H61.2059Z"
                                fill="#CB171E"
                            />
                            <path
                                d="M17.1292 49.0382V92.2535H26.368V62.444L36.037 82.4806H43.3092L53.3085 61.7397V92.2446H62.1715V49.0382H50.07L39.3323 68.582L29.1057 49.0382H17.1292Z"
                                fill="black"
                            />
                            <path d="M100 82.8621H77.273V49.0281H67.8597V92.0575H100V82.8625V82.8621Z" fill="black" />
                        </svg>
                    </span>
                </div>
            </div>
        </div>
    </section>

    <!-- Logos -->
    <section class="container mx-auto text-center my-0 mb-16 lg:my-24 overflow-hidden px-3">
        <h3 class="text-center mb-10 hidden lg:block">{{ .Params.customer_logos.title }}</h3>
        <h6 class="text-center mb-10 lg:hidden">{{ .Params.customer_logos.title }}</h6>
        <pulumi-swiper loop="true" autoplay="true" autoplay-delay="2500" speed="2000">
            {{ range $logoBunch := .Params.customer_logos.logos }}
                <pulumi-swipeable>
                    <div class="flex flex-wrap items-center justify-center">
                        {{ range $logo := $logoBunch.items }}
                            <div class="w-1/3 lg:w-1/5 px-2 py-4 lg:py-0 lg:px-8">
                                {{ partial "customer-logo.html" (dict "logo" $logo "hoverable" true) }}
                            </div>
                        {{ end }}
                    </div>
                </pulumi-swipeable>
            {{ end }}
        </pulumi-swiper>
    </section>

    {{ if .Params.azure_overview }}
        <section id="azure-overview" class="py-16 bg-white px-4 lg:px-0">
            <div class="container mx-auto flex flex-col lg:mx-auto lg:flex lg:flex-row lg:items-center lg:justify-center">
                {{ with .Params.azure_overview }}
                    <div class="lg:w-1/2">
                        <div class="w-2/3 pb-16 mx-auto">
                            {{ partial "pulumipus" (dict "type" "lightning") }}
                        </div>
                    </div>
                    <div class="lg:w-1/2">
                        <div class="md:px-24 lg:px-4">
                            <h3>{{ .title }}</h3>
                            <p>{{ .description }}</p>
                            <ul>
                                {{ range $i, $item := .list }}
                                    <li>{{ $item | markdownify }}</li>
                                {{ end }}
                            </ul>
                            <div class="my-8">
                                <a class="btn-secondary lg:inline-block" href="{{ .cta_url }}">
                                    {{ .cta }}
                                </a>
                            </div>
                        </div>
                    </div>
                {{ end }}
            </div>
        </section>
    {{ end }}

    {{ if .Params.arm2pulumi }}
        <section id="arm2pulumi" class="py-16 bg-white px-4 lg:px-0">
            <div class="container mx-auto flex flex-col lg:mx-auto lg:flex lg:flex-row lg:items-center lg:justify-center">
                {{ with .Params.arm2pulumi }}
                    <div class="lg:w-1/2 pr-10">
                        <div class="md:px-24 lg:px-4">
                            <h3>{{ .title | markdownify }}</h3>
                            <p>{{ .description | markdownify }}</p>
                            <div class="my-8">
                                <a class="btn-secondary lg:inline-block" href="{{ .cta_url }}">
                                    {{ .cta }}
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="lg:w-1/2">
                        <div class="w-full pb-16 mx-auto">
                            <img src="/images/partners/arm2pulumi.png" />
                        </div>
                    </div>
                {{ end }}
            </div>
        </section>
    {{ end }}

    {{ range $index, $item := .Params.detail_sections }}
        {{ $iconColor := "text-orange-300" }}
        {{ $ctaButtonColor := "btn-purple" }}
        {{ if (modBool $index 2) }}
            {{ $iconColor = "text-purple-100" }}
            {{ $ctaButtonColor = "btn-orange" }}
        {{ end }}


        <section class="pt-24 pb-16 px-4">
            <div class="container mx-auto">
                <div class="w-full max-w-2xl mx-auto text-center">
                    <h3>{{ $item.title }}</h3>
                    <p class="md:px-24 lg:px-0">{{ $item.description | markdownify }}</p>

                    {{ if $item.cta }}
                        <a class="hidden btn-secondary lg:inline-block my-4" href="{{ $item.cta_url }}">
                            {{ $item.cta }}
                        </a>
                    {{ end }}
                </div>
                <div class="my-8 lg:flex flex-wrap items-center justify-center">
                    {{ range $i, $row := $item.items }}
                        <div class="lg:w-1/2 lg:pr-4 mb-8 lg:mb-0">
                            <div class="w-full px-8 text-center my-4">
                                {{ partial "color-icon.html" (dict "icon" $row.icon "icon_color" $row.icon_color) }}
                                <h5>{{ $row.title }}</h5>
                                <p>{{ $row.description | markdownify }}</p>
                            </div>
                        </div>
                    {{ end }}
                </div>
            </div>
            {{ if $item.cta }}
                <div class="container mx-auto md:px-24 lg:hidden lg:px-0 text-center">
                    <a class="btn-secondary my-4" href="{{ $item.cta_url }}">
                        {{ $item.cta }}
                    </a>
                </div>
            {{ end }}
        </section>
    {{ end }}

    {{ if .Params.superpowers }}
        <section id="superpowers" class="bg-white pt-24 px-4 justify-center" id="editions">
            <div class="container mx-auto lg:flex justify-center">
                <ul class="flex flex-col lg:flex-row lg:flex-wrap items-start list-none p-0">
                    {{ $powers := .Params.superpowers }}
                    {{ range $i, $item := $powers }}
                        <li class="lg:w-1/2 lg:flex items-start mt-0">
                            <div class="text-center lg:text-left mb-4 lg:mb-0">
                                <div class="inline-block bg-blue-100 border-4 border-blue-200 rounded-full p-6" style="fill: #4387c7;">
                                    {{ partial "superpower-icon" (dict "type" $item.icon_type) }}
                                </div>
                            </div>
                            <div class="lg:pl-6 lg:pr-12">
                                <h4 class="text-center lg:text-left mt-0">
                                    <a class="link" href="{{ $item.cta_url }}">
                                        <span class="align-middle">{{ $item.title }}</span>
                                    </a>
                                </h4>
                                <p class="leading-relaxed md:px-24 lg:px-0">{{ $item.description }}</p>
                                <p class="m-0 text-lg text-center lg:text-left">
                                    <a class="link" href="{{ $item.cta_url }}">
                                        <span class="transition-all hover:mr-1">{{ $item.cta }}</span>
                                        <span>&rarr;</span>
                                    </a>
                                </p>
                                {{ $borderBottom := "border-b" }}
                                {{ if eq $i (sub (len $powers) 2) }}
                                    {{ $borderBottom = "border-b md:border-none" }}
                                {{ else if eq $i (sub (len $powers) 1) }}
                                    {{ $borderBottom = "border-none" }}
                                {{ end }}
                                <div class="mb-12 pb-12 border-gray-300 {{ $borderBottom }}"></div>
                            </div>
                        </li>
                    {{ end }}
                </ul>
            </div>
        </section>
    {{ end }}

    {{ if .Params.resources }}
        <section id="resources" class="bg-white container mx-auto">
            <div class="flex flex-wrap items-stretch">
                <div class="w-full lg:w-1/2 p-6">
                    <div class="card h-full p-6">
                        <h3>{{ .Params.resources.azure.title }}</h3>
                        <p>{{ .Params.resources.azure.description | markdownify }}</p>
                        <ul>
                            {{ range $item := .Params.resources.azure.items }}
                                <li>{{ $item | markdownify }}</li>
                            {{ end }}
                        </ul>
                    </div>
                </div>

                <div class="w-full lg:w-1/2 p-6">
                    <div class="card h-full p-6">
                        <h3>{{ .Params.resources.other.title }}</h3>
                        <ul>
                            {{ range $item := .Params.resources.other.items }}
                                <li>{{ $item | markdownify }}</li>
                            {{ end }}
                        </ul>
                    </div>
                </div>
            </div>
        </section>
    {{ end }}

    {{ partial "hand-raise-section" . }}
{{ end }}