brianhansonxyz/homeproz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
cf181d01b3d98b489e7b180ec151490b43ac4326
homeproz/wp-content/themes/homeproz/page-resources.php
T
Hanson.xyz Dev cf181d01b3 Implement lower-priority UX enhancements 
- Add subtle noise texture overlay for luxury feel (body::before)
- Optimize mobile homepage: service cards 2-up layout, reduced padding/sizes
- Add agent contact details section above gallery/listings on profile pages
- Create Join Our Team recruitment page with benefits grid and team preview
- Enhance Buyers/Sellers guide cards with visual section, gradient backgrounds

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-16 13:45:46 -06:00

186 lines
9.4 KiB
PHP
Raw Blame History

<?php
/**
* Template for the Resources landing page
*
* @package HomeProz
*/
// Prevent direct access
if (!defined('ABSPATH')) {
exit;
}
get_header();
// Get child pages (resource guides)
$resource_pages = get_pages(array(
'parent' => get_the_ID(),
'sort_column' => 'menu_order',
'sort_order' => 'ASC',
));
?>
<main id="primary" class="site-main resources-page-main">
<?php
// Get hero content from ACF (Page Hero fields) or defaults
$hero_title = get_field('hero_title') ?: 'Resources & Guides';
$hero_subtitle = get_field('hero_subtitle') ?: 'Everything you need to navigate the home buying and selling process';
$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>
<!-- Main Resources Section -->
<section class="resources-featured-section">
<div class="container">
<div class="resources-featured-grid">
<!-- Buyer's Guide -->
<article class="resource-featured-card resource-featured-card--buyer">
<a href="<?php echo esc_url(home_url('/resources/buyers-guide/')); ?>" class="resource-card-link-overlay" aria-hidden="true" tabindex="-1"></a>
<div class="resource-featured-visual">
<div class="resource-featured-badge">Guide</div>
<div class="resource-featured-icon-large">
<svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" aria-hidden="true">
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
<polyline points="9 22 9 12 15 12 15 22"/>
</svg>
</div>
</div>
<div class="resource-featured-content">
<h2 class="resource-featured-title">Buyer's Guide</h2>
<p class="resource-featured-description">
Ready to buy your first home or next property? Our comprehensive guide walks you through every step of the home buying process, from getting pre-approved to closing day.
</p>
<ul class="resource-featured-highlights">
<li>Getting Pre-Approved</li>
<li>Finding Your Dream Home</li>
<li>Making an Offer</li>
<li>Closing Day</li>
</ul>
<span class="btn btn-primary">
Read the Guide
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M5 12h14M12 5l7 7-7 7"/>
</svg>
</span>
</div>
</article>
<!-- Seller's Guide -->
<article class="resource-featured-card resource-featured-card--seller">
<a href="<?php echo esc_url(home_url('/resources/sellers-guide/')); ?>" class="resource-card-link-overlay" aria-hidden="true" tabindex="-1"></a>
<div class="resource-featured-visual">
<div class="resource-featured-badge">Guide</div>
<div class="resource-featured-icon-large">
<svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" aria-hidden="true">
<rect x="2" y="7" width="20" height="14" rx="2" ry="2"/>
<path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>
<line x1="12" y1="11" x2="12" y2="17"/>
<line x1="9" y1="14" x2="15" y2="14"/>
</svg>
</div>
</div>
<div class="resource-featured-content">
<h2 class="resource-featured-title">Seller's Guide</h2>
<p class="resource-featured-description">
Thinking about selling? Learn how to prepare your home for the market, price it right, and navigate the selling process to get the best possible return.
</p>
<ul class="resource-featured-highlights">
<li>Preparing Your Home</li>
<li>Pricing Strategies</li>
<li>Marketing Your Property</li>
<li>Negotiating Offers</li>
</ul>
<span class="btn btn-primary">
Read the Guide
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M5 12h14M12 5l7 7-7 7"/>
</svg>
</span>
</div>
</article>
</div>
</div>
</section>
<!-- Additional Resources -->
<section class="resources-additional-section">
<div class="container">
<header class="section-header">
<h2 class="section-title">Additional Resources</h2>
<p class="section-subtitle">Helpful information for your real estate journey</p>
</header>
<div class="resources-additional-grid">
<div class="resource-card">
<a href="<?php echo esc_url(home_url('/resources/moving-checklist/')); ?>" class="resource-card-link-overlay" aria-hidden="true" tabindex="-1"></a>
<div class="resource-card-icon">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
<polyline points="14 2 14 8 20 8"/>
<line x1="16" y1="13" x2="8" y2="13"/>
<line x1="16" y1="17" x2="8" y2="17"/>
<polyline points="10 9 9 9 8 9"/>
</svg>
</div>
<h3 class="resource-card-title">Moving Checklist</h3>
<p class="resource-card-description">A comprehensive checklist to help you stay organized during your move.</p>
</div>
<div class="resource-card">
<a href="<?php echo esc_url(home_url('/resources/mortgage-calculator/')); ?>" class="resource-card-link-overlay" aria-hidden="true" tabindex="-1"></a>
<div class="resource-card-icon">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
<rect x="1" y="4" width="22" height="16" rx="2" ry="2"/>
<line x1="1" y1="10" x2="23" y2="10"/>
</svg>
</div>
<h3 class="resource-card-title">Mortgage Calculator</h3>
<p class="resource-card-description">Estimate your monthly payments and determine how much home you can afford.</p>
</div>
<div class="resource-card">
<a href="<?php echo esc_url(home_url('/resources/faq/')); ?>" class="resource-card-link-overlay" aria-hidden="true" tabindex="-1"></a>
<div class="resource-card-icon">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
<circle cx="12" cy="12" r="10"/>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
<line x1="12" y1="17" x2="12.01" y2="17"/>
</svg>
</div>
<h3 class="resource-card-title">FAQ</h3>
<p class="resource-card-description">Answers to commonly asked questions about buying and selling real estate.</p>
</div>
</div>
</div>
</section>
<?php
// Contact CTA Section
get_template_part('template-parts/components/cta-section', null, array(
'title' => 'Have Questions?',
'text' => 'Our experienced agents are here to help you navigate the real estate process. Reach out anytime.',
'button_text' => 'Contact Us',
'button_url' => home_url('/contact/'),
'style' => 'accent',
));
?>
</main>
<?php
get_footer();
Reference in New Issue View Git Blame Copy Permalink