---
const posts = await Astro.glob("../pages/posts/*.md");
---

<div class="row">
    {
        posts.slice(0, 3).map((post) => (
            <div class="col-md-4 mb-4 animate-on-scroll">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">
                            {post.frontmatter.titulo}
                        </h5>
                        <p class="card-text">
                            {post.frontmatter.descripcion}
                            ...
                        </p>
                        <a href={post.url} class="btn btn-primary">
                            Leer más
                        </a>
                    </div>
                </div>
            </div>
        ))
    }
</div>