/**
 * 产品介绍邮件模板
 * 适用于产品展示、新品发布等场景
 */
export const productTemplate = {
  name: "产品介绍模板",
  description: "现代化的产品展示邮件模板，适合产品介绍和新品发布",
  category: "product",
  html: `
    <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
      <!-- 头部横幅 -->
      <tr>
        <td style="background: linear-gradient(45deg, #ff6b6b, #4ecdc4); padding: 40px 30px; text-align: center;">
          <h1 style="color: white; margin: 0; font-size: 32px; font-weight: 600; font-family: Arial, sans-serif;">产品展示</h1>
          <p style="color: rgba(255,255,255,0.9); margin: 15px 0 0 0; font-size: 18px; font-family: Arial, sans-serif;">Product Showcase</p>
        </td>
      </tr>
      
      <!-- 主要内容 -->
      <tr>
        <td style="padding: 40px 30px; background-color: #ffffff;">
          <!-- 产品介绍 -->
          <div style="margin-bottom: 40px;">
            <h2 style="color: #2c3e50; font-size: 26px; margin-bottom: 25px; text-align: center; font-family: Arial, sans-serif;">
              🚀 产品特色
            </h2>
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px; margin-bottom: 30px;">
              <tr>
                <td style="padding: 25px; color: white;">
                  <h3 style="margin: 0 0 15px 0; font-size: 20px; font-family: Arial, sans-serif;">✨ 核心优势</h3>
                  <ul style="margin: 0; padding-left: 20px; line-height: 1.8; font-family: Arial, sans-serif;">
                    <li>高质量材料，确保产品耐用性</li>
                    <li>创新设计，满足现代审美需求</li>
                    <li>环保认证，符合国际标准</li>
                    <li>专业服务，全程技术支持</li>
                  </ul>
                </td>
              </tr>
            </table>
            
            <!-- 邮件正文内容 -->
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #f8f9fa; border-radius: 8px; border-left: 4px solid #4ecdc4;">
              <tr>
                <td style="padding: 25px;">
                  <h3 style="color: #2c3e50; margin: 0 0 15px 0; font-size: 18px; font-family: Arial, sans-serif;">📧 详细信息</h3>
                  <div style="line-height: 1.8; color: #555; font-size: 16px; font-family: Arial, sans-serif;">
                    
                  </div>
                </td>
              </tr>
            </table>
          </div>
          
          <!-- 产品图片展示区域 -->
          <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #ecf0f1; border-radius: 8px; margin-bottom: 30px;">
            <tr>
              <td style="padding: 25px;">
                <h3 style="color: #2c3e50; margin: 0 0 20px 0; font-size: 20px; text-align: center; font-family: Arial, sans-serif;">📸 产品展示</h3>
                <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                  <tr>
                    <td style="width: 50%; padding-right: 7px;">
                      <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background: white; border-radius: 6px;">
                        <tr>
                          <td style="padding: 15px; text-align: center;">
                            <div style="width: 60px; height: 60px; background: linear-gradient(45deg, #ff6b6b, #4ecdc4); border-radius: 50%; margin: 0 auto 10px; display: inline-block; line-height: 60px; font-size: 24px; color: white;">🏠</div>
                            <h4 style="margin: 0 0 5px 0; color: #2c3e50; font-family: Arial, sans-serif;">家居系列</h4>
                            <p style="margin: 0; color: #7f8c8d; font-size: 14px; font-family: Arial, sans-serif;">现代简约风格</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                    <td style="width: 50%; padding-left: 7px;">
                      <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background: white; border-radius: 6px;">
                        <tr>
                          <td style="padding: 15px; text-align: center;">
                            <div style="width: 60px; height: 60px; background: linear-gradient(45deg, #667eea, #764ba2); border-radius: 50%; margin: 0 auto 10px; display: inline-block; line-height: 60px; font-size: 24px; color: white;">🛋️</div>
                            <h4 style="margin: 0 0 5px 0; color: #2c3e50; font-family: Arial, sans-serif;">办公系列</h4>
                            <p style="margin: 0; color: #7f8c8d; font-size: 14px; font-family: Arial, sans-serif;">专业办公环境</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  `
};

export default productTemplate;