hbi

<title>HBI企业数据分析共享中心 - 基于Tableau的一站式数据门户</title>







<!-- 导航栏 -->
<nav class="bg-white shadow-lg fixed w-full top-0 z-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex justify-between h-16">
            <div class="flex items-center">
                <div class="flex-shrink-0">
                    <h1 class="text-2xl font-bold text-blue-600">HBI</h1>
                </div>
            </div>
            <div class="hidden md:flex items-center space-x-8">
                <a href="#home" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">首页</a>
                <a href="solutions.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">解决方案</a>
                <a href="pricing.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">定价</a>
                <a href="about.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">关于我们</a>
                <button class="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition duration-300">
                    申请演示
                </button>
            </div>
            <!-- 移动端菜单按钮 -->
            <div class="md:hidden flex items-center">
                <button id="mobile-menu-button" class="text-gray-700 hover:text-blue-600">
                    <i class="fas fa-bars text-xl"></i>
                </button>
            </div>
        </div>
    </div>
    <!-- 移动端菜单 -->
    <div id="mobile-menu" class="md:hidden hidden bg-white border-t">
        <div class="px-2 pt-2 pb-3 space-y-1">
            <a href="#home" class="block px-3 py-2 text-gray-700 hover:text-blue-600">首页</a>
            <a href="solutions.html" class="block px-3 py-2 text-gray-700 hover:text-blue-600">解决方案</a>
            <a href="pricing.html" class="block px-3 py-2 text-gray-700 hover:text-blue-600">定价</a>
            <a href="about.html" class="block px-3 py-2 text-gray-700 hover:text-blue-600">关于我们</a>
            <button class="w-full text-left bg-blue-600 text-white px-3 py-2 rounded-lg hover:bg-blue-700 transition duration-300 mt-2">
                申请演示
            </button>
        </div>
    </div>
</nav>

<!-- Hero区 -->
<section id="home" class="pt-20 pb-16 bg-gradient-to-br from-blue-50 to-indigo-100">
    <div class="max-w-7xl mx-auto pt-20 px-4 sm:px-6 lg:px-8">
        <div class="text-center">
            <h1 class="text-4xl md:text-6xl font-bold text-gray-900 mb-6">
                HBI企业数据分析共享中心<br>
                <span class="text-blue-600">基于Tableau的一站式数据门户</span>
            </h1>
            <p class="text-xl md:text-2xl text-gray-600 mb-4">
                轻量化架构，深度Tableau集成，年费3-6万，全员无限制访问
            </p>
            <p class="text-lg text-gray-600 mb-8 max-w-3xl mx-auto">
                由国内唯一Tableau Visionary专家领衔开发，采用季度更新机制，
                为企业提供灵活可扩展的数据分析解决方案
            </p>
            <p class="text-lg text-gray-600 mb-8 max-w-3xl mx-auto">
                无论您是想解放被"套牢"的Tableau报表，还是希望首次低成本拥抱数据化运营，HBI都是您的最佳选择。
            </p>
            <div class="flex flex-col sm:flex-row gap-4 justify-center">
                <button class="bg-blue-600 text-white px-8 py-4 rounded-lg text-lg font-semibold hover:bg-blue-700 transition duration-300 shadow-lg">
                    <i class="fas fa-play-circle mr-2"></i>申请产品演示（免费）
                </button>
                <button class="bg-white text-blue-600 px-8 py-4 rounded-lg text-lg font-semibold border-2 border-blue-600 hover:bg-blue-50 transition duration-300">
                    <i class="fas fa-tag mr-2"></i>查看颠覆性价格
                </button>
            </div>
        </div>
    </div>
</section>

