<?php
/**
 * Title: Call To Action 01
 * Slug: hakoniwa/call-to-action-01
 * Categories: call-to-action, Hakoniwa
 * 
 * @package Hakoniwa
 * @since 1.0.0
 */

?>
<!-- wp:cover {"overlayColor":"tertiary","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-cover alignfull is-light" style="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)"><span aria-hidden="true" class="wp-block-cover__background has-tertiary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","fontSize":"2xl"} -->
<h2 class="wp-block-heading has-text-align-center has-2-xl-font-size">Call To Action</h2>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'A Call To Action (CTA) is a phrase or element in an advertisement, website, email, or other content that prompts the reader or viewer to take a specific action.', 'Pattern:Call To Action', 'hakoniwa' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'For example, a CTA is a phrase or button that prompts the visitor to take an action, such as "Buy Now," "Start Free Trial," or "Contact Us." Used effectively, CTAs are designed to make it easy for visitors to take the next step.', 'Pattern:Call To Action', 'hakoniwa' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'The goal is to get the user to take a specific action, which is important from a marketing and conversion perspective.', 'Pattern:Call To Action', 'hakoniwa' ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html_x( 'Contact', 'Pattern:Call To Action', 'hakoniwa' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div></div>
<!-- /wp:cover -->
