templates/new-service-request.hbs

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>New Service Request Posted</title>
  </head>
  <body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333;">
    <div style="max-width: 600px; margin: 0 auto; padding: 20px;">
      <div
        style="color: white; padding: 10px; text-align: center; border-bottom: 0.2px solid rgba(205, 204, 204, 0.4);"
      >
        <img
          src="https://gibwork-media.s3.amazonaws.com/gibwork.jpg"
          alt="Logo"
        />
      </div>
      <div style="background-color: white; padding: 20px 25px;">
        <h2>New Service Request Posted</h2>
        <p>Hi {{username}},</p>
        <p>
          Great news! Your service "{{serviceTitle}}" has a new request. Check it out and approve or reject the request.
        </p>
        <p>
          Don't miss out on this opportunity! Click the button below to view more details.
        </p>
        <p style="text-align: center; padding-right: 20px; padding-left: 20px;">
          <a
            href="{{viewServiceLink}}"
            style="
              display: inline-block;
              background-color: #8a70ff;
              color: white;
              padding: 10px 20px;
              text-decoration: none;
              border-radius: 5px;
            "
            >View Service</a
          >
        </p>
      </div>
      <div style="text-align: center; font-size: 0.8em; margin-top: 20px;">
        <p>
          To report any bugs, get help, or give feedback join us on discord:
          <a href="https://discord.com/invite/G54VHcuHS"
            >https://discord.com/invite/G54VHcuHS</a
          >
        </p>
      </div>
    </div>
  </body>
</html>