publish this page and just this page without any enhancing or changes to the code please
873d533
verified
| <html lang="pt"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Relatório Email Marketing | BEATDAGAME</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| </head> | |
| <body class="bg-white min-h-screen"> | |
| <div class="container mx-auto px-4 py-10 text-gray-900 space-y-10"> | |
| <!-- TOP NAV --> | |
| <div class="flex flex-wrap gap-4 mb-6"> | |
| <a href="/index.html" class="bg-gray-200 hover:bg-gray-300 text-gray-800 font-medium py-2 px-4 rounded-lg transition-all shadow hover:shadow-md active:shadow-sm border border-gray-300">← Back to Home</a> | |
| <a href="/email.html" class="bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg transition-all shadow hover:shadow-md active:shadow-sm border border-blue-700">📧 Email</a> | |
| <a href="#report" class="bg-cyan-500 hover:bg-cyan-600 text-white font-medium py-2 px-4 rounded-lg transition-all shadow hover:shadow-md active:shadow-sm border border-cyan-600">📊 Report</a> | |
| </div> | |
| <!-- TITLE --> | |
| <h1 id="report" class="text-4xl font-light mb-6">Relatório Email Marketing</h1> | |
| <!-- MAIN CARD --> | |
| <div class="bg-white border border-gray-200 p-8 rounded-lg shadow-sm space-y-10"> | |
| <!-- HEADER --> | |
| <div class="space-y-4"> | |
| <h2 class="text-2xl font-bold">Relatório Email Marketing - BEATDAGAME</h2> | |
| <p>Análise detalhada das campanhas de email no período de 1 janeiro 2025 a 17 novembro 2025</p> | |
| <div class="p-5 bg-blue-50 rounded-lg border-l-4 border-blue-500 space-y-2"> | |
| <h3 class="text-xl font-bold">Objetivos das campanhas</h3> | |
| <p class="font-medium">Primário: Gerar cliques para páginas de deals (rakeback)</p> | |
| <p class="font-medium">Secundário: Nutrir jogadores com conteúdos estratégicos sobre poker online</p> | |
| </div> | |
| </div> | |
| <!-- VOLUME & CADENCE --> | |
| <div class="grid md:grid-cols-2 gap-10"> | |
| <div class="bg-white border border-gray-200 p-6 rounded-lg shadow-sm space-y-4"> | |
| <h3 class="text-xl font-bold mb-3">📊 Volume e Cadência</h3> | |
| <div class="space-y-4"> | |
| <div> | |
| <p class="text-sm text-gray-500">Período Analisado</p> | |
| <p class="text-lg font-medium">1 January 2025 to 17 November 2025</p> | |
| </div> | |
| <div> | |
| <p class="text-sm text-gray-500">Primary Objective</p> | |
| <p class="text-lg font-medium">Generate clicks to rakeback deal pages</p> | |
| </div> | |
| <div> | |
| <p class="text-sm text-gray-500">Secondary Objective</p> | |
| <p class="text-lg font-medium">Educate players with strategic poker content</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-gray-200 p-6 rounded-lg shadow-sm space-y-4"> | |
| <h3 class="text-xl font-bold mb-3">📈 Volume & Cadence</h3> | |
| <div class="space-y-4"> | |
| <div> | |
| <p class="text-sm text-gray-500">Total Campaigns Sent</p> | |
| <p class="text-2xl font-bold text-blue-600">42 newsletters</p> | |
| </div> | |
| <div> | |
| <p class="text-sm text-gray-500">Current Subscribers</p> | |
| <p class="text-2xl font-bold">10,352 | |
| <span class="text-sm text-green-600">(+395 from Jan)</span> | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- PERFORMANCE METRICS --> | |
| <div class="grid md:grid-cols-3 gap-10"> | |
| <div class="bg-white border border-gray-200 p-6 rounded-lg shadow-sm"> | |
| <h3 class="text-xl font-bold mb-4">✉️ Open Rate</h3> | |
| <p class="text-4xl font-bold">4.95%</p> | |
| <div class="mt-4 space-y-2"> | |
| <p class="text-sm text-gray-500">Benchmark: 15-28%</p> | |
| <div class="w-full bg-gray-200 rounded-full h-2.5"> | |
| <div class="bg-red-500 h-2.5 rounded-full" style="width: 17.7%"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-gray-200 p-6 rounded-lg shadow-sm"> | |
| <h3 class="text-xl font-bold mb-4">🖱️ CTR</h3> | |
| <p class="text-4xl font-bold">0.05%</p> | |
| <div class="mt-4 space-y-2"> | |
| <p class="text-sm text-gray-500">Benchmark: 1.5-3.5%</p> | |
| <div class="w-full bg-gray-200 rounded-full h-2.5"> | |
| <div class="bg-red-500 h-2.5 rounded-full" style="width: 3.3%"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-gray-200 p-6 rounded-lg shadow-sm"> | |
| <h3 class="text-xl font-bold mb-4">🚪 Unsubscribes</h3> | |
| <p class="text-4xl font-bold">0.03%</p> | |
| <p class="text-sm text-gray-500 mt-2">Low churn rate</p> | |
| </div> | |
| </div> | |
| <!-- BEST CAMPAIGN --> | |
| <div class="bg-blue-50 border-l-4 border-blue-500 p-6 rounded-lg space-y-4"> | |
| <h3 class="text-xl font-bold">🏆 Best Performing Campaign</h3> | |
| <p class="font-medium"> | |
| Subject: <span class="text-blue-600">"Aproveite o Deal Exclusivo da Beatdagame na QQ Poker!"</span> | |
| </p> | |
| <div class="grid md:grid-cols-2 gap-6 mt-4"> | |
| <div> | |
| <p class="text-sm text-gray-500">Open Rate</p> | |
| <p class="text-2xl font-bold">11.64%</p> | |
| </div> | |
| <div> | |
| <p class="text-sm text-gray-500">CTR</p> | |
| <p class="text-2xl font-bold">0.22%</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- SEGMENTATION & AUTOMATION --> | |
| <div class="grid md:grid-cols-2 gap-10"> | |
| <div class="bg-white border border-gray-200 p-6 rounded-lg shadow-sm space-y-4"> | |
| <h3 class="text-xl font-bold">🎯 Current Segmentation</h3> | |
| <p class="text-gray-700 mb-3">Single non-segmented list</p> | |
| <h4 class="font-bold mb-2">Recommended Segmentation:</h4> | |
| <ul class="list-disc pl-5 space-y-1"> | |
| <li>Opened emails</li> | |
| <li>Clicked emails</li> | |
| <li>Never opened</li> | |
| <li>VIP rakeback</li> | |
| <li>PT (Portugal)</li> | |
| <li>BR (Brazil)</li> | |
| </ul> | |
| </div> | |
| <div class="bg-white border border-gray-200 p-6 rounded-lg shadow-sm space-y-4"> | |
| <h3 class="text-xl font-bold">🤖 Automation Flow</h3> | |
| <p class="text-gray-700">Current: Simple welcome onboarding</p> | |
| <div class="space-y-3"> | |
| <div class="flex items-start"> | |
| <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-0.5 rounded mr-2">Day 0</span> | |
| <p>Welcome to BDG & how rakeback works</p> | |
| </div> | |
| <div class="flex items-start"> | |
| <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-0.5 rounded mr-2">Day 1</span> | |
| <p>Rake mistakes grinders make</p> | |
| </div> | |
| <div class="flex items-start"> | |
| <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-0.5 rounded mr-2">Day 3</span> | |
| <p>Bankroll management</p> | |
| </div> | |
| <div class="flex items-start"> | |
| <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-0.5 rounded mr-2">Day 5</span> | |
| <p>Table selection for max rakeback</p> | |
| </div> | |
| <div class="flex items-start"> | |
| <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-0.5 rounded mr-2">Day 7</span> | |
| <p>Disciplined session checklist</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- DIAGNOSIS --> | |
| <div class="bg-white border border-gray-200 p-6 rounded-lg shadow-sm space-y-3"> | |
| <h3 class="text-xl font-bold">🔍 Diagnosis</h3> | |
| <ul class="list-disc pl-5 space-y-2"> | |
| <li>List size is competitive but audience engagement is low</li> | |
| <li>Open rates need improvement to feed rakeback funnel</li> | |
| <li>Current CTR doesn't show significant intent volume</li> | |
| <li>Risk of slow domain reputation erosion without improvement</li> | |
| </ul> | |
| </div> | |
| <!-- CONCLUSION --> | |
| <div class="bg-blue-50 border-l-4 border-blue-500 p-6 rounded-lg space-y-2"> | |
| <h3 class="text-xl font-bold">📌 Conclusion</h3> | |
| <p class="text-gray-700">BDG's email marketing isn't generating impact proportional to the list's potential. Priority should be gaining relevance through segmentation rather than sending more campaigns, transforming email into a rakeback intention engine.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> | |