---
import Layout from "@/layouts/Layout.astro";
import GlassHeader from "@/components/GlassHeader";
import HeroSection from "@/components/HeroSection";
import AboutSection from "@/components/AboutSection";
import SkillsMarquee from "@/components/SkillsMarquee";
import ProjectsSection from "@/components/ProjectsSection";
import Footer from "@/components/Footer";
import { useTranslations, type Lang } from "@/i18n/utils";
import { defaultLang } from "@/i18n/ui";

const lang: Lang = defaultLang;
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" />
    <SkillsMarquee lang={lang} client:only="react" />
    <AboutSection lang={lang} client:only="react" />
    <ProjectsSection lang={lang} client:only="react" />
  </main>
  <Footer lang={lang} client:only="react" />
</Layout>