import Projects from "@/components/Projects";
import TimelineComponent from "@/components/timeline";
import Image from "next/image";
import ReadmeWindow from "@/components/ReadmeWindow";
import Contact from "@/components/Contact";
import DDayComponent from "@/components/dday";

export default async function Page() {
  return (
    <main className="min-h-screen w-screen overflow-y-scroll snap-y snap-mandatory relative">
      <div className="max-w-3xl w-full flex flex-row h-auto mx-auto my-8 items-center justify-between lg:px-0 px-8">
        <div className="flex flex-row gap-4 items-center">
          <Image
            src="/Frame.svg"
            alt="logo"
            className="w-fit h-fit"
            width={30}
            height={30}
          />
          <div>
            <h1 className="font-ntype text-3xl text-foreground/70">
              <a href="mailto:me@imnya.ng">me@imnya.ng</a>
            </h1>
          </div>
        </div>
        <DDayComponent targetDate={new Date('2010-11-08T03:00:00+09:00')} label="🎂 Birth" />
      </div>
      <section id="about" className="w-full snap-start snap-always flex flex-col items-center justify-center mx-auto px-8 lg:px-0">
        <div className="max-w-3xl w-full">
          <Contact />
          <br />
          <p>하고 싶은 꿈을 현실로 만들어보는 암냥입니다.</p>
          <p>언제나 새로운 것을 배우고, 도전하고 있습니다.</p>
          <p>현재는 정보보안 분야쪽에 관심이 많으며 원래는 소프트웨어 개발에 관심 많았습니다.</p>
          <br/>
          <p id="a" className="select-none text-transparent text-[1pt]"></p>
          <Projects />
          <br />
          <TimelineComponent />

          <div className="text-muted-foreground text-sm">
            <br />
            <p>© 2026 imnyanle.g. All rights reserved.</p>
            <br />
          </div>
        </div>
      </section>
    </main>
  );
}