src/components/modals/InfoModal.tsx

@@ -10,41 +10,41 @@ export const InfoModal = ({ isOpen, handleClose }: Props) => {
   return (
     <BaseModal title="How to play" isOpen={isOpen} handleClose={handleClose}>
       <p className="text-sm text-gray-500 dark:text-gray-300">
-        Guess the word in 6 tries. After each guess, the color of the tiles will
-        change to show how close your guess was to the word.
+        Rate das 🍯le in 6 Versuchen. Nach jedem Versuch ändert sich die Farbe des Kästchens
+        um anzuzeigen, wie nah man an der korrekten Lösung ist.
       </p>
 
       <div className="flex justify-center mb-1 mt-4">
-        <Cell value="W" status="correct" />
+        <Cell value="I" status="correct" />
+        <Cell value="M" />
+        <Cell value="K" />
         <Cell value="E" />
-        <Cell value="A" />
         <Cell value="R" />
-        <Cell value="Y" />
       </div>
       <p className="text-sm text-gray-500 dark:text-gray-300">
-        The letter W is in the word and in the correct spot.
+        Der Buchstabe I ist an der korrekten Stelle.
       </p>
 
       <div className="flex justify-center mb-1 mt-4">
-        <Cell value="P" />
-        <Cell value="I" />
-        <Cell value="L" status="present" />
-        <Cell value="O" />
-        <Cell value="T" />
-      </div>
-      <p className="text-sm text-gray-500 dark:text-gray-300">
-        The letter L is in the word but in the wrong spot.
-      </p>
-
-      <div className="flex justify-center mb-1 mt-4">
-        <Cell value="V" />
-        <Cell value="A" />
-        <Cell value="G" />
-        <Cell value="U" status="absent" />
+        <Cell value="B" />
+        <Cell value="L" />
+        <Cell value="U" status="present" />
+        <Cell value="M" />
         <Cell value="E" />
       </div>
       <p className="text-sm text-gray-500 dark:text-gray-300">
-        The letter U is not in the word in any spot.
+        Der Buchstabe U ist in dem Wort enthalten, aber an der falschen Stelle.
+      </p>
+
+      <div className="flex justify-center mb-1 mt-4">
+        <Cell value="W" />
+        <Cell value="A" />
+        <Cell value="B" />
+        <Cell value="E" status="absent" />
+        <Cell value="N" />
+      </div>
+      <p className="text-sm text-gray-500 dark:text-gray-300">
+        Der Buchstabe E ist nicht in dem Wort enthalten.
       </p>
     </BaseModal>
   )