diff --git a/.gitpod.yml b/.gitpod.yml
index c7f5787f..9114fca8 100644
--- a/.gitpod.yml
+++ b/.gitpod.yml
@@ -1,9 +1,5 @@
-# This configuration file was automatically generated by Gitpod.
-# Please adjust to your needs (see https://www.gitpod.io/docs/config-gitpod-file)
-# and commit this file to your remote git repository to share the goodness with others.
-
 tasks:
-  - init: npm install && npm run build
-    command: npm run dev
-
-
+  - init: npm install
+    command: |
+      export HMR_HOST=`gp url 3000`
+      npm run dev
\ No newline at end of file
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index 9f7326cf..ff027d8c 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -1,5 +1,14 @@
-<footer class="flex flex-col justify-center items-center p-8 sm:px-0 bg-background">
-  <p>
+<footer class="flex flex-col justify-center items-center p-8 mt-10 sm:px-0 bg-background">
+  <div class="flex flex-col items-center text-center">
+    <p>
+      Contact me via <a href="mailto:hello@loke.dev">Email</a> or find me on other medias:
+      <a href="https://github.com/loke-dev">Github</a>
+      | <a href="https://www.linkedin.com/in/lokecarlsson/">Linkedin</a>
+      | <a href="https://twitter.com/loke_dev">Twitter</a>
+    </p>
+  </div>
+
+  <p class="mt-8">
     All rights reserved © Loke Carlsson {new Date().getFullYear()}
   </p>
 </footer>
diff --git a/src/components/Header.svelte b/src/components/Header.svelte
index 899004cb..8849b625 100644
--- a/src/components/Header.svelte
+++ b/src/components/Header.svelte
@@ -12,6 +12,9 @@
       <li class:active={$page.url.pathname.includes("/journal")}>
         <a sveltekit:prefetch href="/journal">Journal</a>
       </li>
+      <li class:active={$page.url.pathname.includes("/services")}>
+        <a sveltekit:prefetch href="/services">Services</a>
+      </li>
       <li class:active={$page.url.pathname === "/contact"}>
         <a sveltekit:prefetch href="/contact">Contact</a>
       </li>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 11aca845..c5907398 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -15,13 +15,4 @@
 
 <section class="">
   <Hero />
-
-  <div class="flex flex-col items-center text-center mt-20">
-    <p>
-      Contact me via <a href="mailto:hello@loke.dev">Email</a> or find me on other medias:
-      <a href="https://github.com/loke-dev">Github</a>
-      | <a href="https://www.linkedin.com/in/lokecarlsson/">Linkedin</a>
-      | <a href="https://twitter.com/loke_dev">Twitter</a>
-    </p>
-  </div>
 </section>
diff --git a/src/routes/services.svelte b/src/routes/services.svelte
new file mode 100644
index 00000000..8a557ad2
--- /dev/null
+++ b/src/routes/services.svelte
@@ -0,0 +1,16 @@
+<script context="module">
+    import { dev } from "$app/env"
+  
+    export const router = true
+    export const prerender = true
+  </script>
+  
+  <svelte:head>
+    <title>Services - loke.dev</title>
+    <meta name="description" content="Some of the web development services I can provide help with." />
+  </svelte:head>
+  
+  <div class="content">
+    <h1 class="mb-6">How can I help you?</h1>
+  </div>
+  
\ No newline at end of file
diff --git a/svelte.config.js b/svelte.config.js
index ee5684a3..4cc277fe 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -24,6 +24,18 @@ const config = {
     },
     adapter: netlify(),
     vite: {
+      server: {
+        hmr: process.env.GITPOD_WORKSPACE_URL
+          ? {
+              // Due to port fowarding, we have to replace
+              // 'https' with the forwarded port, as this
+              // is the URI created by Gitpod.
+              host: process.env.GITPOD_WORKSPACE_URL.replace("https://", "3000-"),
+              protocol: "wss",
+              clientPort: 443
+            }
+          : true
+      },
       test: {
         environment: "jsdom",
         coverage: {