diff --git a/app/hobbies/add/page.tsx b/app/hobbies/add/page.tsx
index 8e7aa6f..2e8d290 100644
--- a/app/hobbies/add/page.tsx
+++ b/app/hobbies/add/page.tsx
@@ -1,7 +1,22 @@
 export default function AddInterest() {
   return (
-    <div className="flex flex-col gap-10 items-center justify-center m-6 font-bold text-xl">
-      <p className="text-center font-lg">Kommer snart!</p>
+    <div className="flex flex-col gap-6 items-center justify-center m-6 font-bold text-lg mt-20">
+      <p className="text-center text-lg">Legg til interesse</p>
+      <form className="flex flex-col gap-4 w-full max-w-sm">
+        <input
+          type="text"
+          name="interest"
+          placeholder="Navn på interesse"
+          className="border p-2 rounded w-full"
+          required
+        />
+        <button
+          type="submit"
+          className="bg-foreground text-background text-center font-bold px-12 py-4 rounded-lg border-2 border-background hover:bg-background hover:text-foreground transition-all duration-300 $"
+        >
+          Legg til
+        </button>
+      </form>
     </div>
   );
 }