<?php
/**
 * Template Name: Fullwidth Page
 *
 * @package ella-parallax-one-page
 */

get_header();

// Get header image from Customizer
$header_image_url = get_header_image();

// Fallback if no header image is set
if ( ! $header_image_url ) {
    $header_image_url = get_stylesheet_directory_uri() . '/images/bg.jpg'; // Prefer child theme path
}
?>

<div class="parallax-blog" data-overlay-dark="4" style="background-image: url(<?php echo esc_url( $header_image_url ); ?>);">
</div>

<section id="primary" class="blog section">
    <div class="container">
        <div class="row">
            <h1><?php the_title(); ?></h1>
            <?php the_content(); ?>
        </div>
    </div>
</section>

<?php get_footer(); ?>