<!-- 痛点共鸣区 -->
<section class="py-16 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid md:grid-cols-2 gap-8">
            <!-- 左侧：Tableau用户 -->
            <div class="bg-red-50 p-8 rounded-xl border-l-4 border-red-500">
                <h3 class="text-2xl font-bold text-gray-900 mb-4">
                    <i class="fas fa-chart-bar text-red-500 mr-3"></i>已经在使用Tableau？
                </h3>
                <p class="text-lg text-gray-700 mb-6">
                    是否因高昂的席位费，无法让全员看到数据？
                </p>
                <ul class="space-y-3 text-gray-600">
                    <li class="flex items-start">
                        <i class="fas fa-times-circle text-red-500 mr-3 mt-1"></i>
                        <span>Tableau Viewer许可费用每年数万元</span>
                    </li>
                    <li class="flex items-start">
                        <i class="fas fa-times-circle text-red-500 mr-3 mt-1"></i>
                        <span>只有少数人能查看报表，数据价值无法最大化</span>
                    </li>
                    <li class="flex items-start">
                        <i class="fas fa-times-circle text-red-500 mr-3 mt-1"></i>
                        <span>报表分享流程复杂，影响决策效率</span>
                    </li>
                </ul>
            </div>

            <!-- 右侧：入门用户 -->
            <div class="bg-orange-50 p-8 rounded-xl border-l-4 border-orange-500">
                <h3 class="text-2xl font-bold text-gray-900 mb-4">
                    <i class="fas fa-rocket text-orange-500 mr-3"></i>刚开始数据化转型？
                </h3>
                <p class="text-lg text-gray-700 mb-6">
                    是否担心传统BI投入巨大，回报未知？
                </p>
                <ul class="space-y-3 text-gray-600">
                    <li class="flex items-start">
                        <i class="fas fa-times-circle text-orange-500 mr-3 mt-1"></i>
                        <span>传统BI工具复杂难用，学习成本高</span>
                    </li>
                    <li class="flex items-start">
                        <i class="fas fa-times-circle text-orange-500 mr-3 mt-1"></i>
                        <span>初期投入巨大，ROI难以预测</span>
                    </li>
                    <li class="flex items-start">
                        <i class="fas fa-times-circle text-orange-500 mr-3 mt-1"></i>
                        <span>担心选错工具，浪费时间和资源</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<!-- 核心价值展示区 -->
<section class="py-16 bg-gray-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
            <!-- 价值点1：企业级安全登录 -->
            <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition duration-300">
                <div class="text-center">
                    <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-6">
                        <i class="fas fa-shield-alt text-2xl text-blue-600"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-4">企业级安全登录</h3>
                    <p class="text-gray-600 mb-6">
                        支持多租户架构、SSO单点登录、企业微信/钉钉等第三方登录，确保数据安全隔离。
                    </p>
                    <div class="bg-blue-50 p-4 rounded-lg">
                        <p class="text-sm text-blue-700 font-semibold">
                            <i class="fas fa-users mr-2"></i>多租户支持
                        </p>
                        <p class="text-xs text-blue-600 mt-1">
                            租户独立配置<br>
                            物理隔离安全<br>
                            <strong>SSO统一认证</strong>
                        </p>
                    </div>
                </div>
            </div>

            <!-- 价值点2：丰富交互体验 -->
            <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition duration-300">
                <div class="text-center">
                    <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
                        <i class="fas fa-comments text-2xl text-green-600"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-4">丰富交互体验</h3>
                    <p class="text-gray-600 mb-6">
                        邮箱订阅、报表评论、大屏展示、报表分享、收藏管理、消息通知等完整交互功能。
                    </p>
                    <div class="bg-green-50 p-4 rounded-lg">
                        <p class="text-sm text-green-700 font-semibold">
                            <i class="fas fa-star mr-2"></i>六大交互功能
                        </p>
                        <p class="text-xs text-green-600 mt-1">
                            订阅推送、评论分享<br>
                            收藏管理、消息通知<br>
                            <strong>全屏展示</strong>
                        </p>
                    </div>
                </div>
            </div>

            <!-- 价值点3：深度Tableau集成 -->
            <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition duration-300">
                <div class="text-center">
                    <div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-6">
                        <i class="fas fa-plug text-2xl text-purple-600"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-4">深度Tableau集成</h3>
                    <p class="text-gray-600 mb-6">
                        一键同步Tableau视图、数据源、任务，完美兼容本地部署和Public内容。
                    </p>
                    <div class="bg-purple-50 p-4 rounded-lg">
                        <p class="text-sm text-purple-700 font-semibold">
                            <i class="fas fa-sync mr-2"></i>一键同步
                        </p>
                        <p class="text-xs text-purple-600 mt-1">
                            支持Tableau、FineBI<br>
                            本地部署兼容<br>
                            <strong>无缝集成</strong>
                        </p>
                    </div>
                </div>
            </div>

            <!-- 价值点4：灵活权限管理 -->
            <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition duration-300">
                <div class="text-center">
                    <div class="w-16 h-16 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-6">
                        <i class="fas fa-users-cog text-2xl text-orange-600"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-4">灵活权限管理</h3>
                    <p class="text-gray-600 mb-6">
                        多级用户角色、三级菜单配置、行级别权限控制，支持一对多用户关系。
                    </p>
                    <div class="bg-orange-50 p-4 rounded-lg">
                        <p class="text-sm text-orange-700 font-semibold">
                            <i class="fas fa-key mr-2"></i>精细化控制
                        </p>
                        <p class="text-xs text-orange-600 mt-1">
                            多级角色管理<br>
                            行级权限控制<br>
                            <strong>RLS支持</strong>
                        </p>
                    </div>
                </div>
            </div>

            <!-- 价值点5：移动端完美支持 -->
            <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition duration-300">
                <div class="text-center">
                    <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-6">
                        <i class="fas fa-mobile-alt text-2xl text-red-600"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-4">移动端完美支持</h3>
                    <p class="text-gray-600 mb-6">
                        企业微信集成登录、APP站内打开、自定义移动端视图，随时随地访问数据。
                    </p>
                    <div class="bg-red-50 p-4 rounded-lg">
                        <p class="text-sm text-red-700 font-semibold">
                            <i class="fas fa-weixin mr-2"></i>企业微信集成
                        </p>
                        <p class="text-xs text-red-600 mt-1">
                            APP站内打开<br>
                            移动端优化<br>
                            <strong>随时随地访问</strong>
                        </p>
                    </div>
                </div>
            </div>

            <!-- 价值点6：轻量化架构 -->
            <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition duration-300">
                <div class="text-center">
                    <div class="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mx-auto mb-6">
                        <i class="fas fa-feather-alt text-2xl text-indigo-600"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-4">轻量化架构</h3>
                    <p class="text-gray-600 mb-6">
                        相比传统BI平台更具灵活性和可扩展性，支持多种嵌入方式，快速部署。
                    </p>
                    <div class="bg-indigo-50 p-4 rounded-lg">
                        <p class="text-sm text-indigo-700 font-semibold">
                            <i class="fas fa-rocket mr-2"></i>高性价比
                        </p>
                        <p class="text-xs text-indigo-600 mt-1">
                            快速部署<br>
                            灵活扩展<br>
                            <strong>季度更新</strong>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>


