<template>
  <view class="page-shell about-page">
    <view class="page-blur"></view>
    <view class="page-blur-secondary"></view>
    <view class="page-blur-tertiary"></view>

    <view class="page-content subpage-content">
      <view class="subpage-nav">
        <view class="subpage-back" @tap="goBack">‹</view>
        <view class="subpage-title-wrap">
          <text class="subpage-title">关于我们</text>
          <text class="subpage-subtitle">关于绿纤的空间审美、护理方式与会员服务理念</text>
        </view>
      </view>

      <view class="subpage-hero glass-card">
        <text class="hero-kicker">ABOUT LÜQIAN</text>
        <text class="hero-title">把护理、空间与情绪节奏，安静地融合在一起</text>
        <text class="hero-desc">绿纤以高端女性护理体验为核心，把门店服务、柔和空间与会员关怀慢慢整理成一套更轻、更稳的日常体验。</text>
      </view>

      <view class="subpage-card">
        <view class="section-head">
          <text class="section-title">品牌关键词</text>
          <text class="section-link">轻奢门店</text>
        </view>
        <view class="meta-grid">
          <text class="meta-pill">面部护理</text>
          <text class="meta-pill rose">SPA 放松</text>
          <text class="meta-pill">会员礼遇</text>
          <text class="meta-pill rose">居家修护</text>
        </view>
      </view>

      <view class="subpage-card">
        <view class="info-list">
          <view class="info-row">
            <text class="info-label">品牌理念</text>
            <text class="info-value">让细腻护理体验，从门店慢慢延续到日常生活</text>
          </view>
          <view class="info-row">
            <text class="info-label">服务时间</text>
            <text class="info-value">09:30 - 22:00</text>
          </view>
          <view class="info-row">
            <text class="info-label">会员热线</text>
            <text class="info-value">400-820-1314</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    goBack() {
      uni.navigateBack({ fail: () => uni.redirectTo({ url: '/pages/profile/profile' }) })
    }
  }
}
</script>

<style lang="scss" scoped>
@import '@/styles/mixins.scss';
@import '@/styles/subpage.scss';
</style>
