This commit introduces the following changes:
- Increase the maximum width of the blog post layout from 3XL to 4XL
on larger screens, providing more space for content.
- Change the body font from "JetBrains Mono" to "Open Sans" to improve
readability and aesthetics.
- Increase the horizontal margin on larger screens from 72px to 80px,
creating more breathing room around the content.
These changes aim to enhance the overall presentation and user
experience of the blog post layout, making it more visually appealing
and comfortable to read.
This commit introduces the layout and page components for the blog post feature.
The main changes include:
- Implement the `RootLayout` component in `app/blogpost/layout.tsx` to provide the overall structure and styling for the blog post pages.
- Implement the `PostPage` component in `app/blogpost/page.tsx` to display the content of a specific blog post, including the post title, metadata, and the post body (template).
- Add placeholder content and styling for the blog post page, including the use of the `Image` component to display a featured image.
These changes lay the foundation for the blog post feature, allowing users to view and interact with individual blog posts on the website.
