@model List<SkyArtShop.Models.BlogPost>
@{
    ViewData["Title"] = "Blog";
}

<section class="portfolio-hero">
    <div class="container">
        <h1>Sky Art Shop Blog</h1>
        <p class="hero-subtitle">Creative ideas, tutorials, and inspiration for your crafting journey</p>
    </div>
</section>

<section class="shop-products">
    <div class="container">
        <div class="projects-grid">
            @foreach (var post in Model)
            {
                <article class="project-card">
                    @if (!string.IsNullOrEmpty(post.FeaturedImage))
                    {
                        <div class="project-image">
                            <img src="@post.FeaturedImage" alt="@post.Title" />
                        </div>
                    }
                    <div class="project-info">
                        <h3>@post.Title</h3>
                        <p class="project-date">@post.CreatedAt.ToString("MMMM dd, yyyy")</p>
                        @if (!string.IsNullOrEmpty(post.Excerpt))
                        {
                            <p>@post.Excerpt</p>
                        }
                        <a href="/blog/post/@post.Slug" class="btn btn-primary btn-small">Read More</a>
                    </div>
                </article>
            }
        </div>
    </div>
</section>