</section>

<!-- 功能亮点区 -->
<section class="py-16 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
            <!-- 功能1：多租户架构 -->
            <div class="text-center p-6 bg-gray-50 rounded-xl hover:bg-gray-100 transition duration-300">
                <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-building text-blue-600"></i>
                </div>
                <h4 class="text-lg font-semibold text-gray-900 mb-2">多租户架构</h4>
                <p class="text-sm text-gray-600">
                    租户独立配置，物理隔离，确保企业数据安全
                </p>
            </div>

            <!-- 功能2：SSO单点登录 -->
            <div class="text-center p-6 bg-gray-50 rounded-xl hover:bg-gray-100 transition duration-300">
                <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-sign-in-alt text-green-600"></i>
                </div>
                <h4 class="text-lg font-semibold text-gray-900 mb-2">SSO单点登录</h4>
                <p class="text-sm text-gray-600">
                    支持企业统一身份认证，一次登录全平台访问
                </p>
            </div>

            <!-- 功能3：邮箱订阅推送 -->
            <div class="text-center p-6 bg-gray-50 rounded-xl hover:bg-gray-100 transition duration-300">
                <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-envelope text-purple-600"></i>
                </div>
                <h4 class="text-lg font-semibold text-gray-900 mb-2">邮箱订阅推送</h4>
                <p class="text-sm text-gray-600">
                    定时推送报表，支持为自己或他人订阅视图
                </p>
            </div>

            <!-- 功能4：报表评论分享 -->
            <div class="text-center p-6 bg-gray-50 rounded-xl hover:bg-gray-100 transition duration-300">
                <div class="w-12 h-12 bg-orange-100 rounded-lg flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-share-alt text-orange-600"></i>
                </div>
                <h4 class="text-lg font-semibold text-gray-900 mb-2">报表评论分享</h4>
                <p class="text-sm text-gray-600">
                    支持视图注释、历史评论、个人报表分享
                </p>
            </div>

            <!-- 功能5：一键Tableau同步 -->
            <div class="text-center p-6 bg-gray-50 rounded-xl hover:bg-gray-100 transition duration-300">
                <div class="w-12 h-12 bg-red-100 rounded-lg flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-sync-alt text-red-600"></i>
                </div>
                <h4 class="text-lg font-semibold text-gray-900 mb-2">一键Tableau同步</h4>
                <p class="text-sm text-gray-600">
                    同步按钮完成所有视图、数据源、任务同步
                </p>
            </div>

            <!-- 功能6：行级权限控制 -->
            <div class="text-center p-6 bg-gray-50 rounded-xl hover:bg-gray-100 transition duration-300">
                <div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-user-lock text-indigo-600"></i>
                </div>
                <h4 class="text-lg font-semibold text-gray-900 mb-2">行级权限控制</h4>
                <p class="text-sm text-gray-600">
                    RLS行级权限，支持一对多用户关系管理
                </p>
            </div>

            <!-- 功能7：企业微信集成 -->
            <div class="text-center p-6 bg-gray-50 rounded-xl hover:bg-gray-100 transition duration-300">
                <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mx-auto mb-4">
                    <i class="fab fa-weixin text-green-600"></i>
                </div>
                <h4 class="text-lg font-semibold text-gray-900 mb-2">企业微信集成</h4>
                <p class="text-sm text-gray-600">
                    APP站内打开，移动端完美访问数据门户
                </p>
            </div>

            <!-- 功能8：季度更新机制 -->
            <div class="text-center p-6 bg-gray-50 rounded-xl hover:bg-gray-100 transition duration-300">
                <div class="w-12 h-12 bg-yellow-100 rounded-lg flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-calendar-alt text-yellow-600"></i>
                </div>
                <h4 class="text-lg font-semibold text-gray-900 mb-2">季度更新机制</h4>
                <p class="text-sm text-gray-600">
                    及时响应技术发展，保持产品竞争力
                </p>
            </div>
        </div>

    </div>


