diff --git a/app/login/page.tsx b/app/login/page.tsx
index 07a7e4e..175d48e 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -3,6 +3,7 @@ import { Main } from '@/app/ui/Main';
 
 import { authConfig } from "@/app/lib/auth";
 import { SignInButton } from '../ui/SignInButton';
+import Image from 'next/image';
 
 type Provider = {
   id: string;
@@ -37,7 +38,7 @@ const Page:FC = async () => {
 
  return (
     <Main>
-      <h1 className="text-3xl font-bold">
+      <h1 className="text-3xl font-bold text-center">
         <span className="text-neutral-50 mr-3">Što je pristiglo?</span>
         <span className="text-indigo-400">Što je plaćeno?</span>
         <span className="text-neutral-50 ml-3">Koliki su mi troškovi?</span>
@@ -53,8 +54,23 @@ const Page:FC = async () => {
         ))
       }
       </span>
-      <video className="m-auto h-[524px] w=[440px]" title="Team discussing work in the Slack app" role="img" data-js-id="hero" loop muted playsInline autoPlay poster="hero.png">
-        <source src="/screencast.webm" type="video/webm" />
+      <video className="m-auto mt-4" title="Demo osnovnih koraka u aplikaciji" role="img" data-js-id="hero" loop muted playsInline autoPlay poster="hero.png">
+        <source src="/welcome-demo-vp9-25fps-1500bps.webm" type="video/webm" />
+      </video>
+      <h1 className="text-2xl font-bold text-neutral-50 my-5">Automatsko prenošenje stavaka u idući mjesec</h1>
+      <p className="p mt-[1em]">Sve vaše nekretnine i popis računa se automatski prenosi u novi mjesec ... što znači da ne morate svaki puta sve kreirati iz početka!</p>
+      <video className="m-auto mt-4" title="Demo kopiranja mjeseca" role="img" data-js-id="hero" loop muted playsInline autoPlay poster="bar-code-demo.png">
+        <source src="/kopiranje-mjeseca-demo.webm" type="video/webm" />
+      </video>
+
+      <h1 className="text-2xl font-bold text-neutral-50 my-5">Boja označava status računa</h1>
+      <p className="p mt-[1em]">Jednim pogledom možete vidjeti na koji račun je zakačen PDF dokument i koji od računa je plaćen...</p>
+      <Image src="/status-color-demo.png" alt="Boje označavaju status računa" className="m-auto mt-4" width={423} height={145} />
+
+      <h1 className="text-2xl font-bold text-neutral-50 my-5">Prikaz 2D koda za plaćanje</h1>
+      <p className="p mt-[1em]">Ako PDF dokument sadrži 2D kod uz plaćanje, on će automatski biti prikazan na stranici računa. Tako ga možete skenirati bez da otvarate PDF dokument...</p>
+      <video className="m-auto mt-4" title="Demo generiranja 2D bar koda" role="img" data-js-id="hero" loop muted playsInline autoPlay poster="bar-code-demo.png">
+        <source src="/bar-code-demo.webm" type="video/webm" />
       </video>
     </Main>
   );
diff --git a/docker-compose-deploy.yml b/docker-compose-deploy.yml
index 578058e..921ab04 100644
--- a/docker-compose-deploy.yml
+++ b/docker-compose-deploy.yml
@@ -9,7 +9,7 @@ networks:
 
 services:
   web-app:
-    image: utility-bills-tracker:1.18.0
+    image: utility-bills-tracker:1.19.0
     networks:
       - traefik-network
       - mongo-network
diff --git a/public/bar-code-demo.png b/public/bar-code-demo.png
new file mode 100644
index 0000000..5bc0474
Binary files /dev/null and b/public/bar-code-demo.png differ
diff --git a/public/bar-code-demo.webm b/public/bar-code-demo.webm
new file mode 100644
index 0000000..888d341
Binary files /dev/null and b/public/bar-code-demo.webm differ
diff --git a/public/kopiranje-mjeseca-demo.png b/public/kopiranje-mjeseca-demo.png
new file mode 100644
index 0000000..b4cf43d
Binary files /dev/null and b/public/kopiranje-mjeseca-demo.png differ
diff --git a/public/kopiranje-mjeseca-demo.webm b/public/kopiranje-mjeseca-demo.webm
new file mode 100644
index 0000000..6cdc009
Binary files /dev/null and b/public/kopiranje-mjeseca-demo.webm differ
diff --git a/public/screencast.webm b/public/screencast.webm
deleted file mode 100644
index 3cc7b13..0000000
Binary files a/public/screencast.webm and /dev/null differ
diff --git a/public/status-color-demo.png b/public/status-color-demo.png
new file mode 100644
index 0000000..a190d7d
Binary files /dev/null and b/public/status-color-demo.png differ
diff --git a/public/welcome-demo-vp9-25fps-1500bps.webm b/public/welcome-demo-vp9-25fps-1500bps.webm
new file mode 100644
index 0000000..97b778f
Binary files /dev/null and b/public/welcome-demo-vp9-25fps-1500bps.webm differ