<?php
/**
 * Title: About Us
 * Slug: solargrove/about
 * Categories: solargrove
 * Keywords: about
 */
?>
<!-- wp:group {"tagName":"main","metadata":{"name":"About Us"},"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|50","top":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"orange","layout":{"type":"constrained"}} -->
<main class="wp-block-group has-orange-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|10"}},"typography":{"letterSpacing":"1px","textTransform":"uppercase"}},"textColor":"primary"} -->
<p class="has-primary-color has-text-color has-link-color" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--10);letter-spacing:1px;text-transform:uppercase"><?php echo esc_html__( 'About', 'solargrove' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"typography":{"fontSize":"32px","fontStyle":"normal","fontWeight":"600","lineHeight":"1.5"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary"} -->
<h2 class="wp-block-heading has-secondary-color has-text-color has-link-color" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30);font-size:32px;font-style:normal;font-weight:600;line-height:1.5"><?php echo esc_html__( 'Learn About Our Values', 'solargrove' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( 'Lorem ipsum dolor sit amet consectetur adipiscing elit sed neque sollicitudin integer, ullamcorper rutrum ad commodo dapibus cras nam facilisi eros volutpat, praesent risus tempus nulla himenaeos felis mi accumsan proin lectus. Imperdiet felis ligula nisl semper euismod primis sapien pharetra, vivamus molestie quis parturient et nulla turpis luctus proin, id blandit lacus lacinia gravida metus odio. Ultricies iaculis himenaeos sociis id erat venenatis volutpat laoreet sodales, parturient ac mattis integer hendrerit curabitur nulla aliquam nibh, feugiat arcu pulvinar ante nascetur ornare inceptos magnis. Mus leo nam turpis urna ridiculus fringilla odio, nullam ligula quis congue volutpat diam feugiat nulla, sem placerat vivamus torquent cum et. Aliquet euismod facilisi dui mattis a nec sed, luctus maecenas nostra vestibulum rhoncus sapien viverra, nisi laoreet pharetra porta risus at.', 'solargrove' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"><!-- wp:gallery {"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-default is-cropped"><!-- wp:image {"id":33,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/banner.jpg" alt="" class="wp-image-33"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/about.jpg" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":20,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/banner.jpg" alt="" class="wp-image-20"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":120,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/solar-panels.jpg" alt="" class="wp-image-120"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":119,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/about.jpg" alt="" class="wp-image-119"/></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></main>
<!-- /wp:group -->