knee-cola/evidencija-rezija
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added demo videos for all features listed on home page

Browse Source
This commit is contained in:
Nikola Derežić
2024-02-14 16:18:31 +01:00
parent 7e09f6dade
commit 90078b6ab1
6 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/login/page.tsx
View File

@@ -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,15 +54,24 @@ const Page:FC = async () => {
))
}
</span>
<video className="m-auto mt-4" title="Team discussing work in the Slack app" role="img" data-js-id="hero" loop muted playsInline autoPlay poster="hero.png">
<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>
<h1 className="text-2xl font-bold text-neutral-50 my-5">Prikat 2D koda za plaćanje</h1>
<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>
);
}