started contact page, added resume page and pdf rendering, and default state for the skill cards on mobile.

src/Contact.jsx

@@ -1,5 +1,63 @@
-import React from "react";
+import React, { useState } from "react";
 
+/**
+ * TODO: Add email validation function.
+ */
 export default function Contact() {
-  return <p>TODO: Contact()</p>;
+  const [formData, setFormData] = useState({
+    name: "",
+    email: "",
+    message: "",
+  });
+
+  const handleChange = (event) => {
+    setFormData({
+      ...formData,
+      [event.target.name]: event.target.value,
+    });
+  };
+
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    // Handle form submission here, e.g., send data to server
+    console.log(formData);
+  };
+
+  return (
+    <div id="contact-section">
+      <h1>Contact Me</h1>
+      <form onSubmit={handleSubmit}>
+        <div className="row">
+          <input
+            placeholder="Name"
+            type="text"
+            id="name"
+            name="name"
+            value={formData.name}
+            onChange={handleChange}
+          />
+          <input
+            placeholder="example@email.com"
+            type="email"
+            id="email"
+            name="email"
+            value={formData.email}
+            onChange={handleChange}
+          />
+        </div>
+        <div className="row">
+          <textarea
+            placeholder="Message"
+            id="message"
+            name="message"
+            value={formData.message}
+            onChange={handleChange}
+          />
+        </div>
+        <button type="submit" className="row">
+          Submit
+        </button>
+      </form>
+    </div>
+  );
 }