创建首页组件,要求:
**Hero区域:**
-个人头像(圆形,120px)
-博客标题:“我的技术博客”
-简介:2-3句话介绍自己
-社交媒体图标:GitHub、Twitter、邮箱
**最新文章区域:**
-显示最新5篇文章
-每篇文章卡片包含:
-文章标题
-发布日期
-文章摘要(前150字)
-阅读时间估算
-“阅读更多”按钮
**样式要求:**
-简洁现代风格
-卡片hover时轻微上浮效果
-使用Tailwind CSS实现
-响应式布局(桌面3列,平板2列,手机1列)
请生成完整的page.tsx代码。
使用以上说明,优化首页和文章列表。如下图: