MyClub/templates/emails/newsletter_welcome.html

{{define "content"}}
<div style="max-width: 600px; margin: 0 auto; font-family: Arial, sans-serif; color: #2d3748; background: #ffffff;">
    <!-- Header with club colors -->
    <div style="background: linear-gradient(135deg, #1a365d 0%, #2c5282 100%); padding: 30px 20px; text-align: center; border-radius: 8px 8px 0 0;">
        <img src="https://fotbalclub.cz/logo.png" alt="FK Fotbal Club" style="max-width: 180px; height: auto; margin-bottom: 15px;">
        <h1 style="color: #ffffff; margin: 0; font-size: 28px; font-weight: 700;">Vítejte v našem newsletteru!</h1>
    </div>
    
    <!-- Main content -->
    <div style="padding: 30px 25px; border: 1px solid #e2e8f0; border-top: none; border-radius: 0 0 8px 8px;">
        <p style="font-size: 16px; line-height: 1.6; margin: 0 0 25px 0;">
            Děkujeme, že jste se přihlásili k odběru našeho newsletteru. Jsme rádi, že jste součástí naší fotbalové komunity a budeme vás pravidelně informovat o nejnovějším dění v klubu.
        </p>
        
        <!-- Features grid -->
        <div style="margin: 30px 0;">
            <h2 style="color: #2d3748; font-size: 20px; margin: 0 0 20px 0; text-align: center; position: relative; padding-bottom: 10px;">
                <span style="background: #fff; padding: 0 15px; position: relative; z-index: 1;">Co pro vás připravujeme?</span>
                <span style="position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #e2e8f0; z-index: 0; display: block; margin-top: 15px;"></span>
            </h2>
            
            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 25px;">
                <div style="background: #f8fafc; border-left: 4px solid #e53e3e; padding: 15px; border-radius: 0 6px 6px 0;">
                    <h3 style="color: #2b6cb0; margin: 0 0 8px 0; font-size: 16px; display: flex; align-items: center;">
                        <span style="margin-right: 8px;">📰</span> Novinky z klubu
                    </h3>
                    <p style="margin: 0; color: #4a5568; font-size: 14px; line-height: 1.5;">Aktuality, rozhovory a zajímavosti ze zákulisí našeho klubu.</p>
                </div>
                
                <div style="background: #f8fafc; border-left: 4px solid #3182ce; padding: 15px; border-radius: 0 6px 6px 0;">
                    <h3 style="color: #2b6cb0; margin: 0 0 8px 0; font-size: 16px; display: flex; align-items: center;">
                        <span style="margin-right: 8px;">⚽</span> Zápasy a výsledky
                    </h3>
                    <p style="margin: 0; color: #4a5568; font-size: 14px; line-height: 1.5;">Přehled nadcházejících zápasů a reporty z těch odehraných.</p>
                </div>
                
                <div style="background: #f8fafc; border-left: 4px solid #38a169; padding: 15px; border-radius: 0 6px 6px 0;">
                    <h3 style="color: #2b6cb0; margin: 0 0 8px 0; font-size: 16px; display: flex; align-items: center;">
                        <span style="margin-right: 8px;">🎟️</span> Speciální nabídky
                    </h3>
                    <p style="margin: 0; color: #4a5568; font-size: 14px; line-height: 1.5;">Výhody a slevy výhradně pro naše odběratele.</p>
                </div>
                
                <div style="background: #f8fafc; border-left: 4px solid #d69e2e; padding: 15px; border-radius: 0 6px 6px 0;">
                    <h3 style="color: #2b6cb0; margin: 0 0 8px 0; font-size: 16px; display: flex; align-items: center;">
                        <span style="margin-right: 8px;">👥</span> Rozhovory
                    </h3>
                    <p style="margin: 0; color: #4a5568; font-size: 14px; line-height: 1.5;">Rozhovory s hráči, trenéry a dalšími členy klubu.</p>
                </div>
            </div>
        </div>
        
        <!-- Next steps -->
        <div style="background: #ebf8ff; border-left: 4px solid #3182ce; padding: 15px; margin: 25px 0; border-radius: 0 6px 6px 0;">
            <h3 style="color: #2c5282; margin: 0 0 10px 0; font-size: 16px; display: flex; align-items: center;">
                <span style="margin-right: 8px;">ℹ️</span> Důležité
            </h3>
            <p style="margin: 0; color: #2c5282; font-size: 14px; line-height: 1.5;">
                Aby vám naše e-maily nechyběly, přidejte si adresu <strong>{{.FromEmail}}</strong> do vašich kontaktů.
            </p>
        </div>
        
        <!-- Unsubscribe notice -->
        <div style="margin: 35px 0 25px 0; text-align: center;">
            <p style="font-size: 13px; color: #718096; margin: 0 0 15px 0; line-height: 1.5;">
                Tento e-mail vám byl zaslán na adresu <strong>{{.Email}}</strong> v rámci odebírání novinek FK Fotbal Club.
            </p>
            <p style="font-size: 13px; color: #718096; margin: 0; line-height: 1.5;">
                <a href="{{.UnsubscribeLink}}" style="color: #2b6cb0; text-decoration: underline;">Odhlásit odběr</a> | 
                <a href="https://fotbalclub.cz/nastaveni" style="color: #2b6cb0; text-decoration: underline;">Upravit předvolby</a> | 
                <a href="mailto:help@tdvorak.dev" style="color: #2b6cb0; text-decoration: underline;">Napsat nám</a>
            </p>
        </div>
        
        <!-- Footer -->
        <div style="border-top: 1px solid #e2e8f0; padding-top: 20px; margin-top: 20px; text-align: center;">
            <p style="margin: 0 0 15px 0;">
                <a href="https://facebook.com/fotbalclub" style="margin: 0 8px; display: inline-block;">
                    <img src="https://fotbalclub.cz/icons/facebook.png" alt="Facebook" style="width: 24px; height: 24px; opacity: 0.7;">
                </a>
                <a href="https://instagram.com/fotbalclub" style="margin: 0 8px; display: inline-block;">
                    <img src="https://fotbalclub.cz/icons/instagram.png" alt="Instagram" style="width: 24px; height: 24px; opacity: 0.7;">
                </a>
                <a href="https://youtube.com/fotbalclub" style="margin: 0 8px; display: inline-block;">
                    <img src="https://fotbalclub.cz/icons/youtube.png" alt="YouTube" style="width: 24px; height: 24px; opacity: 0.7;">
                </a>
            </p>
            <p style="margin: 0 0 5px 0; font-size: 12px; color: #a0aec0;">
                © {{.Year}} FK Fotbal Club. Všechna práva vyhrazena.
            </p>
            <p style="margin: 0; font-size: 12px; color: #a0aec0;">
                Tento e-mail byl odeslán na adresu {{.Email}}
            </p>
        </div>
    </div>
</div>
{{end}}