<?php 
$backgroundcolor = $instance['backgroundcolor'];

$image_url = "";
if ( $instance['image'] != '' ){
    $image_url = wp_get_attachment_image_src($instance['image'],"full",false);
}



?>
<div class="container">
<div class="overflow-hidden text-center pt-5 pb-4  ">
<img class=" mt-4 about-img" src="<?php echo esc_url( $image_url[0] ); ?>" data-animate="fadeInUp" data-delay="100" alt="<?php echo get_bloginfo('name'); ?>">
</div>


<div class="row">
<div class="text-center col-lg-8 offset-lg-2 mb-5 ">
<p class="text-rotater fs-p" data-separator="," data-rotate="fadeInRight" data-speed="3500"><?php echo esc_attr( $instance['content'] ); ?>
</p>
	
		
<div>
	
<a href="<?php echo sow_esc_url_raw( $instance['button_url'] ); ?>" class="btn btn-breadcumb mt-5  btn-success text-white rounded-3 px-2 py-2 text-transform-none ls-0 shadow-sm"><i class="uil uil-shopping-bag me-2"></i><?php echo esc_attr( $instance['button_text'] ); ?></a>
<a href="<?php echo sow_esc_url_raw( $instance['button_url1'] ); ?>" class="ms-0 ms-lg-5  btn-breadcumb btn-success text-white mt-5 btn rounded-3 px-2 py-2 text-transform-none ls-0 shadow-sm"><i class="fa-solid fa-envelope me-2"></i><?php echo esc_attr( $instance['button_text1'] ); ?></a>
</div>



	
</div>

<div class="clear"></div>
</div>
</div>




<div class="container   recipe-items pt-5  pb-4">
<div class="heading-block text-center border-0" >
<h3><?php echo esc_attr( $instance['title'] ); ?></h3>
</div>
<div class="row align-items-stretch align-content-stretch g-0">

<div class="col-lg-12">

<ul class="clients-grid row row-cols-2 row-cols-sm-3 row-cols-md-6">

			          <?php
    $args = array(
        'taxonomy' => 'product_brand',
        'hide_empty' => false,
    );

    $terms_query = new WP_Term_Query($args);
    $terms = $terms_query->get_terms();

    foreach ($terms as $term) {
        if (function_exists('z_taxonomy_image_url')) {
            $image_url = z_taxonomy_image_url($term->term_id);
        }

        ?>
	
<li class="col">
<div class="card hover-effect">

	<div class="card-body">
 <img src="<?php echo $image_url; ?>" alt="<?php echo esc_attr($instance['title']); ?>">

</div>
	
</div>
</li>

 <?php
    }
    wp_reset_postdata();
    ?>



</ul>

</div>
</div>
</div>


