cecilia/app/page.tsx

import Timeline from "@/components/pages/home/timeline";
import Header from "@/components/pages/home/header";

export default function Home() {
  return (
    <>
      <Header />
      <div className="mx-auto max-w-3xl px-4">
        <Timeline
          timeline={[
            {
              title: "プログラミングの世界に入り込む",
              datetime: "2020/07",
              description: "Discord Botを作るためにPythonを学び始めた。",
            },
            {
              title: "sbv2-api 誕生",
              datetime: "2025/09",
              description:
                "Discord botに組み込めたら面白いと思って開発を開始して作った。",
            },
            {
              title: "New! ウェブサイト6代目開発開始(Proj C)",
              datetime: "2025/04",
              description:
                "前のサイトを変えたくなった。そして再び一から作ることにした。",
            },
          ]}
        />
      </div>
    </>
  );
}