Seperate page for contact

src/pages/contact.tsx

@@ -0,0 +1,19 @@
+import { NextPage } from 'next';
+
+import Page from '@components/Page';
+import Layout from '@components/Layout';
+import ContactForm from '@components/Contact';
+
+const Contact: NextPage = () => {
+	return (
+		<Page description="Contact me" title="Contact">
+			<Layout>
+				<div className="contact-page">
+					<ContactForm />
+				</div>
+			</Layout>
+		</Page>
+	);
+};
+
+export default Contact;

src/pages/index.tsx

@@ -1,6 +1,5 @@
 import { NextPage } from 'next';
 
-import Contact from '@components/Contact';
 import Layout from '@components/Layout';
 import Page from '@components/Page';
 
@@ -39,8 +38,6 @@ const Home: NextPage = () => (
 					))}
 				</div>
 			</div>
-
-			<Contact />
 		</Layout>
 	</Page>
 );

src/styles/sass/contact.scss

@@ -3,7 +3,7 @@
 		font-size: 4rem;
 		text-align: center;
 		margin-bottom: 3rem;
-		border-top: 0.1rem solid var(--borders);
+		// border-top: 0.1rem solid var(--borders);
 		padding-top: 4rem;
 	}
 
@@ -26,3 +26,9 @@
 		height: 10rem;
 	}
 }
+
+.contact-page {
+	height: 100vh;
+
+	padding-top: 10rem;
+}