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

export default async function Page({ searchParams }: { searchParams: Promise<{ nowindow?: string }> }) {
  const params = await searchParams;
  const showWindow = params.nowindow === undefined;
  
  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}
          />
          <h1 className="font-ntype text-3xl text-foreground/70">
            <a href="mailto:me@imnya.ng">me@imnya.ng</a>
          </h1>
        </div>
        <DDayComponent targetDate={new Date('2010-11-08T03:00:00+09:00')} label="🎂 Birth" />
      </div>
      <div className="max-w-3xl w-full flex mx-auto mb-8 px-8 lg:px-0">
        <Contact />
      </div>
      <section id="about" className="w-full snap-start snap-always flex flex-col items-center justify-center px-8 lg:px-0">        
        <div className="max-w-3xl w-full lg:px-0 px-8">
          <p><strong>더 멋진 세상</strong>을 만들기 위해 노력하는 암냥입니다.</p>
          <p><strong>초등학교 시절 운영체제</strong>에 흥미를 느껴 컴퓨터를 시작했고, 이후 프로그래밍에 관심을 갖게 되었습니다.</p>
          <p><strong>초등학교 4학년 때 Python</strong>으로 프로그래밍을 시작했으며, 현재는 <strong>TypeScript</strong>를 주로 사용합니다.</p>
          <p>최근에는 정보보안 분야 중 <strong>웹 해킹</strong>에 관심이 많습니다.</p>
          <br />
          <ReadmeWindow />
          <br />
          <p>대표적인 프로젝트들은 아래와 같습니다.</p>
          <Projects />
          <br />
          <TimelineComponent />

          <div className="text-muted-foreground text-sm">
            <br />
            <p>© 2026 imnyang. All rights reserved.</p>
            <p>이 웹사이트의 일부 이미지는 생성형 인공지능을 통해 제작되었습니다.</p>
            <br />
          </div>
        </div>
      </section>
    </main>
  );
}