<?php
/**
 * Title: Activities
 * Slug: gotrip/activities
 * Categories: gotrip
 *
 * @package GoTrip
 * @since 1.0.0
 */

?>
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="wp-block-heading has-text-align-center"><?php  esc_html_e( 'Explore by', 'gotrip' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() );?>/assets/images/food-drinks.jpg","id":2071,"dimRatio":30,"overlayColor":"vivid-cyan-blue","minHeight":300,"className":"trips-cover"} -->
<div class="wp-block-cover trips-cover" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-vivid-cyan-blue-background-color has-background-dim-30 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-2071" alt="" src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/food-drinks.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","level":3,"textColor":"color-light","fontSize":"content-heading"} -->
<h3 class="wp-block-heading has-text-align-center has-color-light-color has-text-color has-content-heading-font-size"><?php  esc_html_e( 'Eat &amp; Drink', 'gotrip' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"background"} -->
<p class="has-text-align-center has-background-color has-text-color"><?php  esc_html_e( '8 Places', 'gotrip' ); ?></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() );?>/assets/images/stay.jpg","id":2069,"dimRatio":30,"overlayColor":"vivid-red","minHeight":300,"isDark":false,"className":"trips-cover"} -->
<div class="wp-block-cover is-light trips-cover" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-vivid-red-background-color has-background-dim-30 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-2069" alt="" src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/stay.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","level":3,"textColor":"background","fontSize":"content-heading"} -->
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color has-content-heading-font-size"><?php  esc_html_e( 'See &amp; Do', 'gotrip' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"background"} -->
<p class="has-text-align-center has-background-color has-text-color"><?php  esc_html_e( ' 5 Places', 'gotrip' ); ?></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() );?>/assets/images/festival.jpg","id":2070,"dimRatio":30,"overlayColor":"vivid-purple","minHeight":300,"className":"trips-cover"} -->
<div class="wp-block-cover trips-cover" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-vivid-purple-background-color has-background-dim-30 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-2070" alt="" src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/festival.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","level":3,"textColor":"background","fontSize":"content-heading"} -->
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color has-content-heading-font-size"><?php  esc_html_e( 'Festivals', 'gotrip' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"background"} -->
<p class="has-text-align-center has-background-color has-text-color"><?php  esc_html_e( '10 Places', 'gotrip' ); ?></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() );?>/assets/images/stay.jpg","id":2069,"dimRatio":30,"overlayColor":"tertiary","minHeight":300,"isDark":false,"className":"trips-cover"} -->
<div class="wp-block-cover is-light trips-cover" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-tertiary-background-color has-background-dim-30 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-2069" alt="" src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/stay.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","level":3,"textColor":"background","fontSize":"content-heading"} -->
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color has-content-heading-font-size"><?php  esc_html_e( 'Stay', 'gotrip' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"background"} -->
<p class="has-text-align-center has-background-color has-text-color"><?php  esc_html_e( '6 Places', 'gotrip' ); ?></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"80px"} -->
<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->