From 28c7a2ee378ebda64d2bc39eab4e70a200a347bf Mon Sep 17 00:00:00 2001
From: tharvik <tharvik@users.noreply.github.com>
Date: Thu, 27 Jun 2024 13:56:01 +0200
Subject: [PATCH] webapp/Landing: add demo notice

---
 webapp/src/components/home/Landing.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/webapp/src/components/home/Landing.vue b/webapp/src/components/home/Landing.vue
index 7f4ea198c..df43cbdb3 100644
--- a/webapp/src/components/home/Landing.vue
+++ b/webapp/src/components/home/Landing.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex">
+  <div class="flex flex-col gap-4">
     <ButtonsCard
       class="mx-auto"
       :buttons="List.of(['get started', () => emit('click')])"
@@ -18,12 +18,20 @@
         </li>
       </ul>
     </ButtonsCard>
+
+    <IconCard title-placement="center" class="mx-auto">
+      <template #title> DEMO </template>
+      <template #content>
+        Training states &amp; custom tasks are not persisted
+      </template>
+    </IconCard>
   </div>
 </template>
 <script lang="ts" setup>
 import { List } from "immutable";
 
 import ButtonsCard from "@/components/containers/ButtonsCard.vue";
+import IconCard from "@/components/containers/IconCard.vue";
 
 const emit = defineEmits<{
   click: [];