diff --git a/nginx/vue/src/router/index.js b/nginx/vue/src/router/index.js
index e05cf00..0c0e832 100644
--- a/nginx/vue/src/router/index.js
+++ b/nginx/vue/src/router/index.js
@@ -1,13 +1,18 @@
 import { createRouter, createWebHistory } from "vue-router";
-import Home from "@/views/home/Home.vue";
+import Landing from "@/views/Landing.vue";
 
 const router = createRouter({
     history: createWebHistory(import.meta.env.BASE_URL),
     routes: [
         {
             path: "/",
+            name: "landing",
+            component: Landing,
+        },
+        {
+            path: "/stp",
             name: "home",
-            component: Home,
+            component: () => import("@/views/home/Home.vue"),
         },
         {
             path: "/cv",
diff --git a/nginx/vue/src/views/Landing.vue b/nginx/vue/src/views/Landing.vue
new file mode 100644
index 0000000..36cfdb4
--- /dev/null
+++ b/nginx/vue/src/views/Landing.vue
@@ -0,0 +1,56 @@
+<script setup>
+import Link from "@/components/text/Link.vue";
+import InlineLink from "@/components/text/InlineLink.vue";
+import Header from "@/components/text/Header.vue";
+import Paragraph from "@/components/text/Paragraph.vue";
+
+const links = [
+    { name: "GitHub", href: "https://github.com/SteveThePug" },
+    { name: "Gitea", href: "/gitea/explore/repos" },
+    { name: "Spotify", href: "https://open.spotify.com/user/stevethepug" },
+];
+</script>
+
+<template>
+    <main class="halftone flex justify-center px-4 py-16">
+        <div class="max-w-xl w-full flex flex-col gap-12">
+            <section>
+                <Header>Adam French</Header>
+                <Paragraph>
+                    Junior software engineer focused on full-stack development,
+                    systems programming, and infrastructure. First Class Honours
+                    in Computer Science with Mathematics from Leeds and
+                    Waterloo.
+                </Paragraph>
+            </section>
+
+            <section>
+                <Header>About</Header>
+                <Paragraph>
+                    This website is self-hosted and has a lot more on it than it
+                    needs to. Please have a look at my
+                    <InlineLink to="/cv">CV</InlineLink> for a full breakdown of
+                    my experience, projects, and skills. Please visit
+                    <InlineLink to="/stp">STP</InlineLink> for the prefered but
+                    less professional experience.
+                </Paragraph>
+            </section>
+
+            <nav class="navRow flex flex-row flex-wrap gap-4 justify-around">
+                <Link to="/cv"> CV </Link>
+                <Link to="/stp"> STP </Link>
+                <Link href="mailto:adam.a.french@outlook.com"> Email </Link>
+                <Link v-for="link in links" :key="link.name" :href="link.href">
+                    {{ link.name }}
+                </Link>
+            </nav>
+        </div>
+    </main>
+</template>
+
+<style scoped>
+.navRow > a {
+    padding: 0.5rem 1rem;
+    border: 1px solid currentColor;
+}
+</style>