Add button to contact and hire me forms

Author: realstoman

src/components/HireMeModal.js

@@ -1,5 +1,6 @@
 import { motion } from 'framer-motion';
 import { FiX } from 'react-icons/fi';
+import Button from './reusable/Button';
 
 const selectOptions = [
 	'Web Application',
@@ -96,8 +97,8 @@ const HireMeModal = ({ onClose, onRequest }) => {
 								</div>
 
 								<div className="mt-6 pb-4 sm:pb-1">
-									<button
-										onClick={onRequest}
+									<span
+										onClick={onClose}
 										type="submit"
 										className="px-4
 											sm:px-6
@@ -112,16 +113,16 @@ const HireMeModal = ({ onClose, onRequest }) => {
 											focus:ring-1 focus:ring-indigo-900"
 										aria-label="Submit Request"
 									>
-										Send Request
-									</button>
+										<Button title="Send Request" />
+									</span>
 								</div>
 							</form>
 						</div>
 						<div className="modal-footer mt-2 sm:mt-0 py-5 px-8 border0-t text-right">
-							<button
+							<span
 								onClick={onClose}
 								type="button"
-								className=" px-4
+								className="px-4
 									sm:px-6
 									py-2
 									bg-indigo-400
@@ -133,8 +134,8 @@ const HireMeModal = ({ onClose, onRequest }) => {
 									focus:ring-1 focus:ring-indigo-900"
 								aria-label="Close Modal"
 							>
-								Close
-							</button>
+								<Button title="Close" />
+							</span>
 						</div>
 					</div>
 				</div>

src/components/contact/ContactForm.js

@@ -1,3 +1,5 @@
+import Button from '../reusable/Button';
+
 const ContactForm = () => {
 	return (
 		<div className="w-full lg:w-1/2">
@@ -80,14 +82,12 @@ const ContactForm = () => {
 						></textarea>
 					</div>
 
-					<div className="mt-6">
-						<button
-							className="px-4 py-2.5 text-white font-medium tracking-wider bg-indigo-500 hover:bg-indigo-600 focus:ring-1 focus:ring-indigo-900 rounded-md"
+					<div className="font-general-medium w-40 px-4 py-2.5 text-white text-center font-medium tracking-wider bg-indigo-500 hover:bg-indigo-600 focus:ring-1 focus:ring-indigo-900 rounded-lg mt-6">
+						<Button
+							title="Send Message"
 							type="submit"
 							aria-label="Send Message"
-						>
-							Send Message
-						</button>
+						/>
 					</div>
 				</form>
 			</div>