SanYeCao-blog/src/pages/[lang]/index.astro

---
import BaseLayout from "@/layouts/BaseLayout.astro";
import PostList from "@/components/Posts/PostList.astro";
import { getLangFromUrl, getTranslations } from "@/i18n";
import "@/styles/global.css";

export function getStaticPaths() {
  return [{ params: { lang: "zh" } }, { params: { lang: "en" } }];
}

const lang = getLangFromUrl(Astro.url);
const t = getTranslations(lang);
const headerTitle = lang === "zh" ? "Cloverta的博客" : "Cloverta's blog";
const pageTitle = t.home.title;
---

<BaseLayout pageTitle={headerTitle}>
  <h1>{pageTitle}</h1>
  <div class="content">
    {t.home.content.map((line: string) => <p set:html={line} />)}
  </div>

  <div class="section-divider"></div>

  <PostList />
</BaseLayout>

<style>
  .section-divider {
    height: 1px;
    background: #cdd2d8;
    margin: 1.5rem 0;
    opacity: 0.8;
  }

  :global(.dark) .section-divider {
    background: #7f8b97;
  }
</style>