Add logo above hero title on homepage

- Added logo parameter to hero-section.php component
- Added .hero-section-logo CSS (200px max-width, centered)
- Updated front-page.php to pass logo.webp to hero

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

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

@@ -60,6 +60,7 @@ $featured_commercial = new WP_Query(array(
     <?php
     // Hero Section with Location Search
     get_template_part('template-parts/components/hero-section', null, array(
+        'logo' => get_template_directory_uri() . '/assets/images/logo.webp',
         'title' => 'Find Your Dream Home Today',
         'subtitle' => 'Expert real estate services for buyers and sellers in Albert Lea and the surrounding Minnesota communities.',
         'show_location_search' => true,

wp-content/themes/homeproz/template-parts/components/hero-section.php

@@ -5,6 +5,7 @@
  * @package HomeProz
  *
  * Args:
+ *   - logo (string): Logo image URL to show above title
  *   - title (string): Hero headline
  *   - subtitle (string): Hero subheadline
  *   - primary_cta_text (string): Primary button text
@@ -22,6 +23,7 @@ if (!defined('ABSPATH')) {
 }
 
 // Get args with defaults
+$logo = isset($args['logo']) ? $args['logo'] : '';
 $title = isset($args['title']) ? $args['title'] : '';
 $subtitle = isset($args['subtitle']) ? $args['subtitle'] : '';
 $primary_cta_text = isset($args['primary_cta_text']) ? $args['primary_cta_text'] : '';
@@ -51,6 +53,10 @@ if ($show_location_search) {
     <div class="hero-section-overlay"></div>
     <div class="container">
         <div class="hero-section-content">
+            <?php if ($logo) : ?>
+                <img src="<?php echo esc_url($logo); ?>" alt="" class="hero-section-logo">
+            <?php endif; ?>
+
             <?php if ($title) : ?>
                 <h1 class="hero-section-title"><?php echo esc_html($title); ?></h1>
             <?php endif; ?>

wp-content/themes/homeproz/template-parts/components/hero-section.scss

@@ -66,6 +66,13 @@
     margin: 0 auto;
 }
 
+.hero-section-logo {
+    display: block;
+    max-width: 200px;
+    height: auto;
+    margin: 0 auto 2rem;
+}
+
 .hero-section-title {
     font-family: var(--font-display);
     font-size: 3.5rem;