Hero: Neue Programmer-Grafik hinzugefügt (vektorisiert aus Programmierer.png)

- Neue Komponente programmer-graphic.tsx erstellt
- SVG-Grafik aus PNG vektorisiert mit potrace
- alte system-diagram.tsx wird nicht mehr verwendet
- Grafiken zeigen 1976-2026 Timeline mit 50 Jahre Badge

components/hero.tsx

@@ -4,7 +4,7 @@ import Link from 'next/link'
 import { motion } from 'framer-motion'
 import { ArrowDown, ArrowRight } from 'lucide-react'
 import { Button } from '@/components/ui/button'
-import { SystemDiagram } from './system-diagram'
+import { ProgrammerGraphic } from './programmer-graphic'
 
 export function Hero() {
   return (
@@ -74,14 +74,14 @@ export function Hero() {
             </motion.div>
           </div>
 
-          {/* System Diagram */}
+          {/* Programmer Graphic */}
           <motion.div
             initial={{ opacity: 0, scale: 0.95 }}
             animate={{ opacity: 1, scale: 1 }}
             transition={{ duration: 0.8, delay: 0.3 }}
             className="lg:col-span-5 hidden lg:block"
           >
-            <SystemDiagram />
+            <ProgrammerGraphic />
           </motion.div>
         </div>