title page translated to english

app/login/page.tsx

@@ -39,12 +39,12 @@ const Page:FC = async () => {
  return (
     <Main>
       <h1 className="text-3xl font-bold text-center">
-        <span className="text-neutral-50 mr-3">Što je pristiglo?</span>
+        <span className="text-neutral-50 mr-3">Which bills are due?</span>
-        <span className="text-indigo-400">Što je plaćeno?</span>
+        <span className="text-indigo-400">Which are payed?</span>
-        <span className="text-neutral-50 ml-3">Koliki su mi troškovi?</span>
+        <span className="text-neutral-50 ml-3">How much are my expenses?</span>
       </h1>
-      <p className="p mt-[1em] text-center">To su pitanja na koje ova jednostavna i besplatna aplikacija daje odgovore ...</p>
+      <p className="p mt-[1em] text-center">These are the questions this simple and free app will help you with ...</p>
-      <p className="p mb-[1em] text-center">... isprobajte je i koristite potpuno besplatno!</p>
+      <p className="p mb-[1em] text-center">... try it & use it completly free!</p>
       <span className="text-center">
       {
         Object.values(providers).map((provider) => (
@@ -57,18 +57,18 @@ const Page:FC = async () => {
       <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>
+      <h1 className="text-2xl font-bold text-neutral-50 my-5">Easy copy of expenditures</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>
+      <p className="p mt-[1em]">All your realestate and utilitys are automatically copied to the next month, so you don't neeed to do it by hand.</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>
+      <h1 className="text-2xl font-bold text-neutral-50 my-5">Color signals status</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>
+      <p className="p mt-[1em]">Each of trhe utility bills is color coded - at a glance you can see which bill was received and which one is payed.</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>
+      <h1 className="text-2xl font-bold text-neutral-50 my-5">Extraction of 2D bar code</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>
+      <p className="p mt-[1em]">If the attached dokument contains a 2D bar code, it is automatically extracted and shown on the page, so you can scan it without opening the PDF document.</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>

app/ui/PageFooter.tsx

@@ -8,7 +8,7 @@ export const PageFooter: React.FC = () =>
             <div>
                 <div className="flex items-center gap-2">
                     <Image src="/icon4.png" alt="logo" width={64} height={64}></Image>
-                    <div className="font-title inline-flex text-3xl font-black ml-2">Moje Režije</div>
+                    <div className="font-title inline-flex text-3xl font-black ml-2">Režije</div>
                 </div>
                 <p className="text-base-content/70 mb-5">Web aplikacija za vođenje evidencije o pristiglim i plaćenim režijskim troškovima</p>
                 <Link href="/" className="link link-hover">Home</Link>

app/ui/PageHeader.tsx

@@ -3,5 +3,5 @@ import Link from "next/link";
 
 export const PageHeader = () =>
 <div className="navbar bg-base-100 mb-6">
-    <Link className="btn btn-ghost text-xl" href="/"><Image src="/icon3.png" alt="logo" width={48} height={48} /> Moje Režije</Link>
+    <Link className="btn btn-ghost text-xl" href="/"><Image src="/icon3.png" alt="logo" width={48} height={48} /> Režije</Link>
 </div>