"use client";

import { useEffect, useState } from "react";
import { Header } from "@/components/header";
import { Hero } from "@/components/hero";
import { Products } from "@/components/products";
import { Features } from "@/components/features";
import { Paradigm } from "@/components/paradigm";
import { Principles } from "@/components/principles";
import { Roadmap } from "@/components/roadmap";
import { CTA } from "@/components/cta";
import { Footer } from "@/components/footer";

export type Lang = "en" | "zh";

export default function HomePage() {
  const [lang, setLang] = useState<Lang>("en");

  useEffect(() => {
    document.documentElement.lang = lang === "zh" ? "zh-CN" : "en";
  }, [lang]);

  return (
    <main className="min-h-screen">
      <Header lang={lang} setLang={setLang} />
      <Hero lang={lang} />
      <Paradigm lang={lang} />
      <Products lang={lang} />
      <Features lang={lang} />
      <Principles lang={lang} />
      <Roadmap lang={lang} />
      <CTA lang={lang} />
      <Footer lang={lang} />
    </main>
  );
}