<?php

/**
 * Title: Service Overview
 * Slug: eryndo/a3-service-overview
 * Categories: featured
 * Block Types: core/template-part/featured
 * Description: A full-width cover section with a large background image and an oversized heading.
 *
 * @package WordPress
 * @subpackage Eryndo
 * @since Eryndo 1.0
 */
?>
<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|50","padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:columns -->
    <div class="wp-block-columns"><!-- wp:column -->
        <div class="wp-block-column"><!-- wp:heading {"className":"is-style-text-section-header","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"accent-5"} -->
            <h2 class="wp-block-heading is-style-text-section-header has-accent-5-color has-text-color has-link-color" style="font-style:normal;font-weight:500"><?php echo esc_html__('Our Complete PetCare Method', 'eryndo'); ?></h2>
            <!-- /wp:heading -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column -->
        <div class="wp-block-column"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-4"}}},"typography":{"lineHeight":1.6000000000000001}},"textColor":"accent-4","fontSize":"medium"} -->
            <p class="has-accent-4-color has-text-color has-link-color has-medium-font-size" style="line-height:1.6"><?php echo esc_html__('Your pet deserves comprehensive care that adapts to every stage of life. That’s why we provide everything from routine health examinations to advanced, specialized treatments designed for specific conditions.', 'eryndo'); ?></p>
            <!-- /wp:paragraph -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->

    <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
    <div class="wp-block-columns"><!-- wp:column {"width":"33.33%","style":{"border":{"radius":"20px"}},"backgroundColor":"contrast"} -->
        <div class="wp-block-column has-contrast-background-color has-background" style="border-radius:20px;flex-basis:33.33%"><!-- wp:cover {"url":"<?php echo esc_url(get_template_directory_uri() . '/assets/images/eryndo-new.png'); ?>","alt":"Pet care services background","dimRatio":0,"isUserOverlayColor":true,"isDark":false,"sizeSlug":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
            <div class="wp-block-cover is-light" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)"><img class="wp-block-cover__image-background size-full" alt="Pet care services background" src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/eryndo-new.png'); ?>" data-object-fit="cover" /><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span>
                <div class="wp-block-cover__inner-container"><!-- wp:heading {"className":"is-style-text-main-header","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base"} -->
                    <h2 class="wp-block-heading is-style-text-main-header has-base-color has-text-color has-link-color"><?php echo esc_html__('20+', 'eryndo'); ?></h2>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-2"}}}},"textColor":"accent-2","fontSize":"medium"} -->
                    <p class="has-accent-2-color has-text-color has-link-color has-medium-font-size"><?php echo esc_html__('Step-by-step care for your pet’s health and happiness.', 'eryndo'); ?></p>
                    <!-- /wp:paragraph -->

                    <!-- wp:image {"id":5105,"sizeSlug":"full","linkDestination":"none","alt":"Pet care service steps illustration","style":{"spacing":{"margin":{"top":"var:preset|spacing|80"}}}} -->
                    <figure class="wp-block-image size-full" style="margin-top:var(--wp--preset--spacing--80)"><img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/eryndo-stacker.png'); ?>" alt="Pet care service steps illustration" class="wp-image-5105" /></figure>
                    <!-- /wp:image -->
                </div>
            </div>
            <!-- /wp:cover -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"width":"66.66%","style":{"border":{"radius":"20px"}}} -->
        <div class="wp-block-column" style="border-radius:20px;flex-basis:66.66%"><!-- wp:cover {"url":"<?php echo esc_url(get_template_directory_uri() . '/assets/images/eryndo-cat.webp'); ?>","alt":"Cat receiving pet care","dimRatio":0,"customOverlayColor":"#5e4f49","isUserOverlayColor":false,"sizeSlug":"full","style":{"border":{"radius":"20px"}},"layout":{"type":"constrained"}} -->
            <div class="wp-block-cover" style="border-radius:20px"><img class="wp-block-cover__image-background size-full" alt="Cat receiving pet care" src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/eryndo-cat.webp'); ?>" data-object-fit="cover" /><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#5e4f49"></span>
                <div class="wp-block-cover__inner-container"><!-- wp:image {"id":5113,"sizeSlug":"full","linkDestination":"none","align":"center","alt":"Play video"} -->
                    <figure class="wp-block-image aligncenter size-full"><img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/eryndo-play-button.png'); ?>" alt="Play video" class="wp-image-5113" /></figure>
                    <!-- /wp:image -->
                </div>
            </div>
            <!-- /wp:cover -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->