{% extends "base.html" %}
{% block title %} {{ blog[1] }} {% endblock %}
{% block description %}{{ blog[3][:160]|safe|striptags }}{% endblock %}

{% block content %}
{% set _page_id = 'blog:' + (blog[0]|string) %}
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
    <div class="max-w-3xl mx-auto">
        <img src="/static/blogs/{{ blog[4] }}" alt="{{ blog[1] }}" class="w-full rounded-xl mb-8 shadow-lg">
        <h1 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-6 leading-tight">{{ blog[1] }}</h1>
        <div class="prose dark:prose-invert max-w-none">
            {{ blog[3]|safe }}
        </div>
    </div>
</div>
{% include "shared/reviews.html" %}
{% endblock %}