Files
roi-theme/TemplateParts/content-hero.php
FrankZamora 0846a3bf03 Migración completa a Clean Architecture con componentes funcionales
- Reorganización de estructura: Admin/, Public/, Shared/, Schemas/
- 12 componentes migrados: TopNotificationBar, Navbar, CtaLetsTalk, Hero,
  FeaturedImage, TableOfContents, CtaBoxSidebar, SocialShare, CtaPost,
  RelatedPost, ContactForm, Footer
- Panel de administración con tabs Bootstrap 5 funcionales
- Schemas JSON para configuración de componentes
- Renderers dinámicos con CSSGeneratorService (cero CSS hardcodeado)
- FormBuilders para UI admin con Design System consistente
- Fix: Bootstrap JS cargado en header para tabs funcionales
- Fix: buildTextInput maneja valores mixed (bool/string)
- Eliminación de estructura legacy (src/, admin/, assets/css/componente-*)

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-25 21:20:06 -06:00

62 lines
1.9 KiB
PHP

<?php
/**
* Hero Section Template
*
* Hero section con degradado azul para single posts
*
* @package ROI_Theme
*/
if (!is_single()) {
return;
}
?>
<section class="hero-section">
<div class="container-fluid py-5">
<div class="hero-content text-center">
<!-- Category Badges (ARRIBA del H1) -->
<?php
$categories = get_the_category();
if (!empty($categories)) :
?>
<div class="hero-categories mb-3">
<?php foreach ($categories as $category) : ?>
<?php if ($category->name !== 'Uncategorized' && $category->name !== 'Sin categoría') : ?>
<span class="hero-category-badge"><?php echo esc_html($category->name); ?></span>
<?php endif; ?>
<?php endforeach; ?>
</div>
<?php endif; ?>
<!-- H1 Title -->
<h1 class="hero-title"><?php the_title(); ?></h1>
<!-- Post Meta -->
<div class="hero-meta">
<span class="hero-meta-item">
<i class="bi bi-calendar3 me-1"></i>
<?php echo get_the_date(); ?>
</span>
<span class="hero-meta-separator">|</span>
<span class="hero-meta-item">
<i class="bi bi-person me-1"></i>
<?php the_author(); ?>
</span>
<?php
$reading_time = roi_get_reading_time();
if ($reading_time) :
?>
<span class="hero-meta-separator">|</span>
<span class="hero-meta-item">
<i class="bi bi-clock me-1"></i>
<?php echo esc_html($reading_time); ?>
</span>
<?php endif; ?>
</div>
</div>
</div>
</section>