Welcome to Your New Blog!

This is an example post that demonstrates what happens when the featured image path doesn't exist. You'll see a nice placeholder image instead of a broken image.

Features Demonstrated

Placeholder Images

When an image is not found, the blog will show a placeholder with:

• A clean, styled placeholder box
• An image icon
• "Image not found" message
• The alt text of the missing image

Table of Contents

Notice how this page automatically generates a table of contents from the headings in your post. The active section is highlighted as you scroll.

Mobile Responsiveness

The table of contents becomes a mobile-friendly sidebar that you can toggle with the menu button on smaller screens.

Writing Content

You can write content using standard Markdown syntax:

• Bold text
• Italic text
• Inline code
• Links

Code Blocks

// JavaScript code with syntax highlighting
function greetUser(name) {
  console.log(`Hello, ${name}!`);
}

greetUser('Blog Reader');

Lists

1. First item
2. Second item
3. Third item

Or unordered:

• Bullet point one
• Bullet point two
• Bullet point three

Blockquotes

This is a blockquote. It's great for highlighting important information or quotes from other sources.

What's Next?

1. Replace this post with your own content
2. Add your own images to public/images/blog/
3. Update the site title and description in app/page.tsx
4. Start writing amazing content!

Happy blogging! 🎉