<div class="resources-grid">
    <a href="/docs" class="resource-card">
        <div class="resource-icon">📚</div>
        <h2 class="resource-title">文档</h2>
        <p class="resource-description">完整的产品文档，包括快速开始指南、功能说明、最佳实践等。</p>
        <span class="resource-link">查看文档</span>
    </a>

    <a href="/tutorials" class="resource-card">
        <div class="resource-icon">🎓</div>
        <h2 class="resource-title">教程</h2>
        <p class="resource-description">从入门到进阶的文字手册与截图指南，帮助您快速掌握 赛博女娲-AI员工 的使用。</p>
        <span class="resource-link">开始学习</span>
    </a>

    <a href="/api" class="resource-card">
        <div class="resource-icon">🔌</div>
        <h2 class="resource-title">API 参考</h2>
        <p class="resource-description">完整的 API 文档，包括接口说明、参数说明、示例代码等。</p>
        <span class="resource-link">查看 API</span>
    </a>

    <a href="/cases" class="resource-card">
        <div class="resource-icon">💡</div>
        <h2 class="resource-title">案例库</h2>
        <p class="resource-description">真实的使用案例，展示 赛博女娲-AI员工 在不同场景下的应用，激发您的灵感。</p>
        <span class="resource-link">浏览案例</span>
    </a>

    <a href="/blog" class="resource-card">
        <div class="resource-icon">📝</div>
        <h2 class="resource-title">博客</h2>
        <p class="resource-description">产品更新、技术分享、行业洞察等内容，了解 赛博女娲-AI员工 的最新动态。</p>
        <span class="resource-link">阅读博客</span>
    </a>

    <a href="/community" class="resource-card">
        <div class="resource-icon">👥</div>
        <h2 class="resource-title">社区</h2>
        <p class="resource-description">加入我们的社区，与其他用户交流经验，获取帮助，分享您的使用心得。</p>
        <span class="resource-link">加入社区</span>
    </a>
</div>