AV: recolor email templates (blue palette inside template literals + NAB/IBC marketing phrasing → AV palette + InfoComm/ISE)
This commit is contained in:
@@ -124,37 +124,37 @@ export async function POST(req: NextRequest) {
|
||||
const articlesHtml = articles
|
||||
.map(
|
||||
(a: { title: string; excerpt?: string; url?: string; image?: string; category?: string }) => `
|
||||
<div style="border-bottom:1px solid #1e3a5f;padding:20px 0;">
|
||||
${a.category ? `<span style="color:#3b82f6;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;">${a.category}</span>` : ''}
|
||||
<div style="border-bottom:1px solid #3a322b;padding:20px 0;">
|
||||
${a.category ? `<span style="color:#F0A623;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;">${a.category}</span>` : ''}
|
||||
<h2 style="color:#e0e0e0;font-size:18px;margin:8px 0 6px;">
|
||||
${a.url ? `<a href="${siteUrl}${a.url}" style="color:#e0e0e0;text-decoration:none;">${a.title}</a>` : a.title}
|
||||
</h2>
|
||||
${a.excerpt ? `<p style="color:#888;font-size:14px;margin:0 0 10px;">${a.excerpt}</p>` : ''}
|
||||
${a.url ? `<a href="${siteUrl}${a.url}" style="color:#3b82f6;font-size:13px;text-decoration:none;">Read more →</a>` : ''}
|
||||
${a.url ? `<a href="${siteUrl}${a.url}" style="color:#F0A623;font-size:13px;text-decoration:none;">Read more →</a>` : ''}
|
||||
</div>
|
||||
`
|
||||
)
|
||||
.join('');
|
||||
|
||||
const emailHtml = `
|
||||
<div style="background:#0d1520;padding:0;font-family:sans-serif;max-width:600px;margin:0 auto;">
|
||||
<div style="background:#1c1815;padding:0;font-family:sans-serif;max-width:600px;margin:0 auto;">
|
||||
<!-- Header -->
|
||||
<div style="background:#111;border-bottom:2px solid #3b82f6;padding:24px 32px;">
|
||||
<h1 style="color:#3b82f6;font-size:22px;margin:0;font-weight:bold;">AV Beat</h1>
|
||||
<div style="background:#111;border-bottom:2px solid #F0A623;padding:24px 32px;">
|
||||
<h1 style="color:#F0A623;font-size:22px;margin:0;font-weight:bold;">AV Beat</h1>
|
||||
<p style="color:#555;font-size:12px;margin:4px 0 0;">News & Intelligence for Pro AV, Live Production & Display Tech</p>
|
||||
</div>
|
||||
<!-- Body -->
|
||||
<div style="padding:32px;">
|
||||
${previewText ? `<p style="color:#aaa;font-size:15px;margin:0 0 24px;">${previewText}</p>` : ''}
|
||||
${customMessage ? `<div style="background:#1a2535;border-left:3px solid #3b82f6;padding:16px;margin-bottom:24px;"><p style="color:#e0e0e0;font-size:14px;margin:0;">${customMessage}</p></div>` : ''}
|
||||
${customMessage ? `<div style="background:#231d18;border-left:3px solid #F0A623;padding:16px;margin-bottom:24px;"><p style="color:#e0e0e0;font-size:14px;margin:0;">${customMessage}</p></div>` : ''}
|
||||
${articlesHtml}
|
||||
</div>
|
||||
<!-- Footer -->
|
||||
<div style="background:#0a0f1a;padding:24px 32px;border-top:1px solid #1e3a5f;">
|
||||
<div style="background:#1c1815;padding:24px 32px;border-top:1px solid #3a322b;">
|
||||
<p style="color:#555;font-size:12px;margin:0;">You're receiving this because you subscribed at avbeat.com.</p>
|
||||
<p style="color:#555;font-size:12px;margin:8px 0 0;">
|
||||
<a href="${siteUrl}" style="color:#3b82f6;">Visit AV Beat</a> ·
|
||||
<a href="${siteUrl}/unsubscribe?email={{email}}" style="color:#3b82f6;">Unsubscribe</a>
|
||||
<a href="${siteUrl}" style="color:#F0A623;">Visit AV Beat</a> ·
|
||||
<a href="${siteUrl}/unsubscribe?email={{email}}" style="color:#F0A623;">Unsubscribe</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user