Edit Campaign

Update your campaign details

Campaign Information

Basic details about your email campaign

Campaign Name

Email Subject

Sender Information

Details about who is sending the email

Sender Name

Sender Email

SMTP Configuration

Email server settings for sending emails

SMTP Host

SMTP Port

SMTP Username

SMTP Password

Email Content

HTML content for your email. Use placeholders like {{name}}, {{company}}, {{title}}, {{email}} for personalization.

HTML Content

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>🚀 RepoAI Launch - AI-Powered GitHub Repository Analysis</title>
    
    <style>
        /* Client-specific Styles */
        #outlook a {
            padding: 0;
        }

.ReadMsgBody {
            width: 100%;
        }

.ExternalClass {
            width: 100%;
        }

.ExternalClass,
        .ExternalClass p,
        .ExternalClass span,
        .ExternalClass font,
        .ExternalClass td,
        .ExternalClass div {
            line-height: 100%;
        }

body,
        table,
        td,
        p,
        a,
        li,
        blockquote {
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
        }

table,
        td {
            mso-table-lspace: 0pt;
            mso-table-rspace: 0pt;
        }

img {
            -ms-interpolation-mode: bicubic;
        }

/* Reset Styles */
        body {
            margin: 0;
            padding: 0;
            width: 100% !important;
            height: 100% !important;
            background-color: #1a1a1a !important;
        }

img {
            border: 0;
            height: auto;
            line-height: 100%;
            outline: none;
            text-decoration: none;
        }

body,
        #bodyTable,
        #bodyCell {
            height: 100% !important;
            margin: 0;
            padding: 0;
            width: 100% !important;
        }

/* Template Styles with improved fonts */
        #bodyCell {
            padding: 0;
            background-color: #1a1a1a !important;
        }

#templateContainer {
            width: 600px;
        }

.templateImage {
            height: auto;
            max-width: 600px;
        }

.bodyContent {
            color: #FFFFFF;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 16px;
            line-height: 150%;
            text-align: left;
        }

.bodyContent a:link,
        .bodyContent a:visited {
            color: #7877c6;
            font-weight: normal;
            text-decoration: underline;
        }

.bodyContent img {
            display: inline;
            height: auto;
            max-width: 560px;
        }

/* Dark mode friendly colors */
        .dark-bg-primary {
            background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%) !important;
        }

.dark-bg-secondary {
            background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%) !important;
        }

.dark-bg-tertiary {
            background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%) !important;
        }

.dark-text-primary {
            color: #ffffff !important;
        }

.dark-text-secondary {
            color: rgba(255, 255, 255, 0.8) !important;
        }

.dark-text-muted {
            color: rgba(255, 255, 255, 0.7) !important;
        }

.dark-border {
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
        }

.feature-card {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
            border: 1px solid rgba(255, 255, 255, 0.12) !important;
        }

.step-card {
            background: rgba(255, 255, 255, 0.05) !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
        }

/* Light mode support for clients that support it */
        @media (prefers-color-scheme: light) {
            body {
                background-color: #f8f9fa !important;
            }

#bodyCell {
                background-color: #f8f9fa !important;
            }

.dark-bg-primary {
                background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
            }

.dark-bg-secondary {
                background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%) !important;
            }

.dark-bg-tertiary {
                background: linear-gradient(135deg, #e9ecef 0%, #f8f9fa 100%) !important;
            }

.dark-text-primary {
                color: #212529 !important;
            }

.dark-text-secondary {
                color: rgba(33, 37, 41, 0.8) !important;
            }

.dark-text-muted {
                color: rgba(33, 37, 41, 0.6) !important;
            }

.dark-border {
                border: 1px solid rgba(0, 0, 0, 0.1) !important;
            }

.feature-card {
                background: linear-gradient(135deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 100%) !important;
                border: 1px solid rgba(0, 0, 0, 0.08) !important;
            }

.step-card {
                background: rgba(0, 0, 0, 0.02) !important;
                border: 1px solid rgba(0, 0, 0, 0.08) !important;
            }

/* Footer in light mode */
            .footer-bg {
                background: #ffffff !important;
                border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
            }
        }

