{% load static %}
<div class="col-sm-6 col-lg-4 mb-4">
    <div class="card card-blog animate-box animate__animated animated-fast" data-animate="animate__fadeIn">
        <div class="blog-date"><span class="date">10 March 2026</span></div>
        <img src="{% static 'images/insights1.jpg' %}" alt="Blog Image" class="img-fluid" />
        <div class="card-body">
            <h3 class="blog-title">Why your website may be costing you business?</h3>
            <p>Most websites look fine but perform badly. Slow load times, poor mobile experience, and unclear calls to action are quietly costing you more than you think.</p>
        </div>
    </div>
</div>
<div class="col-sm-6 col-lg-4 mb-4">
    <div class="card card-blog animate-box animate__animated animated-fast card-without-img" data-animate="animate__fadeIn">
        <div class="blog-date"><span class="date">02 April 2026</span></div>
        <div class="card-body">
            <h3 class="blog-title">Building a Strong Digital Presence</h3>
            <p>Building a strong digital presence isn't about being everywhere, it's about being intentional. Choose the right channels and turn traffic into real results.</p>
        </div>
    </div>
</div>
<div class="col-sm-6 col-lg-4 mb-4">
    <div class="card card-blog animate-box animate__animated animated-fast" data-animate="animate__fadeIn">
        <div class="blog-date"><span class="date">01 April 2026</span></div>
        <img src="{% static 'images/insights3.jpg' %}" alt="Blog Image" class="img-fluid" />
        <div class="card-body">
            <h3 class="blog-title">What startups get wrong in the first 90 Days!?</h3>
            <p>Most startup projects stall not because of the idea, but because of poor planning, bad tech choices, and skipping the prototype stage.</p>
        </div>
    </div>
</div>
<div class="col-sm-6 col-lg-4 mb-4">
    <div class="card card-blog animate-box animate__animated animated-fast" data-animate="animate__fadeIn">
        <div class="blog-date"><span class="date">28 May 2026</span></div>
        <img src="{% static 'images/insights2.jpg' %}" alt="Blog Image" class="img-fluid" />
        <div class="card-body">
            <h3 class="blog-title">SEO vs SEM: Which one does your biz actually need?</h3>
            <p>Both drive traffic, but differently. We explain when to invest in organic search, when to go paid, and why most businesses need both.</p>
        </div>
    </div>
</div>
<div class="col-sm-6 col-lg-4 mb-4">
    <div class="card card-blog animate-box animate__animated animated-fast card-without-img" data-animate="animate__fadeIn">
        <div class="blog-date"><span class="date">25 May 2026</span></div>
        <div class="card-body">
            <h3 class="blog-title">Why Your Traffic Isn't Converting</h3>
            <p>Most businesses struggle with conversion, not traffic. Learn why users don't take action and how to fix weak landing pages.</p>
        </div>
    </div>
</div>
<div class="col-sm-6 col-lg-4 mb-4">
    <div class="card card-blog animate-box animate__animated animated-fast card-without-img" data-animate="animate__fadeIn">
        <div class="blog-date"><span class="date">23 May 2026</span></div>
        <div class="card-body">
            <h3 class="blog-title">Design That Actually Converts</h3>
            <p>A website should guide users, not just look good. Learn how structure and UX flow turn visitors into customers.</p>
        </div>
    </div>
</div>