pbf-wxapp/nova-pbf/components/home/index.wxml

<view class="welcome-page">
  <!-- 1. 顶部品牌区 -->
  <view class="brand-section">
    <view class="slogan">让家更美好</view>
    <view class="sub-slogan">专业门窗定制 · 品质生活之选</view>
  </view>

  <!-- 2. 核心功能轮播区 -->
  <view class="swiper-section">
    <swiper 
      class="feature-swiper" 
      indicator-dots="{{true}}" 
      autoplay="{{true}}" 
      interval="{{3000}}" 
      duration="{{500}}"
      circular="{{true}}"
      indicator-color="rgba(0,0,0,.3)"
      indicator-active-color="#764ba2"
      bindchange="onSwiperChange">
      
      <!-- 第1屏：海量案例 -->
      <swiper-item>
        <view class="swiper-item-content swiper-item-1">
          <view class="feature-icon">🏠</view>
          <view class="feature-title">海量案例 随心选</view>
          <view class="feature-desc">
            <text>数千款精选门窗案例</text>
            <text>总有一款适合您的家</text>
          </view>
        </view>
      </swiper-item>
      
      <!-- 第2屏：智能预约 -->
      <swiper-item>
        <view class="swiper-item-content swiper-item-2">
          <view class="feature-icon">📐</view>
          <view class="feature-title">智能预约 上门量尺</view>
          <view class="feature-desc">
            <text>专业设计师免费上门</text>
            <text>精准测量 定制方案</text>
          </view>
        </view>
      </swiper-item>
      
      <!-- 第3屏：全程跟踪 -->
      <swiper-item>
        <view class="swiper-item-content swiper-item-3">
          <view class="feature-icon">✅</view>
          <view class="feature-title">全程跟踪 安心无忧</view>
          <view class="feature-desc">
            <text>订单进度实时查看</text>
            <text>安装售后全程保障</text>
          </view>
        </view>
      </swiper-item>
      
      <!-- 第4屏：AI专属顾问 -->
      <swiper-item>
        <view class="swiper-item-content swiper-item-4">
          <view class="feature-icon">🤖</view>
          <view class="feature-title">AI专属顾问 智能推荐</view>
          <view class="feature-desc">
            <text>AI智能分析您的需求</text>
            <text>专业推荐最适合方案</text>
          </view>
          <view class="ai-badge">
            <text class="ai-badge-icon">✨</text>
            <text class="ai-badge-text">AI驱动</text>
          </view>
        </view>
      </swiper-item>
    </swiper>
  </view>

  <!-- 3. 价值亮点卡片区 -->
  <view class="value-section">
    <view class="value-title">核心功能</view>
    <view class="value-cards">
      <view class="value-card" bindtap="navigateToCases">
        <view class="card-icon">🏠</view>
        <view class="card-title">案例展示</view>
        <view class="card-desc">海量案例</view>
      </view>
      
      <view class="value-card" bindtap="navigateToProducts">
        <view class="card-icon">📦</view>
        <view class="card-title">产品中心</view>
        <view class="card-desc">精选产品</view>
      </view>
      
      <view class="value-card" bindtap="navigateToConsultation">
        <view class="card-icon">📝</view>
        <view class="card-title">方案定制</view>
        <view class="card-desc">专属设计</view>
      </view>
      
      <view class="value-card" bindtap="navigateToConsultation">
        <view class="card-icon">🤖</view>
        <view class="card-title">AI推荐</view>
        <view class="card-desc">智能匹配</view>
      </view>
    </view>
  </view>

  <!-- 4. 操作按钮区 -->
  <view class="action-section">
    <button class="btn-primary" bindtap="onStart">
      <text class="btn-icon">🚀</text>
      <text>立即开始探索</text>
    </button>
  </view>
</view>