29 lines
883 B
TypeScript
29 lines
883 B
TypeScript
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;
|