<?php
/**
 * Title: Services 6: Style 1
 * Slug: brahma/services-6-style-1
 * Categories: services
 * Description: 3 columns services with image, paragraphs, buttons
 *
 * @package brahma
 * @since 1.0.6
 */

?>

<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|100","padding":{"top":"var:preset|spacing|120","bottom":"var:preset|spacing|120"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--120);padding-bottom:var(--wp--preset--spacing--120)">
	<!-- wp:heading {"align":"wide","style":{"layout":{"selfStretch":"fixed","flexSize":"100%"}}} -->
	<h2 class="wp-block-heading alignwide"><?php esc_html_e( 'Services', 'brahma' ); ?></h2>
	<!-- /wp:heading -->

	<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
	<div class="wp-block-group alignwide">
		<!-- wp:columns {"metadata":{"name":"Items"},"align":"wide"} -->
		<div class="wp-block-columns alignwide">
			<!-- wp:column {"metadata":{"name":"Item"}} -->
			<div class="wp-block-column">
				<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
				<div class="wp-block-group">
					<!-- wp:image {"id":16531,"aspectRatio":"4/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":"unset"}}} -->
					<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/placeholder-color-1-800x800.webp' ) ); ?>" alt="" class="wp-image-16531" style="aspect-ratio:4/3;object-fit:cover"/></figure>
					<!-- /wp:image -->

					<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
					<div class="wp-block-group">
						<!-- wp:heading {"level":3,"className":"is-service-name"} -->
						<h3 class="wp-block-heading is-service-name"><?php esc_html_e( 'Services 1', 'brahma' ); ?></h3>
						<!-- /wp:heading -->

						<!-- wp:paragraph {"className":"is-service-description"} -->
						<p class="is-service-description"><?php esc_html_e( 'We offer tailored, professional solutions designed to meet your unique needs. With a focus on quality and customer satisfaction, we deliver results that exceed expectations.', 'brahma' ); ?></p>
						<!-- /wp:paragraph -->

						<!-- wp:buttons -->
						<div class="wp-block-buttons">
							<!-- wp:button {"className":"is-service-link"} -->
							<div class="wp-block-button is-service-link"><a class="wp-block-button__link wp-element-button" href="#"><?php esc_html_e( 'Learn more', 'brahma' ); ?></a></div>
							<!-- /wp:button -->
						</div>
						<!-- /wp:buttons -->
					</div>
					<!-- /wp:group -->
				</div>
				<!-- /wp:group -->
			</div>
			<!-- /wp:column -->

			<!-- wp:column {"metadata":{"name":"Item"}} -->
			<div class="wp-block-column">
				<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
				<div class="wp-block-group">
					<!-- wp:image {"id":16531,"aspectRatio":"4/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":"unset"}}} -->
					<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/placeholder-color-2-800x800.webp' ) ); ?>" alt="" class="wp-image-16531" style="aspect-ratio:4/3;object-fit:cover"/></figure>
					<!-- /wp:image -->

					<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
					<div class="wp-block-group">
						<!-- wp:heading {"level":3,"className":"is-service-name"} -->
						<h3 class="wp-block-heading is-service-name"><?php esc_html_e( 'Services 2', 'brahma' ); ?></h3>
						<!-- /wp:heading -->

						<!-- wp:paragraph {"className":"is-service-description"} -->
						<p class="is-service-description"><?php esc_html_e( 'We offer tailored, professional solutions designed to meet your unique needs. With a focus on quality and customer satisfaction, we deliver results that exceed expectations.', 'brahma' ); ?></p>
						<!-- /wp:paragraph -->

						<!-- wp:buttons -->
						<div class="wp-block-buttons">
							<!-- wp:button {"className":"is-service-link"} -->
							<div class="wp-block-button is-service-link"><a class="wp-block-button__link wp-element-button" href="#"><?php esc_html_e( 'Learn more', 'brahma' ); ?></a></div>
							<!-- /wp:button -->
						</div>
						<!-- /wp:buttons -->
					</div>
					<!-- /wp:group -->
				</div>
				<!-- /wp:group -->
			</div>
			<!-- /wp:column -->

			<!-- wp:column {"metadata":{"name":"Item"}} -->
			<div class="wp-block-column">
				<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
				<div class="wp-block-group">
					<!-- wp:image {"id":16531,"aspectRatio":"4/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":"unset"}}} -->
					<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/placeholder-gray-1-800x800.webp' ) ); ?>" alt="" class="wp-image-16531" style="aspect-ratio:4/3;object-fit:cover"/></figure>
					<!-- /wp:image -->

					<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
					<div class="wp-block-group">
						<!-- wp:heading {"level":3,"className":"is-service-name"} -->
						<h3 class="wp-block-heading is-service-name"><?php esc_html_e( 'Services 3', 'brahma' ); ?></h3>
						<!-- /wp:heading -->

						<!-- wp:paragraph {"className":"is-service-description"} -->
						<p class="is-service-description"><?php esc_html_e( 'We offer tailored, professional solutions designed to meet your unique needs. With a focus on quality and customer satisfaction, we deliver results that exceed expectations.', 'brahma' ); ?></p>
						<!-- /wp:paragraph -->

						<!-- wp:buttons -->
						<div class="wp-block-buttons">
							<!-- wp:button {"className":"is-service-link"} -->
							<div class="wp-block-button is-service-link"><a class="wp-block-button__link wp-element-button" href="#"><?php esc_html_e( 'Learn more', 'brahma' ); ?></a></div>
							<!-- /wp:button -->
						</div>
						<!-- /wp:buttons -->
					</div>
					<!-- /wp:group -->
				</div>
				<!-- /wp:group -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->