diff --git a/frontend/src/routes/surfers/+page.svelte b/frontend/src/routes/surfers/+page.svelte
new file mode 100644
index 0000000..fa83763
--- /dev/null
+++ b/frontend/src/routes/surfers/+page.svelte
@@ -0,0 +1,27 @@
+<script>
+    import  Logo  from "$lib/img/topscorer_logo_web.png"
+</script>
+
+<div class="header">
+    <img src={Logo} alt="logo">
+    <span class="title">Surfers Edit</span>
+</div>
+
+<style>
+    .header {
+        background-color: black;
+        display:grid;
+        grid-template-columns: auto 2fr;
+        align-items: center;
+    }
+
+    .header img {
+        height: 3rem;
+    }
+
+    .header .title {
+        font-size: 1.5em;
+        color: aliceblue;
+        margin: 0 auto;
+    }
+</style>
\ No newline at end of file