src/components/Logo.tsx

import { motion } from 'motion/react';

export default function Logo() {
  return (
    <motion.div
      initial={{ opacity: 0, scale: 0.9 }}
      animate={{ opacity: 1, scale: 1 }}
      transition={{ duration: 0.5, ease: [0.32, 0.72, 0, 1] }}
      className="text-2xl font-bold tracking-tight text-white font-sans"
    >
      BRIDGE<span className="text-emerald-400">ModulE</span>
    </motion.div>
  );
}