Create a professional portfolio website for Joachim Hummel

Implement a React-Vite portfolio website for Joachim Hummel, featuring sections for bio, competencies, projects, and contact information.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 6f3329ae-2dcc-46cc-bf2e-f58b7a5fa805
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 93e1822d-6468-4db0-9e37-4f1f19334ba5
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/e678fe28-87ab-4437-945b-7a15e872a292/6f3329ae-2dcc-46cc-bf2e-f58b7a5fa805/MG2yXVH
Replit-Helium-Checkpoint-Created: true

artifacts/joachim-portfolio/src/components/bio.tsx

@@ -0,0 +1,31 @@
+import { motion } from "framer-motion";
+
+export function Bio() {
+  return (
+    <div className="py-20 border-t border-border/50">
+      <motion.div
+        initial={{ opacity: 0, y: 20 }}
+        whileInView={{ opacity: 1, y: 0 }}
+        viewport={{ once: true, margin: "-100px" }}
+        transition={{ duration: 0.6 }}
+        className="max-w-4xl mx-auto text-center"
+      >
+        <h2 className="text-3xl md:text-4xl font-bold mb-8 font-mono text-foreground">
+          <span className="text-primary">04.</span> Über Mich
+        </h2>
+        
+        <div className="text-lg md:text-xl text-muted-foreground leading-relaxed space-y-6">
+          <p>
+            Joachim Hummel ist Senior IT-Consultant, IT-Systems Engineer und technischer Umsetzer mit rund <span className="text-foreground font-medium">30 Jahren Erfahrung</span> im IT-Betrieb.
+          </p>
+          <p>
+            Seine Schwerpunkte liegen auf Linux, Docker, On-Premise-Infrastrukturen, DSGVO-konformem Selfhosting, Mailservern, Monitoring, Automatisierung und KI-gestützter Softwareentwicklung.
+          </p>
+          <p>
+            Mit <span className="text-primary font-mono glow-text">Vibe-Coding</span> entwickelt er aus Ideen lauffähige Anwendungen, Automatisierungen und SaaS-Projekte.
+          </p>
+        </div>
+      </motion.div>
+    </div>
+  );
+}