geo/backend/app/templates/welcome.html

64 lines
3.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>欢迎加入GEO平台</title>
</head>
<body style="margin:0;padding:0;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;">
<table width="100%" cellpadding="0" cellspacing="0" style="background-color:#f5f5f5;padding:24px 0;">
<tr><td align="center">
<table width="600" cellpadding="0" cellspacing="0" style="background-color:#ffffff;border-radius:12px;overflow:hidden;max-width:100%;">
<tr><td style="background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:40px;text-align:center;">
<h1 style="margin:0;color:#ffffff;font-size:28px;font-weight:700;">🎉 欢迎加入GEO平台</h1>
<p style="margin:12px 0 0;color:rgba(255,255,255,0.85);font-size:16px;">{{user_name}}开始您的AI搜索优化之旅</p>
</td></tr>
<tr><td style="padding:32px 40px;">
<p style="margin:0 0 24px;font-size:15px;color:#374151;">只需3步即可开始优化您的品牌在AI搜索中的可见性</p>
<table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:24px;">
<tr>
<td style="padding:16px 20px;background-color:#eff6ff;border-radius:8px;margin-bottom:8px;">
<p style="margin:0 0 4px;font-size:18px;font-weight:700;color:#2563eb;">1</p>
<p style="margin:0;font-size:15px;font-weight:600;color:#111827;">添加品牌</p>
<p style="margin:4px 0 0;font-size:13px;color:#6b7280;">在控制台中添加您要监控的品牌名称</p>
</td>
</tr>
<tr><td height="8"></td></tr>
<tr>
<td style="padding:16px 20px;background-color:#f0fdf4;border-radius:8px;margin-bottom:8px;">
<p style="margin:0 0 4px;font-size:18px;font-weight:700;color:#059669;">2</p>
<p style="margin:0;font-size:15px;font-weight:600;color:#111827;">运行诊断</p>
<p style="margin:4px 0 0;font-size:13px;color:#6b7280;">系统将自动分析品牌在各大AI平台的引用情况</p>
</td>
</tr>
<tr><td height="8"></td></tr>
<tr>
<td style="padding:16px 20px;background-color:#fefce8;border-radius:8px;">
<p style="margin:0 0 4px;font-size:18px;font-weight:700;color:#ca8a04;">3</p>
<p style="margin:0;font-size:15px;font-weight:600;color:#111827;">获取优化建议</p>
<p style="margin:4px 0 0;font-size:13px;color:#6b7280;">基于诊断结果获取个性化的GEO优化策略</p>
</td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td align="center">
<a href="{{dashboard_link}}" style="display:inline-block;background-color:#4f46e5;color:#ffffff;text-decoration:none;padding:14px 40px;border-radius:8px;font-size:16px;font-weight:600;">开始使用</a>
</td></tr>
</table>
</td></tr>
<tr><td style="padding:0 40px 24px;">
<table width="100%" cellpadding="0" cellspacing="0" style="background-color:#f9fafb;border-radius:8px;padding:16px 20px;">
<tr><td>
<p style="margin:0;font-size:13px;color:#6b7280;">需要帮助?<a href="{{help_link}}" style="color:#4f46e5;text-decoration:none;">查看帮助文档</a> 或直接运行<a href="{{diagnosis_link}}" style="color:#4f46e5;text-decoration:none;">首次诊断</a></p>
</td></tr>
</table>
</td></tr>
<tr><td style="background-color:#f9fafb;padding:20px 40px;text-align:center;">
<p style="margin:0;font-size:12px;color:#9ca3af;">© {{year}} GEO平台 — AI搜索优化领导者</p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html>