@heliyos/heliyos-api-core 1.0.56 → 1.0.58
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/email/forgot-password.html +34 -26
- package/dist/email/index.d.ts +2 -0
- package/dist/email/index.js +2 -0
- package/dist/email/inviting-existing-user.html +35 -27
- package/dist/email/inviting-new-user.html +50 -34
- package/dist/email/notification-daily-summary.html +397 -0
- package/dist/email/notification-immediate.html +185 -0
- package/dist/email/password-reset-success.html +45 -29
- package/dist/email/signup-step-1.html +34 -27
- package/dist/email/signup-step-2.html +69 -39
- package/package.json +1 -1
- package/src/email/forgot-password.html +34 -26
- package/src/email/index.ts +2 -0
- package/src/email/inviting-existing-user.html +35 -27
- package/src/email/inviting-new-user.html +50 -34
- package/src/email/notification-daily-summary.html +397 -0
- package/src/email/notification-immediate.html +185 -0
- package/src/email/password-reset-success.html +45 -29
- package/src/email/signup-step-1.html +34 -27
- package/src/email/signup-step-2.html +69 -39
|
@@ -0,0 +1,185 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="UTF-8">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
+
<title>{{event_type_label}} - Heliyos Notification</title>
|
|
8
|
+
<style>
|
|
9
|
+
body {
|
|
10
|
+
font-family: Arial, sans-serif;
|
|
11
|
+
line-height: 1.6;
|
|
12
|
+
color: #0e0d0c;
|
|
13
|
+
background-color: #f8f8f6;
|
|
14
|
+
margin: 0;
|
|
15
|
+
padding: 0;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.container {
|
|
19
|
+
max-width: 600px;
|
|
20
|
+
margin: 20px auto;
|
|
21
|
+
background-color: #ffffff;
|
|
22
|
+
border-radius: 12px;
|
|
23
|
+
overflow: hidden;
|
|
24
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.header {
|
|
28
|
+
background-color: #7c3aed;
|
|
29
|
+
padding: 30px 20px;
|
|
30
|
+
text-align: center;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.header img {
|
|
34
|
+
max-width: 180px;
|
|
35
|
+
height: auto;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.content {
|
|
39
|
+
padding: 30px;
|
|
40
|
+
background-color: #ffffff;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.event-card {
|
|
44
|
+
background-color: #f5f2e9;
|
|
45
|
+
border: 1px solid #7c3aed;
|
|
46
|
+
border-radius: 8px;
|
|
47
|
+
padding: 20px;
|
|
48
|
+
margin: 20px 0;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.event-badge {
|
|
52
|
+
display: inline-block;
|
|
53
|
+
background-color: #7c3aed;
|
|
54
|
+
color: #ffffff;
|
|
55
|
+
padding: 6px 12px;
|
|
56
|
+
border-radius: 20px;
|
|
57
|
+
font-size: 12px;
|
|
58
|
+
font-weight: bold;
|
|
59
|
+
text-transform: uppercase;
|
|
60
|
+
margin-bottom: 12px;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.event-title {
|
|
64
|
+
font-size: 20px;
|
|
65
|
+
font-weight: bold;
|
|
66
|
+
color: #0e0d0c;
|
|
67
|
+
margin: 10px 0;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.event-summary {
|
|
71
|
+
color: #2c2721;
|
|
72
|
+
margin: 12px 0;
|
|
73
|
+
line-height: 1.6;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.event-details {
|
|
77
|
+
margin-top: 12px;
|
|
78
|
+
background-color: #f8f5ff;
|
|
79
|
+
border-radius: 6px;
|
|
80
|
+
padding: 12px;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.detail-row {
|
|
84
|
+
font-size: 14px;
|
|
85
|
+
color: #3f2d63;
|
|
86
|
+
margin: 6px 0;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.detail-row strong {
|
|
90
|
+
color: #2b1d4d;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.event-meta {
|
|
94
|
+
margin-top: 16px;
|
|
95
|
+
padding-top: 16px;
|
|
96
|
+
border-top: 1px solid #ebe7db;
|
|
97
|
+
font-size: 14px;
|
|
98
|
+
color: #5c5545;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.event-meta strong {
|
|
102
|
+
color: #0e0d0c;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.button {
|
|
106
|
+
display: inline-block;
|
|
107
|
+
padding: 12px 32px;
|
|
108
|
+
background-color: #7c3aed;
|
|
109
|
+
color: #ffffff !important;
|
|
110
|
+
text-decoration: none;
|
|
111
|
+
border-radius: 8px;
|
|
112
|
+
font-weight: bold;
|
|
113
|
+
margin-top: 20px;
|
|
114
|
+
text-align: center;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.button:hover {
|
|
118
|
+
background-color: #6d28d9;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.button-container {
|
|
122
|
+
text-align: center;
|
|
123
|
+
margin: 24px 0;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.footer {
|
|
127
|
+
background-color: #7c3aed;
|
|
128
|
+
padding: 20px;
|
|
129
|
+
text-align: center;
|
|
130
|
+
font-size: 12px;
|
|
131
|
+
color: #ffffff;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.footer a {
|
|
135
|
+
color: #ffffff;
|
|
136
|
+
text-decoration: none;
|
|
137
|
+
}
|
|
138
|
+
</style>
|
|
139
|
+
</head>
|
|
140
|
+
|
|
141
|
+
<body>
|
|
142
|
+
<div class="container">
|
|
143
|
+
<div class="header">
|
|
144
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
145
|
+
</div>
|
|
146
|
+
<div class="content">
|
|
147
|
+
<p>Hello,</p>
|
|
148
|
+
<p>You have a new update in your Heliyos workspace:</p>
|
|
149
|
+
|
|
150
|
+
<div class="event-card">
|
|
151
|
+
<div class="event-badge">{{event_type_label}}</div>
|
|
152
|
+
<div class="event-title">{{object_name}}</div>
|
|
153
|
+
<div class="event-summary">{{summary}}</div>
|
|
154
|
+
{{#if details}}
|
|
155
|
+
<div class="event-details">
|
|
156
|
+
{{#each details}}
|
|
157
|
+
<div class="detail-row"><strong>{{this.label}}:</strong> {{this.value}}</div>
|
|
158
|
+
{{/each}}
|
|
159
|
+
</div>
|
|
160
|
+
{{/if}}
|
|
161
|
+
<div class="event-meta">
|
|
162
|
+
<strong>By:</strong> {{actor_name}}<br>
|
|
163
|
+
<strong>When:</strong> {{timestamp}}
|
|
164
|
+
</div>
|
|
165
|
+
</div>
|
|
166
|
+
|
|
167
|
+
<div class="button-container">
|
|
168
|
+
<a href="{{view_url}}" class="button">View in App →</a>
|
|
169
|
+
</div>
|
|
170
|
+
|
|
171
|
+
<p style="color: #5c5545; font-size: 14px; margin-top: 24px;">
|
|
172
|
+
This notification was sent because you have enabled notifications for {{event_type_label}} events.
|
|
173
|
+
</p>
|
|
174
|
+
</div>
|
|
175
|
+
<div class="footer">
|
|
176
|
+
<p>© {{year}} {{company_name}}. All rights reserved.</p>
|
|
177
|
+
<p>
|
|
178
|
+
<a href="{{settings_url}}">Manage notification preferences</a> |
|
|
179
|
+
This is an automated message, please do not reply.
|
|
180
|
+
</p>
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
</body>
|
|
184
|
+
|
|
185
|
+
</html>
|
|
@@ -7,12 +7,10 @@
|
|
|
7
7
|
<title>Password Reset Successful</title>
|
|
8
8
|
<style>
|
|
9
9
|
body {
|
|
10
|
-
font-family:
|
|
10
|
+
font-family: Arial, sans-serif;
|
|
11
11
|
line-height: 1.6;
|
|
12
12
|
color: #0e0d0c;
|
|
13
|
-
/* --text-000 */
|
|
14
13
|
background-color: #f8f8f6;
|
|
15
|
-
/* --background */
|
|
16
14
|
margin: 0;
|
|
17
15
|
padding: 0;
|
|
18
16
|
}
|
|
@@ -20,47 +18,62 @@
|
|
|
20
18
|
.container {
|
|
21
19
|
max-width: 600px;
|
|
22
20
|
margin: 20px auto;
|
|
23
|
-
background-color: #
|
|
24
|
-
/* --card */
|
|
21
|
+
background-color: #ffffff;
|
|
25
22
|
border-radius: 12px;
|
|
26
|
-
/* --radius */
|
|
27
23
|
overflow: hidden;
|
|
28
|
-
box-shadow: 0 0
|
|
29
|
-
/* Solid color instead of rgba */
|
|
24
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
30
25
|
}
|
|
31
26
|
|
|
32
27
|
.header {
|
|
33
|
-
background-color: #
|
|
34
|
-
|
|
35
|
-
color: #ffffff;
|
|
36
|
-
/* --primary-foreground */
|
|
37
|
-
padding: 20px;
|
|
28
|
+
background-color: #7c3aed;
|
|
29
|
+
padding: 30px 20px;
|
|
38
30
|
text-align: center;
|
|
39
31
|
}
|
|
40
32
|
|
|
33
|
+
.header img {
|
|
34
|
+
max-width: 180px;
|
|
35
|
+
height: auto;
|
|
36
|
+
}
|
|
37
|
+
|
|
41
38
|
.content {
|
|
42
39
|
padding: 30px;
|
|
43
40
|
color: #2c2721;
|
|
44
|
-
/* --card-foreground */
|
|
45
41
|
}
|
|
46
42
|
|
|
47
43
|
.footer {
|
|
48
44
|
background-color: #ebe7db;
|
|
49
|
-
/* --muted */
|
|
50
45
|
padding: 20px;
|
|
51
46
|
text-align: center;
|
|
52
47
|
font-size: 12px;
|
|
53
48
|
color: #5c5545;
|
|
54
|
-
/* --muted-foreground */
|
|
55
49
|
}
|
|
56
50
|
|
|
57
51
|
.security-tips {
|
|
58
|
-
background-color: #
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
/* --secondary */
|
|
62
|
-
padding: 15px;
|
|
52
|
+
background-color: #f5f2e9;
|
|
53
|
+
border-left: 4px solid #7c3aed;
|
|
54
|
+
padding: 20px;
|
|
63
55
|
margin-top: 20px;
|
|
56
|
+
border-radius: 4px;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.security-tips h3 {
|
|
60
|
+
margin-top: 0;
|
|
61
|
+
color: #0e0d0c;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.security-tips ul {
|
|
65
|
+
margin: 10px 0;
|
|
66
|
+
padding-left: 20px;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.security-tips li {
|
|
70
|
+
margin: 8px 0;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.success-icon {
|
|
74
|
+
text-align: center;
|
|
75
|
+
font-size: 48px;
|
|
76
|
+
margin: 20px 0;
|
|
64
77
|
}
|
|
65
78
|
</style>
|
|
66
79
|
</head>
|
|
@@ -68,21 +81,24 @@
|
|
|
68
81
|
<body>
|
|
69
82
|
<div class="container">
|
|
70
83
|
<div class="header">
|
|
71
|
-
<
|
|
84
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
72
85
|
</div>
|
|
73
86
|
<div class="content">
|
|
74
|
-
<
|
|
75
|
-
<
|
|
76
|
-
<p>
|
|
77
|
-
<p>
|
|
87
|
+
<div class="success-icon">✅</div>
|
|
88
|
+
<h2 style="text-align: center; margin-top: 0; color: #0e0d0c;">Password Reset Successful</h2>
|
|
89
|
+
<p>Hello {{fullName}},</p>
|
|
90
|
+
<p>Your password has been successfully reset for your Heliyos AI account.</p>
|
|
91
|
+
<p>If you made this change, you can disregard this email and continue using your account with your new password.</p>
|
|
92
|
+
<p><strong>If you did not reset your password</strong>, please contact our support team immediately as your account may have
|
|
78
93
|
been compromised.</p>
|
|
79
94
|
<div class="security-tips">
|
|
80
|
-
<h3
|
|
95
|
+
<h3>🔒 Security Tips</h3>
|
|
81
96
|
<p>For your account's security, we recommend that you:</p>
|
|
82
97
|
<ul>
|
|
83
|
-
<li>Use a strong, unique password for your account</li>
|
|
98
|
+
<li>Use a strong, unique password for your account (at least 12 characters)</li>
|
|
84
99
|
<li>Enable two-factor authentication if available</li>
|
|
85
100
|
<li>Avoid using the same password across multiple websites</li>
|
|
101
|
+
<li>Never share your password with anyone</li>
|
|
86
102
|
</ul>
|
|
87
103
|
</div>
|
|
88
104
|
<p>If you have any questions or concerns, please don't hesitate to contact our support team.</p>
|
|
@@ -94,4 +110,4 @@
|
|
|
94
110
|
</div>
|
|
95
111
|
</body>
|
|
96
112
|
|
|
97
|
-
</html>
|
|
113
|
+
</html>
|
|
@@ -10,9 +10,7 @@
|
|
|
10
10
|
font-family: Arial, sans-serif;
|
|
11
11
|
line-height: 1.6;
|
|
12
12
|
color: #0e0d0c;
|
|
13
|
-
/* --text-000 */
|
|
14
13
|
background-color: #f8f8f6;
|
|
15
|
-
/* --background */
|
|
16
14
|
margin: 0;
|
|
17
15
|
padding: 0;
|
|
18
16
|
}
|
|
@@ -20,52 +18,57 @@
|
|
|
20
18
|
.container {
|
|
21
19
|
max-width: 600px;
|
|
22
20
|
margin: 20px auto;
|
|
23
|
-
background-color: #
|
|
24
|
-
/* --card */
|
|
21
|
+
background-color: #ffffff;
|
|
25
22
|
border-radius: 12px;
|
|
26
|
-
/* --radius */
|
|
27
23
|
overflow: hidden;
|
|
28
|
-
box-shadow: 0 0
|
|
29
|
-
/* Solid color instead of rgba */
|
|
24
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
30
25
|
}
|
|
31
26
|
|
|
32
27
|
.header {
|
|
33
|
-
background-color: #
|
|
34
|
-
|
|
35
|
-
color: #ffffff;
|
|
36
|
-
/* --primary-foreground */
|
|
37
|
-
padding: 20px;
|
|
28
|
+
background-color: #7c3aed;
|
|
29
|
+
padding: 30px 20px;
|
|
38
30
|
text-align: center;
|
|
39
31
|
}
|
|
40
32
|
|
|
33
|
+
.header img {
|
|
34
|
+
max-width: 180px;
|
|
35
|
+
height: auto;
|
|
36
|
+
}
|
|
37
|
+
|
|
41
38
|
.content {
|
|
42
39
|
padding: 30px;
|
|
43
40
|
color: #2c2721;
|
|
44
|
-
/* --card-foreground */
|
|
45
41
|
}
|
|
46
42
|
|
|
47
43
|
.button {
|
|
48
44
|
display: inline-block;
|
|
49
|
-
padding: 12px
|
|
50
|
-
background-color: #
|
|
51
|
-
/* --secondary */
|
|
45
|
+
padding: 12px 32px;
|
|
46
|
+
background-color: #7c3aed;
|
|
52
47
|
color: #ffffff !important;
|
|
53
|
-
/* --secondary-foreground */
|
|
54
48
|
text-decoration: none;
|
|
55
|
-
border-radius:
|
|
56
|
-
/* --radius */
|
|
49
|
+
border-radius: 8px;
|
|
57
50
|
font-weight: bold;
|
|
58
51
|
margin-top: 20px;
|
|
59
52
|
}
|
|
60
53
|
|
|
54
|
+
.button:hover {
|
|
55
|
+
background-color: #6d28d9;
|
|
56
|
+
}
|
|
57
|
+
|
|
61
58
|
.footer {
|
|
62
59
|
background-color: #ebe7db;
|
|
63
|
-
/* --muted */
|
|
64
60
|
padding: 20px;
|
|
65
61
|
text-align: center;
|
|
66
62
|
font-size: 12px;
|
|
67
63
|
color: #5c5545;
|
|
68
|
-
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.info-box {
|
|
67
|
+
background-color: #f5f2e9;
|
|
68
|
+
border-left: 4px solid #7c3aed;
|
|
69
|
+
padding: 16px;
|
|
70
|
+
margin: 20px 0;
|
|
71
|
+
border-radius: 4px;
|
|
69
72
|
}
|
|
70
73
|
</style>
|
|
71
74
|
</head>
|
|
@@ -73,20 +76,24 @@
|
|
|
73
76
|
<body>
|
|
74
77
|
<div class="container">
|
|
75
78
|
<div class="header">
|
|
76
|
-
<
|
|
79
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
77
80
|
</div>
|
|
78
81
|
<div class="content">
|
|
82
|
+
<h2 style="margin-top: 0; color: #0e0d0c;">Confirm Your Email Address</h2>
|
|
79
83
|
<p>Hello,</p>
|
|
80
|
-
<p>Thank you for signing up! To complete your registration and verify your email address, please click the
|
|
84
|
+
<p>Thank you for signing up for Heliyos AI! To complete your registration and verify your email address, please click the
|
|
81
85
|
button below:</p>
|
|
82
86
|
<p style="text-align: center;">
|
|
83
87
|
<a href="{{confirmation_url}}" class="button">Confirm Email</a>
|
|
84
88
|
</p>
|
|
89
|
+
|
|
90
|
+
<div class="info-box">
|
|
91
|
+
<p style="margin: 0;"><strong>⏰ This link will expire in 24 hours</strong> for security reasons. If you didn't create an account with us, please disregard this email.</p>
|
|
92
|
+
</div>
|
|
93
|
+
|
|
85
94
|
<p>If you're having trouble with the button, you can copy and paste the following URL into your web browser:
|
|
86
95
|
</p>
|
|
87
|
-
<p style="word-break: break-all;">{{confirmation_url}}</p>
|
|
88
|
-
<p>This link will expire in 24 hours for security reasons. If you didn't create an account with us, please
|
|
89
|
-
disregard this email.</p>
|
|
96
|
+
<p style="word-break: break-all; font-size: 13px; color: #5c5545;">{{confirmation_url}}</p>
|
|
90
97
|
<p>We're excited to have you on board!</p>
|
|
91
98
|
</div>
|
|
92
99
|
<div class="footer">
|
|
@@ -96,4 +103,4 @@
|
|
|
96
103
|
</div>
|
|
97
104
|
</body>
|
|
98
105
|
|
|
99
|
-
</html>
|
|
106
|
+
</html>
|
|
@@ -4,15 +4,13 @@
|
|
|
4
4
|
<head>
|
|
5
5
|
<meta charset="UTF-8">
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
-
<title>Welcome to
|
|
7
|
+
<title>Welcome to Heliyos AI</title>
|
|
8
8
|
<style>
|
|
9
9
|
body {
|
|
10
10
|
font-family: Arial, sans-serif;
|
|
11
11
|
line-height: 1.6;
|
|
12
12
|
color: #0e0d0c;
|
|
13
|
-
/* --text-000 */
|
|
14
13
|
background-color: #f8f8f6;
|
|
15
|
-
/* --background */
|
|
16
14
|
margin: 0;
|
|
17
15
|
padding: 0;
|
|
18
16
|
}
|
|
@@ -20,60 +18,81 @@
|
|
|
20
18
|
.container {
|
|
21
19
|
max-width: 600px;
|
|
22
20
|
margin: 20px auto;
|
|
23
|
-
background-color: #
|
|
24
|
-
/* --card */
|
|
21
|
+
background-color: #ffffff;
|
|
25
22
|
border-radius: 12px;
|
|
26
|
-
/* --radius */
|
|
27
23
|
overflow: hidden;
|
|
28
|
-
box-shadow: 0 0
|
|
24
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
29
25
|
}
|
|
30
26
|
|
|
31
27
|
.header {
|
|
32
|
-
background-color: #
|
|
33
|
-
|
|
34
|
-
color: #ffffff;
|
|
35
|
-
/* --primary-foreground */
|
|
36
|
-
padding: 20px;
|
|
28
|
+
background-color: #7c3aed;
|
|
29
|
+
padding: 30px 20px;
|
|
37
30
|
text-align: center;
|
|
38
31
|
}
|
|
39
32
|
|
|
33
|
+
.header img {
|
|
34
|
+
max-width: 180px;
|
|
35
|
+
height: auto;
|
|
36
|
+
}
|
|
37
|
+
|
|
40
38
|
.content {
|
|
41
39
|
padding: 30px;
|
|
42
40
|
color: #2c2721;
|
|
43
|
-
/* --card-foreground */
|
|
44
41
|
}
|
|
45
42
|
|
|
46
43
|
.button {
|
|
47
44
|
display: inline-block;
|
|
48
45
|
padding: 12px 24px;
|
|
49
|
-
background-color: #
|
|
50
|
-
|
|
51
|
-
color: #ffffff;
|
|
52
|
-
/* --secondary-foreground */
|
|
46
|
+
background-color: #7c3aed;
|
|
47
|
+
color: #ffffff !important;
|
|
53
48
|
text-decoration: none;
|
|
54
|
-
border-radius:
|
|
55
|
-
/* --radius */
|
|
49
|
+
border-radius: 8px;
|
|
56
50
|
font-weight: bold;
|
|
57
|
-
margin
|
|
51
|
+
margin: 8px 0;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.button:hover {
|
|
55
|
+
background-color: #6d28d9;
|
|
58
56
|
}
|
|
59
57
|
|
|
60
58
|
.footer {
|
|
61
59
|
background-color: #ebe7db;
|
|
62
|
-
/* --muted */
|
|
63
60
|
padding: 20px;
|
|
64
61
|
text-align: center;
|
|
65
62
|
font-size: 12px;
|
|
66
63
|
color: #5c5545;
|
|
67
|
-
/* --muted-foreground */
|
|
68
64
|
}
|
|
69
65
|
|
|
70
66
|
.next-steps {
|
|
71
|
-
background-color: #
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
67
|
+
background-color: #f5f2e9;
|
|
68
|
+
border-left: 4px solid #7c3aed;
|
|
69
|
+
padding: 20px;
|
|
70
|
+
margin: 24px 0;
|
|
71
|
+
border-radius: 4px;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.next-steps h3 {
|
|
75
|
+
margin-top: 0;
|
|
76
|
+
color: #0e0d0c;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.next-steps ol {
|
|
80
|
+
margin: 16px 0;
|
|
81
|
+
padding-left: 20px;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.next-steps li {
|
|
85
|
+
margin: 12px 0;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.next-steps a {
|
|
89
|
+
color: #7c3aed;
|
|
90
|
+
text-decoration: none;
|
|
91
|
+
font-weight: 600;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.next-steps a:hover {
|
|
95
|
+
text-decoration: underline;
|
|
77
96
|
}
|
|
78
97
|
</style>
|
|
79
98
|
</head>
|
|
@@ -81,25 +100,36 @@
|
|
|
81
100
|
<body>
|
|
82
101
|
<div class="container">
|
|
83
102
|
<div class="header">
|
|
84
|
-
<
|
|
103
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
85
104
|
</div>
|
|
86
105
|
<div class="content">
|
|
87
|
-
<p>Dear {{
|
|
106
|
+
<p>Dear {{fullName}},</p>
|
|
107
|
+
<p>Welcome to Heliyos AI! 🎉</p>
|
|
88
108
|
<p>Thank you for completing your registration. We're thrilled to have you as part of our community!</p>
|
|
89
|
-
<p>Your account is now fully activated, and you're ready to start exploring all the features
|
|
90
|
-
|
|
109
|
+
<p>Your account is now fully activated, and you're ready to start exploring all the powerful features Heliyos has to offer.</p>
|
|
110
|
+
|
|
91
111
|
<div class="next-steps">
|
|
92
|
-
<h3>
|
|
112
|
+
<h3>Get Started with Heliyos:</h3>
|
|
93
113
|
<ol>
|
|
94
|
-
<li>
|
|
95
|
-
|
|
96
|
-
|
|
114
|
+
<li>
|
|
115
|
+
<strong><a href="{{knowledge_base_url}}" target="_blank">Complete your Knowledge Base</a></strong><br>
|
|
116
|
+
<span style="color: #5c5545; font-size: 14px;">Add information about your business to help our AI understand your context</span>
|
|
117
|
+
</li>
|
|
118
|
+
<li>
|
|
119
|
+
<strong><a href="https://heliyos.notion.site/customer-onboarding-hub" target="_blank">Follow our Onboarding Guide</a></strong><br>
|
|
120
|
+
<span style="color: #5c5545; font-size: 14px;">Learn how to use Heliyos features effectively</span>
|
|
121
|
+
</li>
|
|
122
|
+
<li>
|
|
123
|
+
<strong>Start building leadsets, turn on watcher for your favorite companies to keep them always updated</strong><br>
|
|
124
|
+
<span style="color: #5c5545; font-size: 14px;">Explore automated updates, lead generation, and smart insights</span>
|
|
125
|
+
</li>
|
|
97
126
|
</ol>
|
|
98
127
|
</div>
|
|
128
|
+
|
|
99
129
|
<p>If you have any questions or need assistance, our support team is always here to help.</p>
|
|
100
130
|
|
|
101
|
-
<p>We're excited to see what you'll accomplish with
|
|
102
|
-
<p>Best regards,<br>{{company_name}} Team</p>
|
|
131
|
+
<p>We're excited to see what you'll accomplish with Heliyos!</p>
|
|
132
|
+
<p>Best regards,<br>The {{company_name}} Team</p>
|
|
103
133
|
</div>
|
|
104
134
|
<div class="footer">
|
|
105
135
|
<p>© {{year}} {{company_name}}. All rights reserved.</p>
|
|
@@ -108,4 +138,4 @@
|
|
|
108
138
|
</div>
|
|
109
139
|
</body>
|
|
110
140
|
|
|
111
|
-
</html>
|
|
141
|
+
</html>
|