add portfolio section

src/app/page.tsx

@@ -2,6 +2,7 @@ import Hero from "../components/Hero";
 import About from "../components/About";
 import Skills from "../components/Skills";
 import Contact from "../components/Contact";
+import Portfolio from "../components/Portfolio";
 
 export default function Home() {
   return (
@@ -9,6 +10,7 @@ export default function Home() {
       <Hero />
       <About />
       <Skills />
+      <Portfolio />
       <Contact />
     </section>
   );

src/components/Portfolio.tsx

@@ -0,0 +1,18 @@
+export default function Portfolio() {
+  return (
+    <section
+      id="portfolio"
+      className="relative py-6 px-4 md:px-6 max-w-5xl mx-auto scroll-mt-15"
+    >
+      {/* Title */}
+      <div className="mb-4 space-y-1">
+        <p className="text-xs font-mono text-blue-500 tracking-wider uppercase">
+          // 03. Projects
+        </p>
+        <h2 className="text-3xl font-bold text-white tracking-tight">
+          Portfolio<span className="text-blue-500">.</span>
+        </h2>
+      </div>
+    </section>
+  );
+}