diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz index 3b173f4..bd02827 100644 Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ diff --git a/src/assets/css/footer.css b/src/assets/css/footer.css index 4124674..ab059f2 100644 --- a/src/assets/css/footer.css +++ b/src/assets/css/footer.css @@ -1,7 +1,3 @@ -* { - font-size: 16px; -} - .footer { display: flex; justify-content: center; diff --git a/src/assets/images/v1/etalk.png b/src/assets/images/v1/etalk.png new file mode 100644 index 0000000..db9dd84 Binary files /dev/null and b/src/assets/images/v1/etalk.png differ diff --git a/src/assets/images/v1/roborace.png b/src/assets/images/v1/roborace.png new file mode 100644 index 0000000..0202aef Binary files /dev/null and b/src/assets/images/v1/roborace.png differ diff --git a/src/components/Contact.jsx b/src/components/Contact.jsx index 5ae5ea4..cabffbe 100644 --- a/src/components/Contact.jsx +++ b/src/components/Contact.jsx @@ -1,20 +1,33 @@ import React, { useState } from 'react'; import emailjs from 'emailjs-com'; import '../assets/css/contact.css'; +import { toast } from 'react-toastify'; function Contact() { - const [successMessage, setSuccessMessage] = useState(''); + const [fromName, setFromName] = useState(''); + const [fromEmail, setFromEmail] = useState(''); + const [subject, setSubject] = useState(''); + const [htmlMessage, setHtmlMessage] = useState(''); function sendEmail(e) { e.preventDefault(); - emailjs.sendForm('service_1n01ek5', 'template_c4bir93', e.target, 'LqKAhPE3L0Md4zlV3') + const templateParams = { + to_name: 'Recipient Name', + from_name: fromName, + message: htmlMessage, + reply_to: fromEmail, + }; + + emailjs.send('service_1n01ek5', 'template_riovy6p', templateParams, 'OKkhesuDlW6tfPh_x') .then((result) => { - setSuccessMessage('Your email has been sent successfully!'); - e.target.reset(); - setTimeout(() => setSuccessMessage(''), 4000); + setFromName(''); + setFromEmail(''); + setSubject(''); + setHtmlMessage(''); + toast("Your email has been sent successfully!") }, (error) => { - console.log(error.text); + console.log(error.text); // Log errors if any }); } @@ -22,28 +35,51 @@ function Contact() {

Contact

- {successMessage && ( -
- {successMessage} -
- )}
- + setSubject(e.target.value)} + required + />
-