Your Name
33 lines
985 B
TypeScript
33 lines
985 B
TypeScript
import React from "react";
|
|
|
|
|
|
|
|
import { motion } from "framer-motion";
|
|
|
|
|
|
export default function Footer() {
|
|
const date = new Date();
|
|
const year = date.getFullYear();
|
|
|
|
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="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>
|
|
</motion.footer>
|
|
)
|
|
} |