Put everything in its right place

components/templates/content.js

@@ -1,4 +1,4 @@
-import styles from "../styles/Home.module.css";
+import styles from "../../styles/Home.module.css";
 
 export default function Content() {
   return (

pages/index.js

@@ -1,10 +1,10 @@
 import Head from "next/head";
 import styles from "../styles/Home.module.css";
-import Header from "../templates/header";
-import Generator from "../templates/generator";
-import Nav from "../templates/nav";
-import UserTop from "../templates/userTop";
-import Footer from "../templates/footer";
+import Header from "../components/templates/header";
+import Generator from "../components/templates/generator";
+import Nav from "../components/templates/nav";
+import UserTop from "../components/templates/userTop";
+import Footer from "../components/templates/footer";
 import { useState } from "react";
 import { useSession, signIn, signOut } from "next-auth/react";
 import { Button } from "evergreen-ui";

pages/kontakt.js

@@ -1,9 +1,10 @@
 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 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";
 
@@ -21,14 +22,11 @@ export default function Kontakt() {
       email,
       message
     }
-  fetch('/api/contact', {
-      method: 'POST',
-      headers: {
-        'Accept': 'application/json, text/plain, */*',
-        'Content-Type': 'application/json'
-      },
-      body: JSON.stringify(data)
-    }).then((res) => {
+    axios
+			.post("/api/contact", {
+				message: data
+			})
+			.then((res) => {
       console.log('Response received')
       if (res.status === 200) {
         console.log('Response succeeded!')
@@ -68,7 +66,6 @@ export default function Kontakt() {
           </form>
         </div>
       </main>
-      <Footer />
     </div>
   );
 }

pages/onas.js

@@ -1,9 +1,9 @@
 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 Header from "../components/templates/header";
+import Nav from "../components/templates/nav";
+import Content from "../components/templates/content";
+import Footer from "../components/templates/footer";
 
 export default function Onas() {
   return (
@@ -15,7 +15,6 @@ export default function Onas() {
       </Head>
 
       <Nav />
-      <Footer />
       <main className={styles.main}>
         <p className="font-bold">
           Głównym profilem działalności firmy jest projektowanie instalacji