<?php
/**
 * Title: Client Logos
 * Slug: super-agency/client-logos
 * Categories: gallery, featured
 * Keywords: clients, logos, brands, trust, companies
 * Description: Showcase trusted client logos and brands
 */

$get_url = trailingslashit(get_template_directory_uri());
$logos = [
    $get_url . 'assets/images/client-1.png',
    $get_url . 'assets/images/client-2.png', 
    $get_url . 'assets/images/client-3.png',
    $get_url . 'assets/images/client-4.png',
    $get_url . 'assets/images/client-5.png',
    $get_url . 'assets/images/client-6.png'
];
?>

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"light-gray","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-light-gray-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--xx-large);padding-bottom:var(--wp--preset--spacing--xx-large)">
    <!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|x-large"}},"typography":{"fontWeight":"600"}},"textColor":"body","fontSize":"x-large"} -->
    <h2 class="wp-block-heading has-text-align-center has-body-color has-text-color has-x-large-font-size" style="margin-bottom:var(--wp--preset--spacing--x-large);font-weight:600"><?php esc_html_e('Trusted by Leading Agencies & Brands', 'super-agency'); ?></h2>
    <!-- /wp:heading -->

    <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    <div class="wp-block-columns alignwide">
        <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
        <div class="wp-block-column">
            <!-- wp:image {"align":"center","sizeSlug":"medium","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|dark-duotone"}}} -->
            <figure class="wp-block-image aligncenter size-medium"><img src="<?php echo esc_url($logos[0]); ?>" alt="<?php esc_attr_e('Client Logo 1', 'super-agency'); ?>"/></figure>
            <!-- /wp:image -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
        <div class="wp-block-column">
            <!-- wp:image {"align":"center","sizeSlug":"medium","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|dark-duotone"}}} -->
            <figure class="wp-block-image aligncenter size-medium"><img src="<?php echo esc_url($logos[1]); ?>" alt="<?php esc_attr_e('Client Logo 2', 'super-agency'); ?>"/></figure>
            <!-- /wp:image -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
        <div class="wp-block-column">
            <!-- wp:image {"align":"center","sizeSlug":"medium","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|dark-duotone"}}} -->
            <figure class="wp-block-image aligncenter size-medium"><img src="<?php echo esc_url($logos[2]); ?>" alt="<?php esc_attr_e('Client Logo 3', 'super-agency'); ?>"/></figure>
            <!-- /wp:image -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
        <div class="wp-block-column">
            <!-- wp:image {"align":"center","sizeSlug":"medium","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|dark-duotone"}}} -->
            <figure class="wp-block-image aligncenter size-medium"><img src="<?php echo esc_url($logos[3]); ?>" alt="<?php esc_attr_e('Client Logo 4', 'super-agency'); ?>"/></figure>
            <!-- /wp:image -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
        <div class="wp-block-column">
            <!-- wp:image {"align":"center","sizeSlug":"medium","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|dark-duotone"}}} -->
            <figure class="wp-block-image aligncenter size-medium"><img src="<?php echo esc_url($logos[4]); ?>" alt="<?php esc_attr_e('Client Logo 5', 'super-agency'); ?>"/></figure>
            <!-- /wp:image -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
        <div class="wp-block-column">
            <!-- wp:image {"align":"center","sizeSlug":"medium","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|dark-duotone"}}} -->
            <figure class="wp-block-image aligncenter size-medium"><img src="<?php echo esc_url($logos[5]); ?>" alt="<?php esc_attr_e('Client Logo 6', 'super-agency'); ?>"/></figure>
            <!-- /wp:image -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->