const springConfig = {
  "type": "spring",
  "stiffness": 300,
  "damping": 30,
  "mass": 1
};

// Basic hover animation
<motion.div
  whileHover={{ scale: 1.05 }}
  transition={springConfig}
>
  <Button>Hover me</Button>
</motion.div>

// Card with lift effect
<motion.div
  whileHover={{
    scale: 1.02,
    y: -4,
  }}
  transition={springConfig}
>
  <Card>Your content</Card>
</motion.div>

// Continuous animation
<motion.div
  animate={{
    scale: [1, 1.1, 1],
    rotate: [0, 180, 360],
  }}
  transition={{
    ...springConfig,
    repeat: Infinity,
    repeatDelay: 2,
  }}
>
  <div>Animated element</div>
</motion.div>