diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx index 916a0fc..fcb511e 100644 --- a/app/[locale]/page.tsx +++ b/app/[locale]/page.tsx @@ -9,6 +9,7 @@ import isWebview from "is-ua-webview"; import { headers } from 'next/headers'; import { ExclamationTriangleIcon } from "@heroicons/react/24/outline"; import Link from 'next/link'; +import { MultiParagraphText } from '../ui/MultiParagrpahText'; type Provider = { id: string; @@ -53,12 +54,43 @@ const Page:FC = async () => { return (

- {t("main-card.title-1")} + {t("main-card.title-1")} {t("main-card.title-2")} - {t("main-card.title-3")} + {t("main-card.title-3")}

-

{t("main-card.text-1")}

-

{t("main-card.text-2")}

+ {t.rich("main-card.text-1", { + strong: (chunks) => {chunks}, + p: (chunks) =>

{chunks}

+ })} + + Man burried under bills + + Robot sortira papire + { + t("main-card.text-2").split("\n").map((line, index) => ( +

{line}

+ )) + } + + + { + session ? ( + + {t("main-card.cta-try-it-for-free")} + + ) : ( + Object.values(providers).map((provider) => ( +
+ +
+ )) + ) + } +
+ { // Google will refuse OAuth signin if it's inside a webview (i.e. Facebook) insideWebeview && @@ -77,25 +109,9 @@ const Page:FC = async () => { } - - { - session ? ( - - logo - {t("main-card.go-to-app")} - - ) : ( - Object.values(providers).map((provider) => ( -
- -
- )) - ) - } -
+ + man-burried-under-paper.png + diff --git a/app/ui/MultiParagrpahText.tsx b/app/ui/MultiParagrpahText.tsx new file mode 100644 index 0000000..0969ec7 --- /dev/null +++ b/app/ui/MultiParagrpahText.tsx @@ -0,0 +1,6 @@ +import React from "react"; + + +export const MultiParagraphText: React.FC<{ text: string }> = ({ text }) => + text.split("\n").map((line, index) => ( +

{line}

)); \ No newline at end of file diff --git a/messages/hr.json b/messages/hr.json index bc542b3..bbc62a2 100644 --- a/messages/hr.json +++ b/messages/hr.json @@ -18,11 +18,13 @@ }, "login-page": { "main-card": { - "title-1": "Koji računi su stigli?", - "title-2": "Koji su plaćeni?", - "title-3": "Koliki su mi troškovi?", - "text-1": "To su pitanja na koja će ti ova jednostavna aplikacija odgovoriti ...", - "text-2": "... isprobaj je i koristi potpuno besplatno!", + "title-1": "Jednostavno ", + "title-2": "upravljanje režijama", + "title-3": "za iznajmljivače", + "text-1": "Iznajmljujete stan ili kuću? Teško vam je pratiti koji računi su stigli, koje ste poslali podstanarima, koji su plaćeni? Ne znate kako organizirati sve te papire i datoteke na računalu? Niste jedini!", + "text-2": "Režije.app je tu da vam pomogne! Pustite da vam ovaj besplatni alat pomogne u upravljanju režijama za sve vaše nekretnine na jednom mjestu. Zaboravite na papirnate račune i zbrku u papirima - sada sve možete pratiti digitalno, brzo i efikasno.", + "text-3": "Pratite i naplatite troškove režija bez muke. Ova web aplikacija pomaže najmodavcima organizirati mjesečne račune za stanove i kuće koje iznajmljuju.\nPošaljite podstanaru sve režije digitalno, pratite u stvarnom vremenu koje su plaćene, a koje čekaju uplatu, te pojednostavite si financijsko upravljanje nekretninama.\nUštedite vrijeme uz automatske podsjetnike i arhivu računa - i to potpuno besplatno.", + "cta-try-it-for-free": "Isprobaj besplatno", "go-to-app": "Uđi u Aplikaciju", "in-app-browser-warning": "UPOZORENJE!

Detektirali smo da je web stranica otvorena u in-app pregledniku. To može dovesti do probleme u radu ove web aplikacije. Molimo otvori web aplikaciju u normalnom web pregledniku (rezije.app) 😉", "video-url": "/welcome-demo-vp9-25fps-1500bps.webm", diff --git a/public/man-burried-under-paper.png b/public/man-burried-under-paper.png new file mode 100644 index 0000000..4076487 Binary files /dev/null and b/public/man-burried-under-paper.png differ diff --git a/public/robot-sorting-papers.png b/public/robot-sorting-papers.png new file mode 100644 index 0000000..561a41c Binary files /dev/null and b/public/robot-sorting-papers.png differ