{{- define "title" -}}
{{ $.Scratch.Set "metaTitle" "下载试用" }}
下载试用
{{- end -}}

{{- define "headTpl" -}}
{{$.Scratch.Set "nav_active" "download"}}
{{$.Scratch.Set "data_i18_link" "/download"}}
{{$.Scratch.Set "data_i18_cn" true }}
{{- partial "head/preload-css" (dict "href" "/css/download-cn.css") -}}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css" />
{{- end -}}

{{- define "main" -}}
<div class="download-cn">
    {{- partial "layout/download-cn-hero" -}}

    <div class="download-field">
        <div class="columns is-desktop is-variable is-8 is-2-mobile">
            <div class="column">
                <div class="card">
                    <div class="card-image">
                        <figure class="image">
                            <img class="lazy" src="/images/svgs/loader-spinner.svg"
                                data-original="/images/download-cn/community-edition.svg" alt="community-edition" />
                        </figure>
                    </div>
                    <div class="card-content">
                        <div class="title">社区版下载</div>
                        <div class="content">
                            <ul>
                                <li>社区版免费使用</li>
                                <li>极速便捷安装</li>
                                <li>用户社区 <a href="https://asktug.com/" target="_blank">AskTUG</a></li>
                            </ul>
                            <div class="more"><a href="https://docs.pingcap.com/zh/tidb/stable" target="_blank">了解更多 TiDB
                                    信息新一代分布式，HTAP 数据库</a></div>
                        </div>
                    </div>
                    <a href="/download-cn/community">
                        <button class="button">社区版免费下载</button>
                    </a>
                </div>
            </div>
            <div class="column">
                <div class="card">
                    <div class="card-image">
                        <figure class="image">
                            <img class="lazy" src="/images/svgs/loader-spinner.svg"
                                data-original="/images/download-cn/enterprise-subscription.svg"
                                alt="enterprise subscription" />
                        </figure>
                    </div>
                    <div class="card-content">
                        <div class="title">企业版试用</div>
                        <div class="content">
                            <ul>
                                <li>企业级最佳实践</li>
                                <li>企业级别服务支持</li>
                                <li>全面加强的安全特性</li>
                            </ul>
                            <div class="more"><a href="/cases-cn/">了解更多 TiDB 客户解决方案</a></div>
                        </div>
                    </div>
                    <a href="https://page.ma.scrmtech.com/form/index?pf_uid=19697_1864&id=4240&channel=9034" target="_blank">
                        <button class="button">30 天免费试用</button>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
{{- end -}}

{{- define "footJS" -}}
<script type="text/javascript" src="/js/vendor/lazyload.min.js"></script>
<script type="text/javascript">
    $(".lazy").lazyload({
        threshold: 200,
        effect: "fadeIn"
    });
</script>
{{- end -}}