---
import Base from "../../layouts/Base.astro";
import Hero from "../../components/Hero.astro";
import Pipeline from "../../components/Pipeline.astro";
import Showcase from "../../components/Showcase.astro";
import Materials from "../../components/Materials.astro";
import Metrics from "../../components/Metrics.astro";
import Preflight from "../../components/Preflight.astro";
import Typography from "../../components/Typography.astro";
import Rules from "../../components/Rules.astro";
import Install from "../../components/Install.astro";
import { en as c } from "../../i18n/content";
---

<Base lang="en" title={c.meta.title} description={c.meta.description}>
  {/*
    순서는 세 묶음이다. 한동안 기능과 증거가 번갈아 나와서
    (사례 → 필터 → 수치 → 감사 → 조판 → 규칙) 읽는 사람이 지금 무슨 이야기를
    듣고 있는지 놓쳤다. 같은 성격끼리 붙인다.

      ① 무엇인가   히어로 · 파이프라인
      ② 무엇을 아는가  SVG 필터 · 한글 조판
      ③ 정말 그런가   사례 · 수치 · 자기 감사 · 규칙
      ④ 행동       설치
  */}
  <Hero c={c.hero} ui={c.ui} />
  <Pipeline c={c.pipeline} />

  <Materials c={c.materials} />
  <Typography c={c.typography} />

  <Showcase c={c.showcase} />
  <Metrics c={c.metrics} />
  <Preflight c={c.preflight} />
  <Rules c={c.rules} />

  <Install c={c.install} ui={c.ui} />

</Base>
