React - framer-motion으로 페이지 전환 애니메이션

npm install framer-motion

import { motion } from 'framer-motion';

export default function AnimatedBox() {
  return (
    <motion.div
      initial={{ opacity: 0, y: 50 }}
      animate={{ opacity: 1, y: 0 }}
      exit={{ opacity: 0 }}
      transition={{ duration: 0.5 }}
    >
      <h2>애니메이션 등장 요소</h2>
    </motion.div>
  );
}