import { personal } from '@/content/personal';
import styles from './Footer.module.scss';

export default function Footer() {
  return (
    <footer className={styles.footer}>
      <div className={styles.container}>
        <p className={styles.copy}>
          © {new Date().getFullYear()} {personal.name}
        </p>
        <div className={styles.links}>
          <a href={personal.social.github} target="_blank" rel="noopener noreferrer" className={styles.footerLink} aria-label="GitHub">
            GitHub
          </a>
          <a href={`mailto:${personal.email}`} className={styles.footerLink}>
            Contact
          </a>
          <a href="#home" className={styles.back} aria-label="Back to top">↑</a>
        </div>
      </div>
    </footer>
  );
}