feat: add About, Contact, and Projects pages with basic layout

refactor(Header): fix header positioning for better layout
refactor(Home): simplify main structure and adjust section padding

app/about/page.tsx

@@ -0,0 +1,7 @@
+export default function Page() {
+    return (
+        <main className="min-h-screen flex items-center justify-center">
+            <h1 className="text-3xl font-bold">About</h1>
+        </main>
+    );
+}

app/components/Header.tsx

@@ -3,7 +3,7 @@ export default function Header({
 }: Readonly<{
     children: React.ReactNode;
 }>) {
-    return <header className="fixed flex justify-between w-full z-10 backdrop-blur-sm">
+    return <header className="fixed top-0 flex justify-between w-full z-10 backdrop-blur-sm">
         {children}
     </header>
 }

app/contact/page.tsx

@@ -0,0 +1,7 @@
+export default function Page() {
+    return (
+        <main className="min-h-screen flex items-center justify-center">
+            <h1 className="text-3xl font-bold">Contact</h1>
+        </main>
+    );
+}

app/layout.tsx

@@ -30,9 +30,7 @@ export default function RootLayout({
             <Image alt="logo.png" className="mx-4" src={logo} width={70} height={70} />
           </Link>
         </Header>
-        <main className="pt-20">
         {children}
-        </main>
         <div className="bg" />
       </body>
     </html>

app/page.tsx

@@ -16,8 +16,8 @@ export default function Home() {
   }, []);
 
   return (
-    <>
+    <main className="min-h-screen">
-      <section className="mx-10 mt-50 ml-50">
+      <section className="pl-36 pt-48">
         <h2 className="text-7xl/12 font-light">Mike</h2>
         <h1 className="text-9xl font-bold">Karl</h1>
         <AnimatePresence mode="wait">
@@ -39,6 +39,6 @@ export default function Home() {
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" className="ml-2 w-8 h-8 fill-white"><path d="M416 32L31.9 32C14.3 32 0 46.5 0 64.3L0 447.7C0 465.5 14.3 480 31.9 480L416 480c17.6 0 32-14.5 32-32.3l0-383.4C448 46.5 433.6 32 416 32zM135.4 416l-66.4 0 0-213.8 66.5 0 0 213.8-.1 0zM102.2 96a38.5 38.5 0 1 1 0 77 38.5 38.5 0 1 1 0-77zM384.3 416l-66.4 0 0-104c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9l0 105.8-66.4 0 0-213.8 63.7 0 0 29.2 .9 0c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9l0 117.2z" /></svg>
         </Link>
       </section>
-    </>
+    </main>
   );
 }

app/projects/page.tsx

@@ -0,0 +1,7 @@
+export default function Page() {
+    return (
+        <main className="min-h-screen flex items-center justify-center">
+            <h1 className="text-3xl font-bold">Projects</h1>
+        </main>
+    );
+}