init: 初始化

packages/app/src/pages/home/index.vue

@@ -9,19 +9,22 @@
       @refresherrefresh="handleRefresh"
       @refresherrestore="refreshing = false"
     >
-      <!-- ① Brand Banner (custom nav) -->
+      <!-- ① Brand Banner (hero with bg image + centered logo) -->
       <BrandBanner :studio-info="studioStore.studioInfo" />
 
-      <!-- ② Studio Info (swiper + address + phone) -->
+      <!-- ② Studio Info (photo strip + address/phone) -->
       <StudioInfo :studio-info="studioStore.studioInfo" />
 
+      <!-- Divider -->
+      <view class="section-divider" />
+
       <!-- ③ Quick Entry (login / trial / book / renew) -->
       <QuickEntry @scroll-to-card-shop="scrollToCardShop" />
 
       <!-- ④ Upcoming Bookings -->
       <UpcomingBooking />
 
-      <!-- ⑤ Card Shop (horizontal scroll) -->
+      <!-- ⑤ Card Shop (vertical list) -->
       <view :id="cardShopAnchorId">
         <CardShop ref="cardShopRef" />
       </view>
@@ -102,6 +105,11 @@ function scrollToCardShop() {
   height: 100vh;
 }
 
+.section-divider {
+  height: 16rpx;
+  background: #f5f5f5;
+}
+
 .bottom-padding {
   height: 120rpx;
 }