Refactor code structure for improved readability and maintainability

src/app/page.tsx

@@ -1,16 +1,33 @@
-import BlogList from "@/components/BlogList";
 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">
-      <Top />
-      <section id="terminal" className="h-screen">
-        <NeoFetch />
-        <div className="px-12 mt-8">
+    <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>
@@ -23,9 +40,7 @@ export default async function BlogIndex() {
         </div>
 
         <TimelineComponent />
-        <div className="px-12 mt-8 w-full lg:w-2/3 xl:w-1/2">
-          <BlogList />
-        </div>
+
       </section>
     </main>
   );