<?php
/**
 * Title: Testimonials
 * Slug: super-agency/testimonials
 * Categories: featured, testimonials
 * Keywords: testimonials, reviews, clients, feedback, quotes
 * Description: Client testimonials with photos and quotes
 */

$get_url = trailingslashit(get_template_directory_uri());
$testimonial_photos = [
    $get_url . 'assets/images/team-1.jpg',
    $get_url . 'assets/images/team-2.jpg',
    $get_url . 'assets/images/team-3.jpg'
];
?>

<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|xxx-large","bottom":"var:preset|spacing|xxx-large"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--xxx-large);padding-bottom:var(--wp--preset--spacing--xxx-large)">
    <!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|xx-large"}}},"layout":{"type":"constrained","contentSize":"700px"}} -->
    <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--xx-large)">
        <!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}},"typography":{"fontWeight":"800"}},"textColor":"heading","fontSize":"xxxx-large"} -->
        <h2 class="wp-block-heading has-text-align-center has-heading-color has-text-color has-xxxx-large-font-size" style="margin-bottom:var(--wp--preset--spacing--medium);font-weight:800"><?php esc_html_e('What Our Clients Say', 'super-agency'); ?></h2>
        <!-- /wp:heading -->

        <!-- wp:paragraph {"align":"center","textColor":"body","fontSize":"x-large"} -->
        <p class="has-text-align-center has-body-color has-text-color has-x-large-font-size"><?php esc_html_e('Don\'t just take our word for it. Here\'s what our clients have to say about working with us.', 'super-agency'); ?></p>
        <!-- /wp:paragraph -->
    </div>
    <!-- /wp:group -->

    <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|x-large","left":"var:preset|spacing|x-large"}}},"className":"super-agency-testimonials-section"} -->
    <div class="wp-block-columns alignwide super-agency-testimonials-section">
        <!-- wp:column -->
        <div class="wp-block-column">
            <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|x-large","right":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large","left":"var:preset|spacing|x-large"},"blockGap":"var:preset|spacing|medium"},"border":{"radius":"16px","width":"1px","color":"var:preset|color|border"}},"backgroundColor":"background","className":"super-agency-testimonial-card","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
            <div class="wp-block-group has-background-background-color has-background has-border-color super-agency-testimonial-card" style="border-color:var(--wp--preset--color--border);border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--x-large)">
                <!-- wp:paragraph {"style":{"typography":{"fontSize":"18px","lineHeight":"1.6"},"spacing":{"margin":{"bottom":"var:preset|spacing|large"}}},"textColor":"body"} -->
                <p class="has-body-color has-text-color" style="margin-bottom:var(--wp--preset--spacing--large);font-size:18px;line-height:1.6"><?php esc_html_e('"Working with Super Agency was an absolute game-changer for our agency. They delivered a stunning website that not only looks incredible but performs exceptionally well. Our conversion rates increased by 40% within the first month!"', 'super-agency'); ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
                <div class="wp-block-group">
                    <!-- wp:image {"sizeSlug":"thumbnail","linkDestination":"none","className":"is-style-rounded"} -->
                    <figure class="wp-block-image size-thumbnail is-style-rounded"><img src="<?php echo esc_url($testimonial_photos[0]); ?>" alt="<?php esc_attr_e('Sarah Mitchell', 'super-agency'); ?>"/></figure>
                    <!-- /wp:image -->

                    <!-- wp:group {"style":{"spacing":{"blockGap":"2px"}},"layout":{"type":"constrained"}} -->
                    <div class="wp-block-group">
                        <!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"},"spacing":{"margin":{"bottom":"2px"}}},"textColor":"heading","fontSize":"medium"} -->
                        <p class="has-heading-color has-text-color has-medium-font-size" style="margin-bottom:2px;font-weight:700"><?php esc_html_e('Sarah Mitchell', 'super-agency'); ?></p>
                        <!-- /wp:paragraph -->

                        <!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0px"}}},"textColor":"muted","fontSize":"small"} -->
                        <p class="has-muted-color has-text-color has-small-font-size" style="margin-top:0px;font-weight:500"><?php esc_html_e('CEO, Creative Studios Inc.', 'super-agency'); ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column -->
        <div class="wp-block-column">
            <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|x-large","right":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large","left":"var:preset|spacing|x-large"},"blockGap":"var:preset|spacing|medium"},"border":{"radius":"16px","width":"1px","color":"var:preset|color|border"}},"backgroundColor":"background","className":"super-agency-testimonial-card","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
            <div class="wp-block-group has-background-background-color has-background has-border-color super-agency-testimonial-card" style="border-color:var(--wp--preset--color--border);border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--x-large)">
                <!-- wp:paragraph {"style":{"typography":{"fontSize":"18px","lineHeight":"1.6"},"spacing":{"margin":{"bottom":"var:preset|spacing|large"}}},"textColor":"body"} -->
                <p class="has-body-color has-text-color" style="margin-bottom:var(--wp--preset--spacing--large);font-size:18px;line-height:1.6"><?php esc_html_e('"The team at Super Agency understood our vision from day one. Their attention to detail and technical expertise helped us launch our platform ahead of schedule. Couldn\'t recommend them more highly!"', 'super-agency'); ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
                <div class="wp-block-group">
                    <!-- wp:image {"sizeSlug":"thumbnail","linkDestination":"none","className":"is-style-rounded"} -->
                    <figure class="wp-block-image size-thumbnail is-style-rounded"><img src="<?php echo esc_url($testimonial_photos[1]); ?>" alt="<?php esc_attr_e('Michael Rodriguez', 'super-agency'); ?>"/></figure>
                    <!-- /wp:image -->

                    <!-- wp:group {"style":{"spacing":{"blockGap":"2px"}},"layout":{"type":"constrained"}} -->
                    <div class="wp-block-group">
                        <!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"},"spacing":{"margin":{"bottom":"2px"}}},"textColor":"heading","fontSize":"medium"} -->
                        <p class="has-heading-color has-text-color has-medium-font-size" style="margin-bottom:2px;font-weight:700"><?php esc_html_e('Michael Rodriguez', 'super-agency'); ?></p>
                        <!-- /wp:paragraph -->

                        <!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0px"}}},"textColor":"muted","fontSize":"small"} -->
                        <p class="has-muted-color has-text-color has-small-font-size" style="margin-top:0px;font-weight:500"><?php esc_html_e('Founder, TechFlow Solutions', 'super-agency'); ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column -->
        <div class="wp-block-column">
            <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|x-large","right":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large","left":"var:preset|spacing|x-large"},"blockGap":"var:preset|spacing|medium"},"border":{"radius":"16px","width":"1px","color":"var:preset|color|border"}},"backgroundColor":"background","className":"super-agency-testimonial-card","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
            <div class="wp-block-group has-background-background-color has-background has-border-color super-agency-testimonial-card" style="border-color:var(--wp--preset--color--border);border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--x-large)">
                <!-- wp:paragraph {"style":{"typography":{"fontSize":"18px","lineHeight":"1.6"},"spacing":{"margin":{"bottom":"var:preset|spacing|large"}}},"textColor":"body"} -->
                <p class="has-body-color has-text-color" style="margin-bottom:var(--wp--preset--spacing--large);font-size:18px;line-height:1.6"><?php esc_html_e('"From concept to launch, Super Agency exceeded every expectation. Their strategic approach and innovative solutions helped us stand out in a crowded market. Our brand has never looked better!"', 'super-agency'); ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
                <div class="wp-block-group">
                    <!-- wp:image {"sizeSlug":"thumbnail","linkDestination":"none","className":"is-style-rounded"} -->
                    <figure class="wp-block-image size-thumbnail is-style-rounded"><img src="<?php echo esc_url($testimonial_photos[2]); ?>" alt="<?php esc_attr_e('Emily Chen', 'super-agency'); ?>"/></figure>
                    <!-- /wp:image -->

                    <!-- wp:group {"style":{"spacing":{"blockGap":"2px"}},"layout":{"type":"constrained"}} -->
                    <div class="wp-block-group">
                        <!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"},"spacing":{"margin":{"bottom":"2px"}}},"textColor":"heading","fontSize":"medium"} -->
                        <p class="has-heading-color has-text-color has-medium-font-size" style="margin-bottom:2px;font-weight:700"><?php esc_html_e('Emily Chen', 'super-agency'); ?></p>
                        <!-- /wp:paragraph -->

                        <!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0px"}}},"textColor":"muted","fontSize":"small"} -->
                        <p class="has-muted-color has-text-color has-small-font-size" style="margin-top:0px;font-weight:500"><?php esc_html_e('Marketing Director, Innovate Labs', 'super-agency'); ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->