---
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 SubjectIcon from "../components/SubjectIcon.astro";
import heroImage from "../../pic/主页大图素材-1.png";
import { Image } from "astro:assets";
import { site } from "../data/site";
import { fmtDate, getPublishedArticles } from "../lib/articles";
const latest = (await getPublishedArticles()).slice(0, 3);
const subjects = [
  { icon: "chinese", tone: "blue", name: "语文学习", desc: "品读古今经典，涵养文学素养" },
  { icon: "math", tone: "rose", name: "数学思维", desc: "探索数学奥秘，构建逻辑思维" },
  { icon: "english", tone: "orange", name: "英语能力", desc: "畅游语言世界，拓展国际视野" },
  { icon: "physics", tone: "indigo", name: "物理探索", desc: "洞察万物原理，掌握自然法则" },
  { icon: "chemistry", tone: "green", name: "化学实验", desc: "发现元素世界，理解物质变化" },
  { icon: "history", tone: "purple", name: "历史人文", desc: "穿越时空长河，传承文明智慧" },
] as const;
const jsonLd = [{ "@context": "https://schema.org", "@type": "Service", name: "启优学在线一对一个性化辅导", provider: { "@id": new URL("/#organization", Astro.site).href }, areaServed: { "@type": "Country", name: "中国" }, audience: { "@type": "EducationalAudience", educationalRole: "student" }, description: site.seo.description }, { "@context": "https://schema.org", "@type": "FAQPage", mainEntity: site.faq.slice(0, 5).map((item) => ({ "@type": "Question", name: item.q, acceptedAnswer: { "@type": "Answer", text: item.a } })) }];
---
<Base title={site.seo.title} jsonLd={jsonLd}><Header /><main id="main-content">
  <section class="home-hero"><div class="container home-hero__grid"><div class="home-hero__copy" data-reveal><div class="hero-label"><strong>启优学一对一在线辅导</strong></div><h1><span>优质师资直达，个性化辅导看得见</span><em>打破地域壁垒，让优质教育触手可及</em></h1><p class="hero-subhead"><span>{site.home.subhead}</span><span>覆盖小学 1-6 年级、初中 1-3 年级、高中 1-3 年级</span></p><div class="hero__actions"><a class="button" href="/contact/" data-open-contact>免费领取学情分析</a><a class="button button--outline" href="#workflow">了解学习流程</a></div><div class="hero__proof"><span>固定教师</span><span>互动课堂</span><span>课程回放</span><span>阶段复盘</span></div></div><div class="home-hero__visual" data-reveal><div class="image-frame"><Image src={heroImage} widths={[580, 760, 980]} sizes="(max-width: 760px) 100vw, 52vw" alt="启优学老师与学生在线一对一互动学习" format="webp" loading="eager" fetchpriority="high" /></div></div></div></section>

  <section class="stat-band"><div class="container stat-grid">{site.home.stats.map((stat) => <div data-reveal><strong>{stat.value}</strong><p>{stat.label}</p></div>)}</div><p class="data-note">师资数据来源于启优学一对一教务系统内部统计，截至 2026 年 7 月；相关数据会随师资及业务情况动态更新。</p></section>

  <section class="subject-overview section-pad"><div class="container"><div class="subject-overview__head" data-reveal><div><h2>小学、初中、高中<br />个性化学习支持</h2><p class="subject-overview__lead">通过学情诊断、教师匹配与阶段复盘，为学生制定有针对性的在线一对一学习方案。</p></div><p class="subject-overview__intro">启优学一对一面向小学、初中和高中学生，提供学情诊断、教师匹配、专属学习方案、课堂过程反馈和课后学习报告，帮助家长清晰了解孩子的学习进展。</p></div><div class="subject-overview__grid">{subjects.map((item) => <article class={`subject-card subject-card--${item.tone}`} data-reveal><div class="subject-card__icon"><SubjectIcon name={item.icon} /></div><div><h3>{item.name}</h3><p>{item.desc}</p></div></article>)}</div><div class="subject-support-note" data-reveal><strong>更多校内科目支持</strong><p>还支持生物、地理、道德与法治等常见校内科目，具体开课情况以咨询确认为准。</p></div></div></section>

  <section id="services" class="section-pad section-blue needs-section"><div class="container"><div class="needs-layout"><div class="needs-intro" data-reveal><p class="subject-overview__label">课程怎么选</p><h2>孩子最近<br />卡在哪一步？</h2><p>基础没跟上、单科薄弱，或是需要配合校内进度、准备阶段考试，都可以从眼前的具体问题说起。</p><a class="text-link" href="/services/">查看课程说明</a></div><div class="needs-list">{site.services.map((item) => <a href={`/services/${item.slug}/`} data-reveal><span>{item.index}</span><div><h3>{item.name}</h3><p>{item.intro}</p></div><strong>查看</strong></a>)}</div></div><div class="needs-context" data-reveal><strong>常见学习需求</strong><p>{site.home.scenarios.join("、")}。</p><p>可以先安排一门学科；如有多科需求，会在了解具体情况后分别规划。</p></div></div></section>

  <section id="workflow" class="section-pad section-white workflow-section"><div class="container"><div class="workflow-head"><div><SectionHeading title="六项课程服务环节" description="从诊断到复盘，每一步都有清楚的任务和可核验标准，家长知道为什么这样安排，学生知道下一步做什么。" /></div><a class="button button--outline" href="/methodology/">查看完整教学服务</a></div><div class="workflow-grid">{site.workflow.map((item) => <article class="workflow-card" data-reveal><div class="workflow-card__marker"><span>{item.number}</span></div><div class="workflow-card__body"><h3>{item.title}</h3><p>{item.desc}</p></div></article>)}</div></div></section>

  <section id="teachers" class="section-pad teacher-section"><div class="container teacher-profile"><div class="teacher-profile__intro"><h2><em>20000+</em> <span>签约严选教师</span><br />匹配的不只是学科</h2><div><p>教师录取率约 3%，85% 以上来自 985 / 211 或重点师范院校，均要求持有教师资格证。教师平均拥有 5-8 年一线教学经验，其中包含省级骨干教师、教研组长及具有阅卷经验的教师；结合四大本地化教研中心，综合学生所在地区、学段、学科、教材进度、当前基础、阶段目标与沟通特点进行匹配。</p><div class="teacher-tags"><span>100% 持证要求</span><span>平均 5-8 年一线经验</span><span>四大本地化教研中心</span><span>固定教师持续跟进</span></div></div></div><div class="teacher-match" data-reveal><div class="teacher-match__head"><strong>教师匹配会综合这些信息</strong><span>不只看学科，也看教材进度、学习目标和沟通适配度</span></div><div class="teacher-match__grid">{[["地区与教材", "所在地区、教材版本"], ["学段与学科", "学生学段、意向学科"], ["当前学情", "基础与具体薄弱点"], ["阶段安排", "目标与可用学习时间"], ["沟通适配", "授课节奏与沟通特点"]].map(([label, text]) => <article><small>{label}</small><p>{text}</p></article>)}</div></div></div></section>

  <section class="section-pad section-white"><div class="container faq-preview"><div><SectionHeading title="开始一对一辅导前，家长通常会问" description="把课程适配、教师匹配和学习反馈的重要信息公开说明。" /><a class="text-link" href="/faq/">查看全部常见问题</a></div><div class="faq-list">{site.faq.slice(0, 5).map((item, index) => <details data-reveal open={index === 0}><summary><strong>{item.q}</strong><i></i></summary><div><p>{item.a}</p></div></details>)}</div></div></section>

  {latest.length > 0 && <section class="section-pad section-blue"><div class="container"><div class="section-intro-row"><SectionHeading title="学习资讯与家长指南" description="围绕学情判断、学科方法、阶段复习和在线学习服务的公开说明。" /><a class="text-link" href="/articles/">查看全部资讯</a></div><div class="article-grid">{latest.map((item) => <article class="article-card" data-reveal><a href={`/articles/${item.id}/`}><div class="article-card__meta"><span>{item.data.category}</span><time>{fmtDate(item.data.date)}</time></div><h2>{item.data.title}</h2><p>{item.data.excerpt}</p><strong>阅读全文</strong></a></article>)}</div></div></section>}
  <CTA />
</main><Footer /></Base>
