30 lines
1.4 KiB
JavaScript
30 lines
1.4 KiB
JavaScript
import React from 'react'
|
|
import TextShuffler from '../components/actions/TextShuffler'
|
|
import submitContactForm from '../functions/frontend/submitContactForm'
|
|
import GeneralLayout from '../layouts/general_layout/GeneralLayout'
|
|
|
|
const contact = () => {
|
|
|
|
let [success, setSuccess] = React.useState(false);
|
|
|
|
return (
|
|
<GeneralLayout>
|
|
<h1><TextShuffler textInput="Great things await ..." /></h1>
|
|
<span className='hero-sub-text'>
|
|
<TextShuffler textInput="Let's talk" />
|
|
</span>
|
|
|
|
<form autoComplete='on' onSubmit={(e) => { submitContactForm(e, setSuccess) }}>
|
|
<input type="text" placeholder='Your Name' autoComplete='name' required />
|
|
<input type="email" placeholder='Your Email Address' autoComplete='email' required />
|
|
<textarea name="message" id="contact-form-message" cols="30" rows="10" placeholder='Message'></textarea>
|
|
<button type="submit">Submit</button>
|
|
{success === "Success" && <div className='message-response'>Success!!! <button onClick={() => { window.location.reload() }}>Reload</button></div>}
|
|
{success === "Failed" && <div className='message-response failed'>Failed <button onClick={() => { window.location.reload() }}>Reload</button></div>}
|
|
</form>
|
|
</GeneralLayout>
|
|
)
|
|
}
|
|
|
|
export default contact
|