<?php
/**
 * Inner about page Alpha Smart section.
 *
 * @package ALFASMART
 */

$slides = (array) alfasmart_get_about_field('about_intro_slides');
?>
<section class="as-about-section" id="about-alpha-smart" aria-labelledby="as-inner-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_about_field('about_intro_kicker')); ?></p>
                <h2 class="as-section-heading" id="as-inner-about-title"><?php echo esc_html(alfasmart_get_about_field('about_intro_title')); ?></h2>
                <?php echo wp_kses_post(alfasmart_get_about_field('about_intro_copy')); ?>
            </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_about_field('about_intro_muted_copy')); ?></p>
                    </div>
                    <div class="col-md-6">
                        <ul class="as-check-list">
                            <?php foreach ((array) alfasmart_get_about_field('about_intro_checklist') 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>
    </div>
</section>
