24 lines
666 B
TypeScript
24 lines
666 B
TypeScript
'use client'
|
||
|
||
import { motion } from 'framer-motion'
|
||
import Image from 'next/image'
|
||
import programmiererImg from '../public/Programmierer.png'
|
||
|
||
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={programmiererImg}
|
||
alt="Programmierung: Von 1976 bis heute – 50 Jahre Code"
|
||
fill
|
||
className="object-contain drop-shadow-lg"
|
||
priority
|
||
/>
|
||
</motion.div>
|
||
)
|
||
}
|