import Head from "next/head"; import styles from "../styles/Home.module.css"; import Header from "../components/templates/header"; import Nav from "../components/templates/nav"; import Content from "../components/templates/content"; import Footer from "../components/templates/footer"; import axios from "axios"; 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 } axios .post("/api/contact", { message: data }) .then((res) => { console.log('Response received') if (res.status === 200) { console.log('Response succeeded!') setSubmitted(true) setName('') setEmail('') setBody('') } }) } return (