<template>
  <UPage>
    <UPageBody>
      <UContainer>
        <template #default>
          <UStepper :items="proposalSteps" size="xs" disabled />
          <UPageHeader
            title="永平中学校友会 40 周年纪念册筹划"
            description="四十载薪火相传，情系永平，共创未来"
          />

          <UPageSection title="纪念册定位">
            <h3>目标受众</h3>
            <ul>
              <li>各届校友（老中青三代）</li>
              <li>教职员工与校董会</li>
              <li>在校学生与家长</li>
              <li>地区社会贤达 / 赞助商 / 友校代表</li>
            </ul>
            <h3>风格方向</h3>
            <p>庄重 × 情感 × 历史厚度 × 现代视觉感</p>
            <p>
              → 类似大学纪念刊风格，不是单纯的活动册，而是一部 *时代见证作品*。
            </p>
          </UPageSection>

          <UPageSection
            title="总体结构规划"
            description="建议页数：120～160 页"
          >
          </UPageSection>
        </template>
      </UContainer>
    </UPageBody>
  </UPage>
</template>

<script lang="ts" setup>
import type { StepperItem } from "@nuxt/ui";

useSeoMeta({
  title: "40 周年纪念册筹划",
});

const proposalSteps = ref<StepperItem[]>([
  { title: "筹划期", description: "成立编辑组，确定风格、预算、印刷规格" },
  { title: "资料收集期", description: "访谈、征文、收照片、整理档案" },
  { title: "撰写与设计期", description: "文稿成稿、图片修复、初稿排版" },
  { title: "审校与赞助期", description: "校对、内容确认、广告页洽谈" },
  { title: "印刷准备期", description: "定稿送印、样书确认" },
  { title: "发布期", description: "校庆活动同步发行、媒体推广、线上版本上线" },
]);
</script>

<style></style>
