feat: more polish

Signed-off-by: Raphael Arce <[email protected]>

src/components/appointment/index.tsx

@@ -42,7 +42,8 @@ export function Appointment() {
         </p>
       ) : (
         <p className="print:hidden">
-          {t("intro.p2", language)}{" "}
+          {t("intro.p2", language)}
+          <br />
           <a
             href="https://service.berlin.de/dienstleistung/120686/"
             target="_blank"

src/components/feedback/index.tsx

@@ -6,16 +6,19 @@ export function Feedback() {
 
   return (
     <>
-      <div className="flex w-full flex-wrap justify-center gap-x-2 px-8 py-4 text-sm">
-        {t("feedback.question", language)}
-        <a
-          className="text-blue-700 underline"
-          href={t("feedback.link", language)}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          {t("feedback.link.label", language)}
-        </a>
+      <div className="flex w-full flex-wrap justify-center gap-x-2 px-4 py-4 text-sm">
+        <p>
+          {t("feedback.intro", language)} <br className="hidden md:inline" />{" "}
+          {t("feedback.question", language)}{" "}
+          <a
+            className="text-blue-700 underline"
+            href={t("feedback.link", language)}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {t("feedback.link.label", language)}
+          </a>
+        </p>
       </div>
     </>
   );

src/components/footer/index.tsx

@@ -18,7 +18,7 @@ export function Footer() {
           <div className="flex flex-col gap-4">
             {t("logo.t1", language)}
             <img
-              src="/images/logo-citylab-berlin-outline.svg"
+              src="/images/logo-citylab-berlin.svg"
               alt="Logo von CityLab Berlin"
               className="w-32"
               loading="lazy"

src/components/header-title/index.tsx

@@ -5,6 +5,13 @@ export function HeaderTitle() {
   const language = useI18nStore((state) => state.language);
 
   return (
-    <h1 className="text-xl font-bold md:text-2xl">{t("title", language)}</h1>
+    <h1 className="text-xl font-bold md:text-2xl">
+      {t("title", language)}{" "}
+      <img
+        src="/images/icon-checked-document.svg"
+        alt=""
+        className="mb-2 inline ltr:ml-2 rtl:mr-2"
+      />
+    </h1>
   );
 }

src/components/vertical-sidebar-image/index.tsx

@@ -9,7 +9,7 @@ export function VerticalSidebarImage() {
         <img
           src="/images/fernsehturm_alpha_paperplane_slim.png"
           alt="Flowers"
-          className="h-full object-cover"
+          className="h-full object-cover ltr:scale-x-100 rtl:-scale-x-100"
           loading="lazy"
         />
       </picture>

src/i18n/translations/translations.json

@@ -141,12 +141,13 @@
     "button.back": "Zurück",
     "button.next": "Weiter",
     "button.next.tooltip": "Bitte beantworte die Frage zuerst.",
-    "intro.p1": "Diese Anwendung ist ein Prototyp vom CityLAB Berlin und wird aktuell für einen Test verwendet. Sie soll Dir dabei helfen, Dich gut auf Deinen Termin zur Anmeldung vorzubereiten. Beantworte uns ein paar Fragen und wir erstellen Dir eine Übersicht mit Dokumenten, die Du für den Termin mitbringen musst. Los geht's!",
+    "intro.p1": "Diese Anwendung soll Dir dabei helfen, Dich gut auf Deinen Termin zur Anmeldung vorzubereiten. Beantworte uns ein paar Fragen und wir erstellen Dir eine Übersicht mit Dokumenten, die Du für den Termin mitbringen musst. Los geht's!",
     "intro.p2": "Du hast noch keinen Termin?",
     "intro.p2.link": "Termin buchen.",
+    "feedback.intro": "Diese Anwendung ist ein Prototyp vom CityLAB Berlin und wird aktuell für einen Test verwendet.",
     "feedback.question": "Wie gefällt Dir die Anwendung?",
     "feedback.link": "https://citylabberlin.typeform.com/to/kCdnCgvC?product_id=checklist",
-    "feedback.link.label": "Beantworte uns gerne einige Fragen.",
+    "feedback.link.label": "Beantworte uns gerne ein paar Fragen.",
     "first-registration.q1": "Meldest Du Dich zum ersten Mal in Berlin an?",
     "first-registration.q1.tooltip": "Wenn ja, müssen eventuell Dokumente wie Geburts- oder Heiratsurkunde vorgezeigt werden.",
     "first-registration.q2": "Bist Du verheiratet?",