first commit

components/ContactCode.tsx

@@ -0,0 +1,51 @@
+import styles from '@/styles/ContactCode.module.css';
+
+const contactItems = [
+  {
+    social: 'website',
+    link: 'Portfolio',
+    href: 'https://ahmed.galadima.talenttic.com',
+  },
+  {
+    social: 'email',
+    link: 'ahmed.galadima@hotmail.com',
+    href: 'mailto:ahmed.galadima@hotmail.com',
+  },
+  {
+    social: 'github',
+    link: 'galads',
+    href: 'https://github.com/glimz',
+  },
+  {
+    social: 'linkedin',
+    link: 'Linkedin URL',
+    href: 'https://www.linkedin.com/in/ahmed-galadima',
+  },
+  {
+    social: 'twitter',
+    link: 'galads',
+    href: 'https://x.com/Mr_galads',
+  },
+];
+
+const ContactCode = () => {
+  return (
+    <div className={styles.code}>
+      <p className={styles.line}>
+        <span className={styles.className}>.socials</span> &#123;
+      </p>
+      {contactItems.map((item, index) => (
+        <p className={styles.line} key={index}>
+          &nbsp;&nbsp;&nbsp;{item.social}:{' '}
+          <a href={item.href} target="_blank" rel="noopener">
+            {item.link}
+          </a>
+          ;
+        </p>
+      ))}
+      <p className={styles.line}>&#125;</p>
+    </div>
+  );
+};
+
+export default ContactCode;