landing page y login listos en estilos

src/components/layout/footer.tsx

@@ -1,20 +1,33 @@
 import React from "react";
 
+
+
+import { motion } from "framer-motion";
+
+
 export default function Footer() {
   const date = new Date();
   const year = date.getFullYear();
 
-  return (
-    <footer className="bg-azul p-3 text-center text-white small">
-      <p className="m-0">
-        Hecho en México. Todos los derechos reservados {year}.
+return (
+    <motion.footer
+      // Empieza 50px abajo y totalmente transparente
+      initial={{ y: 50, opacity: 0 }}
+      // Termina en su posición natural y opacidad 1
+      animate={{ y: 0, opacity: 1 }}
+      // Retraso para que aparezca justo después del main
+      transition={{ delay: 2, duration: 1, ease: "easeOut" }}
+      className="p-3 text-center small text-muted opacity-50"
+    >
+      <p className="mb-1">
+        Hecho en México. Todos los derechos reservados 2025.
       </p>
-      <p className="m-0">
+      <p className="mb-0">
         Esta página puede ser reproducida con fines no lucrativos, siempre y
         cuando no se mutile, se cite la fuente completa y su dirección
         electrónica. De otra forma, requiere permiso previo por escrito de la
         institución.
       </p>
-    </footer>
-  );
-}
+    </motion.footer>
+  )
+}