</section>
<!-- 功能演示区 -->
<section class="py-16 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-12">
            <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
                核心功能演示
            </h2>
            <p class="text-xl text-gray-600">
                直观了解HBI的强大功能
            </p>
        </div>

        <div class="grid md:grid-cols-2 gap-12">
            <!-- 左侧：功能列表 -->
            <div class="space-y-6">
                <div class="bg-blue-50 p-6 rounded-xl">
                    <h3 class="text-xl font-bold text-gray-900 mb-4">
                        <i class="fas fa-sync text-blue-600 mr-2"></i>一键Tableau同步
                    </h3>
                    <p class="text-gray-600 mb-4">
                        点击"同步按钮"，所有Tableau视图、数据源、任务即可完成同步，无需复杂配置。
                    </p>
                    <ul class="text-sm text-gray-600 space-y-2">
                        <li>• 支持本地部署和Public内容</li>
                        <li>• 自动同步视图权限设置</li>
                        <li>• 保持数据源连接状态</li>
                    </ul>
                </div>

                <div class="bg-green-50 p-6 rounded-xl">
                    <h3 class="text-xl font-bold text-gray-900 mb-4">
                        <i class="fas fa-mobile-alt text-green-600 mr-2"></i>企业微信集成
                    </h3>
                    <p class="text-gray-600 mb-4">
                        支持企业微信APP站内打开数据门户，移动端完美访问体验。
                    </p>
                    <ul class="text-sm text-gray-600 space-y-2">
                        <li>• 企业微信联合登录</li>
                        <li>• APP内无缝访问</li>
                        <li>• 移动端界面优化</li>
                    </ul>
                </div>

                <div class="bg-purple-50 p-6 rounded-xl">
                    <h3 class="text-xl font-bold text-gray-900 mb-4">
                        <i class="fas fa-users-cog text-purple-600 mr-2"></i>行级权限控制
                    </h3>
                    <p class="text-gray-600 mb-4">
                        支持RLS行级权限控制，一对多用户关系，满足复杂权限场景需求。
                    </p>
                    <ul class="text-sm text-gray-600 space-y-2">
                        <li>• 部门隶属和管辖关系</li>
                        <li>• 多种用户属性配置</li>
                        <li>• 灵活的权限传参</li>
                    </ul>
                </div>
            </div>

            <!-- 右侧：演示图片占位 -->
            <div class="bg-gray-100 rounded-xl p-8 flex items-center justify-center">
                <div class="text-center">
                    <i class="fas fa-desktop text-6xl text-gray-400 mb-4"></i>
                    <p class="text-gray-600">功能演示截图</p>
                    <p class="text-sm text-gray-500 mt-2">
                        实际部署时可替换为产品截图
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 客户案例区 -->
<section class="py-16 bg-gray-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-12">
            <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
                看看和您一样的企业如何通过HBI实现业务增长
            </h2>
            <p class="text-xl text-gray-600">
                真实案例，见证价值
            </p>
        </div>

        <div class="grid md:grid-cols-3 gap-8">
            <!-- 案例1 -->
            <div class="bg-white p-8 rounded-xl shadow-lg">
                <div class="flex items-center mb-4">
                    <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mr-4">
                        <i class="fas fa-industry text-blue-600"></i>
                    </div>
                    <div>
                        <h4 class="font-semibold text-gray-900">制造业企业</h4>
                        <p class="text-sm text-gray-600">员工规模：200+</p>
                    </div>
                </div>
                <div class="mb-4">
                    <div class="flex justify-between items-center mb-2">
                        <span class="text-sm text-gray-600">成本节省</span>
                        <span class="text-lg font-bold text-green-600">85%</span>
                    </div>
                    <div class="flex justify-between items-center mb-2">
                        <span class="text-sm text-gray-600">决策效率提升</span>
                        <span class="text-lg font-bold text-blue-600">3倍</span>
                    </div>
                </div>
                <blockquote class="text-gray-600 italic">
                    "HBI让我们的生产数据真正为业务服务，每个部门都能实时看到关键指标，决策速度大幅提升。"
                </blockquote>
            </div>

            <!-- 案例2 -->
            <div class="bg-white p-8 rounded-xl shadow-lg">
                <div class="flex items-center mb-4">
                    <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mr-4">
                        <i class="fas fa-shopping-cart text-green-600"></i>
                    </div>
                    <div>
                        <h4 class="font-semibold text-gray-900">零售连锁</h4>
                        <p class="text-sm text-gray-600">员工规模：150+</p>
                    </div>
                </div>
                <div class="mb-4">
                    <div class="flex justify-between items-center mb-2">
                        <span class="text-sm text-gray-600">销售效率提升</span>
                        <span class="text-lg font-bold text-green-600">25%</span>
                    </div>
                    <div class="flex justify-between items-center mb-2">
                        <span class="text-sm text-gray-600">库存优化</span>
                        <span class="text-lg font-bold text-blue-600">30%</span>
                    </div>
                </div>
                <blockquote class="text-gray-600 italic">
                    "从Tableau迁移到HBI后，不仅成本大幅降低，所有店长都能随时查看销售数据，业绩提升明显。"
                </blockquote>
            </div>

            <!-- 案例3 -->
            <div class="bg-white p-8 rounded-xl shadow-lg">
                <div class="flex items-center mb-4">
                    <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mr-4">
                        <i class="fas fa-handshake text-purple-600"></i>
                    </div>
                    <div>
                        <h4 class="font-semibold text-gray-900">服务企业</h4>
                        <p class="text-sm text-gray-600">员工规模：80+</p>
                    </div>
                </div>
                <div class="mb-4">
                    <div class="flex justify-between items-center mb-2">
                        <span class="text-sm text-gray-600">客户满意度</span>
                        <span class="text-lg font-bold text-green-600">+40%</span>
                    </div>
                    <div class="flex justify-between items-center mb-2">
                        <span class="text-sm text-gray-600">运营成本降低</span>
                        <span class="text-lg font-bold text-blue-600">20%</span>
                    </div>
                </div>
                <blockquote class="text-gray-600 italic">
                    "作为初次使用BI工具的企业，HBI的易用性让我们快速上手，数据化运营效果超出预期。"
                </blockquote>
            </div>
        </div>
    </div>
