📝 How to Add a New Blog Post

Open js/blogs.js and add a new object to the window.BLOGS array. Copy the template from the top of that file. No HTML changes needed — the blog page updates automatically.

// Add this to the TOP of window.BLOGS = [...] in blogs.js
{
  id: 4,                                    // next id
  slug: "your-post-slug",                   // URL-friendly
  title: "Your Post Title",
  excerpt: "One-sentence preview...",
  tag: "Category",
  author: "Your Name",
  authorRole: "Your Role",
  date: "June 22, 2025",
  readTime: "5 min read",
  image: "https://images.unsplash.com/photo-XXXXXXXX?w=900&q=80",
  imageAlt: "Descriptive alt text",
  featured: false,
  content: `<p>Your HTML content here...</p>`
}