<?php
if (function_exists('render_block_preview_image') && render_block_preview_image($block, 'CTA About Us Page')) {
    return;
}
$className = 'cta-about-page sk-section-spacing ' . ($block['className'] ?? '');
?>
<section class="<?php echo esc_attr(trim($className)); ?>" data-aos="fade-up">
    <div class="container">
        <?php $cta_heading = get_field('cta_heading');
        if (isset($cta_heading) && !empty($cta_heading)): ?>
            <div class="cta-about-page-wrapper">
                <div class="cta-about-page-content" data-aos="fade-up">
                    <h2><?php echo esc_html($cta_heading); ?></h2>
                <?php endif; ?>
                <?php $cta_description = get_field('cta_description');
                if (isset($cta_description) && !empty($cta_description)): ?>
                    <p> <?php echo wp_kses_post($cta_description); ?></p>
                <?php endif;
                $cta_link = get_field('cta_link');
                if (isset($cta_link) && !empty($cta_link)): ?>
                    <a href="<?php echo (isset($cta_link['url']) && !empty($cta_link['url'])) ? esc_url($cta_link['url']) : '#'; ?>"
                        target="<?php echo (isset($cta_link['target']) && !empty($cta_link['target'])) ? esc_attr($cta_link['target']) : '_self'; ?>"
                        class="custom-btn">
                        <?php echo (isset($cta_link['title']) && !empty($cta_link['title'])) ? esc_html($cta_link['title']) : ''; ?>
                    </a>
                <?php endif; ?>
            </div>
            <div class="cta-about-page-img">
                <?php $image = get_field('image');
                if (isset($image) && !empty($image) && isset($image['url']) && !empty($image['url'])): ?>
                    <img decoding="async" aria-label="image-our-team" src="<?php echo esc_url($image['url']); ?>"
                        alt="<?php echo (isset($image['alt']) && !empty($image['alt'])) ? esc_attr($image['alt']) : ''; ?>">
                <?php endif; ?>
            </div>
        </div>
    </div>
</section>