title = "Blog"
url = "/blog"
layout = "default"
is_hidden = 0

[viewBag]
localeUrl[id] = "/blog"

[newsPosts]
pageNumber = "{{ :page }}"
postsPerPage = 10
noPostsMessage = "No posts found"
sortOrder = "published_at desc"
postFeatured = 0
postPage = "news/post"
==
{% set posts = newsPosts.posts %}
<section class="page-cover">
                <div class="container">
                    <div class="row">
                        <div class="col-md-8">
                            <div class="section-title text-center">
                                <h3>{{ 'BLOG' |_}}</h3>
                                <h2>{{ 'TAP INTO FORWARD THINKING' |_}}</h2>
                                <!-- <form action="" class="blog-src">
                                    <input type="text" placeholder="Enter keyword...">
                                    <button>SEARCH</button>
                                </form> -->
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="blog-page">
                <div class="container">
                    <div class="row">
                        {% for post in posts %}
                        <div class="col-md-3 mb-4">
                            <div class="fs-card-2">
                                <figure class="ratio ratio-1">
                                    <a href="/blog-detail/{{post.slug}}"><img src="{{ post.image|media }}" alt="{{ post.title }}"></a>
                                </figure>
                                <div class="text">
                                    <h3><a href="/blog-detail/{{post.slug}}">{{ post.title }}</a></h3>
                                    <div class="meta-info">{{ post.published_at|date('Y-m-d') }}</div>
                                    {{ post.introductory|raw }}
                                </div>
                            </div>
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </section>