Blog Section

Brandflow includes a stylish blog layout with a grid list and detailed single post pages.

Blog List (blog.html)

The blog list is a grid of blog-item elements.

Anatomy of a Post Card

• Image: Top section, links to the details page.
• Date/Meta: Usually appearing above the title (e.g., “October 20, 2023”).
• Title: Link to blog_details.html.
• Read More: A button or text link.

To add a new post to the list:

1. Copy a blog-item.
2. Paste it into the grid.
3. Update the image src, date, title, and link.

Blog Details (blog_details.html)

This is the single post view.

Using Prose for Content

The main content area uses the prose class (Tailwind Typography).

   <div class="prose max-w-none ...">
      <p>Your article text goes here.</p>
      <h2>Subheading</h2>
      <blockquote>Quote...</blockquote>
   </div>

You do not need to style individual paragraphs. The prose class handles font size, line height, and spacing automatically.

Author Box

At the bottom of the post, there is an author info box. Update the name, bio, and avatar image to match the post author.