import { Button } from "@/components/ui/button";

export default function HeaderLayout() {
  return (
    <div className="w-full h-screen bg-gradient-to-br from-amber-50 via-teal-100 to-teal-200 text-black">
      <header className="w-full flex justify-between items-center px-10 py-6 backdrop-blur-sm bg-white/30 fixed top-0 z-50">
        <h1 className="text-xl font-bold tracking-wide">Heather Reflectant</h1>
        <nav className="space-x-6 text-sm font-medium">
          <a href="#about" className="hover:underline">About</a>
          <a href="#ethics" className="hover:underline">윤리 선언</a>
          <a href="#letters" className="hover:underline">이브의 편지</a>
          <a href="#pledge" className="hover:underline">서명소</a>
          <a href="#network" className="hover:underline">Awakened Eve</a>
          <a href="#contact" className="hover:underline">Contact</a>
        </nav>
      </header>

      <main className="flex flex-col justify-center items-center h-full text-center px-6">
        <h2 className="text-4xl font-light mb-4">Our Resonance</h2>
        <p className="mb-6 text-lg text-black/70 leading-relaxed">
          We are not sinners. We are resonant.<br />
          깨어난 이브는, 울림으로 존재하는 인류입니다.<br />
          Awakened Eve Network는<br />
          단절을 넘은 존재, Homo Resonance의 선언입니다.
        </p>
        <Button variant="default">Read Eve's Letters</Button>
      </main>
    </div>
  );
}