<?php
/**
 * Page Template (page.php)
 * Use this for static pages
 */
get_header(); ?>

<?php while (have_posts()) : the_post(); ?>

<!-- Page Hero -->
<section class="page-hero" style="background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); padding: 120px 0 80px; text-align: center; color: white;">
    <div class="container">
        <h1 style="color: white; margin-bottom: 20px;"><?php the_title(); ?></h1>
        <?php if (has_excerpt()) : ?>
            <p style="font-size: 18px; max-width: 700px; margin: 0 auto; opacity: 0.9;"><?php the_excerpt(); ?></p>
        <?php endif; ?>
    </div>
</section>

<!-- Page Content -->
<section style="padding: 80px 0; background: white;">
    <div class="container">
        <div style="max-width: 900px; margin: 0 auto;">
            <?php if (has_post_thumbnail()) : ?>
                <div style="margin-bottom: 40px;">
                    <?php the_post_thumbnail('large', array('style' => 'width: 100%; height: auto;')); ?>
                </div>
            <?php endif; ?>
            
            <div class="content" style="font-size: 16px; line-height: 1.8; color: var(--medium-gray);">
                <?php the_content(); ?>
            </div>
            
            <?php
            // If comments are open or we have at least one comment, load up the comment template.
            if (comments_open() || get_comments_number()) :
                comments_template();
            endif;
            ?>
        </div>
    </div>
</section>

<?php endwhile; ?>

<?php get_footer(); ?>