```json
{
"summary

```json
{
"summary": "根据您的业务需求，我将为您创建一个展示高端网站制作服务的专业卡片组件，包含标题、内容、产品图片和操作按钮。组件将采用现代化设计风格，突出您的专业服务。",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": false,
"html": "<div class=\"group bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-xl border-solid border border-gray-100\">\n <div class=\"relative h-48 overflow-hidden\">\n <img src=\"/assets/images/illustration/01.png\" alt=\"高端网站制作\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-gray-900/30 to-transparent\"></div>\n </div>\n <div class=\"p-6\">\n <h3 class=\"text-xl font-bold text-gray-800 mb-2\">高端网站定制服务</h3>\n <p class=\"text-gray-600 mb-4\">专业打造WordPress、Drupal外贸网站，响应式设计，助力企业全球展示</p>\n <div class=\"flex flex-wrap gap-2 mb-4\">\n <span class=\"px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm\">WordPress</span>\n <span class=\"px-3 py-1 bg-purple-100 text-purple-800 rounded-full text-sm\">Drupal</span>\n <span class=\"px-3 py-1 bg-green-100 text-green-800 rounded-full text-sm\">外贸站</span>\n </div>\n <a href=\"#\" class=\"inline-block px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2\">咨询方案</a>\n </div>\n</div>"
},
"next": ["添加企业LOGO","增加价格区间","悬停放大效果","添加客服入口","响应式优化"]
}
```