185 lines
7.6 KiB
XML
185 lines
7.6 KiB
XML
<mjml>
|
|
<mj-head>
|
|
<mj-title>Verifica il tuo indirizzo email - Tourn.me</mj-title>
|
|
<mj-preview>Ciao {DATA_VARIABLE:companyName}, verifichiamo il tuo indirizzo email per completare la registrazione...</mj-preview>
|
|
<mj-attributes>
|
|
<mj-all font-family="'Segoe UI', Tahoma, Geneva, Verdana, sans-serif" />
|
|
<mj-text font-size="16px" color="#333333" line-height="1.6" />
|
|
<mj-section background-color="#f4f4f4" padding="20px" />
|
|
</mj-attributes>
|
|
<mj-style inline="inline">
|
|
.code-text {
|
|
font-size: 32px !important;
|
|
font-weight: bold !important;
|
|
letter-spacing: 8px !important;
|
|
color: #f6b43c !important;
|
|
font-family: 'Courier New', monospace !important;
|
|
text-align: center !important;
|
|
}
|
|
.code-label {
|
|
font-size: 14px !important;
|
|
color: #666666 !important;
|
|
text-align: center !important;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
.expiry-text {
|
|
color: #dc3545 !important;
|
|
font-weight: bold !important;
|
|
font-size: 14px !important;
|
|
text-align: center !important;
|
|
}
|
|
.step-arrow {
|
|
color: #f6b43c !important;
|
|
font-weight: bold !important;
|
|
}
|
|
.warning-icon {
|
|
color: #856404 !important;
|
|
font-weight: bold !important;
|
|
}
|
|
@media only screen and (max-width: 600px) {
|
|
.code-text {
|
|
font-size: 24px !important;
|
|
letter-spacing: 4px !important;
|
|
}
|
|
}
|
|
</mj-style>
|
|
</mj-head>
|
|
<mj-body background-color="#f4f4f4">
|
|
<!-- Header Section -->
|
|
<mj-section background-color="#ffffff" border-radius="10px 10px 0 0" padding="40px 40px 20px 40px">
|
|
<mj-column>
|
|
<!-- Logo SVG -->
|
|
<mj-image src="https://app.tourn.me/logo.svg" alt="Tourn.me Logo" width="120px" height="auto" padding-bottom="20px" />
|
|
<mj-text align="center" font-size="24px" font-weight="600" color="#e5a332" padding-bottom="20px">
|
|
Verifica il tuo indirizzo email
|
|
</mj-text>
|
|
</mj-column>
|
|
</mj-section>
|
|
|
|
<!-- Greeting Section -->
|
|
<mj-section background-color="#ffffff" padding="0 40px">
|
|
<mj-column>
|
|
<mj-text font-size="16px" line-height="1.6">
|
|
Ciao <strong>{DATA_VARIABLE:companyName}</strong>,
|
|
</mj-text>
|
|
<mj-text font-size="16px" line-height="1.6" padding-bottom="20px">
|
|
Per completare la registrazione del tuo account Tourn.me, abbiamo bisogno di verificare il tuo indirizzo email. Utilizza il codice qui sotto per confermare la tua email.
|
|
</mj-text>
|
|
</mj-column>
|
|
</mj-section>
|
|
|
|
<!-- Verification Code Section -->
|
|
<mj-section background-color="#ffffff" padding="0 40px">
|
|
<mj-column>
|
|
<mj-wrapper background-color="#f8f9fa" border="0px solid #f8f9fa" border-radius="6px" padding="20px">
|
|
<mj-section background-color="transparent" padding="0">
|
|
<mj-column>
|
|
<mj-text css-class="code-label">
|
|
Il tuo codice di verifica:
|
|
</mj-text>
|
|
<mj-text css-class="code-text">
|
|
{DATA_VARIABLE:verificationCode}
|
|
</mj-text>
|
|
<mj-text css-class="expiry-text">
|
|
⏰ Scade tra {DATA_VARIABLE:expiryMinutes} minuti
|
|
</mj-text>
|
|
</mj-column>
|
|
</mj-section>
|
|
</mj-wrapper>
|
|
</mj-column>
|
|
</mj-section>
|
|
|
|
<!-- Instructions Section -->
|
|
<mj-section background-color="#ffffff" padding="0 40px">
|
|
<mj-column>
|
|
<mj-wrapper background-color="#e9ecef" border-radius="6px" padding="20px">
|
|
<mj-section background-color="transparent" padding="0">
|
|
<mj-column>
|
|
<mj-text font-size="16px" color="#495057" font-weight="bold" padding-bottom="10px">
|
|
Prossimi passi
|
|
</mj-text>
|
|
<mj-text font-size="14px" color="#495057" padding="2px 0">
|
|
<span class="step-arrow">→</span> Apri la pagina di verifica email
|
|
</mj-text>
|
|
<mj-text font-size="14px" color="#495057" padding="2px 0">
|
|
<span class="step-arrow">→</span> Inserisci il codice: <strong>{DATA_VARIABLE:verificationCode}</strong>
|
|
</mj-text>
|
|
<mj-text font-size="14px" color="#495057" padding="2px 0">
|
|
<span class="step-arrow">→</span> Completa la tua registrazione
|
|
</mj-text>
|
|
</mj-column>
|
|
</mj-section>
|
|
</mj-wrapper>
|
|
</mj-column>
|
|
</mj-section>
|
|
|
|
<!-- Security Notice Section -->
|
|
<mj-section background-color="#ffffff" padding="20px 40px">
|
|
<mj-column>
|
|
<mj-wrapper background-color="#fff3cd" border="1px solid #ffeaa7" border-radius="6px" padding="15px">
|
|
<mj-section background-color="transparent" padding="0">
|
|
<mj-column>
|
|
<mj-text font-size="14px" padding-bottom="10px">
|
|
<span class="warning-icon">🔒 Informazioni importanti:</span>
|
|
</mj-text>
|
|
<mj-text font-size="14px" padding="2px 0">
|
|
• Questo codice scade tra <strong>{DATA_VARIABLE:expiryMinutes} minuti</strong>
|
|
</mj-text>
|
|
<mj-text font-size="14px" padding="2px 0">
|
|
• Usa questo codice solo per verificare la tua email
|
|
</mj-text>
|
|
<mj-text font-size="14px" padding="2px 0">
|
|
• Non condividere questo codice con nessuno
|
|
</mj-text>
|
|
<mj-text font-size="14px" padding="2px 0">
|
|
• Se non hai richiesto questa verifica, ignora questa email
|
|
</mj-text>
|
|
</mj-column>
|
|
</mj-section>
|
|
</mj-wrapper>
|
|
</mj-column>
|
|
</mj-section>
|
|
|
|
<!-- Troubleshooting Section -->
|
|
<mj-section background-color="#ffffff" padding="20px 40px">
|
|
<mj-column>
|
|
<mj-wrapper background-color="#f8f9fa" border-radius="6px" padding="15px">
|
|
<mj-section background-color="transparent" padding="0">
|
|
<mj-column>
|
|
<mj-text font-size="16px" color="#495057" font-weight="bold" padding-bottom="10px">
|
|
💡 Hai problemi?
|
|
</mj-text>
|
|
<mj-text font-size="14px" color="#666666" padding="2px 0">
|
|
• Controlla la cartella spam se non ricevi l'email
|
|
</mj-text>
|
|
<mj-text font-size="14px" color="#666666" padding="2px 0">
|
|
• Prova a copiare e incollare il codice se digitarlo non funziona
|
|
</mj-text>
|
|
<mj-text font-size="14px" color="#666666" padding="2px 0">
|
|
• Verifica che la tua connessione internet sia stabile
|
|
</mj-text>
|
|
<mj-text font-size="14px" color="#666666" padding="2px 0">
|
|
• Se il codice è scaduto richiedilo nuovamente dalla pagina
|
|
</mj-text>
|
|
</mj-column>
|
|
</mj-section>
|
|
</mj-wrapper>
|
|
</mj-column>
|
|
</mj-section>
|
|
|
|
<!-- Footer Section -->
|
|
<mj-section background-color="#ffffff" border-radius="0 0 10px 10px" padding="30px 40px 40px 40px">
|
|
<mj-column>
|
|
<mj-divider border-color="#e9ecef" border-width="1px" padding="20px 0" />
|
|
<mj-text align="center" font-size="14px" color="#666666" padding-bottom="10px">
|
|
Questa email ti è stata inviata per verificare il tuo indirizzo email durante la registrazione su Tourn.me.
|
|
</mj-text>
|
|
<mj-text align="center" font-size="12px" color="#999999" padding-top="15px">
|
|
© 2025 Tourn.me. Tutti i diritti riservati.<br/>
|
|
Questo è un messaggio automatico, non rispondere a questa email.
|
|
</mj-text>
|
|
</mj-column>
|
|
</mj-section>
|
|
</mj-body>
|
|
</mjml>
|