<?php

/**
 * Title: Testimonial Block
 * Slug: atozshop/testimonial-block
 * Categories: atozshop-patterns
 */
$atozshop_url = trailingslashit(get_stylesheet_directory_uri());
$atozshop_images = array(
    $atozshop_url . 'assets/images/fota_testimonial_1.png',
    $atozshop_url . 'assets/images/fota_testimonial_2.png',
    $atozshop_url . 'assets/images/fota_testimonial_3.png'
);
?>
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"120px","bottom":"120px","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"constrained","contentSize":"1180px"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:120px;padding-right:var(--wp--preset--spacing--50);padding-bottom:120px;padding-left:var(--wp--preset--spacing--50)"><!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"80px"}}}} -->
    <div class="wp-block-columns"><!-- wp:column {"width":"40%","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
        <div class="wp-block-column" style="flex-basis:40%"><!-- wp:heading {"textAlign":"left","level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"500","textTransform":"uppercase"}},"textColor":"primary","fontSize":"x-small"} -->
            <h5 class="wp-block-heading has-text-align-left has-primary-color has-text-color has-x-small-font-size" style="font-style:normal;font-weight:500;text-transform:uppercase"><?php echo esc_html_e('Reviews', 'atozshop') ?></h5>
            <!-- /wp:heading -->

            <!-- wp:heading {"textAlign":"left","style":{"typography":{"fontStyle":"normal","fontWeight":"500","fontSize":"44px"}}} -->
            <h2 class="wp-block-heading has-text-align-left" style="font-size:44px;font-style:normal;font-weight:500"><?php echo esc_html_e('Words from Happy Customers', 'atozshop') ?></h2>
            <!-- /wp:heading -->

            <!-- wp:buttons {"style":{"spacing":{"margin":{"top":"36px"}}}} -->
            <div class="wp-block-buttons" style="margin-top:36px"><!-- wp:button {"style":{"border":{"radius":"5px"},"spacing":{"padding":{"left":"40px","right":"40px","top":"18px","bottom":"18px"}},"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
                <div class="wp-block-button" style="font-style:normal;font-weight:500"><a class="wp-block-button__link wp-element-button" style="border-radius:5px;padding-top:18px;padding-right:40px;padding-bottom:18px;padding-left:40px"><?php echo esc_html_e('View all Reviews', 'atozshop') ?></a></div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"style":{"spacing":{"blockGap":"70px"}}} -->
        <div class="wp-block-column"><!-- wp:group {"layout":{"type":"constrained"}} -->
            <div class="wp-block-group"><!-- wp:paragraph -->
                <p><?php echo esc_html_e('“WOW, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'atozshop') ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                <div class="wp-block-group"><!-- wp:image {"id":131,"width":"60px","height":"60px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"60px"}}} -->
                    <figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url($atozshop_images[0]) ?>" alt="" class="wp-image-131" style="border-radius:60px;object-fit:cover;width:60px;height:60px" /></figure>
                    <!-- /wp:image -->

                    <!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
                    <div class="wp-block-group"><!-- wp:heading {"level":5} -->
                        <h5 class="wp-block-heading"><?php echo esc_html_e('George Gerrat', 'atozshop') ?></h5>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph {"fontSize":"x-small"} -->
                        <p class="has-x-small-font-size"><?php echo esc_html_e('Loyal Customer', 'atozshop') ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"layout":{"type":"constrained"}} -->
            <div class="wp-block-group"><!-- wp:paragraph -->
                <p><?php echo esc_html_e('“Superb, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'atozshop') ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                <div class="wp-block-group"><!-- wp:image {"id":135,"width":"60px","height":"60px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"60px"}}} -->
                    <figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url($atozshop_images[1]) ?>" alt="" class="wp-image-135" style="border-radius:60px;object-fit:cover;width:60px;height:60px" /></figure>
                    <!-- /wp:image -->

                    <!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
                    <div class="wp-block-group"><!-- wp:heading {"level":5} -->
                        <h5 class="wp-block-heading"><?php echo esc_html_e('Marcus Lemm', 'atozshop') ?></h5>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph {"fontSize":"x-small"} -->
                        <p class="has-x-small-font-size"><?php echo esc_html_e('Loyal Customer', 'atozshop') ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"layout":{"type":"constrained"}} -->
            <div class="wp-block-group"><!-- wp:paragraph -->
                <p><?php echo esc_html_e('“Great Support, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'atozshop') ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                <div class="wp-block-group"><!-- wp:image {"id":144,"width":"60px","height":"60px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"60px"}}} -->
                    <figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url($atozshop_images[2]) ?>" alt="" class="wp-image-144" style="border-radius:60px;object-fit:cover;width:60px;height:60px" /></figure>
                    <!-- /wp:image -->

                    <!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
                    <div class="wp-block-group"><!-- wp:heading {"level":5} -->
                        <h5 class="wp-block-heading"><?php echo esc_html_e('Marina Gard', 'atozshop') ?></h5>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph {"fontSize":"x-small"} -->
                        <p class="has-x-small-font-size"><?php echo esc_html_e('Loyal Customer', 'atozshop') ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->