diff --git a/src/app/page.tsx b/src/app/page.tsx
index 836f4c7..b76dbad 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,7 @@
 import Hero from "../components/Hero";
 import About from "../components/About";
 import Skills from "../components/Skills";
+import Contact from "../components/Contact";
 
 export default function Home() {
   return (
@@ -8,6 +9,7 @@ export default function Home() {
       <Hero />
       <About />
       <Skills />
+      <Contact />
     </section>
   );
 }
diff --git a/src/components/Contact.tsx b/src/components/Contact.tsx
new file mode 100644
index 0000000..71d3712
--- /dev/null
+++ b/src/components/Contact.tsx
@@ -0,0 +1,18 @@
+export default function Contact() {
+  return (
+    <section
+      id="contactme"
+      className="relative py-6 px-4 md:px-6 max-w-5xl mx-auto scroll-mt-15"
+    >
+      {/* Title */}
+      <div className="mb-6 space-y-1 text-right flex flex-col items-end">
+        <p className="text-xs font-mono text-blue-500 tracking-wider uppercase">
+          // 03. Get in Touch
+        </p>
+        <h2 className="text-3xl font-bold text-white tracking-tight">
+          Contact me<span className="text-blue-500">.</span>
+        </h2>
+      </div>
+    </section>
+  );
+}