</section>

<!-- 专家背书区 -->
<section class="py-16 bg-blue-600 text-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center">
            <h2 class="text-3xl md:text-4xl font-bold mb-8">
                专业团队，可靠保障
            </h2>
            <div class="max-w-4xl mx-auto">
                <div class="bg-white/10 backdrop-blur-sm rounded-xl p-8">
                    <div class="flex flex-col md:flex-row items-center">
                        <div class="w-32 h-32 bg-white/20 rounded-full flex items-center justify-center mb-6 md:mb-0 md:mr-8">
                            <i class="fas fa-user-tie text-4xl text-white"></i>
                        </div>
                        <div class="text-center md:text-left">
                            <h3 class="text-2xl font-bold mb-2">喜乐君</h3>
                            <p class="text-xl text-blue-100 mb-4">国内唯一Tableau Visionary技术专家</p>
                            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-sm">
                                <div class="bg-white/10 rounded-lg p-3">
                                    <i class="fas fa-award mb-2"></i>
                                    10年+企业数据分析经验
                                </div>
                                <div class="bg-white/10 rounded-lg p-3">
                                    <i class="fas fa-tools mb-2"></i>
                                    专注解决客户实际问题
                                </div>
                                <div class="bg-white/10 rounded-lg p-3">
                                    <i class="fas fa-heart mb-2"></i>
                                    工匠精神，持续优化
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 最终CTA区 -->
<section class="py-16 bg-gradient-to-r from-blue-600 to-purple-600 text-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <h2 class="text-3xl md:text-4xl font-bold mb-4">
            是时候让数据为您工作，而不是为软件付费了
        </h2>
        <p class="text-xl mb-8 opacity-90">
            加入已经选择HBI的企业行列，开启数据驱动增长之旅
        </p>
        <div class="flex flex-col sm:flex-row gap-4 justify-center">
            <button class="bg-white text-blue-600 px-8 py-4 rounded-lg text-lg font-semibold hover:bg-gray-100 transition duration-300 shadow-lg">
                <i class="fas fa-play-circle mr-2"></i>申请产品演示（免费）
            </button>
            <button class="border-2 border-white text-white px-8 py-4 rounded-lg text-lg font-semibold hover:bg-white hover:text-blue-600 transition duration-300">
                <i class="fas fa-phone mr-2"></i>立即咨询专家
            </button>
        </div>
        <p class="text-sm mt-6 opacity-75">
            <i class="fas fa-clock mr-2"></i>通常在24小时内回复 |
            <i class="fas fa-shield-alt mr-2 ml-4"></i>数据安全保障 |
            <i class="fas fa-headset mr-2 ml-4"></i>专业技术支持
        </p>
    </div>
