Kuma/src/lib/mail/supabase-templates/reset-password.html

<!doctype html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Passwort zurücksetzen</title>
  </head>
  <body
    style="
      margin: 0;
      padding: 0;
      font-family:
        -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;,
        Arial, sans-serif;
      background-color: #f5f5f5;
    "
  >
    <table
      width="100%"
      cellpadding="0"
      cellspacing="0"
      style="background-color: #f5f5f5; padding: 40px 0"
    >
      <tr>
        <td align="center">
          <table
            width="600"
            cellpadding="0"
            cellspacing="0"
            style="
              background-color: #ffffff;
              border-radius: 14px;
              overflow: hidden;
              box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            "
          >
            <!-- Header -->
            <tr>
              <td style="background-color: #1e293b; padding: 40px; text-align: center">
                <p
                  style="
                    margin: 0 0 12px;
                    color: #ffffff;
                    font-size: 15px;
                    font-weight: 700;
                    letter-spacing: 0.5px;
                    text-transform: uppercase;
                  "
                >
                  Kumasy
                </p>
                <h1 style="margin: 0; color: #ffffff; font-size: 28px; font-weight: 600">
                  Passwort zurücksetzen
                </h1>
              </td>
            </tr>

            <!-- Content -->
            <tr>
              <td style="padding: 40px">
                <p style="margin: 0 0 20px; color: #333333; font-size: 16px; line-height: 1.6">
                  Hallo,
                </p>

                <p style="margin: 0 0 30px; color: #333333; font-size: 16px; line-height: 1.6">
                  wir haben eine Anfrage erhalten, das Passwort für dein Kumasy-Konto
                  zurückzusetzen. Klicke auf den Button unten, um ein neues Passwort zu vergeben.
                </p>

                <table width="100%" cellpadding="0" cellspacing="0" style="margin: 0 0 20px">
                  <tr>
                    <td align="center">
                      <a
                        href="{{ .ConfirmationURL }}"
                        style="
                          display: inline-block;
                          background-color: #f4c00c;
                          color: #1e293b;
                          text-decoration: none;
                          padding: 16px 40px;
                          border-radius: 999px;
                          font-size: 16px;
                          font-weight: 600;
                        "
                      >
                        Neues Passwort vergeben
                      </a>
                    </td>
                  </tr>
                </table>

                <p
                  style="
                    margin: 20px 0 0;
                    color: #666666;
                    font-size: 14px;
                    line-height: 1.6;
                    text-align: center;
                  "
                >
                  Oder kopiere diesen Link in deinen Browser:
                </p>
                <p
                  style="
                    margin: 8px 0 0;
                    color: #1e293b;
                    font-size: 14px;
                    word-break: break-all;
                    text-align: center;
                  "
                >
                  {{ .ConfirmationURL }}
                </p>

                <div style="border-top: 1px solid #e0e0e0; padding-top: 20px; margin-top: 30px">
                  <p style="margin: 0 0 10px; color: #999999; font-size: 13px; line-height: 1.6">
                    <strong>Wichtig:</strong> Dieser Link ist aus Sicherheitsgründen zeitlich
                    begrenzt gültig.
                  </p>
                  <p style="margin: 0; color: #999999; font-size: 13px; line-height: 1.6">
                    Falls du kein neues Passwort angefordert hast, kannst du diese E-Mail ignorieren
                    – dein Passwort bleibt unverändert.
                  </p>
                </div>
              </td>
            </tr>

            <!-- Footer -->
            <tr>
              <td
                style="
                  background-color: #f8f9fa;
                  padding: 30px;
                  text-align: center;
                  border-top: 1px solid #e0e0e0;
                "
              >
                <p style="margin: 0 0 10px; color: #666666; font-size: 14px">Kumasy</p>
                <p style="margin: 0 0 10px; color: #999999; font-size: 12px">
                  Diese E-Mail wurde automatisch generiert. Bitte antworte nicht auf diese E-Mail.
                </p>
                <p style="margin: 0; color: #999999; font-size: 11px">Powered by Kumasy</p>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>