nextjs

我用npx create-next-app@latest创建了个react项目，选择的是typescript, Tailwind CSS 和 app router，规定代码放在src目录下，当前页面及对应路由如下:

• 首页: /
• 博客: /blog
• 关于: /about

根据以上信息, 现在帮我创建一个响应式的web页面, 所有页面在手机，平板，电脑上都能有完美的展示效果; 页面主题风格请模仿这个网站 https://generatepress.com/ ; 页面数据请mock网上的开源数据

要求如下：

顶部导航栏请封装成Header组件，Footer也封装成一个单独的组件，Header和Footer可以在各个页面共用