Tul xxx Tul

Viewing: mail.html

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>🎁 Regalo Exclusivo para tu Marca - eComercial</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Jost:wght@400;600;700;800&display=swap" rel="stylesheet">
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: 'Jost', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            background-color: #f7fafc;
            color: #33444f;
            line-height: 1.6;
        }
        .container {
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
            background-color: #ffffff;
            overflow: hidden;
            border-radius: 16px;
            box-shadow: 0 10px 40px rgba(18, 56, 78, 0.12);
        }
        .header {
            background: #ffffff;
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid #e7eef3;
        }
        .header img {
            max-width: 180px;
            height: auto;
        }
        .hero {
            background: #1a96d3;
            color: #ffffff;
            padding: 20px 30px;
            text-align: center;
            border-radius: 0;
        }
        .hero h1 {
            margin: 0;
            font-size: 24px;
            font-weight: 800;
            letter-spacing: -0.3px;
            line-height: 1.2;
        }
        .content {
            padding: 35px 30px;
            line-height: 1.65;
            color: #33444f;
        }
        .content p {
            margin-bottom: 18px;
            font-size: 15px;
        }
        .benefit-grid {
            display: grid;
            gap: 14px;
            margin: 25px 0;
        }
        .benefit-item {
            padding: 18px 20px;
            background: #f7fafc;
            border-radius: 12px;
            border-left: 4px solid #1a96d3;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
        .benefit-item:hover {
            transform: translateX(4px);
            box-shadow: 0 4px 12px rgba(26, 150, 211, 0.1);
        }
        .benefit-item strong {
            color: #12384e;
            display: block;
            font-size: 17px;
            font-weight: 800;
            margin-bottom: 6px;
        }
        .benefit-item span {
            color: #4e5d66;
            font-size: 14px;
            line-height: 1.5;
        }
        .gift-box {
            background: linear-gradient(135deg, #fff7ed 0%, #fef3e8 100%);
            border: 3px solid #ff9e1b;
            padding: 35px 30px;
            text-align: center;
            border-radius: 16px;
            margin: 30px 0;
            box-shadow: 0 8px 24px rgba(255, 158, 27, 0.2);
        }
        .gift-box .badge {
            display: inline-block;
            background: #ff9e1b;
            color: #ffffff;
            padding: 8px 16px;
            border-radius: 999px;
            font-size: 13px;
            font-weight: 700;
            margin-bottom: 16px;
            letter-spacing: 0.5px;
        }
        .gift-box h2 {
            margin: 0 0 14px 0;
            color: #12384e;
            font-weight: 800;
            font-size: 26px;
            line-height: 1.2;
        }
        .gift-box .value {
            font-size: 18px;
            color: #12384e;
            font-weight: 700;
            margin: 12px 0;
        }
        .gift-box .value .strike {
            text-decoration: line-through;
            color: #61717a;
            font-size: 16px;
        }
        .gift-box .value .free {
            color: #25D366;
            font-size: 22px;
            font-weight: 800;
        }
        .gift-box p {
            margin: 12px 0;
            color: #33444f;
            font-size: 15px;
        }
        .button {
            display: inline-block;
            padding: 16px 40px;
            background-color: #25D366;
            color: #ffffff !important;
            text-decoration: none;
            font-weight: 700;
            border-radius: 999px;
            margin-top: 20px;
            font-size: 17px;
            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35);
            transition: all 0.3s ease;
        }
        .button:hover {
            background-color: #1fb75a;
            box-shadow: 0 8px 28px rgba(37, 211, 102, 0.45);
            transform: translateY(-2px);
        }
        .cta-section {
            background: #f7fafc;
            padding: 25px;
            border-radius: 12px;
            margin: 25px 0;
            text-align: center;
        }
        .cta-section p {
            margin: 8px 0;
            font-size: 15px;
        }
        .footer {
            background-color: #12384e;
            padding: 30px;
            text-align: center;
            font-size: 13px;
            color: rgba(255, 255, 255, 0.8);
        }
        .footer strong {
            color: #ffffff;
            font-weight: 700;
        }
        .footer a {
            color: #1a96d3;
            text-decoration: none;
            font-weight: 600;
        }
        .footer a:hover {
            color: #ff9e1b;
        }
        .footer .brand-line {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.15);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            flex-wrap: wrap;
        }
        .footer .brand-line img {
            width: 20px;
            height: 20px;
            vertical-align: middle;
        }
        .urgent {
            color: #ff9e1b;
            font-weight: 700;
            font-size: 15px;
        }
        .highlight {
            color: #1a96d3;
            font-weight: 700;
        }
        .emoji {
            font-size: 1.3em;
        }
    </style>
