update
This commit is contained in:
201
tournme/email/2_welcome_email/index.mjml
Normal file
201
tournme/email/2_welcome_email/index.mjml
Normal file
@@ -0,0 +1,201 @@
|
||||
<mjml>
|
||||
<mj-head>
|
||||
<mj-title>Benvenuto in Tourn.me</mj-title>
|
||||
<mj-preview>Benvenuto {DATA_VARIABLE:companyName}! Il tuo account è stato creato con successo...</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">
|
||||
.info-label {
|
||||
font-weight: bold !important;
|
||||
color: #e5a332 !important;
|
||||
font-size: 14px !important;
|
||||
margin-bottom: 5px !important;
|
||||
}
|
||||
.info-value {
|
||||
font-size: 16px !important;
|
||||
color: #333333 !important;
|
||||
font-family: 'Courier New', monospace !important;
|
||||
background-color: #ffffff !important;
|
||||
padding: 8px 12px !important;
|
||||
border-radius: 4px !important;
|
||||
border: 1px solid #e9ecef !important;
|
||||
margin-bottom: 15px !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) {
|
||||
.info-value {
|
||||
font-size: 14px !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">
|
||||
Benvenuto in Tourn.me
|
||||
</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">
|
||||
Il tuo account Tourn.me è stato creato con successo! Ora puoi iniziare a organizzare e gestire i tuoi tornei in modo semplice e professionale.
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
|
||||
<!-- Account Info 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 font-size="16px" font-weight="bold" color="#e5a332" padding-bottom="15px" align="center">
|
||||
I tuoi dati di accesso
|
||||
</mj-text>
|
||||
|
||||
<mj-text css-class="info-label">
|
||||
Account ID:
|
||||
</mj-text>
|
||||
<mj-text css-class="info-value">
|
||||
{DATA_VARIABLE:login}
|
||||
</mj-text>
|
||||
|
||||
<mj-text css-class="info-label">
|
||||
Email:
|
||||
</mj-text>
|
||||
<mj-text css-class="info-value">
|
||||
{DATA_VARIABLE:email}
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
</mj-wrapper>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<mj-section background-color="#ffffff" padding="30px 40px">
|
||||
<mj-column>
|
||||
<mj-button
|
||||
background-color="#f6b43c"
|
||||
color="#ffffff"
|
||||
font-size="16px"
|
||||
font-weight="bold"
|
||||
border-radius="6px"
|
||||
padding="15px 30px"
|
||||
href="https://app.tourn.me/login"
|
||||
>
|
||||
Accedi Ora alla Piattaforma
|
||||
</mj-button>
|
||||
<mj-text align="center" font-size="14px" color="#666666" padding-top="10px">
|
||||
Inizia subito a creare il tuo primo torneo
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
|
||||
<!-- Getting Started 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> Completa il tuo profilo aziendale
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" color="#495057" padding="2px 0">
|
||||
<span class="step-arrow">→</span> Crea il tuo primo torneo
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" color="#495057" padding="2px 0">
|
||||
<span class="step-arrow">→</span> Invita i partecipanti
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" color="#495057" padding="2px 0">
|
||||
<span class="step-arrow">→</span> Gestisci iscrizioni e risultati
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
</mj-wrapper>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
|
||||
<!-- Features 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">
|
||||
💡 Cosa puoi fare con Tourn.me
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" color="#666666" padding="2px 0">
|
||||
• Organizzare tornei di ogni tipo e dimensione
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" color="#666666" padding="2px 0">
|
||||
• Gestire classifiche e risultati in tempo reale
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" color="#666666" padding="2px 0">
|
||||
• E molto altro...
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
</mj-wrapper>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
|
||||
<!-- Support 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">🤝 Hai bisogno di aiuto?</span>
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" padding="2px 0">
|
||||
• Il nostro team di supporto è qui per aiutarti
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" padding="2px 0">
|
||||
• Non esitare a contattarci per qualsiasi domanda
|
||||
</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">
|
||||
Grazie per aver scelto Tourn.me per organizzare i tuoi tornei.
|
||||
</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>
|
||||
Reference in New Issue
Block a user