From 42f4be786185047b6e2549556e25fd8a41aafecc Mon Sep 17 00:00:00 2001
From: Chneemann <andre-kempf@mailbox.org>
Date: Tue, 21 Jul 2026 09:58:09 +0200
Subject: [PATCH] feat: add skills section

---
 src/app/page.tsx          |  2 ++
 src/components/Skills.tsx | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 38 insertions(+)
 create mode 100644 src/components/Skills.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6be08bf..bf5ae64 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,11 +1,13 @@
 import Hero from "../components/Hero";
 import Aboutme from "@/components/Aboutme";
+import Skills from "@/components/Skills";
 
 export default function Home() {
   return (
     <main className="min-h-screen bg-slate-950 text-slate-100 selection:bg-blue-500/30 selection:text-blue-200">
       <Hero />
       <Aboutme />
+      <Skills />
     </main>
   );
 }
diff --git a/src/components/Skills.tsx b/src/components/Skills.tsx
new file mode 100644
index 0000000..ca0b476
--- /dev/null
+++ b/src/components/Skills.tsx
@@ -0,0 +1,36 @@
+export default function Skills() {
+  return (
+    <section
+      id="myskills"
+      className="relative py-16 px-6 md:px-12 max-w-5xl mx-auto border-t border-slate-900/50 scroll-mt-20"
+    >
+      {/* Titel */}
+      <div className="flex items-center gap-4 mb-6">
+        <h2 className="text-3xl font-bold text-white tracking-tight">
+          My Skills<span className="text-blue-500">.</span>
+        </h2>
+        <div className="h-px bg-slate-800 grow max-w-md" />
+      </div>
+
+      {/* Description */}
+      <div className=" mb-6 text-slate-200 leading-relaxed text-base">
+        <p>
+          Through hands-on experience in various projects, I have continuously
+          expanded and deepened my full-stack development skills. I specialize
+          in core web technologies like TypeScript, JavaScript, and Python,
+          leveraging modern frameworks such as Angular, React, Next.js, and
+          Django to build robust applications.
+          {/* 
+          German:
+          Durch die Arbeit an
+          verschiedenen Projekten konnte ich mein Wissen und meine Fähigkeiten
+          im Bereich Full-Stack Entwicklung kontinuierlich erweitern und
+          vertiefen. Ich habe umfangreiche Erfahrungen im Umgang mit
+          Technologien wie TypeScript, JavaScript und Python gesammelt sowie in
+          der Arbeit mit modernen Frameworks wie Angular, React und Django.
+          */}
+        </p>
+      </div>
+    </section>
+  );
+}