<div class="row">

    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=seo-optimization" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color1);">
            <h6 class="title mb-1">{$lang.nav.seo_optimization}</h6>
            <p class="small text-muted mb-0">SEO settings & optimization</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>

    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=sitemap-robots" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color2);">
            <h6 class="title mb-1">{$lang.nav.sitemap_robots}</h6>
            <p class="small text-muted mb-0">Sitemap & robots.txt</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>

    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=indexing-monitoring" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color3);">
            <h6 class="title mb-1">{$lang.nav.indexing_monitoring}</h6>
            <p class="small text-muted mb-0">Indexing status</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>

    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=speed-check" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color4);">
            <h6 class="title mb-1">{$lang.nav.speed_check}</h6>
            <p class="small text-muted mb-0">Website speed analysis</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>

    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=uniqueness-check" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color5);">
            <h6 class="title mb-1">{$lang.nav.uniqueness_check}</h6>
            <p class="small text-muted mb-0">Content uniqueness</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>

</div>