travel-flatform/travel-platform-web/travel-web/src/crm/mobile/page-crm-home/page-crm-home.html

<!-- page-crm-home.html -->
<section class="crm-home">
  <!-- 智能Banner系统 -->
  <section class="banner" id="home">
    <div class="banner-content">
      <h1 class="banner-title">三色映赣鄱 水墨链古今</h1>
      <p class="banner-subtitle">江西省文化和旅游研究推广协会，以数字科技传承赣派文化，用创新设计演绎江西山水，打造虚实共生的文旅新体验。</p>
      <a href="#platform" class="banner-btn" routerLink="/mobile/platform">探索数智共创平台</a>
    </div>
    <div class="banner-bg"></div>
  </section>
  
  <!-- 数智动态区 -->
  <section class="dynamic-section" id="platform">
    <h2 class="section-title">数智动态</h2>
    <div class="dynamic-grid">
      <div class="dynamic-card">
        <div class="card-img" routerLink="/mobile/development" style="background-image: url('assets/images/digital-heritage.webp' );"></div>
        <div class="card-content" routerLink="/mobile/development">
          <h3 class="card-title" >数字非遗保护工程</h3>
          <p class="card-desc">运用3D扫描与VR技术，对江西传统手工艺进行数字化存档与展示，让非遗文化永续传承。</p>
          <a href="#" class="card-link" routerLink="/mobile/development">了解更多 →</a>
        </div>
      </div>
      <div class="dynamic-card">
        <div class="card-img" style="background-image: url('assets/images/cultural-map.webp');"></div>
        <div class="card-content">
          <h3 class="card-title">江西文化基因图谱</h3>
          <p class="card-desc">通过大数据分析，绘制江西文化元素关联网络，揭示赣鄱文化的深层结构与演变脉络。</p>
          <a href="#" class="card-link">了解更多 →</a>
        </div>
      </div>
      <div class="dynamic-card">
        <div class="card-img" style="background-image: url('assets/images/smart-tourism.webp');"></div>
        <div class="card-content">
          <h3 class="card-title">智慧旅游解决方案</h3>
          <p class="card-desc">整合AI导览、AR实景增强等技术，为江西景区提供全方位的数字化升级方案。</p>
          <a href="#" class="card-link">了解更多 →</a>
        </div>
      </div>
    </div>
  </section>
  
  <!-- 共创展示区 -->
  <section class="co-creation-section" id="business">
    <h2 class="section-title">共创成果展示</h2>
    <div class="co-creation-slider">
      <div class="co-creation-item">
        <div class="cc-img" style="background-image: url('assets/images/co-creation1.webp');"></div>
        <div class="cc-content">
          <h3 class="cc-title">滕王阁AR诗词体验</h3>
          <p class="cc-author">作者: 南昌文旅数字实验室</p>
          <p>通过手机扫描实景，触发《滕王阁序》动态书法展示与语音朗诵，让游客沉浸式感受千年文脉。</p>
        </div>
      </div>
      <div class="co-creation-item">
        <div class="cc-img" style="background-image: url('assets/images/co-creation2.webp');"></div>
        <div class="cc-content">
          <h3 class="cc-title">景德镇虚拟制瓷</h3>
          <p class="cc-author">作者: 瓷都数字工匠团队</p>
          <p>交互式模拟青花瓷制作全流程，从拉坯到绘彩，体验传统工艺的数字化演绎。</p>
        </div>
      </div>
      <div class="co-creation-item">
        <div class="cc-img" style="background-image: url('assets/images/co-creation3.webp');"></div>
        <div class="cc-content">
          <h3 class="cc-title">井冈山红色记忆</h3>
          <p class="cc-author">作者: 赣南数媒创新中心</p>
          <p>基于地理位置的革命故事推送系统，在实景中叠加历史影像与互动问答。</p>
        </div>
      </div>
      <div class="co-creation-item">
        <div class="cc-img" style="background-image: url('assets/images/co-creation4.webp');"></div>
        <div class="cc-content">
          <h3 class="cc-title">婺源四季农事历</h3>
          <p class="cc-author">作者: 乡村数字复兴小组</p>
          <p>可视化呈现传统农耕节律，结合气象数据提供农事活动建议与民俗体验预约。</p>
        </div>
      </div>
    </div>
  </section>
  
  <!-- 协会智能体 -->
  <section class="ai-section" id="service">
    <div class="ai-container">
      <h2 class="ai-title">协会智能体</h2>
      <p class="ai-desc">我们开发的AI文化助手"赣小文"，集成了江西历史文化大数据，可提供智能问答、个性化推荐、文创设计辅助等服务，是您探索赣鄱文化的数字向导。</p>
      <a href="#" class="banner-btn">体验智能服务</a>
      
      <div class="ai-features">
        <div class="ai-feature">
          <div class="ai-icon">✍️</div>
          <h3 class="ai-feature-title">文化问答</h3>
          <p>解答江西历史、民俗、非遗等各类文化问题</p>
        </div>
        <div class="ai-feature">
          <div class="ai-icon">🗺️</div>
          <h3 class="ai-feature-title">行程规划</h3>
          <p>根据兴趣定制个性化文旅路线与活动推荐</p>
        </div>
        <div class="ai-feature">
          <div class="ai-icon">🎨</div>
          <h3 class="ai-feature-title">创意辅助</h3>
          <p>提供文创设计灵感与赣派元素数字化素材</p>
        </div>
      </div>
    </div>
  </section>
  
  <!-- 页脚 -->
  <footer class="footer">
    <div class="footer-grid">
      <div class="footer-col">
        <h3>关于协会</h3>
        <ul class="footer-links">
          <li><a href="#">协会简介</a></li>
          <li><a href="#">组织架构</a></li>
          <li><a href="#">发展历程</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h3>会员服务</h3>
        <ul class="footer-links">
          <li><a href="#">会员权益</a></li>
          <li><a href="#">入会申请</a></li>
          <li><a href="#">会员动态</a></li>
          <li><a href="#">资源中心</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h3>项目合作</h3>
        <ul class="footer-links">
          <li><a href="#">共创计划</a></li>
          <li><a href="#">技术支持</a></li>
          <li><a href="#">案例展示</a></li>
          <li><a href="#">合作申请</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h3>关注我们</h3>
        <ul class="footer-links">
          <li><a href="#">微信公众号</a></li>
          <li><a href="#">微博</a></li>
          <li><a href="#">抖音</a></li>
          <li><a href="#">Bilibili</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <p>© 2023 江西省文化和旅游研究推广协会 | 赣ICP备XXXXXXXX号 | 设计遵循"三色映赣鄱，水墨链古今"理念</p>
    </div>
  </footer>
</section>