{include file="common/header" /}

<div class="layui-row" style="margin-top:30px;">
    <div class="layui-col-md8 layui-col-md-offset2" style="text-align:center;padding:60px 0;">
        <h1 style="font-size:42px;color:#1e1e2d;margin-bottom:15px;">Shibo API 平台</h1>
        <p style="font-size:18px;color:#666;margin-bottom:30px;">统一、稳定、高效的API服务平台 - 验证码识别 · 滑块检测 · 更多能力持续接入</p>
        <div>
            <a href="/register" class="layui-btn layui-btn-lg" style="background:#5fb878;">免费注册</a>
            <a href="/doc" class="layui-btn layui-btn-lg layui-btn-primary">查看文档</a>
        </div>
    </div>
</div>

<div class="layui-row layui-col-space20">
    <div class="layui-col-md12">
        <h3 style="margin:20px 0 15px;border-left:4px solid #5fb878;padding-left:12px;">服务列表</h3>
    </div>
    {foreach $services as $svc}
    <div class="layui-col-md6">
        <div class="layui-card">
            <div class="layui-card-header">{$svc.name} <span class="badge badge-green">￥{$svc.price}/次</span></div>
            <div class="layui-card-body">
                <p style="color:#666;">{$svc.description}</p>
                <p style="margin-top:10px;"><code>{$svc.code}</code></p>
            </div>
        </div>
    </div>
    {/foreach}
</div>

{include file="common/footer" /}