<!-- Category 2 Section 3 -->
<section class="relative pt-8 lg:pt-12 lg:pb-12">
    <div class="container px-4">
        <div class="flex flex-col md:flex-row justify-between gap-[58px]">
            <div class="flex flex-col gap-16">
                <div class="grid grid-cols-1 gap-y-[65px] max-w-[850px]">
                    @@loop('../elements/card-post-9.html', [
                        {
                            "img": "assets/imgs/pages/img-02.png",
                            "category": "Trending",
                            "avatar": "assets/imgs/avatar/avatar-01.png",
                            "author": "Eva Davis",
                            "date": "June 8, 2024",
                            "title": "Globetrotting in Style: A Journey Through My Lens",
                            "excerpt": "Discover the narrative woven through each brushstroke, portraying the delicate dance between chaos and harmony. As we navigate the intricate landscapes of inspiration, we unravel the stories that shape us."
                        },
                        {
                            "img": "assets/imgs/pages/img-03.png",
                            "category": "Technology",
                            "avatar": "assets/imgs/avatar/avatar-05.png",
                            "author": "Sophia Miller",
                            "date": "June 8, 2024",
                            "title": "Innovation in Space Exploration: New Frontiers Await",
                            "excerpt": "Discover the narrative woven through each brushstroke, portraying the delicate dance between chaos and harmony. As we navigate the intricate landscapes of inspiration, we unravel the stories that shape us."
                        },
                        {
                            "img": "assets/imgs/pages/img-04.png",
                            "category": "Science",
                            "avatar": "assets/imgs/avatar/avatar-06.png",
                            "author": "Bob Smith",
                            "date": "June 8, 2024",
                            "title": "The Future of Robotics: Transforming Industries",
                            "excerpt": "Discover the narrative woven through each brushstroke, portraying the delicate dance between chaos and harmony. As we navigate the intricate landscapes of inspiration, we unravel the stories that shape us."
                        },
                        {
                            "img": "assets/imgs/pages/img-05.png",
                            "category": "Travel",
                            "avatar": "assets/imgs/avatar/avatar-02.png",
                            "author": "Alice Johnson",
                            "date": "June 8, 2024",
                            "title": "Sustainable Living: Tips for a Greener Tomorrow",
                            "excerpt": "Discover the narrative woven through each brushstroke, portraying the delicate dance between chaos and harmony. As we navigate the intricate landscapes of inspiration, we unravel the stories that shape us."
                        },
                        ]
                    )

                </div>

                <div class="relative">
                    @@include('../elements/pagination.html')
                </div>
            </div>

            @@include('../components/sidebar-1.html')
        </div>
    </div>
</section>