/* Enhanced Mobile Styles */
        @media only screen and (max-width: 480px) {

body,
            table,
            td,
            p,
            a,
            li,
            blockquote {
                -webkit-text-size-adjust: none !important;
            }

body {
                width: 100% !important;
                min-width: 100% !important;
            }

#templateContainer {
                max-width: 100% !important;
                width: 100% !important;
            }

.templateImage {
                height: auto !important;
                max-width: 100% !important;
                width: 100% !important;
            }

.columnsContainer {
                display: block !important;
                max-width: 100% !important;
                padding-bottom: 15px !important;
                padding-left: 0 !important;
                width: 100% !important;
            }

.columnContainer {
                display: block !important;
                max-width: 100% !important;
                padding-bottom: 15px !important;
                padding-left: 0 !important;
                width: 100% !important;
            }

.mobileHide {
                display: none !important;
            }

.mobilePadding {
                padding-left: 15px !important;
                padding-right: 15px !important;
            }

/* Mobile-specific font sizes */
            .mobileTitle {
                font-size: 28px !important;
                line-height: 1.2 !important;
            }

.mobileSubtitle {
                font-size: 16px !important;
                line-height: 1.4 !important;
            }

.mobileText {
                font-size: 14px !important;
                line-height: 1.5 !important;
            }

.mobileButton {
                display: block !important;
                width: 90% !important;
                max-width: 280px !important;
                margin: 10px auto !important;
                padding: 16px 20px !important;
                font-size: 16px !important;
            }

.mobileStack {
                display: block !important;
                width: 100% !important;
                padding: 10px 0 !important;
            }

.mobilePadding20 {
                padding: 20px 15px !important;
            }

.mobilePadding30 {
                padding: 30px 15px !important;
            }

.mobilePadding40 {
                padding: 40px 15px !important;
            }

/* Mobile image optimization */
            .mobileImage {
                width: 100% !important;
                height: auto !important;
                max-width: 100% !important;
            }

/* Mobile step styling */
            .mobileStep {
                display: block !important;
                text-align: center !important;
                padding: 20px 15px !important;
            }

.mobileStepIcon {
                margin: 0 auto 15px auto !important;
            }
        }

/* Additional mobile optimizations for very small screens */
        @media only screen and (max-width: 320px) {
            .mobileTitle {
                font-size: 24px !important;
            }

.mobileButton {
                font-size: 15px !important;
                padding: 14px 18px !important;
            }
        }

/* Enhanced Mobile Styles */
        @media only screen and (max-width: 480px) {

/* Mobile step styling - show mobile version, hide desktop */
            .mobileStep .mobileStack {
                display: block !important;
            }

.mobileStep .mobileHide {
                display: none !important;
            }

/* Center mobile step icons */
            .mobileStep .mobileStack table {
                display: table !important;
            }
        }

/* Gmail specific dark mode fixes */
        [data-ogsc] body {
            background-color: #1a1a1a !important;
        }

[data-ogsc] .dark-text-primary {
            color: #ffffff !important;
        }

[data-ogsc] .dark-text-secondary {
            color: rgba(255, 255, 255, 0.8) !important;
        }
    </style>
</head>

<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"
                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
                        class="dark-bg-primary">
                        <tr>
                            <td align="center" valign="top" class="mobilePadding30 dark-bg-primary"
                                style="padding: 40px 20px;">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td align="center" style="padding-bottom: 20px;">
                                            <div style="font-size: 36px; font-weight: 800; margin-bottom: 10px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;"
                                                class="mobileTitle dark-text-primary">
                                                🤖 RepoAI</div>
                                            <div style="font-size: 18px; margin-bottom: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;"
                                                class="mobileSubtitle dark-text-secondary">
                                                AI-Powered GitHub Repository Analysis</div>
                                            <div
                                                style="display: inline-block; background: linear-gradient(135deg, #7877c6 0%, #5b5a9e 100%); color: white; padding: 12px 20px; border-radius: 25px; font-size: 14px; font-weight: 700; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                                                🚀 Now Live!
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>