</head>
<body>
    <div class="container">
        <!-- Header con Logo -->
        <div class="header">
            <img src="https://emprendo.com.co/ecomercial/assets/img/eComercial.png" alt="eComercial Logo">
        </div>

        <!-- Hero Section -->
        <div class="hero">
            <h1>🎵 Haz eCo de tu Marca</h1>
        </div>

        <!-- Cuerpo del Correo -->
        <div class="content">
            <p>Hola <span class="emoji">👋🏻</span> <strong class="highlight">[Nombre de la Empresa]</strong>,</p>
            
            <p>Somos <strong class="highlight">eComercial</strong>, especialistas en hacer que las marcas de <strong>Bogotá</strong> no solo sean vistas, sino <strong>recordadas</strong>. Trabajamos con empresarios y emprendedores que quieren destacar con herramientas publicitarias de <strong>Alto Impacto</strong>.</p>

            <!-- Sección de Regalo DESTACADA -->
            <div class="gift-box">
                <div class="badge">🎁 OFERTA EXCLUSIVA BOGOTÁ</div>
                <h2>Tu Identidad Sonora<br>¡GRATIS!</h2>
                <div class="value">
                    <span class="strike">Valor: $450.000</span><br>
                    <span class="free">HOY: $0 - 100% GRATIS</span>
                </div>
                <p><strong>Creamos tu pieza de Audio Branding profesional de 15 segundos</strong> para que tu marca suene única en redes sociales, videos y publicidad.</p>
                <p class="urgent">⏰ Solo 10 cupos disponibles esta semana</p>
                
                <a href="https://wa.me/573143604300?text=Hola%20eComercial%2C%20quiero%20reclamar%20mi%20Audio%20Branding%20GRATIS%20para%20mi%20marca%20en%20Bogot%C3%A1" class="button">💬 Reclamar mi Regalo Ahora</a>
            </div>

            <h3 style="color: #12384e; font-weight: 800; font-size: 20px; margin: 30px 0 18px;">¿Por qué Audio Branding?</h3>
            
            <div class="benefit-grid">
                <div class="benefit-item">
                    <strong>🎯 Recordación Instantánea</strong>
                    <span>Tu marca será reconocida en los primeros 3 segundos de cualquier contenido.</span>
                </div>

                <div class="benefit-item">
                    <strong>🚀 Detén el Scroll</strong>
                    <span>El audio capta 5x más atención que solo imágenes en redes sociales.</span>
                </div>

                <div class="benefit-item">
                    <strong>💎 Identidad Única</strong>
                    <span>Diferénciate de tu competencia con un ADN sonoro profesional y exclusivo.</span>
                </div>

                <div class="benefit-item">
                    <strong>📱 Úsalo en Todo</strong>
                    <span>Reels, TikToks, Stories, videos publicitarios, podcasts y más.</span>
                </div>
            </div>

            <div class="cta-section">
                <p><strong style="color: #12384e; font-size: 17px;">¿Cómo reclamar tu regalo?</strong></p>
                <p>Solo necesitamos <strong>10 minutos</strong> en una llamada o visita para completar el <strong class="highlight">Brief de Audio Branding</strong> y conocer tu marca.</p>
                <p class="urgent">📅 Agenda HOY o MAÑANA para asegurar tu cupo</p>
            </div>

            <p style="text-align: center; margin-top: 25px;">
                <a href="https://wa.me/573143604300?text=Hola%20eComercial%2C%20quiero%20reclamar%20mi%20Audio%20Branding%20GRATIS%20para%20mi%20marca%20en%20Bogot%C3%A1" class="button">💬 Confirmar mi Horario</a>
            </p>

            <p style="font-size: 13px; color: #61717a; text-align: center; margin-top: 20px;">
                <em>Oferta válida solo para empresas y emprendimientos en Bogotá. Cupos limitados.</em>
            </p>
        </div>

        <!-- Footer / Firma -->
        <div class="footer">
            <p><strong>Cynthia Simancas</strong><br>
            Founder & Creativa | eComercial</p>
            <p style="margin: 15px 0;">
                📞 <a href="tel:+573143604300">+57 314 360 4300</a><br>
                📧 <a href="mailto:ecomercial@emprendo.com.co">ecomercial@emprendo.com.co</a><br>
                🌐 <a href="https://emprendo.com.co/ecomercial/">emprendo.com.co/ecomercial</a>
            </p>
            <div class="brand-line">
                <span>eComercial es una marca de</span>
                <a href="https://emprendo.com.co/" target="_blank" rel="noopener noreferrer" 
                   style="color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-weight:600;">
                    <img src="https://emprendo.com.co/assets/img/favicon.png" alt="eMprendo">
                    eMprendo
                </a>
                <span>© 2026</span>
            </div>
        </div>
    </div>
</body>
</html>
User / IP	: 216.73.216.146
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64