<?php

/**
 * Title: Header with Banner
 * Slug: fota-speakers/header-with-banner
 * Categories: fota-speakers
 */
$fota_speakers_url = trailingslashit(get_stylesheet_directory_uri());
$fota_speakers_images = array(
    $fota_speakers_url . 'assets/images/banner_image.jpg'
);
?>
<!-- wp:cover {"url":"<?php echo esc_url($fota_speakers_images[0]) ?>","id":1346,"hasParallax":true,"dimRatio":30,"minHeight":960,"contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|40","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"className":"fpheader-with-banner","layout":{"type":"constrained","contentSize":"1440px"}} -->
<div class="wp-block-cover alignfull has-parallax fpheader-with-banner fota-speaker-parallax" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50);min-height:960px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span>
    <div role="img" class="wp-block-cover__image-background wp-image-1346 has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url($fota_speakers_images[0]) ?>)"></div>
    <div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
        <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
            <div class="wp-block-group"><!-- wp:site-logo {"width":24} /-->

                <!-- wp:site-title {"level":3,"style":{"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"600","letterSpacing":"0px"}}} /-->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap"}} -->
            <div class="wp-block-group">
                <!-- wp:navigation {"overlayBackgroundColor":"tertiary-light","overlayTextColor":"foreground-alt","layout":{"type":"flex","justifyContent":"center"}} -->
                <!-- wp:page-list /-->
                <!-- /wp:navigation -->
                <!-- wp:social-links {"iconColor":"heading-color","iconColorValue":"#ffffff","iconBackgroundColor":"transparent","iconBackgroundColorValue":"#ffffff00","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|20"}}}} -->
                <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"spotify"} /-->

                    <!-- wp:social-link {"url":"#","service":"linkedin"} /-->

                    <!-- wp:social-link {"url":"#","service":"behance"} /-->

                    <!-- wp:social-link {"url":"#","service":"instagram"} /-->
                </ul>
                <!-- /wp:social-links -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:group -->

        <!-- wp:spacer {"height":"140px"} -->
        <div style="height:140px" aria-hidden="true" class="wp-block-spacer"></div>
        <!-- /wp:spacer -->

        <!-- wp:group {"layout":{"type":"constrained","contentSize":"1200px"}} -->
        <div class="wp-block-group"><!-- wp:columns -->
            <div class="wp-block-columns"><!-- wp:column {"width":"55%"} -->
                <div class="wp-block-column" style="flex-basis:55%"><!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"100px","lineHeight":"1.2"}},"className":"fota-speakers-bannertext"} -->
                    <h1 class="wp-block-heading fota-speakers-bannertext" style="font-size:100px;line-height:1.2"><?php echo esc_html('Speak, Inspire, Empower!', 'fota-speakers') ?></h1>
                    <!-- /wp:heading -->

                    <!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                    <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60)"><!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}}} -->
                        <div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--30)"><!-- wp:button {"textColor":"heading-color","gradient":"first-primary-gradient","style":{"spacing":{"padding":{"left":"var:preset|spacing|60","right":"var:preset|spacing|60","top":"1.3rem","bottom":"1.3rem"}},"typography":{"fontStyle":"normal","fontWeight":"500"},"border":{"radius":"50px"}},"className":"is-style-button-hover-white-bgcolor"} -->
                            <div class="wp-block-button is-style-button-hover-white-bgcolor" style="font-style:normal;font-weight:500"><a class="wp-block-button__link has-heading-color-color has-first-primary-gradient-gradient-background has-text-color has-background wp-element-button" style="border-radius:50px;padding-top:1.3rem;padding-right:var(--wp--preset--spacing--60);padding-bottom:1.3rem;padding-left:var(--wp--preset--spacing--60)"><?php echo esc_html('Book For Speak', 'fota-speakers') ?></a></div>
                            <!-- /wp:button -->
                        </div>
                        <!-- /wp:buttons -->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:column -->

                <!-- wp:column -->
                <div class="wp-block-column"></div>
                <!-- /wp:column -->
            </div>
            <!-- /wp:columns -->
        </div>
        <!-- /wp:group -->

        <!-- wp:spacer {"height":"240px"} -->
        <div style="height:240px" aria-hidden="true" class="wp-block-spacer"></div>
        <!-- /wp:spacer -->
    </div>
</div>
<!-- /wp:cover -->