<?php
/**
 * Home about section.
 *
 * @package ALFASMART
 */
$slides = (array) alfasmart_get_home_field('home_about_slides', array());
?>
<section class="as-about-section" id="about" aria-labelledby="as-about-title">
    <div class="container as-section-container">
        <div class="row as-layout-row as-about-row">
            <div class="col-12 col-lg-6 as-vision-column as-reveal">
                <?php get_template_part('template-parts/components/vision-slider', null, array('slides' => $slides)); ?>
            </div>
            <div class="col-12 col-lg-6 as-about-copy as-reveal">
                <p class="as-section-kicker"><?php echo esc_html(alfasmart_get_home_field('home_about_kicker', 'About Alpha Smart')); ?></p>
                <h2 class="as-section-heading" id="as-about-title"><?php echo esc_html(alfasmart_get_home_field('home_about_title', 'A group built on trust, clarity, and commercial strength.')); ?></h2>
                <?php echo wp_kses_post(alfasmart_get_home_field('home_about_copy', '<p>ALPHA Smart is a Dubai-based trading group with a forward-looking mindset and a broad commercial scope.</p><p>Operating in general trading, the company is positioned to serve diverse industries through strategic sourcing, market insight, and value-driven execution.</p>')); ?>
                <a href="<?php echo esc_url(alfasmart_get_home_field('home_about_button_url', alfasmart_url('about'))); ?>" class="as-primary-button as-magnetic"><?php echo esc_html(alfasmart_get_home_field('home_about_button_text', 'Learn More About Us')); ?> <i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a>
            </div>
            <div class="hold-steps">
                <div class="row align-items-start">
                    <div class="col-md-6">
                        <p class="as-muted-copy"><?php echo esc_html(alfasmart_get_home_field('home_about_muted_copy', 'We specialize in a wide range of construction services, including residential, commercial, and industrial projects. From initial design to final inspection, we work closely with our clients to understand their unique needs and vision.')); ?></p>
                    </div>
                    <div class="col-md-6">
                        <ul class="as-check-list">
                            <?php foreach ((array) alfasmart_get_home_field('home_about_checklist', array()) as $item) : ?>
                                <li><i class="fa-solid fa-check" aria-hidden="true"></i><?php echo esc_html($item['item'] ?? ''); ?></li>
                            <?php endforeach; ?>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <a class="as-video-frame as-reveal" href="<?php echo esc_url(alfasmart_get_image_url(alfasmart_get_home_field('home_about_video_file'), 'video.mp4')); ?>" data-fancybox="company-video" data-type="html5video" aria-label="<?php esc_attr_e('Play company video', 'alfasmart'); ?>">
            <img src="<?php echo esc_url(alfasmart_get_image_url(alfasmart_get_home_field('home_about_video_cover'), 'about-video-bg.webp')); ?>" alt="<?php echo esc_attr(alfasmart_get_home_field('home_about_video_alt', 'Modern architecture building exterior')); ?>">
            <span class="as-play-button" aria-hidden="true"><i class="fa-solid fa-play"></i></span>
        </a>
    </div>
</section>
