refactor(footer): improve contact actions and restore brand icons

src/components/FooterSection.tsx

@@ -2,6 +2,7 @@
 
 import React from 'react';
 import Image from 'next/image';
+import { Mail } from 'lucide-react';
 import { useTheme } from '@/context/ThemeContext';
 import styles from './FooterSection.module.css';
 
@@ -61,42 +62,45 @@ export const FooterSection: React.FC = () => {
           Open to opportunities and interesting projects.
         </p>
 
-        {/* 4 Social / Contact Links */}
+        <a href="mailto:amirhosseinkhalili901@gmail.com" className={`pill-btn pill-btn-primary ${styles.emailButton}`}>
+          <Mail size={19} strokeWidth={2} aria-hidden="true" />
+          Send me an email
+        </a>
+
         <div className={styles.socialRow}>
-          {/* Phone */}
           <a href="tel:+989388263077" className={styles.socialItem} aria-label="Call 09388263077">
             <span className={styles.socialIcon}><PhoneIcon /></span>
             <span className={styles.socialLabel}>09388263077</span>
           </a>
 
-          {/* LinkedIn */}
           <a
             href="https://linkedin.com/in/amiirkhl"
             target="_blank"
             rel="noopener noreferrer"
             className={styles.socialItem}
+            aria-label="LinkedIn profile"
           >
             <span className={styles.socialIcon}><LinkedInIcon /></span>
             <span className={styles.socialLabel}>@amiirkhl</span>
           </a>
 
-          {/* Git / Coffee */}
           <a
             href="https://git.amiirkhl.ir"
             target="_blank"
             rel="noopener noreferrer"
             className={styles.socialItem}
+            aria-label="Personal Git server"
           >
             <span className={styles.socialIcon}><GiteaIcon /></span>
             <span className={styles.socialLabel}>git.amiirkhl.ir</span>
           </a>
 
-          {/* Telegram */}
           <a
             href="https://t.me/amiirkhl"
             target="_blank"
             rel="noopener noreferrer"
             className={styles.socialItem}
+            aria-label="Telegram profile"
           >
             <span className={styles.socialIcon}><TelegramIcon /></span>
             <span className={styles.socialLabel}>@amiirkhl</span>