<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"
                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
                        class="dark-bg-secondary">
                        <tr>
                            <td align="center" valign="top" class="mobilePadding40 dark-bg-secondary"
                                style="padding: 60px 20px;">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td align="center" style="padding-bottom: 30px;">
                                            <h1 style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 42px; font-weight: 800; line-height: 1.2; text-align: center; letter-spacing: -0.02em;"
                                                class="mobileTitle dark-text-primary">
                                                Chat with Any GitHub Repository
                                            </h1>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="center" style="padding-bottom: 30px;">
                                            <p style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1.5; text-align: center; max-width: 500px; margin: 0 auto;"
                                                class="mobileSubtitle dark-text-secondary">
                                                Dear <u style="text-decoration-color: #7877c6;">{{name}}</u>, Transform
                                                how you understand code. Get instant
                                                AI-powered insights,
                                                interactive visualizations, and intelligent analysis for any repository
                                                in seconds.
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="center" style="padding-bottom: 20px;">
                                            <img src="https://res.cloudinary.com/dlalmcu2a/image/upload/v1752744993/hero_vwvggx.png"
                                                alt="RepoAI Dashboard" width="500" height="300" class="mobileImage"
                                                style="display: block; border: 0; height: auto; max-width: 100%; border-radius: 12px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="center">
                                            <table border="0" cellpadding="0" cellspacing="0"
                                                style="border-collapse: collapse;">
                                                <tr>
                                                    <td align="center" class="mobileStack" style="padding-right: 10px;">
                                                        <a href="https://your-domain.com" class="mobileButton"
                                                            style="display: inline-block; padding: 16px 32px; background: linear-gradient(135deg, #7877c6 0%, #5b5a9e 100%); color: #ffffff; text-decoration: none; border-radius: 12px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700;">
                                                            🚀 Try RepoAI Free
                                                        </a>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>

<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"
                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
                        class="dark-bg-tertiary">
                        <tr>
                            <td align="center" valign="top" class="mobilePadding40 dark-bg-tertiary"
                                style="padding: 60px 20px;">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td align="center" style="padding-bottom: 50px;">
                                            <h2 style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 36px; font-weight: 800; text-align: center; letter-spacing: -0.01em;"
                                                class="mobileTitle dark-text-primary">
                                                Powerful AI Features
                                            </h2>
                                            <p style="margin: 0; padding: 0; padding-top: 15px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; text-align: center;"
                                                class="mobileSubtitle dark-text-muted">
                                                Everything you need to understand and analyze any GitHub repository
                                                instantly
                                            </p>
                                        </td>
                                    </tr>

<tr>
                                        <td style="padding-bottom: 30px;">
                                            <table border="0" cellpadding="0" cellspacing="0" width="100%"
                                                style="border-radius: 16px;" class="feature-card">
                                                <tr>
                                                    <td class="mobilePadding20" style="padding: 30px;">
                                                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                            <tr>
                                                                <td align="center" style="padding-bottom: 15px;">
                                                                    <table border="0" cellpadding="0" cellspacing="0"
                                                                        style="margin: 0 auto;">
                                                                        <tr>
                                                                            <td align="center" valign="middle"
                                                                                style="width: 48px; height: 48px; background: linear-gradient(135deg, #7877c6 0%, #5b5a9e 100%); border-radius: 12px; text-align: center; vertical-align: middle; line-height: 48px; font-size: 24px;">
                                                                                🤖
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="padding-bottom: 10px;">
                                                                    <h3 style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 700;"
                                                                        class="dark-text-primary">
                                                                        Intelligent Code Conversations
                                                                    </h3>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <p style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.6;"
                                                                        class="mobileText dark-text-secondary">
                                                                        Chat with an AI assistant that deeply
                                                                        understands your entire codebase. Ask questions,
                                                                        get explanations, and receive contextual
                                                                        insights about any part of the repository.
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>

<tr>
                                        <td style="padding-bottom: 30px;">
                                            <table border="0" cellpadding="0" cellspacing="0" width="100%"
                                                style="border-radius: 16px;" class="feature-card">
                                                <tr>
                                                    <td class="mobilePadding20" style="padding: 30px;">
                                                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                            <tr>
                                                                <td align="center" style="padding-bottom: 15px;">
                                                                    <table border="0" cellpadding="0" cellspacing="0"
                                                                        style="margin: 0 auto;">
                                                                        <tr>
                                                                            <td align="center" valign="middle"
                                                                                style="width: 48px; height: 48px; background: linear-gradient(135deg, #7877c6 0%, #5b5a9e 100%); border-radius: 12px; text-align: center; vertical-align: middle; line-height: 48px; font-size: 24px;">
                                                                                📊
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="padding-bottom: 10px;">
                                                                    <h3 style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 700;"
                                                                        class="dark-text-primary">
                                                                        Interactive Visualizations
                                                                    </h3>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <p style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.6;"
                                                                        class="mobileText dark-text-secondary">
                                                                        Explore beautiful, interactive circle pack
                                                                        diagrams that reveal repository structure, file
                                                                        relationships, and code organization at a
                                                                        glance.
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>

