localized page footer

app/ui/PageFooter.tsx

@@ -1,8 +1,13 @@
 import Image from "next/image";
 import Link from "next/link";
 import React from "react";
+import { useTranslations } from "next-intl";
 
-export const PageFooter: React.FC = () =>
+export const PageFooter: React.FC = () => {
+
+    const t = useTranslations("PageFooter");
+
+    return(
         <div className="bg-base-100 text-base-content mt-10">
             <footer className="footer mx-auto max-w-2xl px-4 py-10">
                 <div>
@@ -10,10 +15,10 @@ export const PageFooter: React.FC = () =>
                         <Image src="/icon4.png" alt="logo" width={64} height={64}></Image>
                         <div className="font-title inline-flex text-3xl font-black ml-2">Režije</div>
                     </div>
-                <p className="text-base-content/70 mb-5">App for helping you keeping track of your utility bills.</p>
+                    <p className="text-base-content/70 mb-5">{t('app-description')}</p>
-                <Link href="/" className="link link-hover">Home</Link>
+                    <Link href="/" className="link link-hover">{t('links.home')}</Link>
-                <Link href="/policy/" className="link link-hover">Privacy Policy</Link>
+                    <Link href="/policy/" className="link link-hover">{t('links.privacy-policy')}</Link>
-                <Link href="/terms/" className="link link-hover">Terms of Service</Link>
+                    <Link href="/terms/" className="link link-hover">{t('links.terms-of-service')}</Link>
                 </div>
                 <div>
                     <span className="footer-title opacity-70">documents</span>
@@ -23,4 +28,6 @@ export const PageFooter: React.FC = () =>
                 </div>
 
             </footer>
-    </div>;
+        </div>
+    );
+}

messages/en.json

@@ -1,5 +1,33 @@
 {
   "Index": {
     "title": "Welcome!"
+  },
+  "PageFooter": {
+    "app-description": "Helping you to stay on top of your utility bills",
+    "links": {
+        "home": "Home",
+        "privacy-policy": "Privacy Policy",
+        "terms-of-service": "Terms of Service"
+      }
+    },
+  "login-page": {
+    "main-card": {
+      "main-title-1": "Which bills are due?",
+      "main-title-2": "Which are payed?",
+      "main-title-3": "How much are my expenses?",
+      "main-text": "These are the questions this simple and free app will help you with ... try it & use it completly free!"
+    },
+    "card-1": {
+      "title":"Easy copy of expenditures",
+      "text": "All your realestate and utilitys are automatically copied to the next month, so you don't neeed to do it by hand."
+    },
+    "card-2": {
+      "title": "Color signals status",
+      "text": "Each of the utility bills is color coded - at a glance you can see which bill was received and which one is payed."
+    },
+    "card-3": {
+      "title": "Color signals status",
+      "text": "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."
+    }
   }
 }

messages/hr.json

@@ -1,5 +1,33 @@
 {
   "Index": {
-      "title": "Dobrodošli!"
+    "title": "Dobrodošli"
+  },
+  "PageFooter": {
+    "app-description": "Pomažemo vam pratiti vaše režije i troškove",
+    "links": {
+        "home": "Početna",
+        "privacy-policy": "Privatnost",
+        "terms-of-service": "Uvjeti korištenja"
+      }
+    },
+    "login-page": {
+      "main-card": {
+        "main-title-1": "Koji računi su stigli?",
+        "main-title-2": "Koji su plaćeni?",
+        "main-title-3": "Koliki su mi troškovi?",
+        "main-text": "To su pitanja na koja će vam ova jednostavna aplikacija odgovoriti ... isprobajte je, koristite je potpuno besplatno!"
+      },
+      "card-1": {
+        "title":"Prijenos režija u idući mjesec",
+        "text": "Sve vaše nekretnine i pripadajuće režije se automatski prenose u idući mjesec, tako da ne morate svaki mjesec ponovno unositi iste podatke."
+      },
+      "card-2": {
+        "title": "Boja signalizira status",
+        "text": "Jednim pogledom možete vidjeti koji računi su plaćeni, a koji nisu. U tome vam pomaže boja koja označava status računa."
+      },
+      "card-3": {
+        "title": "Prikaz bar koda za plaćanje",
+        "text": "Ako priloženi dokument sadrži 2D barkod, on se automatski izvlači i prikazuje na stranici, tako da ga možete skenirati bez otvaranja PDF dokumenta."
+      }
     }
 }