import Head from "next/head"; import styles from "../styles/Home.module.css"; import Header from "../templates/header"; import Nav from "../templates/nav"; import Content from "../templates/content"; import Footer from "../templates/footer"; import { useState } from "react"; export default function Kontakt() { const [name, setName] = useState(""); const [email, setEmail] = useState(""); const [message, setMessage] = useState(""); const [submitted, setSubmitted] = useState(false); const handleSubmit = (e) => { e.preventDefault() console.log('Sending') let data = { name, email, message } fetch('/api/contact', { method: 'POST', headers: { 'Accept': 'application/json, text/plain, */*', 'Content-Type': 'application/json' }, body: JSON.stringify(data) }).then((res) => { console.log('Response received') if (res.status === 200) { console.log('Response succeeded!') setSubmitted(true) setName('') setEmail('') setBody('') } }) } return (
Wastpol
); }