<tr>
                                        <td style="padding-bottom: 30px;">
                                            <table border="0" cellpadding="0" cellspacing="0" width="100%"
                                                style="border-radius: 16px;" class="feature-card">
                                                <tr>
                                                    <td class="mobilePadding20" style="padding: 30px;">
                                                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                            <tr>
                                                                <td align="center" style="padding-bottom: 15px;">
                                                                    <table border="0" cellpadding="0" cellspacing="0"
                                                                        style="margin: 0 auto;">
                                                                        <tr>
                                                                            <td align="center" valign="middle"
                                                                                style="width: 48px; height: 48px; background: linear-gradient(135deg, #7877c6 0%, #5b5a9e 100%); border-radius: 12px; text-align: center; vertical-align: middle; line-height: 48px; font-size: 24px;">
                                                                                ⚡
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="padding-bottom: 10px;">
                                                                    <h3 style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 700;"
                                                                        class="dark-text-primary">
                                                                        Lightning-Fast Analysis
                                                                    </h3>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <p style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.6;"
                                                                        class="mobileText dark-text-secondary">
                                                                        Analyze any public GitHub repository in seconds.
                                                                        Advanced AI processing delivers instant insights
                                                                        without waiting.
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>

<tr>
                                        <td align="center" style="padding-bottom: 50px;">
                                            <h2 style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 36px; font-weight: 800; text-align: center; letter-spacing: -0.01em;"
                                                class="mobileTitle dark-text-primary">
                                                Try Out Now!
                                            </h2>
                                            <p style="margin: 0; padding: 0; padding-top: 15px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; text-align: center;"
                                                class="mobileSubtitle dark-text-muted">
                                                Experience the power of AI-driven insights at your fingertips.
                                            </p>
                                        </td>
                                    </tr>

<tr>
                                        <td style="padding-bottom: 25px;">
                                            <table border="0" cellpadding="0" cellspacing="0" width="100%"
                                                style="border-radius: 12px;" class="step-card">
                                                <tr>
                                                    <td class="mobileStep" style="padding: 25px;">
                                                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                            <tr>
                                                                <td width="60" style="padding-right: 20px;"
                                                                    class="mobileHide">
                                                                    <table border="0" cellpadding="0" cellspacing="0">
                                                                        <tr>
                                                                            <td align="center" valign="middle"
                                                                                style="width: 40px; height: 40px; background: linear-gradient(135deg, #7877c6 0%, #5b5a9e 100%); border-radius: 50%; text-align: center; vertical-align: middle; line-height: 40px; color: white; font-weight: 700; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                                                                                1
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                                <td class="mobileStack">
                                                                    
                                                                    <table border="0" cellpadding="0" cellspacing="0"
                                                                        width="100%" class="mobileStack"
                                                                        style="display: none;">
                                                                        <tr>
                                                                            <td align="center"
                                                                                style="padding-bottom: 15px;">
                                                                                <table border="0" cellpadding="0"
                                                                                    cellspacing="0"
                                                                                    style="margin: 0 auto;">
                                                                                    <tr>
                                                                                        <td align="center"
                                                                                            valign="middle"
                                                                                            style="width: 40px; height: 40px; background: linear-gradient(135deg, #7877c6 0%, #5b5a9e 100%); border-radius: 50%; text-align: center; vertical-align: middle; line-height: 40px; color: white; font-weight: 700; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                                                                                            1
                                                                                        </td>
                                                                                    </tr>
                                                                                </table>
                                                                            </td>
                                                                        </tr>
                                                                    </table>

<h4 style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 700; padding-bottom: 8px;"
                                                                        class="dark-text-primary">
                                                                        Paste Repository URL
                                                                    </h4>
                                                                    <p style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5;"
                                                                        class="mobileText dark-text-secondary">
                                                                        Simply enter any public GitHub repository URL
                                                                        into our intelligent system.
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>

