odentas
6170365fc0
- Programme de parrainage (referrals): * Page /parrainage pour clients et staff * API /api/referrals (GET, POST) * Table referrals avec tracking complet * Email template avec design orange/gradient * Réductions: 30€ HT parrain, 20€ HT filleul - Bannières promotionnelles (promo_banners): * Page staff /staff/offres-promo pour gérer les bannières * API /api/promo-banners (CRUD complet) * Composant PromoBanner affiché en haut de l'espace * Compte à rebours optionnel * Customisation couleurs (gradient, texte, CTA) - Déduplication des webhooks DocuSeal: * Table webhook_events pour tracker les webhooks traités * Helper checkAndMarkWebhookProcessed() * Intégré dans docuseal-amendment et docuseal-amendment-completed * Prévient les doublons d'emails - Avenants signés: * API GET /api/contrats/[id]/avenants * Affichage des avenants signés dans DocumentsCard * Génération d'URLs presignées S3 - Brouillons d'emails groupés: * Table bulk_email_drafts pour sauvegarder les brouillons * Template HTML bulk-email-template.html - Améliorations ContractsGrid: * Ajout filtre par production (dépendant de la structure) * Tri par production - Templates emails: * referral-template.html (parrainage) * bulk-email-template.html (emails groupés staff)
117 lines
6.1 KiB
HTML
117 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Recommandation Odentas</title>
|
|
</head>
|
|
<body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #f8fafc; color: #334155;">
|
|
<table width="100%" cellpadding="0" cellspacing="0" style="background-color: #f8fafc; padding: 40px 20px;">
|
|
<tr>
|
|
<td align="center">
|
|
<table width="600" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);">
|
|
|
|
<!-- Header avec gradient -->
|
|
<tr>
|
|
<td style="background: linear-gradient(135deg, #f97316 0%, #fb923c 100%); padding: 40px 30px; text-align: center;">
|
|
<h1 style="margin: 0; color: #ffffff; font-size: 28px; font-weight: 600;">
|
|
Vous avez été recommandé !
|
|
</h1>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Contenu principal -->
|
|
<tr>
|
|
<td style="padding: 40px 30px;">
|
|
<p style="margin: 0 0 20px; font-size: 16px; line-height: 1.6; color: #334155;">
|
|
Bonjour <strong>{{referee_name}}</strong>,
|
|
</p>
|
|
|
|
<p style="margin: 0 0 20px; font-size: 16px; line-height: 1.6; color: #334155;">
|
|
<strong>{{referrer_name}}</strong> vous recommande <strong>Odentas</strong>, la solution de gestion de paie pour les professionnels du spectacle et de l'événementiel.
|
|
</p>
|
|
|
|
{{#if personal_message}}
|
|
<div style="margin: 30px 0; padding: 20px; background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); border-radius: 12px; border-left: 4px solid #f59e0b;">
|
|
<p style="margin: 0; font-size: 15px; line-height: 1.6; color: #78350f; font-style: italic;">
|
|
"{{personal_message}}"
|
|
</p>
|
|
<p style="margin: 10px 0 0; font-size: 14px; color: #92400e; font-weight: 600;">
|
|
— {{referrer_name}}
|
|
</p>
|
|
</div>
|
|
{{/if}}
|
|
|
|
<!-- Avantage parrainage -->
|
|
<div style="margin: 30px 0; padding: 25px; background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); border-radius: 12px; text-align: center;">
|
|
<p style="margin: 0 0 10px; font-size: 14px; color: #1e3a8a; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px;">
|
|
Offre de parrainage
|
|
</p>
|
|
<p style="margin: 0; font-size: 32px; font-weight: 700; color: #1e40af;">
|
|
-20 € HT
|
|
</p>
|
|
<p style="margin: 5px 0 0; font-size: 15px; color: #1e40af;">
|
|
sur votre facture d'ouverture de compte
|
|
</p>
|
|
</div>
|
|
|
|
<h2 style="margin: 30px 0 15px; font-size: 20px; font-weight: 600; color: #0f172a;">
|
|
Pourquoi choisir Odentas ?
|
|
</h2>
|
|
|
|
<ul style="margin: 0 0 30px; padding-left: 20px; color: #475569; line-height: 1.8;">
|
|
<li style="margin-bottom: 10px;">
|
|
<strong>Spécialiste du spectacle :</strong> CDDU, intermittents, régime général
|
|
</li>
|
|
<li style="margin-bottom: 10px;">
|
|
<strong>100% en ligne :</strong> Créez vos contrats en quelques clics
|
|
</li>
|
|
<li style="margin-bottom: 10px;">
|
|
<strong>Accompagnement expert :</strong> Une équipe dédiée pour vous guider
|
|
</li>
|
|
<li style="margin-bottom: 10px;">
|
|
<strong>Tarifs transparents :</strong> Pas de frais cachés
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- CTA Button -->
|
|
<table width="100%" cellpadding="0" cellspacing="0" style="margin: 30px 0;">
|
|
<tr>
|
|
<td align="center">
|
|
<a href="https://espace-paie.odentas.fr/signin?utm_source=referral&utm_medium=email"
|
|
style="display: inline-block; padding: 16px 40px; background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); color: #ffffff; text-decoration: none; border-radius: 12px; font-size: 16px; font-weight: 600; box-shadow: 0 4px 6px rgba(249, 115, 22, 0.3);">
|
|
Créer mon compte gratuitement
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p style="margin: 30px 0 0; font-size: 14px; line-height: 1.6; color: #64748b; text-align: center;">
|
|
Des questions ? Notre équipe est à votre disposition :<br>
|
|
<a href="mailto:contact@odentas.fr" style="color: #f97316; text-decoration: none;">contact@odentas.fr</a> •
|
|
<a href="https://odentas.fr" style="color: #f97316; text-decoration: none;">odentas.fr</a>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Footer -->
|
|
<tr>
|
|
<td style="padding: 30px; background-color: #f8fafc; border-top: 1px solid #e2e8f0;">
|
|
<p style="margin: 0 0 10px; font-size: 13px; color: #64748b; text-align: center; line-height: 1.5;">
|
|
Odentas Media SAS • SIREN 892 806 596<br>
|
|
125 Avenue du Président Kennedy, 59800 Lille • France
|
|
</p>
|
|
<p style="margin: 10px 0 0; font-size: 12px; color: #94a3b8; text-align: center;">
|
|
Vous recevez cet email car <strong>{{referrer_name}}</strong> vous a recommandé nos services.<br>
|
|
<a href="https://espace-paie.odentas.fr/mentions-legales" style="color: #64748b; text-decoration: underline;">Mentions légales</a> •
|
|
<a href="https://espace-paie.odentas.fr/politique-confidentialite" style="color: #64748b; text-decoration: underline;">Politique de confidentialité</a>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|