Refactoring file locations

src/components/Contact.jsx

@@ -0,0 +1,43 @@
+import styles from '../styles/components/Contact.module.scss';
+
+export default function Contact() {
+  return (
+    <section id="contact" className={styles.contact}>
+      <div className={styles.inner}>
+        <div className={styles.header}>
+          <span className={styles.sectionNum}>03.</span>
+          <h2 className={styles.sectionTitle}>Get in touch</h2>
+          <div className={styles.line} />
+        </div>
+
+        <div className={styles.body}>
+          <p className={styles.lede}>
+            A short message inviting visitors to reach out. Let them know
+            you're open to new opportunities, collaborations, or just a chat.
+          </p>
+
+          <a
+            href="mailto:your@email.com"
+            className={styles.emailBtn}
+          >
+            Say hello ↗
+          </a>
+
+          <ul className={styles.socials}>
+            {[
+              { label: 'GitHub', href: '#' },
+              { label: 'LinkedIn', href: '#' },
+              { label: 'Platform', href: '#' },
+            ].map(({ label, href }) => (
+              <li key={label}>
+                <a href={href} target="_blank" rel="noreferrer">
+                  {label}
+                </a>
+              </li>
+            ))}
+          </ul>
+        </div>
+      </div>
+    </section>
+  );
+}