homeproz/wp-content/themes/homeproz/page-about.php

<?php
/**
 * Template Name: About Page
 * Template for displaying the About page
 *
 * @package HomeProz
 */

// Prevent direct access
if (!defined('ABSPATH')) {
    exit;
}

get_header();
?>

<main id="primary" class="site-main about-page-main">

    <?php
    // Get hero content from ACF (Page Hero fields) or defaults
    $hero_title = get_field('hero_title') ?: 'About HomeProz';
    $hero_subtitle = get_field('hero_subtitle') ?: 'Your trusted real estate partner in Albert Lea and surrounding Minnesota communities.';
    $hero_bg = get_field('hero_background');
    $has_bg_class = $hero_bg ? 'has-background' : '';
    $bg_style = $hero_bg ? 'style="background-image: url(' . esc_url($hero_bg) . ');"' : '';
    ?>
    <!-- Archive Hero -->
    <section class="archive-hero <?php echo esc_attr($has_bg_class); ?>" <?php echo $bg_style; ?>>
        <?php if ($hero_bg) : ?>
            <div class="archive-hero-overlay"></div>
        <?php endif; ?>
        <div class="container">
            <h1 class="archive-hero-title"><?php echo esc_html($hero_title); ?></h1>
            <?php if ($hero_subtitle) : ?>
                <p class="archive-hero-subtitle"><?php echo esc_html($hero_subtitle); ?></p>
            <?php endif; ?>
        </div>
    </section>

    <!-- Company Story Section -->
    <section class="about-story-section">
        <div class="container">
            <div class="about-story-layout">
                <div class="about-story-image">
                    <?php
                    $about_image = get_field('about_featured_image');
                    $about_image_url = $about_image ?: get_template_directory_uri() . '/assets/images/about-us.webp';
                    ?>
                    <img src="<?php echo esc_url($about_image_url); ?>" alt="HomeProz Real Estate">
                </div>
                <div class="about-story-content">
                    <?php
                    while (have_posts()) :
                        the_post();
                        if (get_the_content()) :
                            the_content();
                        else :
                            // Default content if page body is empty
                    ?>
                        <h2>Our Story</h2>
                        <p>HomeProz Real Estate was founded with a simple mission: to provide exceptional real estate services to the Albert Lea area and surrounding Minnesota and Iowa communities. We believe that buying or selling a home should be an exciting journey, not a stressful experience.</p>
                        <h2>Our Mission</h2>
                        <p>We are dedicated to helping families find their dream homes and sellers achieve the best possible results. Our team combines deep local knowledge with a commitment to personalized service, ensuring every client receives the attention they deserve.</p>
                        <p>Whether you're a first-time homebuyer, looking to upgrade, or ready to sell, our experienced agents are here to guide you every step of the way.</p>
                    <?php
                        endif;
                    endwhile;
                    ?>
                </div>
            </div>
        </div>
    </section>

    <?php
    // Additional Content Section (from ACF field)
    $additional_content = get_field('about_additional_content');
    if ($additional_content) :
    ?>
    <section class="about-content-section">
        <div class="container">
            <div class="about-additional-content">
                <?php echo wp_kses_post($additional_content); ?>
            </div>
        </div>
    </section>
    <?php endif; ?>

    <?php
    // Contact CTA Section
    $cta_title = get_field('about_cta_title') ?: 'Ready to Work With Us?';
    $cta_text = get_field('about_cta_text') ?: 'Contact our team today to start your real estate journey.';
    $cta_button_text = get_field('about_cta_button_text') ?: 'Get in Touch';
    $cta_button_url = get_field('about_cta_button_url') ?: home_url('/contact/');
    get_template_part('template-parts/components/cta-section', null, array(
        'title' => $cta_title,
        'text' => $cta_text,
        'button_text' => $cta_button_text,
        'button_url' => $cta_button_url,
        'style' => 'accent',
    ));
    ?>

</main>

<?php
get_footer();