<?php
/**
 * Home CTA section.
 *
 * @package ALFASMART
 */

$highlight_color = alfasmart_get_home_field('home_cta_highlight_color', '#f5b400');
?>
<section class="as-cta-section" aria-labelledby="as-cta-title">
    <div class="container as-section-container">
        <div class="row as-layout-row as-cta-inner">
            <div class="col-12 col-lg-7 as-cta-copy as-reveal">
                <p class="as-section-kicker"><?php echo esc_html(alfasmart_get_home_field('home_cta_kicker', 'Why Choose Us')); ?></p>
                <h2 class="as-section-heading" id="as-cta-title" style="--as-cta-heading-color: <?php echo esc_attr($highlight_color); ?>;"><?php echo alfasmart_highlight_text(alfasmart_get_home_field('home_cta_title', 'Let\'s build something great together !'), alfasmart_get_home_field('home_cta_highlight_text', 'Let\'s build something great together !')); ?></h2>
                <p><?php echo esc_html(alfasmart_get_home_field('home_cta_description', 'Don\'t wait any longer to bring your construction dreams to life. Partner with Builto and experience unparalleled service and quality.')); ?></p>
                <div class="as-cta-action-row">
                    <a href="<?php echo esc_url(alfasmart_get_home_field('home_cta_button_url', alfasmart_url('contact'))); ?>" class="as-primary-button as-magnetic"><?php echo esc_html(alfasmart_get_home_field('home_cta_button_text', 'Contact Us Now !')); ?> <i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a>
                    <img class="as-cta-arrow as-reveal" src="<?php echo esc_url(alfasmart_img('arrow-img.webp')); ?>" alt="" aria-hidden="true">
                </div>
            </div>
            <div class="col-12 col-lg-5 as-cta-visual">
                <img class="as-cta-person as-reveal" src="<?php echo esc_url(alfasmart_img('cta-img.webp')); ?>" alt="Engineer pointing toward contact message">
            </div>
        </div>
    </div>
</section>
