<?php
/**
 * Title: Parallax Section
 * Slug: aamira/parallax-section
 * Categories: header
 * Block Types: core/template-part/header
 * Description: Site header with site title and navigation.
 * 
 * @package WordPress
 * @subpackage Aamira
 * @since Aamira 1.0
 */

?>

<!-- wp:group {"align":"full","style":{"color":{"background":"#f9f9f9"},"spacing":{"padding":{"bottom":"70px"},"margin":{"top":"0","bottom":"0"}},"background":{"backgroundImage":{"url":"<?php echo get_stylesheet_directory_uri() . '/assets/images/sea-lighthouse.jpg'; ?>","source":"file","title":"photo-water"},"backgroundSize":"auto","backgroundPosition":"53% 31%","backgroundAttachment":"fixed"}},"layout":{"type":"constrained","contentSize":"1150px","wideSize":"1380px"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#f9f9f9;padding-bottom:70px;margin-top:0;margin-bottom:0;">
    <!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"0"}}},"layout":{"type":"constrained"}} -->
    <div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:0">
        <!-- wp:paragraph {"align":"center","placeholder":"Write title…","style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"64px"},"spacing":{"padding":{"top":"50px"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base"} -->
        <p class="has-text-align-center has-base-color has-text-color has-link-color"
            style="padding-top:50px;font-size:64px;font-style:normal;font-weight:600">
            <?php esc_html_e( 'Parallax Section', 'aamira' ); ?></p>
        <!-- /wp:paragraph -->

        <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","fontSize":"medium"} -->
        <p class="has-text-align-center has-base-color has-text-color has-link-color has-medium-font-size"><?php esc_html_e( 'Parallax is the apparent shift in an object’s position when viewed from different angles, often used to create depth or measure distance.
        It’s basically the “things look like they move against the background when you move” effect.', 'aamira' ); ?>
        </p>
        <!-- /wp:paragraph -->

        <!-- wp:buttons {"style":{"spacing":{"padding":{"top":"30px"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
        <div class="wp-block-buttons" style="padding-top:30px">
            <!-- wp:button {"textColor":"base","className":"is-style-outline","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"border":{"width":"1px"}},"fontSize":"medium","borderColor":"base"} -->
            <div class="wp-block-button is-style-outline"><a
                    class="wp-block-button__link has-base-color has-text-color has-link-color has-border-color has-base-border-color has-medium-font-size has-custom-font-size wp-element-button"
                    style="border-width:1px"><?php esc_html_e( 'Download Now', 'aamira' ); ?></a>
            </div>
            <!-- /wp:button -->
        </div>
        <!-- /wp:buttons -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->

