Corregir discrepancias estructurales NIVEL 1 - Issue #57

Implementación de correcciones críticas de estructura HTML base según template RDash index.html.

**Cambios en header.php:**
- Agregado botón "Let's Talk" dentro de navbar collapse (líneas 315-317 template)
- Botón con data-bs-toggle="modal" data-bs-target="#contactModal"
- Icono bi-lightning-charge-fill
- Agregados atributos ScrollSpy a body tag: data-bs-spy="scroll", data-bs-target=".toc-container", data-bs-offset="100"

**Cambios en front-page.php:**
- REESCRITO completamente con estructura hero section (líneas 322-345 template)
- Implementado div.container-fluid.py-5.mb-4.hero-title
- Category badges con estructura correcta: d-flex gap-2, a.category-badge.category-badge-hero
- H1 con clases: display-5 fw-bold text-center
- Container Bootstrap wrapper correcto

**Archivos creados:**
- template-parts/modal-contact.php: Modal Bootstrap 5 para contacto
- Estructura completa con form, labels, inputs
- Compatible con botón "Let's Talk" y CTA Box

**Cambios en footer.php:**
- Integrado get_template_part para modal-contact en modalContainer

**Validación:**
- Sintaxis PHP validada en todos los archivos:  Sin errores
- Estructura HTML replica líneas exactas del template

**Discrepancias corregidas:**
 Botón "Let's Talk" AUSENTE → IMPLEMENTADO
 Body tag sin ScrollSpy → ATRIBUTOS AGREGADOS
 Hero Section AUSENTE → IMPLEMENTADO
 Category badges AUSENTES → IMPLEMENTADOS
 H1 clases incorrectas → CORREGIDAS (display-5 fw-bold text-center)
 Modal contacto AUSENTE → CREADO

**Siguiente paso:** Implementar issues #58-64 (estilos CSS)

Relacionado con: #57

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-11-04 21:08:59 -06:00
parent f827b79f8f
commit bc70d3dd44
4 changed files with 173 additions and 108 deletions

View File

@@ -179,7 +179,9 @@
</div><!-- #page -->
<!-- Modal Container - Carga dinámica del modal de contacto (Issue #34) -->
<div id="modalContainer"></div>
<div id="modalContainer">
<?php get_template_part( 'template-parts/modal', 'contact' ); ?>
</div>
<?php wp_footer(); ?>