<?php
/**
 * Home hero banner.
 *
 * @package ALFASMART
 */

$hero_background = alfasmart_get_image_url(alfasmart_get_home_field('home_hero_background_image'), 'slider.webp');
$highlight_color = alfasmart_get_home_field('home_hero_highlight_color', '#f5b400');
?>
<section class="as-hero-section" id="home" aria-labelledby="as-hero-title">
    <div class="as-hero-bg" aria-hidden="true" style="background-image:url('<?php echo esc_url($hero_background); ?>');"></div>
    <div class="as-hero-overlay" aria-hidden="true"></div>
    <div class="as-hero-content as-reveal">
        <p class="as-pill-label"><?php echo esc_html(alfasmart_get_home_field('home_hero_kicker', 'Premium Trading Group')); ?></p>
        <h1 class="as-hero-title" id="as-hero-title" style="--as-hero-highlight-color: <?php echo esc_attr($highlight_color); ?>;"><?php echo alfasmart_highlight_text(alfasmart_get_home_field('home_hero_title', 'Where intelligent trading meets <span>elevated business growth.</span>'), alfasmart_get_home_field('home_hero_highlight_text', 'elevated business growth.')); ?></h1>
        <p class="as-hero-copy"><?php echo esc_html(alfasmart_get_home_field('home_hero_description', 'ALPHA Smart is a refined trading group built to connect markets, unlock opportunities, and deliver value across multiple sectors with confidence and precision.')); ?></p>
        <div class="as-hero-actions">
            <a href="<?php echo esc_url(alfasmart_get_home_field('home_hero_primary_url', get_post_type_archive_link('companies') ?: home_url('/companies/'))); ?>" class="as-primary-button as-magnetic"><?php echo esc_html(alfasmart_get_home_field('home_hero_primary_text', 'Explore Our Companies')); ?> <i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a>
            <a href="<?php echo esc_url(alfasmart_get_home_field('home_hero_secondary_url', alfasmart_url('contact'))); ?>" class="as-ghost-button as-magnetic"><?php echo esc_html(alfasmart_get_home_field('home_hero_secondary_text', 'Get In Touch')); ?></a>
        </div>
    </div>
    <div class="as-client-counter as-reveal" data-as-counter-scope>
        <div class="as-client-stack" aria-label="<?php esc_attr_e('Satisfied client avatars', 'alfasmart'); ?>">
            <?php foreach (array('client1.webp', 'client2.webp', 'client3.webp', 'client4.webp') as $client_image) : ?>
                <img src="<?php echo esc_url(alfasmart_img($client_image)); ?>" alt="">
            <?php endforeach; ?>
        </div>
        <strong><span data-as-counter data-target="<?php echo esc_attr(alfasmart_get_home_field('home_client_count', 978)); ?>">0</span>+</strong>
        <span><?php echo esc_html(alfasmart_get_home_field('home_client_label', 'Satisfied client all over the world')); ?></span>
    </div>
</section>
