Update about page

ui/src/i18n.ts

@@ -15,10 +15,11 @@ const translations = {
     "nav.language.en": "EN",
     "meta.description": "React + Recoil example",
     "home.title": "Home",
-    "home.heading": "KlAPI",
+    "home.heading": "Klapi",
+    "home.subheading": "Livonsaaren Tietokonepaja's administration console",
     "home.signedInAs": "You are signed in as",
     "home.logoAlt": "logo",
-    "home.openHours.heading": "Open hours versions",
+    "home.openHours.heading": "Open hours of Livonsaaren Osuuskauppa",
     "home.openHours.latest": "Latest",
     "home.openHours.new": "New version",
     "home.openHours.edit": "Edit",
@@ -43,6 +44,9 @@ const translations = {
     "home.openHours.updated": "Version updated",
     "home.openHours.deleted": "Version deleted",
     "about.title": "About",
+    "about.description":
+      "Livonsaaren Tietokonepaja is a local project providing IT services for our dear archipelago.",
+    "about.bugReportsPrefix": "All bug reports can be sent to",
     "about.apiVersion": "API version",
     "about.loading": "Loading...",
     "login.title": "Klapi",
@@ -92,9 +96,10 @@ const translations = {
     "meta.description": "React + Recoil -esimerkki",
     "home.title": "Etusivu",
     "home.heading": "Klapi",
+    "home.subheading": "Livonsaaren Tietokonepajan hallintakonsoli",
     "home.signedInAs": "Olet kirjautunut käyttäjänä",
     "home.logoAlt": "logo",
-    "home.openHours.heading": "Aukioloaikaversiot",
+    "home.openHours.heading": "Livonsaaren osuuskaupan aukioloaika",
     "home.openHours.latest": "Viimeisin",
     "home.openHours.new": "Uusi versio",
     "home.openHours.edit": "Muokkaa",
@@ -119,6 +124,9 @@ const translations = {
     "home.openHours.updated": "Versio päivitetty",
     "home.openHours.deleted": "Versio poistettu",
     "about.title": "Tietoja",
+    "about.description":
+      "Livonsaaren Tietokonepaja on paikallisprojekti, joka tuottaa IT-palveluita rakkaalle lähisaaristollemme.",
+    "about.bugReportsPrefix": "Kaikki bugiraportit voi lähettää osoitteeseen",
     "about.apiVersion": "API-versio",
     "about.loading": "Ladataan...",
     "login.title": "Klapi",

ui/src/routes/about.tsx

@@ -31,8 +31,21 @@ export default function About() {
   }, []);
 
   return (
-    <main>
+    <main className="space-y-4 px-4">
-      <p className="text-center text-[#70421E]">
+      <p className="mx-auto max-w-md text-center text-lg font-semibold text-[#70421E]">
+        {t("about.description")}
+      </p>
+      <p className="mx-auto max-w-md text-center text-sm text-[#70421E]/90">
+        {t("about.bugReportsPrefix")} {" "}
+        <a
+          href="mailto:info@tietokonepaja.fi"
+          className="font-medium underline underline-offset-2 hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current"
+        >
+          info@tietokonepaja.fi
+        </a>
+        .
+      </p>
+      <p className="mx-auto max-w-md text-center text-xs uppercase tracking-wide text-[#70421E]/80">
         {t("about.apiVersion")}: {apiVersion ?? t("about.loading")}
       </p>
     </main>

ui/src/routes/index.tsx

@@ -12,6 +12,7 @@ export default function Home() {
   return (
     <main>
       <h1 className="text-center">{t("home.heading")}</h1>
+      <h2 className="text-center">{t("home.subheading")}</h2>
       <img src="/favicon.svg" alt={t("home.logoAlt")} className="w-28" />
       <OpenHoursForm />
     </main>