<?php
/**
 * Services archive.
 *
 * @package ALFASMART
 */

get_header();

$services = alfasmart_query_posts_or_fallback('services', alfasmart_service_items());
?>
<section class="as-archive-section as-archive-services" aria-labelledby="as-archive-services-title">
    <div class="video-shape" aria-hidden="true">
        <video class="as-inner-hero-video" src="<?php echo esc_url(alfasmart_img('breadcrumb.mp4')); ?>" autoplay muted loop playsinline></video>
    </div>
    <div class="container as-section-container">
        <div class="as-archive-head as-reveal">
            <p class="as-section-kicker"><?php echo esc_html(alfasmart_text('Our Group', 'مجموعتنا')); ?></p>
            <h1 class="as-section-heading" id="as-archive-services-title"><?php echo esc_html(alfasmart_text('Services designed for modern trade.', 'خدمات مصممة للتجارة الحديثة.')); ?></h1>
            <p class="intro-serv-para"><?php echo esc_html(alfasmart_text('In a world of complex global markets, the key is to stand out with precision and reliability. Generic approaches won\'t help you scale. With ALPHA Smart, you can ensure your operations are structured for sustainable growth.', 'في عالم الأسواق العالمية المعقدة، التميز يحتاج إلى دقة وموثوقية. مع ألفا سمارت تصبح عملياتك أكثر تنظيماً واستعداداً للنمو المستدام.')); ?></p>
        </div>
        <div class="row as-card-row as-archive-service-grid">
            <?php foreach ($services as $service) : ?>
                <div class="col-12 col-md-6 col-lg-4">
                    <?php get_template_part('template-parts/components/service-card', null, array('service' => $service, 'heading' => 'h2')); ?>
                </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>
<?php
get_footer();