</section>

<!-- 页脚 -->
<footer class="bg-gray-900 text-white py-12">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid md:grid-cols-4 gap-8">
            <div>
                <h3 class="text-2xl font-bold mb-4">HBI</h3>
                <p class="text-gray-400 mb-4">
                    基于Tableau的企业数据分析共享中心，轻量化架构，深度集成，让数据驱动业务增长。
                </p>
                <div class="flex space-x-4">
                    <a href="#" class="text-gray-400 hover:text-white">
                        <i class="fab fa-weixin text-xl"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-white">
                        <i class="fab fa-qq text-xl"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-white">
                        <i class="fab fa-weibo text-xl"></i>
                    </a>
                </div>
            </div>
            <div>
                <h4 class="text-lg font-semibold mb-4">产品</h4>
                <ul class="space-y-2 text-gray-400">
                    <li><a href="#" class="hover:text-white">功能特性</a></li>
                    <li><a href="pricing.html" class="hover:text-white">定价方案</a></li>
                    <li><a href="#" class="hover:text-white">产品演示</a></li>
                    <li><a href="#" class="hover:text-white">API文档</a></li>
                </ul>
            </div>
            <div>
                <h4 class="text-lg font-semibold mb-4">解决方案</h4>
                <ul class="space-y-2 text-gray-400">
                    <li><a href="solutions.html" class="hover:text-white">Tableau用户</a></li>
                    <li><a href="solutions.html" class="hover:text-white">入门级用户</a></li>
                    <li><a href="#" class="hover:text-white">行业方案</a></li>
                    <li><a href="#" class="hover:text-white">成功案例</a></li>
                </ul>
            </div>
            <div>
                <h4 class="text-lg font-semibold mb-4">支持</h4>
                <ul class="space-y-2 text-gray-400">
                    <li><a href="#" class="hover:text-white">帮助中心</a></li>
                    <li><a href="#" class="hover:text-white">技术支持</a></li>
                    <li><a href="about.html" class="hover:text-white">关于我们</a></li>
                    <li><a href="#" class="hover:text-white">联系我们</a></li>
                </ul>
            </div>
        </div>
        <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
            &copy; 2025 上海唯知唯识科技有限公司. 保留所有权利.
            <p class="text-sm mt-2">本平台的部分功能基于第三方技术开发，相关版权归原版权所有者所有。</p>
        </div>
    </div>
</footer>