<?php
/**
 * Title: Section Three
 * Slug: wens-travel-joy/section-three
 * Categories: wens-travel-joy
 *
 * @package wens-travel-joy
 * @since 1.0.0
 */

?>

<!-- wp:group {"metadata":{"name":"steps"},"align":"full","style":{"spacing":{"blockGap":"60px"}},"backgroundColor":"custom-light-bg","layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group alignfull has-custom-light-bg-background-color has-background"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group alignwide"><!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"left","style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-primary"}}}},"textColor":"custom-primary"} -->
<h2 class="wp-block-heading has-text-align-left has-custom-primary-color has-text-color has-link-color"><?php echo esc_html__( 'Lets begin your dream adventure today', 'wens-travel-joy' ); ?></h2>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->

<!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left"><?php echo esc_html__( 'An Adventure beckons. Are you up for the challenge?', 'wens-travel-joy' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons {"align":"wide","layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons alignwide"><!-- wp:button -->
<div class="wp-block-button"><a href="#" class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'View All Intresting Trips', 'wens-travel-joy' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"36px"}}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"style":{"border":{"radius":"15px"},"spacing":{"padding":{"top":"32px","left":"32px","right":"32px","bottom":"32px"}}},"backgroundColor":"custom-color-2"} -->
<div class="wp-block-column has-custom-color-2-background-color has-background" style="border-radius:15px;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px"><!-- wp:group {"className":"on-hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group on-hover-shadow"><!-- wp:group {"style":{"spacing":{"blockGap":"18px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"left","level":4} -->
<h4 class="wp-block-heading has-text-align-left"><?php echo esc_html__( '1.Find Your Dream Destination', 'wens-travel-joy' ); ?></h4>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php echo esc_html__( 'Enter your desired destination trip as keyword, filter the countries and tap search.', 'wens-travel-joy' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"border":{"radius":"15px"},"spacing":{"padding":{"top":"32px","left":"32px","right":"32px","bottom":"32px"}}},"backgroundColor":"custom-color-2"} -->
<div class="wp-block-column has-custom-color-2-background-color has-background" style="border-radius:15px;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px"><!-- wp:group {"className":"on-hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group on-hover-shadow"><!-- wp:group {"style":{"spacing":{"blockGap":"18px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"left","level":4} -->
<h4 class="wp-block-heading has-text-align-left"><?php echo esc_html__( '2.Book Your Dream Destination', 'wens-travel-joy' ); ?></h4>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php echo esc_html__( 'Booking has been made simple by just entering your contact details and credentials.', 'wens-travel-joy' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"border":{"radius":"15px"},"spacing":{"padding":{"top":"32px","left":"32px","right":"32px","bottom":"32px"}}},"backgroundColor":"custom-color-2"} -->
<div class="wp-block-column has-custom-color-2-background-color has-background" style="border-radius:15px;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px"><!-- wp:group {"className":"on-hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group on-hover-shadow"><!-- wp:group {"style":{"spacing":{"blockGap":"18px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"left","level":4} -->
<h4 class="wp-block-heading has-text-align-left"><?php echo esc_html__( '3.Complete Checkout Process', 'wens-travel-joy' ); ?></h4>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php echo esc_html__( 'Congratulations, you have successfully booked your dream destination.', 'wens-travel-joy' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->