<?php

/**
 * Title: Hero Content
 * Slug: mediora/hero-content
 * Categories: mediora
 */
?>
<!-- wp:group {"metadata":{"name":"Hero Content","categories":["mediora"],"patternName":"mediora/hero-content"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|40","left":"var:preset|spacing|40"}}},"backgroundColor":"background","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background-background-color has-background"
    style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40)">
    <!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
    <div class="wp-block-group alignwide">
        <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|50"}}}} -->
        <div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center"} -->
            <div class="wp-block-column is-vertically-aligned-center">

                <!-- wp:cover {"url":"<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/hero-img.avif","id":134,"dimRatio":0,"customOverlayColor":"#b4b6b9","isUserOverlayColor":false,"focalPoint":{"x":1,"y":0.37},"isDark":false,"sizeSlug":"large","className":"image-zoom-hover","style":{"dimensions":{"aspectRatio":"4/3"},"border":{"radius":{"topLeft":"20px","topRight":"20px","bottomLeft":"20px","bottomRight":"20px"}}},"layout":{"type":"constrained"}} -->
                <div class="wp-block-cover is-light image-zoom-hover"
                    style="border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px">
                    <img class="wp-block-cover__image-background wp-image-134 size-large" alt=""
                        src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/hero-img.avif"
                        style="object-position:100% 37%" data-object-fit="cover" data-object-position="100% 37%" /><span
                        aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"
                        style="background-color:#b4b6b9"></span>
                    <div class="wp-block-cover__inner-container">
                        <!-- wp:paragraph {"placeholder":"Write title…","style":{"typography":{"textAlign":"center"}},"fontSize":"large"} -->
                        <p class="has-text-align-center has-large-font-size"></p>
                        <!-- /wp:paragraph -->
                    </div>
                </div>
                <!-- /wp:cover -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"verticalAlignment":"center"} -->
            <div class="wp-block-column is-vertically-aligned-center">
                <!-- wp:group {"style":{"spacing":{"padding":{"top":"0rem","right":"0","bottom":"0rem","left":"0"},"blockGap":"var:preset|spacing|10"}},"layout":{"type":"constrained"}} -->
                <div class="wp-block-group" style="padding-top:0rem;padding-right:0;padding-bottom:0rem;padding-left:0">
                    <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
                    <div class="wp-block-group">
                        <!-- wp:image {"id":139,"width":"91px","height":"auto","scale":"cover","focalPoint":{"x":0.46,"y":0.5},"sizeSlug":"full","linkDestination":"none"} -->
                        <figure class="wp-block-image size-full is-resized"><img
                                src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/star-1.avif"
                                alt="" class=" wp-image-139"
                                style="object-fit:cover;object-position:46% 50%;width:91px;height:auto" /></figure>
                        <!-- /wp:image -->

                        <!-- wp:paragraph -->
                        <p><?php echo esc_html__('5.0 (980 Reviews)', 'mediora'); ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:heading {"style":{"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"600"}},"fontSize":"large"} -->
                    <h2 class="wp-block-heading has-large-font-size"
                        style="font-style:normal;font-weight:600;text-transform:capitalize">
                        <?php echo esc_html__('Your Health, Our Priority', 'mediora'); ?>
                    </h2>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph -->
                    <p><?php echo esc_html__('Healer leads the way in healthcare with a full range of medical services, focusing on each patient’s needs and wellness. Our expert team delivers top care, using the latest treatments and technology to ensure the best possible outcomes.

', 'mediora'); ?>
                    </p>
                    <!-- /wp:paragraph -->

                    <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"0","bottom":"var:preset|spacing|20","left":"0"}}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
                    <div class="wp-block-group"
                        style="padding-top:var(--wp--preset--spacing--20);padding-right:0;padding-bottom:var(--wp--preset--spacing--20);padding-left:0">
                        <!-- wp:buttons {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
                        <div class="wp-block-buttons" style="margin-top:0px;margin-bottom:0px"><!-- wp:button -->
                            <div class="wp-block-button"><a
                                    class="wp-block-button__link wp-element-button"><?php echo esc_html__('Book A Call', 'mediora'); ?></a>
                            </div>
                            <!-- /wp:button -->
                        </div>
                        <!-- /wp:buttons -->

                        <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                        <div class="wp-block-group">
                            <!-- wp:image {"lightbox":{"enabled":false},"id":398,"width":"57px","height":"auto","sizeSlug":"full","linkDestination":"custom","className":"pulse-animation","style":{"color":{"duotone":["#269e95","#f5faff"]},"border":{"radius":{"topLeft":"255px","topRight":"255px","bottomLeft":"255px","bottomRight":"255px"},"width":"0px","style":"none"}}} -->
                            <figure class="wp-block-image size-full is-resized has-custom-border pulse-animation"><img
                                    src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/play-button.avif"
                                    alt="" class=" wp-image-398"
                                    style="border-style:none;border-width:0px;border-top-left-radius:255px;border-top-right-radius:255px;border-bottom-left-radius:255px;border-bottom-right-radius:255px;width:57px;height:auto" />
                            </figure>
                            <!-- /wp:image -->

                            <!-- wp:paragraph -->
                            <p><?php echo esc_html__('Watch A Video', 'mediora'); ?></p>
                            <!-- /wp:paragraph -->
                        </div>
                        <!-- /wp:group -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                    <div class="wp-block-group">
                        <!-- wp:image {"id":140,"width":"150px","height":"auto","scale":"cover","focalPoint":{"x":0.46,"y":0.5},"sizeSlug":"full","linkDestination":"none"} -->
                        <figure class="wp-block-image size-full is-resized"><img
                                src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/teams.avif"
                                alt="" class=" wp-image-140"
                                style="object-fit:cover;object-position:46% 50%;width:150px;height:auto" /></figure>
                        <!-- /wp:image -->

                        <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
                        <div class="wp-block-group"><!-- wp:paragraph -->
                            <p><?php echo esc_html__('5000+ Appointments', 'mediora'); ?></p>
                            <!-- /wp:paragraph -->

                            <!-- wp:paragraph -->
                            <p><?php echo esc_html__('Patients booked already', 'mediora'); ?></p>
                            <!-- /wp:paragraph -->
                        </div>
                        <!-- /wp:group -->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->