dwindown/dewemoji
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update pricing UX, billing flows, and API rules

Browse Source
This commit is contained in:
Dwindi Ramadhana
2026-02-12 00:52:40 +07:00
parent cf065fab1e
commit a905256353
202 changed files with 22348 additions and 301 deletions
Download Patch File Download Diff File Expand all files Collapse all files

141
references/email-designs/email-verification.html Normal file
View File

@@ -0,0 +1,141 @@
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="x-apple-disable-message-reformatting">
<title>Verify Email Address</title>
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<style>
table, td, div, h1, p {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
/* General Resets */
body { margin: 0; padding: 0; background-color: #F3F4F6; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }
/* Responsive Utilities */
@media screen and (max-width: 600px) {
.container { width: 100% !important; max-width: 100% !important; }
.mobile-padding { padding-left: 20px !important; padding-right: 20px !important; }
}
</style>
</head>
<body style="margin:0;padding:0;background-color:#F3F4F6;">
<div role="article" aria-roledescription="email" lang="en" style="background-color:#F3F4F6; width:100%;">
<center>
<!--[if mso]>
<table role="presentation" width="600" border="0" cellspacing="0" cellpadding="0" align="center" style="width:600px;">
<tr>
<td>
<![endif]-->
<table role="presentation" class="container" style="width:100%;max-width:600px;background-color:#F3F4F6;margin:0 auto;" border="0" cellpadding="0" cellspacing="0">
<!-- HEADER Section -->
<tr>
<td class="mobile-padding" style="padding: 30px 40px 20px 40px;">
<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="vertical-align: middle;">
<a href="{{ url('/') }}" style="text-decoration:none; display: inline-flex; align-items: center;">
<!-- Logo Icon -->
<span style="font-size: 24px; line-height: 24px; margin-right: 8px;">🌘</span>
<!-- Logo Text -->
<span style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 20px; color: #1F2937;">Dewemoji</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- MAIN CARD (White Background - Clean Canvas) -->
<tr>
<td class="mobile-padding" style="padding: 20px 40px 40px 40px;">
<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #FFFFFF; border-radius: 16px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);">
<tr>
<td style="padding: 40px;">
<!-- Headline -->
<h1 style="margin: 0 0 20px 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; line-height: 32px; color: #1F2937; font-weight: 800; text-align: center;">
Verify your <span style="color: #F59E0B;">email address</span>
</h1>
<p style="margin: 0 0 24px 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; color: #4B5563;">
Hello!
</p>
<p style="margin: 0 0 24px 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; color: #4B5563;">
Thanks for signing up for Dewemoji. To unlock full access to your dashboard and extension features, please verify your email address by clicking the button below.
</p>
<!-- Primary Button (Amber/Yellow Accent - Matches 'Pay with PayPal') -->
<table role="presentation" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 24px;">
<table role="presentation" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="border-radius: 8px;" bgcolor="#F59E0B">
<!-- Laravel Variable Placeholder for URL -->
<a href="{{ $actionUrl }}" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #1F2937; text-decoration: none; border-radius: 8px; padding: 12px 32px; border: 1px solid #F59E0B; display: inline-block; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);">
Verify Email Address
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p style="margin: 0 0 24px 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #4B5563;">
If you did not create an account, no further action is required.
</p>
<p style="margin: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; color: #4B5563;">
Regards,<br>Dewemoji
</p>
<!-- Break Line -->
<div style="border-top: 1px solid #E5E7EB; margin-top: 30px; margin-bottom: 30px;"></div>
<!-- Fallback Link (Indigo Accent) -->
<p style="margin: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #6B7280;">
If you're having trouble clicking the "Verify Email Address" button, copy and paste the URL below into your web browser:
<br>
<a href="{{ $actionUrl }}" style="color: #4338CA; text-decoration: break-word; word-break: break-all; font-weight: 600;">{{ $actionUrl }}</a>
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- FOOTER Section -->
<tr>
<td class="mobile-padding" style="padding: 0 40px 40px 40px; text-align: center;">
<p style="margin: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; color: #9CA3AF;">
© 2024 Dewemoji. All rights reserved.
</p>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</center>
</div>
</body>
</html>