<?php
/**
 * Title: Client Testimonials
 * Slug: multipurpose-business-fse/testimonials
 * Categories: multipurpose-business-fse/patterns-cat, featured
 * Description: Sleek client testimonials section with corporate avatars and star ratings.
 * 
 */

$theme_uri = get_stylesheet_directory_uri();
$avatar_1  = $theme_uri . '/assets/images/testimonial-avatar-1.png';
$avatar_2  = $theme_uri . '/assets/images/testimonial-avatar-2.png';
?>

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"color":{"gradient":"linear-gradient(135deg,rgb(3,87,177) 0%,rgb(78,150,207) 49%,rgb(3,87,177) 100%)"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background" style="background:linear-gradient(135deg,rgb(3,87,177) 0%,rgb(78,150,207) 49%,rgb(3,87,177) 100%);padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">

	<!-- wp:heading {"level":2,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"textAlign":"center"}},"textColor":"white"} -->
	<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-link-color"><?php _e( 'Trusted by Industry Leaders', 'multipurpose-business-fse' ); ?></h2>
	<!-- /wp:heading -->

	<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"},"elements":{"link":{"color":{"text":"#bebebe"}}},"color":{"text":"#bebebe"},"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} -->
	<p class="has-text-align-center has-text-color has-link-color" style="color:#bebebe;margin-bottom:var(--wp--preset--spacing--60)"><?php _e( 'Hear directly from the businesses and teams that have scaled their operations using our premium solutions.', 'multipurpose-business-fse' ); ?></p>
	<!-- /wp:paragraph -->

	<!-- wp:columns {"align":"wide"} -->
	<div class="wp-block-columns alignwide">

		<!-- wp:column -->
		<div class="wp-block-column">

			<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}},"border":{"radius":"25px"}},"backgroundColor":"white"} -->
			<div class="wp-block-group has-white-background-color has-background" style="border-radius:25px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">

				<!-- wp:paragraph {"style":{"typography":{"fontSize":"20px","lineHeight":"1"},"color":{"text":"#a0ce4e"},"spacing":{"margin":{"top":"0","bottom":"20px"}}}} -->
				<p class="has-text-color" style="color:#a0ce4e;margin-top:0;margin-bottom:20px;font-size:20px;line-height:1">★★★★★</p>
				<!-- /wp:paragraph -->
				
				<!-- wp:paragraph {"style":{"typography":{"fontSize":"14px"},"color":{"text":"#555555"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
				<p class="has-text-color" style="color:#555555;margin-top:0;margin-bottom:0;font-size:14px"><?php _e( 'This service has completely revolutionized how we manage our digital workflow. The responsive layout and clean architecture saved us hundreds of hours of design time.', 'multipurpose-business-fse' ); ?></p>
				<!-- /wp:paragraph -->

				<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"margin":{"top":"30px"},"padding":{"top":"20px"}},"border":{"top":{"color":"#eeeeee","style":"solid","width":"1px"}}}} -->
				<div class="wp-block-columns is-not-stacked-on-mobile" style="border-top-color:#eeeeee;border-top-style:solid;border-top-width:1px;margin-top:30px;padding-top:20px">
					<!-- wp:column {"width":"60px"} -->
					<div class="wp-block-column" style="flex-basis:60px">
						<!-- wp:image {"width":60,"height":60,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
						<figure class="wp-block-image size-full is-resized is-style-rounded"><img src="<?php echo esc_url( $avatar_1 ); ?>" alt="" width="60" height="60"/></figure>
						<!-- /wp:image -->
					</div>
					<!-- /wp:column -->

					<!-- wp:column {"verticalAlignment":"center"} -->
					<div class="wp-block-column is-vertically-aligned-center">
						<!-- wp:paragraph {"style":{"typography":{"fontSize":"15px","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
						<p style="margin-top:0;margin-bottom:0;font-size:15px;font-weight:700"><?php _e( 'Sarah Jenkins', 'multipurpose-business-fse' ); ?></p>
						<!-- /wp:paragraph -->
						
						<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px","textTransform":"uppercase"},"color":{"text":"#777777"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
						<p class="has-text-color" style="color:#777777;margin-top:0;margin-bottom:0;font-size:12px;text-transform:uppercase"><?php _e( 'VP of Growth, TechCorp Inc.', 'multipurpose-business-fse' ); ?></p>
						<!-- /wp:paragraph -->
					</div>
					<!-- /wp:column -->
				</div>
				<!-- /wp:columns -->

			</div>
			<!-- /wp:group -->

		</div>
		<!-- /wp:column -->

		<!-- wp:column -->
		<div class="wp-block-column">

			<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}},"border":{"radius":"25px"}},"backgroundColor":"white"} -->
			<div class="wp-block-group has-white-background-color has-background" style="border-radius:25px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">

				<!-- wp:paragraph {"style":{"typography":{"fontSize":"20px","lineHeight":"1"},"color":{"text":"#a0ce4e"},"spacing":{"margin":{"top":"0","bottom":"20px"}}}} -->
				<p class="has-text-color" style="color:#a0ce4e;margin-top:0;margin-bottom:20px;font-size:20px;line-height:1">★★★★★</p>
				<!-- /wp:paragraph -->
				
				<!-- wp:paragraph {"style":{"typography":{"fontSize":"14px"},"color":{"text":"#555555"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
				<p class="has-text-color" style="color:#555555;margin-top:0;margin-bottom:0;font-size:14px"><?php _e( 'We saw an immediate 35% increase in lead conversion after launching our new pages built with this layout. The design is exceptionally sleek and professional.', 'multipurpose-business-fse' ); ?></p>
				<!-- /wp:paragraph -->

				<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"margin":{"top":"30px"},"padding":{"top":"20px"}},"border":{"top":{"color":"#eeeeee","style":"solid","width":"1px"}}}} -->
				<div class="wp-block-columns is-not-stacked-on-mobile" style="border-top-color:#eeeeee;border-top-style:solid;border-top-width:1px;margin-top:30px;padding-top:20px">
					<!-- wp:column {"width":"60px"} -->
					<div class="wp-block-column" style="flex-basis:60px">
						<!-- wp:image {"width":60,"height":60,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
						<figure class="wp-block-image size-full is-resized is-style-rounded"><img src="<?php echo esc_url( $avatar_2 ); ?>" alt="" width="60" height="60"/></figure>
						<!-- /wp:image -->
					</div>
					<!-- /wp:column -->

					<!-- wp:column {"verticalAlignment":"center"} -->
					<div class="wp-block-column is-vertically-aligned-center">
						<!-- wp:paragraph {"style":{"typography":{"fontSize":"15px","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
						<p style="margin-top:0;margin-bottom:0;font-size:15px;font-weight:700"><?php _e( 'Marcus Chen', 'multipurpose-business-fse' ); ?></p>
						<!-- /wp:paragraph -->
						
						<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px","textTransform":"uppercase"},"color":{"text":"#777777"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
						<p class="has-text-color" style="color:#777777;margin-top:0;margin-bottom:0;font-size:12px;text-transform:uppercase"><?php _e( 'Founder, VentureSpace', 'multipurpose-business-fse' ); ?></p>
						<!-- /wp:paragraph -->
					</div>
					<!-- /wp:column -->
				</div>
				<!-- /wp:columns -->

			</div>
			<!-- /wp:group -->

		</div>
		<!-- /wp:column -->

	</div>
	<!-- /wp:columns -->

</div>
<!-- /wp:group -->
