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: "easeOut" }}

      className="text-2xl font-bold tracking-tight text-white font-sans"

    >

      BRIDGE<span className="text-emerald-400">ModulS</span>

    </motion.div>
  );
}