<header data-scroll-section class="pSection header header--withCover">
    <div class="pSection_target header_target"></div>
    <div class="header_action" data-scroll data-scroll-call="pageHeader"></div>
    <div class="container" id="top" is-anchor data-scroll data-scroll-call="detectSection" data-ui="light" data-scroll-repeat data-scroll-offset="90%, 10%">
        <div class="sectionTitle sectionTitle--light">
            <div class="sectionTitle_header">
                <div class="sectionTitle_header_content">
                    <div class="sectionTitle_header_content_title"><?php echo $pageData['title']; ?></div>
                    <div class="sectionTitle_header_content_separator"></div>
                </div>
            </div>
            <div class="sectionTitle_content"><?php echo $pageData['intro_title']; ?></div>
            <?php if ($pageData['intro_quote']): ?>
            <div class="sectionQuoteWrap">
                <div class="sectionQuote">
                    <?php svg('quote', 'sectionQuote_icon') ?>
                    <div class="sectionQuote_content"><?php echo $pageData['intro_quote']; ?></div>
                </div>
            </div>
            <?php endif; ?>
            <?php if ($pageData['download']['active'] && $pageData['download']['label'] && $pageData['download']['file']): ?>
                <div class="header_download <?php if ($pageData['intro_quote']): ?>header_download--withQuote<?php endif; ?>">
                    <a href="<?php echo $pageData['download']['file']['url']; ?>" target="_blank" download class="button">
                        <span><?php echo $pageData['download']['label']; ?></span>
                    </a>
                </div>
            <?php endif; ?>
            <button type="button" class="mobileHeaderButton">
                <?php svg('arrow-bottom') ?>
            </button>
        </div>
    </div>
    <div class="header_cover">
        <?php svg('logo-p', 'header_cover_logo', 'data-scroll data-scroll-speed="3.5" data-scroll-target=".header_target"') ?>
        <div class="header_cover_background imageRender" style="<?php /*background-image: url(<?php echo $pageData['intro_cover']; ?>); */ ?>">
            <img src="<?php echo getImageUrl($pageData['intro_cover_object'], 'lazy'); ?>"
                <?php echo getImageSrcSetSizes($pageData['intro_cover_object']); ?>
                alt="<?php echo pradel_format_attr($pageData['intro_title']); ?>" class="__vhidden">
        </div>
    </div>
    <div class="header_behind imageRender" style="<?php /*background-image: url(<?php echo $pageData['intro_cover']; ?>); */ ?>">
        <img src="<?php echo getImageUrl($pageData['intro_cover_object'], 'lazy'); ?>"
                <?php echo getImageSrcSetSizes($pageData['intro_cover_object']); ?>
                alt="<?php echo pradel_format_attr($pageData['intro_title']); ?>" class="__vhidden">
    </div>
</header>

<div data-scroll-section class="pSection contentSection">
    <div class="pSection_target contentSection_target"></div>
    <div is-anchor data-scroll data-scroll-call="detectSection" data-ui="dark" data-scroll-repeat data-scroll-offset="90%, 10%">
        <?php svg('logo-p', 'edito_logo', 'data-scroll data-scroll-speed="-2" data-scroll-target=".contentSection_target"') ?>
        <?php if ($pageData['blocs']): ?>
        <?php $cpt = 1; foreach($pageData['blocs'] as $bloc): ?>
            <section class="editoSection" id="editoSection-<?php echo $cpt; ?>">
                <div class="editoSection_inner">
                    <div class="container">
                        <div class="row">
                            <div class="col-11 col-md-10 col-sm-10 col-xs-18 col--noPT col--noPB">
                                <div class="pSection_header" data-scroll data-scroll-sticky data-scroll-target="#editoSection-<?php echo $cpt; ?>">
                                    <div class="pSection_header_inner">
                                        <?php if ($bloc['title']): ?>
                                        <div class="sectionTitle" data-scroll data-scroll-call="sectionTitle" data-scroll-offset="15%">
                                            <div class="sectionTitle_header">
                                                <div class="sectionTitle_header_content">
                                                    <div class="sectionTitle_header_content_title"><?php echo $pageData['title']; ?></div>
                                                    <div class="sectionTitle_header_content_separator"></div>
                                                </div>
                                            </div>
                                            <div class="sectionTitle_content">
                                                <?php echo $bloc['title']; ?>
                                            </div>
                                            <div class="sectionTitle_footer">
                                                <div class="sectionTitle_footer_separator"></div>
                                            </div>
                                        </div>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6 col-md-7 col-sm-8 col-xs-18 col--noPT col--noPB">
                                <div class="pSection_content">
                                    <?php if (isset($bloc['blocContent'][0]['quote'])): ?>
                                        <div class="editoQuote sp4 firstLetter">
                                            <?php svg('quote', 'editoQuote_icon') ?>
                                            <span class="firstLetter_letter"><?php echo getFirstLetter($bloc['blocContent'][0]['quote']); ?></span>
                                            <div class="firstLetter_content"><?php echo $bloc['blocContent'][0]['quote']; ?></div>
                                        </div>
                                    <?php endif; ?>
                                    <?php if (isset($bloc['blocContent'][0]['content'])): ?>
                                    <div><?php echo $bloc['blocContent'][0]['content']; ?></div>
                                    <?php endif; ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        <?php $cpt++; endforeach; ?>
        <?php endif; ?>
    </div>
</div>