<tr>
                                        <td style="padding-bottom: 25px;">
                                            <table border="0" cellpadding="0" cellspacing="0" width="100%"
                                                style="border-radius: 12px;" class="step-card">
                                                <tr>
                                                    <td class="mobileStep" style="padding: 25px;">
                                                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                            <tr>
                                                                <td width="60" style="padding-right: 20px;"
                                                                    class="mobileHide">
                                                                    <table border="0" cellpadding="0" cellspacing="0">
                                                                        <tr>
                                                                            <td align="center" valign="middle"
                                                                                style="width: 40px; height: 40px; background: linear-gradient(135deg, #7877c6 0%, #5b5a9e 100%); border-radius: 50%; text-align: center; vertical-align: middle; line-height: 40px; color: white; font-weight: 700; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                                                                                2
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                                <td class="mobileStack">
                                                                    
                                                                    <table border="0" cellpadding="0" cellspacing="0"
                                                                        width="100%" class="mobileStack"
                                                                        style="display: none;">
                                                                        <tr>
                                                                            <td align="center"
                                                                                style="padding-bottom: 15px;">
                                                                                <table border="0" cellpadding="0"
                                                                                    cellspacing="0"
                                                                                    style="margin: 0 auto;">
                                                                                    <tr>
                                                                                        <td align="center"
                                                                                            valign="middle"
                                                                                            style="width: 40px; height: 40px; background: linear-gradient(135deg, #7877c6 0%, #5b5a9e 100%); border-radius: 50%; text-align: center; vertical-align: middle; line-height: 40px; color: white; font-weight: 700; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                                                                                            2
                                                                                        </td>
                                                                                    </tr>
                                                                                </table>
                                                                            </td>
                                                                        </tr>
                                                                    </table>

<h4 style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 700; padding-bottom: 8px;"
                                                                        class="dark-text-primary">
                                                                        AI Analysis
                                                                    </h4>
                                                                    <p style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5;"
                                                                        class="mobileText dark-text-secondary">
                                                                        Our AI analyzes the codebase, understanding
                                                                        structure, dependencies, and patterns.
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>

<tr>
                                        <td style="padding-bottom: 25px;">
                                            <table border="0" cellpadding="0" cellspacing="0" width="100%"
                                                style="border-radius: 12px;" class="step-card">
                                                <tr>
                                                    <td class="mobileStep" style="padding: 25px;">
                                                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                            <tr>
                                                                <td width="60" style="padding-right: 20px;"
                                                                    class="mobileHide">
                                                                    <table border="0" cellpadding="0" cellspacing="0">
                                                                        <tr>
                                                                            <td align="center" valign="middle"
                                                                                style="width: 40px; height: 40px; background: linear-gradient(135deg, #7877c6 0%, #5b5a9e 100%); border-radius: 50%; text-align: center; vertical-align: middle; line-height: 40px; color: white; font-weight: 700; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                                                                                3
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                                <td class="mobileStack">
                                                                    
                                                                    <table border="0" cellpadding="0" cellspacing="0"
                                                                        width="100%" class="mobileStack"
                                                                        style="display: none;">
                                                                        <tr>
                                                                            <td align="center"
                                                                                style="padding-bottom: 15px;">
                                                                                <table border="0" cellpadding="0"
                                                                                    cellspacing="0"
                                                                                    style="margin: 0 auto;">
                                                                                    <tr>
                                                                                        <td align="center"
                                                                                            valign="middle"
                                                                                            style="width: 40px; height: 40px; background: linear-gradient(135deg, #7877c6 0%, #5b5a9e 100%); border-radius: 50%; text-align: center; vertical-align: middle; line-height: 40px; color: white; font-weight: 700; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                                                                                            3
                                                                                        </td>
                                                                                    </tr>
                                                                                </table>
                                                                            </td>
                                                                        </tr>
                                                                    </table>

<h4 style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 700; padding-bottom: 8px;"
                                                                        class="dark-text-primary">
                                                                        Explore & Chat
                                                                    </h4>
                                                                    <p style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5;"
                                                                        class="mobileText dark-text-secondary">
                                                                        View interactive visualizations and chat with AI
                                                                        about any aspect of the code.
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>

