Moved a few components to home page.

next.config.js

@@ -0,0 +1,3 @@
+module.export = {
+    basePath: '/'
+}

src/components/Landing.tsx

@@ -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;

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" />

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>
 					))}

src/components/Projects.tsx

@@ -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;

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>