Refactoring file locations

src/components/Hero.jsx

@@ -0,0 +1,37 @@
+import styles from '../styles/components/Hero.module.scss';
+
+export default function Hero() {
+  return (
+    <section id="home" className={styles.hero}>
+      <div className={styles.grid} aria-hidden="true" />
+
+      <div className={styles.content}>
+        <p className={styles.greeting}>Hey, I'm</p>
+        <h1 className={styles.name}>
+          Your Name<span className={styles.dot}>.</span>
+        </h1>
+        <p className={styles.tagline}>
+          Your tagline goes here —{' '}
+          <span className={styles.highlight}>make it memorable.</span>
+        </p>
+        <p className={styles.sub}>
+          A short bio or description about yourself. What do you do, what do
+          you care about, and what makes you interesting?
+        </p>
+
+        <div className={styles.cta}>
+          <a href="#projects" className={styles.btnPrimary}>
+            See my work
+          </a>
+          <a href="#contact" className={styles.btnGhost}>
+            Get in touch
+          </a>
+        </div>
+      </div>
+
+      <div className={styles.badge} aria-hidden="true">
+        <span>open to work</span>
+      </div>
+    </section>
+  );
+}