refactor: simplify navigation items and remove unused node IDs

src/components/About.astro

@@ -1,28 +1,6 @@
 ---
-import { events } from "@/lib/events";
 import AboutRow from "@/components/AboutRow.astro";
 import DDay from "./DDay.astro";
-
-const sortedEvents = [...events].sort((a, b) => b.date.localeCompare(a.date));
-const years = [...new Set(sortedEvents.map((event) => event.date.slice(0, 4)))];
-// biome-ignore lint/correctness/noUnusedVariables: Used in the Astro template below.
-const eventsByYear = years.map((year) => ({
-	year,
-	events: sortedEvents.filter((event) => event.date.startsWith(year)),
-}));
-
-// biome-ignore lint/correctness/noUnusedVariables: Used in the Astro template below.
-const getShortDate = (date: string) => {
-	const [, month, day] = date.split("-");
-	return `${month}.${day}`;
-};
-
-const currentYear = new Date().getFullYear();
-// biome-ignore lint/correctness/noUnusedVariables: Used in the Astro template below.
-const daysUntilYearEnd = Math.ceil(
-	(new Date(currentYear + 1, 0, 1).getTime() - Date.now()) /
-		(1000 * 60 * 60 * 24),
-);
 ---
 
 <section
@@ -33,35 +11,19 @@ const daysUntilYearEnd = Math.ceil(
 >
     <div class="grid min-h-full grid-cols-1 lg:grid-cols-2">
         <div
-            class="relative z-10 px-6 py-12 sm:px-10 lg:px-[clamp(52px,5.208vw,100px)] lg:py-[clamp(58px,9.26vh,100px)] text-base"
+            class="relative z-10 flex flex-col justify-center px-6 py-16 sm:px-10 lg:px-[clamp(52px,5.208vw,100px)] lg:py-[clamp(58px,9.26vh,100px)]"
         >
-            <p>
-                안녕하세요, 정보보안과 소프트웨어 엔지니어링을 주로하고 있는
-                암냥입니다.
+            <h2 id="about-title" class="max-w-xl text-3xl font-semibold tracking-tight sm:text-4xl">
+                👋
+            </h2>
+            <p class="mt-6 max-w-lg text-base leading-8 text-foreground">
+                안녕하세요. 정보보안과 소프트웨어 엔지니어링을 공부하는 암냥입니다.
             </p>
-            <div class="flex flex-row mt-4 gap-1">
-                <b>생일 : </b><DDay targetDate="2010-11-08T03:00:00+09:00" />
-            </div>
-            <a href="#contact" class="flex flex-row items-center underline">
-                <span>연락하기</span>
-                <svg
-                    aria-hidden="true"
-                    class="h-4 text-foreground/40"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                >
-                    <path d="M7 17 17 7"></path>
-                    <path d="M7 7h10v10"></path>
-                </svg>
-            </a>
-            <br />
-            <p>저는...</p>
-            <section class="mt-[0.75em]">
-                <div class="mt-[0.5em] flex flex-col gap-[0.34em]">
+            <section class="mt-16" aria-labelledby="experience-title">
+                <div class="mb-5 flex items-baseline justify-between gap-4">
+                    <h3 id="experience-title" class="text-sm font-semibold tracking-wide">지금까지</h3>
+                </div>
+                <div class="flex flex-col gap-[0.55em]">
                     <AboutRow year="2026" connector="wave">
                         <img
                             class="h-[1em] w-[1em] shrink-0"
@@ -108,10 +70,10 @@ const daysUntilYearEnd = Math.ceil(
                     </AboutRow>
                 </div>
             </section>
-            <div class="flex flex-row">
+            <div class="mt-6 flex flex-row items-center text-sm text-foreground/60">
                 <a
                     href="#experience"
-                    class="flex flex-row items-center underline"
+                    class="flex flex-row items-center underline underline-offset-4"
                     ><span>등등...</span>
                     <svg
                         aria-hidden="true"
@@ -127,7 +89,7 @@ const daysUntilYearEnd = Math.ceil(
                         <path d="M7 7h10v10"></path>
                     </svg></a
                 >
-                <p>을 이루어냈어요.</p>
+                <p class="ml-1"> 많은 여러가지의 활동을 해왔어요.</p>
             </div>
         </div>
 

src/components/Header.astro

@@ -1,9 +1,10 @@
 ---
 const navigationItems = [
-	{ label: "Home", href: "#home", nodeId: "43:29" },
-	{ label: "About", href: "#about", nodeId: "43:30" },
-	{ label: "Projects", href: "#projects", nodeId: "43:32" },
-	{ label: "Timeline", href: "#timeline", nodeId: "43:36" },
+	{ label: "Home", href: "#home" },
+	{ label: "About", href: "#about" },
+	{ label: "Projects", href: "#projects" },
+	{ label: "Timeline", href: "#timeline" },
+    { label: "Contact", href: "#contact" },
 ] as const;
 
 const desktopLinkClass =
@@ -33,7 +34,6 @@ const mobileLinkClass =
                     <a
                         class={desktopLinkClass}
                         href={item.href}
-                        data-node-id={item.nodeId}
                     >
                         {item.label}
                     </a>