---
import Base from "../../layouts/Base.astro";
import Header from "../../components/Header.astro";
import Footer from "../../components/Footer.astro";
import CTA from "../../components/CTA.astro";
import SectionHeading from "../../components/SectionHeading.astro";
import { site } from "../../data/site";

const title = `学科辅导｜${site.brand.name}`;
const description = "启优学一对一覆盖小学、初中和高中，根据学生当前基础、教材进度和阶段任务，提供在线一对一个性化学科辅导。";

const stages = [
  {
    range: "小学 1—6 年级",
    name: "小学阶段",
    subjects: "语文 · 数学 · 英语",
    desc: "关注基础知识、阅读与表达、计算准确性、审题习惯和学习方法，可围绕校内同步、知识巩固、错题分析与小初衔接等需求展开。",
  },
  {
    range: "初中 1—3 年级",
    name: "初中阶段",
    subjects: "语数英 · 物理 · 化学等",
    desc: "梳理知识结构，定位具体薄弱点，兼顾校内进度、阶段复习、偏科改善与中考相关学习任务。",
  },
  {
    range: "高中 1—3 年级",
    name: "高中阶段",
    subjects: "语数英 · 物化生 · 政史地",
    desc: "结合选科、课程进度和阶段目标，拆分知识理解、题型方法、综合应用与复习节奏等问题。",
  },
];

const needs = [
  { id: "foundation", number: "01", title: "基础巩固", desc: "回顾关键概念与基础题型，找到影响后续学习的知识缺口。" },
  { id: "subject-improvement", number: "02", title: "偏科补弱", desc: "围绕具体学科、章节和错误类型安排优先任务，避免泛泛重复。" },
  { id: "school-sync", number: "03", title: "同步学习", desc: "结合教材版本和学校进度进行讲解、练习与错题复盘。" },
  { id: "exam-planning", number: "04", title: "阶段复习", desc: "根据测验、期中期末或升学阶段的时间安排梳理复习重点。" },
  { id: "method-adjustment", number: "05", title: "方法调整", desc: "从审题、表达、计算、记忆和复习习惯中识别可改进环节。" },
  { id: "advanced-learning", number: "06", title: "进阶学习", desc: "在基础掌握较稳定后，根据学生情况拓展综合应用和思维训练。" },
];

const process = [
  { number: "01", title: "沟通学习情况", desc: "了解学生年级、教材版本、学校进度、近期试卷或错题，以及当前最希望解决的问题。" },
  { number: "02", title: "诊断并确定优先任务", desc: "区分知识缺口、解题方法和学习习惯等原因，把宽泛目标拆成可以检查的阶段任务。" },
  { number: "03", title: "匹配教师与学习节奏", desc: "综合学段、学科、学生基础、目标和沟通特点匹配教师，并明确近期内容、节奏与检查方式。" },
  { number: "04", title: "授课、反馈与阶段调整", desc: "课堂中检查理解情况，课后记录待巩固问题，并根据阶段表现调整后续安排。" },
];

const jsonLd = {
  "@context": "https://schema.org",
  "@type": "Service",
  name: "启优学 K12 在线一对一学科辅导",
  provider: { "@id": new URL("/#organization", Astro.site).href },
  audience: { "@type": "EducationalAudience", educationalRole: "student" },
  description,
};
---

<Base {title} {description} {jsonLd}>
  <Header />
  <main id="main-content">
    <section class="page-hero subject-service-hero">
      <div class="container page-hero__inner" data-reveal>
        <div class="breadcrumb"><a href="/">首页</a> / 学科辅导</div>
        <p class="subject-service-hero__kicker">K12 学科教育 · 多元课程</p>
        <h1>从当前学情出发<br /><em>让每一步学习更有针对性</em></h1>
        <p>优质师资直达，个性化辅导看得见；打破地域壁垒，让优质教育触手可及。</p>
      </div>
    </section>

    <nav class="anchor-nav" aria-label="本页内容">
      <div class="container">
        <a href="#overview"><span>01</span>课程说明</a>
        <a href="#stages"><span>02</span>覆盖学段</a>
        <a href="#process"><span>03</span>服务流程</a>
        <a href="#needs"><span>04</span>学习需求</a>
      </div>
    </nav>

    <section id="overview" class="section-pad section-white subject-service-overview">
      <div class="container subject-service-overview__grid">
        <div data-reveal>
          <p class="subject-overview__label">启优学学科教育是什么</p>
          <h2>先看清问题<br />再安排课程</h2>
        </div>
        <div class="subject-service-overview__copy" data-reveal>
          <p>课程从学生当前情况出发，通过需求沟通和学情诊断明确优先问题，再结合学段、学科、教材进度和学习目标匹配教师。</p>
          <p>授课过程中关注学生是否真正理解知识与方法，并通过课后反馈和阶段复盘调整后续安排。</p>
          <aside>一对一辅导不采用统一进度覆盖所有学生，也不承诺相同的成绩结果。实际课程内容、教师、时间和费用，以咨询后双方确认的方案为准。</aside>
        </div>
      </div>
    </section>

    <section id="stages" class="section-pad section-blue subject-stage-section">
      <div class="container">
        <SectionHeading title="覆盖小学、初中和高中阶段" description="不同学段面对的问题不同，课程重点会根据学生当前基础、校内进度和阶段任务进行安排。" />
        <div class="subject-stage-grid">
          {stages.map((stage) => (
            <article data-reveal>
              <div class="subject-stage-card__meta"><span>{stage.range}</span><small>{stage.subjects}</small></div>
              <h3>{stage.name}</h3>
              <p>{stage.desc}</p>
            </article>
          ))}
        </div>
        <p class="subject-stage-note">具体科目和教师资源需结合当前开课情况确认。</p>
      </div>
    </section>

    <section id="process" class="section-pad subject-process-section">
      <div class="container">
        <div class="section-heading section-heading--center section-heading--light" data-reveal>
          <h2>一对一学习服务如何开展</h2>
          <p>从了解学习情况到阶段复盘，具体环节会根据学生需求和实际课程方案调整。</p>
        </div>
        <div class="subject-process-path">
          {process.map((step) => (
            <article data-reveal>
              <span>{step.number}</span>
              <div><h3>{step.title}</h3><p>{step.desc}</p></div>
            </article>
          ))}
        </div>
      </div>
    </section>

    <section id="needs" class="section-pad section-white subject-needs-section">
      <div class="container">
        <div class="subject-needs-head">
          <SectionHeading title="常见学习需求" description="课程不按固定标签套用方案，而是从当前最需要解决的问题开始确定优先顺序。" />
          <p>六类需求可以组合安排，也可以先聚焦一门学科或一个具体问题。</p>
        </div>
        <div class="subject-needs-grid">
          {needs.map((need) => (
            <article id={need.id} data-reveal>
              <span>{need.number}</span>
              <h3>{need.title}</h3>
              <p>{need.desc}</p>
            </article>
          ))}
        </div>
      </div>
    </section>

    <CTA tone="soft" title="先了解孩子目前最需要解决的问题" text="准备年级、教材进度、近期试卷或错题和阶段目标，从一次学情沟通开始。" />
  </main>
  <Footer />
</Base>
