mailer implemented

hooks/useContactForm.ts

@@ -0,0 +1,23 @@
+import { ChangeEvent, useState } from "react";
+
+const useContactForm = () => {
+  const [values, setValues] = useState({
+    email: "",
+    subject: "",
+    message: "",
+  });
+
+  const handleChange = (
+    e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
+  ) => {
+    setValues((prevState) => {
+      return {
+        ...prevState,
+        [e.target.id]: e.target.value,
+      };
+    });
+  };
+  return { values, handleChange };
+};
+
+export default useContactForm;

hooks/useHamburgerClose.ts

@@ -1,3 +1,5 @@
+// TODO is this really a hook? I think it is more of a util function
+
 interface HamburgerClose {
   menuVisible: boolean;
   setMenuVisible: Dispatch<SetStateAction<boolean>>;