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>
  
  <h3 style="font-size: 2.2em">新闻动态</h3>
  <div class="dynamic-grid">
    <div class="dynamic-card">
      <div class="card-img" style="background-image: url('assets/images/digital-heritage.webp');"></div>
      <div class="card-content">
        <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" routerLink="/mobile/news">了解更多 →</a>
      </div>
    </div>
  </div>

  <h3 style="font-size: 2.2em">文件传达</h3>
  <div class="dynamic-grid">
    <div class="dynamic-card">
      <div class="card-img" style="background-image: url('assets/images/govidocument.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/key.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/approval.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>

  <h3 style="font-size: 2.2em">学术前沿</h3>
  <div class="dynamic-grid">
    <div class="dynamic-card">
      <div class="card-img" style="background-image: url('assets/images/culture.webp');"></div>
      <div class="card-content">
        <h3 class="card-title">文化知识图谱构建</h3>
        <p class="card-desc">运用NLP技术从海量文献中提取实体关系，构建江西文化领域的结构化知识网络。</p>
        <a href="#" class="card-link">了解更多 →</a>
      </div>
    </div>
    <div class="dynamic-card">
      <div class="card-img" style="background-image: url('assets/images/datavisual.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/engine.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>
  </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">AI客服</h3>
          <p>24小时智能应答，实时解决游客咨询与服务需求</p>
        </div>
        <div class="ai-feature" routerLink="/mobile/member">
          <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>