---
import Layout from "@/layouts/Layout.astro";
import GlassHeader from "@/components/GlassHeader.tsx";
import HeroSection from "@/components/HeroSection.tsx";
import ExperienceSection from "@/components/ExperienceSection.tsx";
import SkillsSection from "@/components/SkillsSection.tsx";
import ProjectsSection from "@/components/ProjectsSection.tsx";
import Footer from "@/components/Footer.tsx";
import { useTranslations } from "@/i18n/utils";

// For /zh/ pages, Astro.currentLocale should be 'zh'.
// We explicitly set lang to 'zh' to ensure type correctness and intent.
const lang: "en" | "zh" = 'zh';
const t = useTranslations(lang);
const pageTitle = t('page.home.title');
---

<Layout title={pageTitle}>
  <GlassHeader lang={lang} client:only="react" />
  <main class="min-h-screen">
    <HeroSection lang={lang} client:only="react" />
    <ExperienceSection lang={lang} client:only="react" />
    <SkillsSection lang={lang} client:only="react" />
    <ProjectsSection lang={lang} client:only="react" />
  </main>
  <Footer lang={lang} client:load />
</Layout>