import NeoFetch from "@/components/NeoFetch";
import Projects from "@/components/Projects";
import TimelineComponent from "@/components/timeline";
import Top from "@/components/Top";
import Image from "next/image";

export default async function BlogIndex() {
  return (
    <main className="min-h-screen w-screen">
      <section id="top" className="max-w-3xl w-full mx-auto px-4">
        <div className="flex flex-row items-center w-full h-full gap-6 mt-8">
          <Image
            src="/Frame.svg"
            alt="logo"
            className="w-fit h-fit"
            width={30}
            height={30}
          />
          <h1 className="font-ntype text-3xl">
            <a href="mailto:me@imnya.ng">me@imnya.ng</a>
          </h1>
        </div>
        <figure className="my-8 w-full h-auto">
          <picture className="block bg-gray-100 rounded-xl aspect-3-2 overflow-hidden image-scale object-shadowed mt-8">
            <Image src="/1500x500.jpg" alt="test image" className="object-cover object-center transition-transform duration-300 hover:scale-105" width={3168} height={1344} />
          </picture>
        </figure>
      </section>
      <section id="about" className="h-screen max-w-3xl mx-auto px-4">
        <div className=" mt-8">
          <h1 className="text-2xl font-bold mb-4 w-full">💕 About</h1>
          <p>오직 <strong>호기심과 실행력</strong>으로만 성장해 온 <strong>개발자, 정보보안전문가</strong> 남현석입니다.</p>
          <p><strong>초등학교 시절 운영체제</strong>에 흥미를 느껴 컴퓨터를 시작했고, 이후 프로그래밍에 관심을 갖게 되었습니다.</p>
          <p><strong>초등학교 4학년 때 Python</strong>으로 프로그래밍을 시작했으며, 현재는 <strong>TypeScript</strong>를 주로 사용합니다.</p>
          <p>최근에는 정보보안 분야 중 <strong>웹 해킹</strong>에 관심이 많습니다.</p>
          <br />
          <p>대표적인 프로젝트들은 아래와 같습니다.</p>
          <br />
          <Projects />
        </div>

        <TimelineComponent />

      </section>
    </main>
  );
}
