marco
2c883be168
✨ Novo Sistema de Cancelamento com Retenção Inteligente - Wizard de 5 etapas com mensagens emocionais personalizadas - Oferta de 3 meses grátis para cancelamentos por preço (elegível se >= 3 meses pagos) - Cumprimento legal: período de garantia 7 dias com reembolso total - Rastreamento de ofertas em DB (impede reuso) - Analytics de cancelamentos (motivo, feedback, within_guarantee) 🎨 Frontend - CancellationWizard.jsx (1050+ linhas) com 5 steps - Profile.jsx com nova seção de assinatura - i18n completo em 3 idiomas (pt-BR, ES, EN) - 40+ traduções específicas 🔧 Backend - SubscriptionController: 4 novos métodos (eligibility, process, offer, execute) - PayPalService: suspensão temporária de assinatura - 2 novas tabelas: retention_offers, cancellations - Email de retenção emotivo em Blade ⚖️ Legal - 7 dias: cancelamento = reembolso total + acesso imediato termina - Após 7 dias: cancelamento = acesso até fim do período, sem reembolso - Grace period apropriado conforme período de garantia
210 lines
7.5 KiB
PHP
210 lines
7.5 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="pt-BR">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Oferta Especial de Retenção</title>
|
|
<style>
|
|
body {
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
background-color: #f4f4f4;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.container {
|
|
max-width: 600px;
|
|
margin: 40px auto;
|
|
background-color: #ffffff;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
|
|
}
|
|
.header {
|
|
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
|
|
color: white;
|
|
padding: 40px 30px;
|
|
text-align: center;
|
|
}
|
|
.header h1 {
|
|
margin: 0;
|
|
font-size: 28px;
|
|
font-weight: bold;
|
|
}
|
|
.header .emoji {
|
|
font-size: 48px;
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
}
|
|
.content {
|
|
padding: 40px 30px;
|
|
}
|
|
.highlight-box {
|
|
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
|
|
color: white;
|
|
border-radius: 12px;
|
|
padding: 30px;
|
|
text-align: center;
|
|
margin: 30px 0;
|
|
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
|
|
}
|
|
.highlight-box .number {
|
|
font-size: 72px;
|
|
font-weight: bold;
|
|
line-height: 1;
|
|
margin: 10px 0;
|
|
}
|
|
.highlight-box .text {
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
}
|
|
.benefit-list {
|
|
background-color: #f0fdf4;
|
|
border-left: 4px solid #10b981;
|
|
padding: 20px;
|
|
margin: 25px 0;
|
|
border-radius: 4px;
|
|
}
|
|
.benefit-list ul {
|
|
margin: 10px 0;
|
|
padding-left: 25px;
|
|
}
|
|
.benefit-list li {
|
|
color: #065f46;
|
|
margin: 10px 0;
|
|
font-size: 15px;
|
|
}
|
|
.emotional-message {
|
|
background-color: #fef3c7;
|
|
border-left: 4px solid #f59e0b;
|
|
padding: 20px;
|
|
margin: 25px 0;
|
|
border-radius: 4px;
|
|
}
|
|
.emotional-message p {
|
|
color: #78350f;
|
|
margin: 0;
|
|
line-height: 1.6;
|
|
}
|
|
.cta-box {
|
|
text-align: center;
|
|
margin: 30px 0;
|
|
padding: 20px;
|
|
background-color: #f8f9fa;
|
|
border-radius: 8px;
|
|
}
|
|
.cta-box .date {
|
|
font-size: 18px;
|
|
color: #059669;
|
|
font-weight: bold;
|
|
margin-top: 15px;
|
|
}
|
|
.footer {
|
|
background-color: #f8f9fa;
|
|
padding: 20px;
|
|
text-align: center;
|
|
color: #6c757d;
|
|
font-size: 12px;
|
|
}
|
|
.divider {
|
|
height: 1px;
|
|
background-color: #e5e7eb;
|
|
margin: 30px 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<span class="emoji">🎉</span>
|
|
<h1>OFERTA EXCLUSIVA PARA VOCÊ!</h1>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<p style="font-size: 16px; color: #374151; line-height: 1.6;">
|
|
Olá, <strong>{{ $user->name }}</strong>
|
|
</p>
|
|
|
|
<p style="font-size: 16px; color: #374151; line-height: 1.6;">
|
|
Entendemos que o preço pode ser uma preocupação, e <strong>queremos mantê-lo conosco</strong>!
|
|
Por isso, temos uma oferta especial só para você:
|
|
</p>
|
|
|
|
<div class="highlight-box">
|
|
<div style="font-size: 18px; margin-bottom: 10px;">✨ OFERTA ÚNICA ✨</div>
|
|
<div class="number">{{ $freeMonths }}</div>
|
|
<div class="text">MESES GRÁTIS</div>
|
|
<div style="font-size: 16px; margin-top: 15px; opacity: 0.9;">
|
|
Sem custos, sem compromisso!
|
|
</div>
|
|
</div>
|
|
|
|
<div class="emotional-message">
|
|
<p style="font-weight: bold; margin-bottom: 10px;">💙 Você é importante para nós!</p>
|
|
<p>
|
|
Sabemos que as coisas podem estar apertadas financeiramente. Esta oferta especial de
|
|
<strong>{{ $freeMonths }} meses grátis</strong> é nossa forma de dizer:
|
|
<em>"Queremos você aqui com a gente!"</em>
|
|
</p>
|
|
<p style="margin-top: 10px;">
|
|
Durante este período, você terá acesso completo a todos os recursos premium do WebMoney,
|
|
sem pagar nada. É tempo suficiente para as coisas melhorarem! 🌟
|
|
</p>
|
|
</div>
|
|
|
|
<div class="benefit-list">
|
|
<strong style="color: #065f46; font-size: 16px;">O que você continua tendo GRÁTIS:</strong>
|
|
<ul>
|
|
<li>📊 Controle completo de todas as suas contas</li>
|
|
<li>💳 Gestão ilimitada de cartões de crédito</li>
|
|
<li>📈 Orçamentos e metas financeiras</li>
|
|
<li>📱 Importação automática de extratos</li>
|
|
<li>🎯 Categorização inteligente de transações</li>
|
|
<li>📋 Relatórios detalhados e insights</li>
|
|
<li>☁️ Backup automático na nuvem</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<div class="cta-box">
|
|
<p style="font-size: 18px; color: #374151; font-weight: bold; margin: 0 0 15px 0;">
|
|
✅ Oferta Já Aplicada!
|
|
</p>
|
|
<p style="font-size: 15px; color: #6b7280; margin: 0;">
|
|
Sua assinatura foi estendida automaticamente por {{ $freeMonths }} meses.<br>
|
|
Continue aproveitando todos os recursos premium sem custo!
|
|
</p>
|
|
<div class="date">
|
|
Sua próxima cobrança será em:<br>
|
|
<strong>{{ \Carbon\Carbon::parse($offerEndDate)->format('d/m/Y') }}</strong>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="background-color: #eff6ff; border-left: 4px solid #3b82f6; padding: 20px; border-radius: 4px; margin-top: 25px;">
|
|
<p style="color: #1e40af; margin: 0; font-size: 14px;">
|
|
<strong>📌 Importante:</strong> Esta oferta é exclusiva e pode ser usada apenas uma vez.
|
|
Após os {{ $freeMonths }} meses, sua assinatura voltará ao valor normal. Você pode cancelar
|
|
a qualquer momento antes disso, sem nenhum custo.
|
|
</p>
|
|
</div>
|
|
|
|
<p style="font-size: 16px; color: #374151; line-height: 1.6; margin-top: 30px;">
|
|
Muito obrigado por escolher o <strong>WebMoney</strong>! Estamos aqui para ajudá-lo a alcançar
|
|
seus objetivos financeiros. 💚
|
|
</p>
|
|
|
|
<p style="font-size: 14px; color: #6b7280; margin-top: 25px;">
|
|
Com carinho,<br>
|
|
<strong style="color: #374151;">Equipe WebMoney</strong>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p>Este é um email automático do <strong>WebMoney</strong></p>
|
|
<p>Por favor, não responda a este email.</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|