forked from mrwyndham/fastpocket
feature - first-purchase email
This commit is contained in:
James Wyndham
parent
3930d50c96
commit
56f507c1ed
|
|
@ -0,0 +1,302 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>
|
||||||
|
</title>
|
||||||
|
<!--[if !mso]><!-->
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<!--<![endif]-->
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<style type="text/css">
|
||||||
|
#outlook a {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
-ms-text-size-adjust: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
table,
|
||||||
|
td {
|
||||||
|
border-collapse: collapse;
|
||||||
|
mso-table-lspace: 0pt;
|
||||||
|
mso-table-rspace: 0pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
border: 0;
|
||||||
|
height: auto;
|
||||||
|
line-height: 100%;
|
||||||
|
outline: none;
|
||||||
|
text-decoration: none;
|
||||||
|
-ms-interpolation-mode: bicubic;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
display: block;
|
||||||
|
margin: 13px 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<!--[if mso]>
|
||||||
|
<noscript>
|
||||||
|
<xml>
|
||||||
|
<o:OfficeDocumentSettings>
|
||||||
|
<o:AllowPNG/>
|
||||||
|
<o:PixelsPerInch>96</o:PixelsPerInch>
|
||||||
|
</o:OfficeDocumentSettings>
|
||||||
|
</xml>
|
||||||
|
</noscript>
|
||||||
|
<![endif]-->
|
||||||
|
<!--[if lte mso 11]>
|
||||||
|
<style type="text/css">
|
||||||
|
.mj-outlook-group-fix { width:100% !important; }
|
||||||
|
</style>
|
||||||
|
<![endif]-->
|
||||||
|
<!--[if !mso]><!-->
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Arimo:ital,wght@0,400..700;1,400..700" rel="stylesheet" type="text/css">
|
||||||
|
<style type="text/css">
|
||||||
|
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
|
||||||
|
@import url(https://fonts.googleapis.com/css?family=Arimo:ital,wght@0,400..700;1,400..700);
|
||||||
|
</style>
|
||||||
|
<!--<![endif]-->
|
||||||
|
<style type="text/css">
|
||||||
|
@media only screen and (min-width:480px) {
|
||||||
|
.mj-column-per-100 {
|
||||||
|
width: 100% !important;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style media="screen and (min-width:480px)">
|
||||||
|
.moz-text-html .mj-column-per-100 {
|
||||||
|
width: 100% !important;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style type="text/css">
|
||||||
|
@media only screen and (max-width:480px) {
|
||||||
|
table.mj-full-width-mobile {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.mj-full-width-mobile {
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body style="word-spacing:normal;background-color:#ffffff;">
|
||||||
|
<div style="background-color:#ffffff;">
|
||||||
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
||||||
|
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
|
||||||
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0;text-align:center;">
|
||||||
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
|
||||||
|
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td align="left" style="font-size:0px;padding:10px 25px;padding-top:8px;padding-right:0px;padding-bottom:8px;padding-left:0px;word-break:break-word;">
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td style="width:180px;">
|
||||||
|
<img alt="" height="auto" src="http://fastpocket.dev/images/combination-icon.png" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="180" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#FD5469" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
||||||
|
<div style="background:#FD5469;background-color:#FD5469;margin:0px auto;max-width:600px;">
|
||||||
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FD5469;background-color:#FD5469;width:100%;">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0;text-align:center;">
|
||||||
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
|
||||||
|
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td align="left" style="font-size:0px;padding:10px 25px;padding-top:50px;padding-right:25px;padding-bottom:30px;padding-left:25px;word-break:break-word;">
|
||||||
|
<div style="font-family:Arimo, Arial, sans-serif;font-size:45px;font-weight:900;line-height:1;text-align:left;color:#ffffff;">Thanks For Purchasing</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#FFFFFF" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
||||||
|
<div style="background:#FFFFFF;background-color:#FFFFFF;margin:0px auto;max-width:600px;">
|
||||||
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFFFFF;background-color:#FFFFFF;width:100%;">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;padding-top:20px;text-align:center;">
|
||||||
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:middle;width:600px;" ><![endif]-->
|
||||||
|
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:middle;" width="100%">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td align="left" style="font-size:0px;padding:10px 25px;padding-top:16px;padding-right:25px;padding-left:25px;word-break:break-word;">
|
||||||
|
<div style="font-family:Arimo, Arial, sans-serif;font-size:24px;line-height:1;text-align:left;color:#FD5469;">{{.firstName}} we are so excited to help you build your next million dollar SaaS!</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="left" style="font-size:0px;padding:10px 25px;padding-top:16px;padding-right:25px;padding-left:25px;word-break:break-word;">
|
||||||
|
<div style="font-family:Arimo, Arial, sans-serif;font-size:18px;line-height:1;text-align:left;color:#29171C;">Over the next 24 hours we're going to send you information about our prize winning SaaS <a style="color: #7082ff" href="https://fastpocket.dev/pricing">tools</a> we are using to help you build at 10x. When you are ready to start producing apps at max capacity click the button below.</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center" vertical-align="middle" style="font-size:0px;padding:10px 25px;padding-top:48px;padding-bottom:48px;word-break:break-word;">
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
|
||||||
|
<tr>
|
||||||
|
<td align="center" bgcolor="#FD5469" role="presentation" style="border:none;border-radius:10px;cursor:auto;mso-padding-alt:10px 25px;background:#FD5469;" valign="middle">
|
||||||
|
<a href="https://fastpocket.dev/pricing" style="display:inline-block;background:#FD5469;color:#ffffff;font-family:Arimo, Arial, sans-serif;font-size:22px;font-weight:900;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:10px;" target="_blank"> Learn More </a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center" style="font-size:0px;padding:10px 25px;padding-right:25px;padding-left:25px;word-break:break-word;">
|
||||||
|
<div style="font-family:Arimo, Arial, sans-serif;font-size:15px;line-height:1;text-align:center;color:#FD5469;">Thanks, <br /> The {{.company}} Team</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
||||||
|
<div style="margin:0px auto;max-width:600px;">
|
||||||
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
|
||||||
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
|
||||||
|
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
|
||||||
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td><![endif]-->
|
||||||
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
|
||||||
|
<tr>
|
||||||
|
<td style="padding:4px;vertical-align:middle;">
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#4BADE9;border-radius:3px;width:20px;">
|
||||||
|
<tr>
|
||||||
|
<td style="font-size:0;height:20px;vertical-align:middle;width:20px;">
|
||||||
|
<a href="https://fastpocket.dev/" target="_blank">
|
||||||
|
<img height="20" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/web.png" style="border-radius:3px;display:block;" width="20" />
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
<td style="vertical-align:middle;">
|
||||||
|
<a href="https://fastpocket.dev/" style="color:#333333;font-size:15px;font-family:Ubuntu, Helvetica, Arial, sans-serif;line-height:22px;text-decoration:none;" target="_blank"> Web </a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!--[if mso | IE]></td><td><![endif]-->
|
||||||
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
|
||||||
|
<tr>
|
||||||
|
<td style="padding:4px;vertical-align:middle;">
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#000000;border-radius:3px;width:20px;">
|
||||||
|
<tr>
|
||||||
|
<td style="font-size:0;height:20px;vertical-align:middle;width:20px;">
|
||||||
|
<a href="https://github.com/mrwyndham/pocketbase-stripe" target="_blank">
|
||||||
|
<img height="20" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/github.png" style="border-radius:3px;display:block;" width="20" />
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
<td style="vertical-align:middle;">
|
||||||
|
<a href="https://github.com/mrwyndham/pocketbase-stripe" style="color:#333333;font-size:15px;font-family:Ubuntu, Helvetica, Arial, sans-serif;line-height:22px;text-decoration:none;" target="_blank"> Github </a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!--[if mso | IE]></td><td><![endif]-->
|
||||||
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
|
||||||
|
<tr>
|
||||||
|
<td style="padding:4px;vertical-align:middle;">
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#EB3323;border-radius:3px;width:20px;">
|
||||||
|
<tr>
|
||||||
|
<td style="font-size:0;height:20px;vertical-align:middle;width:20px;">
|
||||||
|
<a href="https://www.youtube.com/@FastPocket" target="_blank">
|
||||||
|
<img height="20" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/youtube.png" style="border-radius:3px;display:block;" width="20" />
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
<td style="vertical-align:middle;">
|
||||||
|
<a href="https://www.youtube.com/@FastPocket" style="color:#333333;font-size:15px;font-family:Ubuntu, Helvetica, Arial, sans-serif;line-height:22px;text-decoration:none;" target="_blank"> Youtube </a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!--[if mso | IE]></td><td><![endif]-->
|
||||||
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
|
||||||
|
<tr>
|
||||||
|
<td style="padding:4px;vertical-align:middle;">
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#55acee;border-radius:3px;width:20px;">
|
||||||
|
<tr>
|
||||||
|
<td style="font-size:0;height:20px;vertical-align:middle;width:20px;">
|
||||||
|
<a href="https://twitter.com/intent/tweet?url=https://twitter.com/meinbiz" target="_blank">
|
||||||
|
<img height="20" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/twitter.png" style="border-radius:3px;display:block;" width="20" />
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
<td style="vertical-align:middle;">
|
||||||
|
<a href="https://twitter.com/intent/tweet?url=https://twitter.com/meinbiz" style="color:#333333;font-size:15px;font-family:Ubuntu, Helvetica, Arial, sans-serif;line-height:22px;text-decoration:none;" target="_blank"> X </a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,132 @@
|
||||||
|
<mjml>
|
||||||
|
<mj-head>
|
||||||
|
<mj-font
|
||||||
|
name="Raleway"
|
||||||
|
href="https://fonts.googleapis.com/css?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
|
||||||
|
/>
|
||||||
|
<mj-font
|
||||||
|
name="Arimo"
|
||||||
|
href="https://fonts.googleapis.com/css?family=Arimo:ital,wght@0,400..700;1,400..700"
|
||||||
|
/>
|
||||||
|
</mj-head>
|
||||||
|
<mj-body background-color="#ffffff" font-size="13px">
|
||||||
|
<mj-section background-color="#ffffff" padding-bottom="0px" padding-top="0">
|
||||||
|
<mj-column vertical-align="top" width="100%">
|
||||||
|
<mj-image
|
||||||
|
src="http://fastpocket.dev/images/combination-icon.png"
|
||||||
|
alt=""
|
||||||
|
align="left"
|
||||||
|
border="none"
|
||||||
|
width="180px"
|
||||||
|
padding-left="0px"
|
||||||
|
padding-right="0px"
|
||||||
|
padding-bottom="8px"
|
||||||
|
padding-top="8px"
|
||||||
|
></mj-image>
|
||||||
|
</mj-column>
|
||||||
|
</mj-section>
|
||||||
|
<mj-section
|
||||||
|
background-color="#FD5469"
|
||||||
|
vertical-align="top"
|
||||||
|
padding-bottom="0px"
|
||||||
|
padding-top="0"
|
||||||
|
>
|
||||||
|
<mj-column vertical-align="top" width="100%">
|
||||||
|
<mj-text
|
||||||
|
align="left"
|
||||||
|
color="#ffffff"
|
||||||
|
font-size="45px"
|
||||||
|
font-weight="900"
|
||||||
|
font-family="Arimo, Arial, sans-serif"
|
||||||
|
padding-left="25px"
|
||||||
|
padding-right="25px"
|
||||||
|
padding-bottom="30px"
|
||||||
|
padding-top="50px"
|
||||||
|
>Thanks For Purchasing</mj-text
|
||||||
|
>
|
||||||
|
</mj-column>
|
||||||
|
</mj-section>
|
||||||
|
<mj-section
|
||||||
|
background-color="#FFF"
|
||||||
|
padding-bottom="20px"
|
||||||
|
padding-top="20px"
|
||||||
|
>
|
||||||
|
<mj-column vertical-align="middle" width="100%">
|
||||||
|
<mj-text
|
||||||
|
align="left"
|
||||||
|
color="#FD5469"
|
||||||
|
font-size="24px"
|
||||||
|
font-family="Arimo, Arial, sans-serif"
|
||||||
|
padding-top="16px"
|
||||||
|
padding-left="25px"
|
||||||
|
padding-right="25px"
|
||||||
|
>{{.firstName}} we are so excited to help you build your next million
|
||||||
|
dollar SaaS!</mj-text
|
||||||
|
>
|
||||||
|
<mj-text
|
||||||
|
align="left"
|
||||||
|
color="#29171C"
|
||||||
|
font-size="18px"
|
||||||
|
font-family="Arimo, Arial, sans-serif"
|
||||||
|
padding-left="25px"
|
||||||
|
padding-top="16px"
|
||||||
|
padding-right="25px"
|
||||||
|
>Over the next 24 hours we're going to send you information about
|
||||||
|
our prize winning SaaS
|
||||||
|
<a style="color: #7082ff" href="https://fastpocket.dev/pricing"
|
||||||
|
>tools</a
|
||||||
|
>
|
||||||
|
we are using to help you build at 10x. When you are ready to start
|
||||||
|
producing apps at max capacity click the button below.</mj-text
|
||||||
|
>
|
||||||
|
<mj-button
|
||||||
|
align="center"
|
||||||
|
font-size="22px"
|
||||||
|
font-weight="900"
|
||||||
|
background-color="#FD5469"
|
||||||
|
border-radius="10px"
|
||||||
|
color="#fff"
|
||||||
|
font-family="Arimo, Arial, sans-serif"
|
||||||
|
padding-top="48px"
|
||||||
|
padding-bottom="48px"
|
||||||
|
href="https://fastpocket.dev/pricing"
|
||||||
|
>Learn More</mj-button
|
||||||
|
>
|
||||||
|
<mj-text
|
||||||
|
align="center"
|
||||||
|
color="#FD5469"
|
||||||
|
font-size="15px"
|
||||||
|
font-family="Arimo, Arial, sans-serif"
|
||||||
|
padding-left="25px"
|
||||||
|
padding-right="25px"
|
||||||
|
>Thanks, <br />
|
||||||
|
The {{.company}} Team</mj-text
|
||||||
|
>
|
||||||
|
</mj-column>
|
||||||
|
</mj-section>
|
||||||
|
<mj-section>
|
||||||
|
<mj-column>
|
||||||
|
<mj-social font-size="15px" icon-size="20px" mode="horizontal">
|
||||||
|
<mj-social-element name="web" href="https://fastpocket.dev/">
|
||||||
|
Web
|
||||||
|
</mj-social-element>
|
||||||
|
<mj-social-element
|
||||||
|
name="github"
|
||||||
|
href="https://github.com/mrwyndham/pocketbase-stripe"
|
||||||
|
>
|
||||||
|
Github
|
||||||
|
</mj-social-element>
|
||||||
|
<mj-social-element
|
||||||
|
name="youtube"
|
||||||
|
href="https://www.youtube.com/@FastPocket"
|
||||||
|
>
|
||||||
|
Youtube
|
||||||
|
</mj-social-element>
|
||||||
|
<mj-social-element name="twitter" href="https://twitter.com/meinbiz">
|
||||||
|
X
|
||||||
|
</mj-social-element>
|
||||||
|
</mj-social>
|
||||||
|
</mj-column>
|
||||||
|
</mj-section>
|
||||||
|
</mj-body>
|
||||||
|
</mjml>
|
||||||
|
|
@ -17,9 +17,23 @@ onRecordAfterCreateRequest((e) => {
|
||||||
|
|
||||||
$app.newMailClient().send(message);
|
$app.newMailClient().send(message);
|
||||||
}, "user");
|
}, "user");
|
||||||
|
onRecordAfterCreateRequest((e) => {
|
||||||
routerAdd("GET", "/hello/:name", (c) => {
|
const user = $app.dao().findRecordById("articles", e.record.get("user_id"))
|
||||||
let name = c.pathParam("name");
|
const message = new MailerMessage({
|
||||||
|
from: {
|
||||||
return c.json(200, { message: "Hello " + name });
|
address: $app.settings().meta.senderAddress,
|
||||||
|
name: $app.settings().meta.senderName,
|
||||||
|
},
|
||||||
|
to: [{ address: user.get("email") }],
|
||||||
|
subject: "Thanks For Purchasing!",
|
||||||
|
html: $template
|
||||||
|
.loadFiles(`${__hooks}/emails/signup.html`)
|
||||||
|
.render({
|
||||||
|
firstName: e.record.get("firstName"),
|
||||||
|
company: $app.settings().meta.appName,
|
||||||
|
}),
|
||||||
|
// bcc, cc and custom headers are also supported...
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$app.newMailClient().send(message);
|
||||||
|
}, "subscription");
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue