From bc58b24fda644122c97e437b7d534aef6d73ed7d Mon Sep 17 00:00:00 2001
From: guusvanmeerveld <guusvanmeerveld@live.nl>
Date: Thu, 27 May 2021 15:22:42 +0100
Subject: [PATCH] Moved a few components to home page.

---
 next.config.js              |  3 +++
 src/components/Landing.tsx  | 21 ------------------
 src/components/Page.tsx     |  2 +-
 src/components/Project.tsx  |  4 ++--
 src/components/Projects.tsx | 20 -----------------
 src/pages/index.tsx         | 43 +++++++++++++++++++++++++++++++------
 6 files changed, 43 insertions(+), 50 deletions(-)
 create mode 100644 next.config.js
 delete mode 100644 src/components/Landing.tsx
 delete mode 100644 src/components/Projects.tsx

diff --git a/next.config.js b/next.config.js
new file mode 100644
index 0000000..8532c63
--- /dev/null
+++ b/next.config.js
@@ -0,0 +1,3 @@
+module.export = {
+    basePath: '/'
+}
\ No newline at end of file
diff --git a/src/components/Landing.tsx b/src/components/Landing.tsx
deleted file mode 100644
index cccea87..0000000
--- a/src/components/Landing.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-const Landing = () => (
-	<div className="landing">
-		<div className="container">
-			<span className="profile">
-				<img src="/assets/images/profile.svg" width="100%" height="100%" alt="" />
-			</span>
-
-			<span className="title">Guus van Meerveld</span>
-			<span className="subtitle">
-				TypeScript / Dart developer, <br />
-				currently working on Argo.
-			</span>
-
-			<a href="#projects" className="button d-block m-auto">
-				Check out my projects
-			</a>
-		</div>
-	</div>
-);
-
-export default Landing;
diff --git a/src/components/Page.tsx b/src/components/Page.tsx
index bc3a8d9..d21ea2e 100644
--- a/src/components/Page.tsx
+++ b/src/components/Page.tsx
@@ -14,7 +14,7 @@ const Page = ({
 			<meta charSet="UTF-8" />
 			<meta httpEquiv="X-UA-Compatible" content="IE=edge" />
 			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-			<title>G-VM | {title}</title>
+			<title>Guus van Meerveld | {title}</title>
 			<meta name="description" content={description} />
 			<meta name="keywords" content="guus van meerveld argo magister tempo discord" />
 			<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
diff --git a/src/components/Project.tsx b/src/components/Project.tsx
index 97ca611..ca024f4 100644
--- a/src/components/Project.tsx
+++ b/src/components/Project.tsx
@@ -11,8 +11,8 @@ const Project: FC<ProjectType> = ({ name, description, buttons, cover, right })
 					{description}
 					<br />
 					<br />
-					{buttons.map((button) => (
-						<a href={button.link} className="button">
+					{buttons.map((button, i) => (
+						<a href={button.link} className="button" key={i}>
 							{button.text}
 						</a>
 					))}
diff --git a/src/components/Projects.tsx b/src/components/Projects.tsx
deleted file mode 100644
index 282cb4e..0000000
--- a/src/components/Projects.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { NextPage } from 'next';
-
-import Project from '@components/Project';
-import projects from '@config/projects.json';
-
-const Projects: NextPage = () => (
-	<div className="projects">
-		<div className="container">
-			<div className="header" id="projects">
-				Projects
-			</div>
-
-			{projects.map((project) => (
-				<Project key={project.name} {...project} />
-			))}
-		</div>
-	</div>
-);
-
-export default Projects;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index a272050..4db562c 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,14 +1,45 @@
-import Projects from '@components/Projects';
-import Landing from '@components/Landing';
+import { NextPage } from 'next';
+
 import Contact from '@components/Contact';
 import Layout from '@components/Layout';
 import Page from '@components/Page';
 
-const Home = () => (
-	<Page description="A simple portfolio website to display my projects." title="Projects">
+import Project from '@components/Project';
+import projects from '@config/projects.json';
+
+const Home: NextPage = () => (
+	<Page description="A simple portfolio website to display my projects." title="Home">
 		<Layout>
-			<Landing />
-			<Projects />
+			<div className="landing">
+				<div className="container">
+					<span className="profile">
+						<img src="/assets/images/profile.svg" width="100%" height="100%" alt="" />
+					</span>
+
+					<span className="title">Guus van Meerveld</span>
+					<span className="subtitle">
+						TypeScript / Dart developer, <br />
+						currently working on Argo.
+					</span>
+
+					<a href="#projects" className="button d-block m-auto">
+						Check out my projects
+					</a>
+				</div>
+			</div>
+
+			<div className="projects">
+				<div className="container">
+					<div className="header" id="projects">
+						Projects
+					</div>
+
+					{projects.map((project) => (
+						<Project key={project.name} {...project} />
+					))}
+				</div>
+			</div>
+
 			<Contact />
 		</Layout>
 	</Page>