</table>
                            </td>
                        </tr>
                    </table>

<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"
                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
                        class="dark-bg-secondary">
                        <tr>
                            <td align="center" valign="top" class="mobilePadding40 dark-bg-secondary"
                                style="padding: 60px 20px;">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td align="center" style="padding-bottom: 40px;">
                                            <h2 style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 36px; font-weight: 800; text-align: center; letter-spacing: -0.01em;"
                                                class="mobileTitle dark-text-primary">
                                                See RepoAI in Action
                                            </h2>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="center" style="padding-bottom: 30px;">
                                            <img src="https://res.cloudinary.com/dlalmcu2a/image/upload/v1752744993/chat_isfxzq.png"
                                                alt="Chat Interface" width="520" height="300" class="mobileImage"
                                                style="display: block; border: 0; height: auto; max-width: 100%; border-radius: 12px; margin-bottom: 15px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);">
                                            <p style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: center;"
                                                class="mobileText dark-text-secondary">
                                                💬 Natural conversation with AI about your codebase
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="center" style="padding-bottom: 30px;">
                                            <img src="https://res.cloudinary.com/dlalmcu2a/image/upload/v1752744993/visualize_bwscod.png"
                                                alt="Repository Visualization" width="520" height="300"
                                                class="mobileImage"
                                                style="display: block; border: 0; height: auto; max-width: 100%; border-radius: 12px; margin-bottom: 15px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);">
                                            <p style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: center;"
                                                class="mobileText dark-text-secondary">
                                                📊 Beautiful visualizations showing code structure
                                            </p>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>

<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"
                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
                        class="dark-bg-primary">
                        <tr>
                            <td align="center" valign="top" class="mobilePadding40 dark-bg-primary"
                                style="padding: 80px 20px;">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td align="center" style="padding-bottom: 30px;">
                                            <h2 style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 36px; font-weight: 800; text-align: center; letter-spacing: -0.01em;"
                                                class="mobileTitle dark-text-primary">
                                                Ready to Transform Your Development?
                                            </h2>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="center" style="padding-bottom: 40px;">
                                            <p style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.6; text-align: center; max-width: 500px; margin: 0 auto;"
                                                class="mobileSubtitle dark-text-secondary">
                                                Join thousands of developers using RepoAI to understand code faster and
                                                build better software with AI-powered insights.
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="center">
                                            <table border="0" cellpadding="0" cellspacing="0"
                                                style="border-collapse: collapse;">
                                                <tr>
                                                    <td align="center" class="mobileStack" style="padding-right: 10px;">
                                                        <a href="https://your-domain.com" class="mobileButton"
                                                            style="display: inline-block; padding: 18px 36px; background: linear-gradient(135deg, #7877c6 0%, #5b5a9e 100%); color: #ffffff; text-decoration: none; border-radius: 12px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 700;">
                                                            🚀 Start Free Analysis
                                                        </a>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>

<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"
                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
                        class="footer-bg">
                        <tr>
                            <td align="center" valign="top" class="mobilePadding30 footer-bg"
                                style="padding: 40px 20px; background: #000000; border-top: 1px solid rgba(255, 255, 255, 0.1);">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td align="center" style="padding-bottom: 20px;">
                                            <h4 style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 700;"
                                                class="dark-text-primary">
                                                RepoAI
                                            </h4>
                                            <p style="margin: 0; padding: 0; padding-top: 8px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px;"
                                                class="mobileText dark-text-muted">
                                                Making code analysis accessible through AI
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="center">
                                            <p style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5;"
                                                class="mobileText dark-text-muted">
                                                Questions? <a href="https://forms.gle/c97P7ov41tSL9nom8"
                                                    style="color: #7877c6; text-decoration: none;">Contact us</a><br>
                                                <a href="#"
                                                    style="color: #7877c6; text-decoration: none;">Unsubscribe</a> |
                                                <a href="https://your-domain.com/privacy"
                                                    style="color: #7877c6; text-decoration: none;">Privacy Policy</a> |
                                                <a href="https://your-domain.com/terms"
                                                    style="color: #7877c6; text-decoration: none;">Terms</a>
                                            </p>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>

</td>
            </tr>
        </table>
    </center>
</body>

</html>

Available placeholders: {{email}}, {{name}}, {{company}}, {{title}}