```json
{
"summary

```json
{
"summary": "我将为您创建一个现代化的卡片组件，包含标题、内容、产品图片和按钮链接，采用TailwindCSS实现响应式设计。",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": false,
"html": "<div class=\"max-w-md rounded-lg overflow-hidden shadow-lg bg-white border border-solid border-gray-200 transition-all duration-300 hover:shadow-xl\">\n <div class=\"h-48 bg-gray-100 flex items-center justify-center\">\n <img class=\"max-h-full max-w-full object-contain\" src=\"/assets/images/furniture/01.png\" alt=\"产品图片\">\n </div>\n <div class=\"p-6\">\n <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">优质产品名称</h3>\n <p class=\"text-gray-600 mb-4\">这款产品具有卓越的性能和优雅的设计，适合各种使用场景。</p>\n <a href=\"#\" class=\"inline-block px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50\">查看详情</a>\n </div>\n</div>"
},
"next": [
"添加评分组件",
"增加价格显示",
"悬停图片放大",
"添加购物车按钮",
"增加标签标记"
]
}
```