'use client'

import { motion } from 'framer-motion'
import Image from 'next/image'
import programmiererSvg from '../public/programmierer-vector.svg'

export function ProgrammerGraphic() {
  return (
    <motion.div
      initial={{ opacity: 0, scale: 0.95 }}
      animate={{ opacity: 1, scale: 1 }}
      transition={{ duration: 0.8 }}
      className="relative w-full max-w-xs mx-auto aspect-[3/5] sm:max-w-sm lg:max-w-md lg:aspect-square"
    >
      <Image
        src={programmiererSvg}
        alt="Programmierung: Von 1976 bis heute – 50 Jahre Code"
        fill
        className="object-contain drop-shadow-lg"
        priority
      />
    </motion.div>
  )
}