diff --git a/src/routes/(components)/sampleqrlfkselfservice.png b/src/routes/(components)/sampleqrlfkselfservice.png
new file mode 100644
index 0000000..cfd223c
Binary files /dev/null and b/src/routes/(components)/sampleqrlfkselfservice.png differ
diff --git a/src/routes/(components)/signup.svelte b/src/routes/(components)/signup.svelte
index 701bcb6..d5b6611 100644
--- a/src/routes/(components)/signup.svelte
+++ b/src/routes/(components)/signup.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import sampleQR from "./sampleqrlfkselfservice.png";
   import { Button } from "$lib/components/ui/button/index.js";
   import * as Card from "$lib/components/ui/card/index.js";
   import Checkbox from "$lib/components/ui/checkbox/checkbox.svelte";
@@ -216,6 +217,7 @@
             tell them your name.<br />
             You can scan this qr code to login to our selfservice.
           </p>
+          <img src={sampleQR} alt="">
           TODO:
         {:else if currentStep.name == Steps.SIGNIN.name}
           <div class="grid gap-2">