import { motion } from 'framer-motion';

const Footer = () => {
    return (
        <motion.footer
            className="footer"
            style={{
                padding: '2rem 0',
                textAlign: 'center',
                borderTop: '1px solid var(--border-color, rgba(255, 255, 255, 0.1))',
                background: 'var(--bg-secondary, rgba(0, 0, 0, 0.2))',
                display: 'flex',
                justifyContent: 'center',
                alignItems: 'center'
            }}
            initial={{ opacity: 0 }}
            whileInView={{ opacity: 1 }}
            transition={{ duration: 0.8, delay: 0.2 }}
            viewport={{ once: true }}
        >
            <p style={{ opacity: 0.7, margin: 0 }}>
                © {new Date().getFullYear()} Dayron Van Leemput.
            </p>
        </motion.footer>
    );
};

export default Footer;