<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>
      WiseFitness
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">

  <div class="swiper-container">
    <!-- 这里是swiper-slide元素，每个代表轮播图中的一屏 -->
    <div class="swiper-slide">
        <ion-card>
            <img src="path-to-fitnes-result-image" alt="Fitness Result">
            <ion-card-header>
                <ion-card-title>真实用户健身成果</ion-card-title>
            </ion-card-header>
            <ion-card-content>
                曾经的我体重超标，行动不便。WisefitnessApp为我量身定制计划，坚持数月，成功蜕变！
            </ion-card-content>
        </ion-card>
    </div>
    <div class="swiper-slide">
        <ion-card>
            <ion-img src="path-to-fitness-plan-image"></ion-img>
            <ion-card-header>
                <ion-card-title>个性化健身计划生成</ion-card-title>
            </ion-card-header>
            <ion-card-content>
                根据您的独特情况，精准定制专属健身计划
            </ion-card-content>
        </ion-card>
    </div>
    <div class="swiper-slide">
        <ion-card>
            <img src="path-to-diet-plan-image" alt="Diet Plan">
            <ion-card-header>
                <ion-card-title>个性化饮食计划生成</ion-card-title>
            </ion-card-header>
            <ion-card-content>
                为您打造科学合理的饮食规划，助力健身目标达成
            </ion-card-content>
        </ion-card>
    </div>
    <div class="swiper-slide">
        <ion-card>
            <img src="path-to-coupon-image" alt="Coupon">
            <ion-card-header>
                <ion-card-title>限时优惠！</ion-card-title>
            </ion-card-header>
            <ion-card-content>
                新用户注册即享健身课程半价优惠，开启智慧健身之旅！
            </ion-card-content>
        </ion-card>
    </div>
</div>
<!-- 用户推荐区域 -->
<ion-list>
  <ion-item *ngFor="let user of users">
    <ion-avatar slot="start">
      <img src="{{user.avatarUrl}}" alt="{{user.name}}">
    </ion-avatar>
    <ion-label>
      <h2>{{user.name}}</h2>
      <p>{{user.recommendation}}"></p>
    </ion-label>
  </ion-item>
  <ion-button fill="outline" slot="end" >查看更多推荐</ion-button>
</ion-list>
    

</ion-content>
