<?php

/**
 * Title: About Banner
 * Slug: blynex/a2-about-banner
 * Categories: about
 * Block Types: core/template-part/about-banner
 * Description: A cover section with a background color and images, featuring a heading, paragraph, and buttons.
 *
 * @package WordPress
 * @subpackage Blynex
 * @since Blynex 1.0
 */
?>
<!-- wp:cover {"overlayColor":"accent-1","isUserOverlayColor":true,"style":{"spacing":{"margin":{"top":"-20px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover" style="margin-top:-20px"><span aria-hidden="true" class="wp-block-cover__background has-accent-1-background-color has-background-dim-100 has-background-dim"></span>
    <div class="wp-block-cover__inner-container"><!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"},"blockGap":{"top":"var:preset|spacing|20","left":"var:preset|spacing|40"}}}} -->
        <div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)"><!-- wp:column {"width":"40%"} -->
            <div class="wp-block-column" style="flex-basis:40%"><!-- wp:heading {"className":"is-style-text-display"} -->
                <h2 class="wp-block-heading is-style-text-display"><strong><?php echo esc_html__('Our commitment to Your Security', 'blynex'); ?></strong></h2>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|50","left":"0","right":"0"}}},"fontSize":"medium"} -->
                <p class="has-medium-font-size" style="margin-top:var(--wp--preset--spacing--40);margin-right:0;margin-bottom:var(--wp--preset--spacing--50);margin-left:0"><?php echo esc_html__('We are a leading insurance provider committed to safeguarding your future. With a strong foundation built on trust and reliability, we offer a comprehensive range of insurance.', 'blynex'); ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:buttons {"layout":{"type":"flex","orientation":"horizontal"}} -->
                <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-primary"} -->
                    <div class="wp-block-button is-style-primary"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__('Secure Your Family', 'blynex'); ?></a></div>
                    <!-- /wp:button -->
                </div>
                <!-- /wp:buttons -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"width":"35%"} -->
            <div class="wp-block-column" style="flex-basis:35%"><!-- wp:image {"id":3449,"width":"389px","height":"auto","sizeSlug":"full","linkDestination":"none","align":"right","style":{"border":{"radius":"15px"}}} -->
                <figure class="wp-block-image alignright size-full is-resized has-custom-border"><img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/blynex-about-05.webp'); ?>" alt="<?php echo esc_attr__('About our company', 'blynex'); ?>" class="wp-image-3449" style="border-radius:15px;width:389px;height:auto" /></figure>
                <!-- /wp:image -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"width":"25%"} -->
            <div class="wp-block-column" style="flex-basis:25%"><!-- wp:image {"id":3451,"width":"325px","height":"auto","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
                <figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/blynex-about-06.webp'); ?>" alt="<?php echo esc_attr__('Our team', 'blynex'); ?>" class="wp-image-3451" style="border-radius:10px;width:325px;height:auto" /></figure>
                <!-- /wp:image -->

                <!-- wp:columns {"style":{"border":{"radius":"10px"},"spacing":{"margin":{"top":"var:preset|spacing|30"}}},"backgroundColor":"base"} -->
                <div class="wp-block-columns has-base-background-color has-background" style="border-radius:10px;margin-top:var(--wp--preset--spacing--30)"><!-- wp:column -->
                    <div class="wp-block-column"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                        <div class="wp-block-group"><!-- wp:image {"id":3461,"sizeSlug":"full","linkDestination":"none","align":"left"} -->
                            <figure class="wp-block-image alignleft size-full"><img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/blynex-about-04.png'); ?>" alt="<?php echo esc_attr__('Client reviews', 'blynex'); ?>" class="wp-image-3461" /></figure>
                            <!-- /wp:image -->
                        </div>
                        <!-- /wp:group -->

                        <!-- wp:paragraph {"align":"left","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast","fontSize":"medium"} -->
                        <p class="has-text-align-left has-contrast-color has-text-color has-link-color has-medium-font-size"><?php echo esc_html__('Authentic reviews from clients who trust us.', 'blynex'); ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->
    </div>
</div>
<!-- /wp:cover -->