<?php
/**
 * Title: Testimonial
 * Slug: wens-portfolio/testimonial
 * Categories: wens-portfolio
 *
 * @package wens-portfolio
 * @since 1.0.0
 */

?>

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"120px","top":"120px"}}},"backgroundColor":"custom-color-3","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-custom-color-3-background-color has-background" style="padding-top:120px;padding-bottom:120px"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"44px"}}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"26%"} -->
<div class="wp-block-column" style="flex-basis:26%"><!-- wp:heading {"level":4,"align":"wide","style":{"border":{"bottom":{"width":"0px","style":"none"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary"} -->
<h4 class="wp-block-heading alignwide has-secondary-color has-text-color has-link-color" style="border-bottom-style:none;border-bottom-width:0px"><strong><strong><?php echo esc_html__( 'Testimonial', 'wens-portfolio' ); ?></strong></strong></h4>
<!-- /wp:heading -->

<!-- wp:heading {"align":"wide"} -->
<h2 class="wp-block-heading alignwide"><?php echo esc_html__( 'Client', 'wens-portfolio' ); ?><br><?php echo esc_html__( 'feedback', 'wens-portfolio' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( 'What my', 'wens-portfolio' ); ?>&nbsp;<?php echo esc_html__( 'clients think', 'wens-portfolio' ); ?>&nbsp;<?php echo esc_html__( 'about Me', 'wens-portfolio' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"right":"16px","left":"16px"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group alignwide" style="padding-right:16px;padding-left:16px"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"16px","bottom":"16px","left":"16px","right":"16px"}},"border":{"radius":"10px"}},"backgroundColor":"base","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-base-background-color has-background" style="border-radius:10px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}},"fontFamily":"jost"} -->
<p class="has-jost-font-family" style="font-size:16px"><?php echo esc_html__( '“Henry is one of those rare designers who combines technical skill with a true understanding of user experience. He didn’t just deliver beautiful designs—he helped us think through the user journey and fine-tuned every detail. The final product is not only gorgeous but also incredibly intuitive. He’s a true creative partner.”', 'wens-portfolio' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:image {"id":283,"width":"60px","height":"60px","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-default","style":{"border":{"radius":"50%","width":"1px"}},"borderColor":"contrast"} -->
<figure class="wp-block-image size-full is-resized has-custom-border is-style-default"><img src="<?php echo esc_url( get_theme_file_uri() ); ?>/assets/images/about.jpg" alt="" class="has-border-color has-contrast-border-color wp-image-283" style="border-width:1px;border-radius:50%;object-fit:cover;width:60px;height:60px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><strong><?php echo esc_html__( 'Jonathan Reed', 'wens-portfolio' ); ?></strong></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":"16px","bottom":"16px","left":"16px","right":"16px"}},"border":{"radius":"10px"}},"backgroundColor":"base","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-base-background-color has-background" style="border-radius:10px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px"><!-- wp:paragraph -->
<p><?php echo esc_html__( '“Our collaboration with Henry was seamless from start to finish. He’s easy to communicate with, quick to respond, and  the feedback always delivers on time. We hired him for a complete redesign of our app interface, and the feedback from our users has been overwhelmingly positive. His work added real value to our product.”', 'wens-portfolio' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:image {"id":280,"width":"60px","height":"60px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50%","width":"1px"}},"borderColor":"contrast"} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_theme_file_uri() ); ?>/assets/images/about.jpg" alt="" class="has-border-color has-contrast-border-color wp-image-280" style="border-width:1px;border-radius:50%;object-fit:cover;width:60px;height:60px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><strong><?php echo esc_html__( 'Sarah Mitchell', 'wens-portfolio' ); ?></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->