<?php
/**
 * Title: Hero Content
 * Slug: gutenify-fashionstore/hero-content
 * Categories: gutenify-fashionstore
 */
?>
<!-- wp:group {"metadata":{"name":"Hero Content"},"align":"full","style":{"position":{"type":""},"spacing":{"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}},"dimensions":{"minHeight":"0dvh"}},"backgroundColor":"section-background","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-section-background-background-color has-background"
    style="min-height:0dvh;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:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20","left":"var:preset|spacing|40"}}}} -->
    <div class="wp-block-columns alignwide are-vertically-aligned-center">
        <!-- wp:column {"verticalAlignment":"center","width":"60%"} -->
        <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60%">
            <!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|40"}}}} -->
            <div class="wp-block-columns are-vertically-aligned-center">
                <!-- wp:column {"verticalAlignment":"center"} -->
                <div class="wp-block-column is-vertically-aligned-center">
                    <!-- wp:image {"id":1042,"aspectRatio":"2/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"gray-video"} -->
                    <figure class="wp-block-image size-full gray-video"><img
                            src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/home-banner.png" alt=""
                            class="wp-image-1042" style="aspect-ratio:2/3;object-fit:cover" /></figure>
                    <!-- /wp:image -->
                </div>
                <!-- /wp:column -->

                <!-- wp:column {"verticalAlignment":"center"} -->
                <div class="wp-block-column is-vertically-aligned-center">
                    <!-- wp:image {"id":1041,"aspectRatio":"3/4","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"gray-video"} -->
                    <figure class="wp-block-image size-full gray-video"><img
                            src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/main-banner.png" alt=""
                            class="wp-image-1041" style="aspect-ratio:3/4;object-fit:cover" /></figure>
                    <!-- /wp:image -->
                </div>
                <!-- /wp:column -->
            </div>
            <!-- /wp:columns -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"verticalAlignment":"center","width":"40%","style":{"spacing":{"blockGap":"var:preset|spacing|10"}}} -->
        <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%">
            <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
            <p style="margin-top:0;margin-bottom:0"><em><?php echo esc_html__('Wear Better for Less', 'gutenify-fashionstore'); ?></em></p>
            <!-- /wp:paragraph -->

            <!-- wp:heading {"align":"wide","fontSize":"big"} -->
            <h2 class="wp-block-heading alignwide has-big-font-size"><?php echo esc_html__('Refined style designed for confidence and comfort', 'gutenify-fashionstore'); ?>
            </h2>
            <!-- /wp:heading -->

            <!-- wp:paragraph -->
            <p><?php echo esc_html__('Our passion is crafting mindful moments with locally sourced, organic, and sustainable products. We\'re more than a store; we\'re your path to a community-driven, eco-friendly lifestyle that embraces premium quality.', 'gutenify-fashionstore'); ?></p>
            <!-- /wp:paragraph -->

            <!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}}}} -->
            <div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--20)"><!-- wp:button -->
                <div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__('Shop Now', 'gutenify-fashionstore'); ?></a></div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->