lots of shit

src/lib/Hero.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+    export let title: string;
+    export let description: string;
+    export let marginTop: string;
+</script>
+
+<div class="hero" style="margin-top: {marginTop}%;">
+    {#if title}
+        <h1>{title}</h1>
+    {/if}
+    {#if description}
+        <p>{description}</p>
+    {/if}
+    <slot />
+</div>
+
+<style>
+    .hero {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        font-family: var(--font-header);
+    }
+
+    .hero > * {
+        margin: 0;
+        padding: 0;
+        text-align: center;
+    }
+
+    p {
+        font-size: 30px;
+        color: #b6b6b6;
+    }
+
+    h1 {
+        font-size: 50px;
+        font-weight: 800;
+        color: var(--accent-primary);
+    }
+</style>

src/lib/Nav.svelte

@@ -25,6 +25,7 @@
 		<a href="/faq">FAQ</a>
 		<a href="/contact">Contact us</a>
 		<a href="/team">Our team</a>
+		<a href="/timeline">Timeline</a>
 		<a href="https://blog.projectsegfau.lt/">Blog</a>
 		<a href="/legal">Legal</a>
 		<a href="https://status.projectsegfau.lt/">Status</a>