roi-theme/wp-content/themes/apus-theme/footer.php

<?php
/**
 * The footer template file
 *
 * This template displays the site footer including widget areas,
 * copyright information, and the closing HTML tags.
 *
 * @package Apus_Theme
 * @since 1.0.0
 */
?>

	<?php if (is_active_sidebar('footer-contact')) : ?>
		<!-- Footer Contact Form Section (Issue #37) -->
		<section class="footer-contact-section py-5 mt-5 bg-secondary bg-opacity-25">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-10">
						<div class="row">
							<!-- Info Column -->
							<div class="col-lg-5 mb-4 mb-lg-0">
								<h2 class="h3 mb-3"><?php _e('¿Tienes alguna pregunta?', 'apus-theme'); ?></h2>
								<p class="mb-4"><?php _e('Completa el formulario y nuestro equipo te responderá en menos de 24 horas.', 'apus-theme'); ?></p>
								<div class="contact-info">
									<div class="d-flex align-items-start mb-3">
										<i class="bi bi-telephone-fill me-3 fs-5 text-primary-orange"></i>
										<div>
											<h6 class="mb-1"><?php _e('Teléfono', 'apus-theme'); ?></h6>
											<p class="mb-0 text-muted">+52 55 1234 5678</p>
										</div>
									</div>
									<div class="d-flex align-items-start mb-3">
										<i class="bi bi-envelope-fill me-3 fs-5 text-primary-orange"></i>
										<div>
											<h6 class="mb-1"><?php _e('Email', 'apus-theme'); ?></h6>
											<p class="mb-0 text-muted">contacto@apumexico.com</p>
										</div>
									</div>
									<div class="d-flex align-items-start">
										<i class="bi bi-geo-alt-fill me-3 fs-5 text-primary-orange"></i>
										<div>
											<h6 class="mb-1"><?php _e('Ubicación', 'apus-theme'); ?></h6>
											<p class="mb-0 text-muted"><?php _e('Ciudad de México, México', 'apus-theme'); ?></p>
										</div>
									</div>
								</div>
							</div>
							<!-- Form Column -->
							<div class="col-lg-7">
								<form id="footerContactForm">
									<div class="row g-3">
										<div class="col-md-6">
											<input type="text" class="form-control" id="footerFullName" name="fullName" placeholder="<?php esc_attr_e('Nombre completo *', 'apus-theme'); ?>" required>
										</div>
										<div class="col-md-6">
											<input type="text" class="form-control" id="footerCompany" name="company" placeholder="<?php esc_attr_e('Empresa', 'apus-theme'); ?>">
										</div>
										<div class="col-md-6">
											<input type="tel" class="form-control" id="footerWhatsapp" name="whatsapp" placeholder="<?php esc_attr_e('WhatsApp *', 'apus-theme'); ?>" required>
										</div>
										<div class="col-md-6">
											<input type="email" class="form-control" id="footerEmail" name="email" placeholder="<?php esc_attr_e('Correo electrónico *', 'apus-theme'); ?>" required>
										</div>
										<div class="col-12">
											<textarea class="form-control" id="footerComments" name="comments" rows="4" placeholder="<?php esc_attr_e('¿En qué podemos ayudarte?', 'apus-theme'); ?>"></textarea>
										</div>
										<div class="col-12">
											<button type="submit" class="btn btn-contact-submit w-100">
												<i class="bi bi-send-fill me-2"></i><?php _e('Enviar Mensaje', 'apus-theme'); ?>
											</button>
										</div>
										<div id="footerFormMessage" class="col-12 mt-2 alert" style="display: none;"></div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
	<?php endif; ?>

	</div><!-- #content .site-content -->

	<footer class="py-5 mt-0 bg-dark text-white" role="contentinfo">

		<?php if ( is_active_sidebar( 'footer-1' ) || is_active_sidebar( 'footer-2' ) || is_active_sidebar( 'footer-3' ) || is_active_sidebar( 'footer-4' ) ) : ?>
			<div class="footer-widgets">
				<div class="container">
					<div class="row g-4">

						<!-- Footer Widget Area 1 -->
						<?php if ( is_active_sidebar( 'footer-1' ) ) : ?>
							<div class="<?php echo esc_attr( apus_get_footer_column_class( 1 ) ); ?>">
								<aside class="footer-widget-area footer-widget-1" role="complementary" aria-label="<?php esc_attr_e( 'Footer Widget Area 1', 'apus-theme' ); ?>">
									<?php dynamic_sidebar( 'footer-1' ); ?>
								</aside>
							</div>
						<?php endif; ?>

						<!-- Footer Widget Area 2 -->
						<?php if ( is_active_sidebar( 'footer-2' ) ) : ?>
							<div class="<?php echo esc_attr( apus_get_footer_column_class( 2 ) ); ?>">
								<aside class="footer-widget-area footer-widget-2" role="complementary" aria-label="<?php esc_attr_e( 'Footer Widget Area 2', 'apus-theme' ); ?>">
									<?php dynamic_sidebar( 'footer-2' ); ?>
								</aside>
							</div>
						<?php endif; ?>

						<!-- Footer Widget Area 3 -->
						<?php if ( is_active_sidebar( 'footer-3' ) ) : ?>
							<div class="<?php echo esc_attr( apus_get_footer_column_class( 3 ) ); ?>">
								<aside class="footer-widget-area footer-widget-3" role="complementary" aria-label="<?php esc_attr_e( 'Footer Widget Area 3', 'apus-theme' ); ?>">
									<?php dynamic_sidebar( 'footer-3' ); ?>
								</aside>
							</div>
						<?php endif; ?>

						<!-- Footer Widget Area 4 -->
						<?php if ( is_active_sidebar( 'footer-4' ) ) : ?>
							<div class="<?php echo esc_attr( apus_get_footer_column_class( 4 ) ); ?>">
								<aside class="footer-widget-area footer-widget-4" role="complementary" aria-label="<?php esc_attr_e( 'Footer Widget Area 4', 'apus-theme' ); ?>">
									<?php dynamic_sidebar( 'footer-4' ); ?>
								</aside>
							</div>
						<?php endif; ?>

					</div><!-- .row -->
				</div><!-- .container -->
			</div><!-- .footer-widgets -->
		<?php endif; ?>

		<!-- Footer Bottom / Copyright Section -->
		<div class="footer-bottom">
			<div class="container">
				<div class="row align-items-center">

					<!-- Copyright Information -->
					<div class="col-md-6 col-12 text-center text-md-start mb-3 mb-md-0">
						<div class="copyright-text">
							<?php
							printf(
								/* translators: 1: Copyright symbol, 2: Current year, 3: Site name */
								esc_html__( '%1$s %2$s %3$s. Todos los derechos reservados.', 'apus-theme' ),
								'&copy;',
								esc_html( gmdate( 'Y' ) ),
								'<span class="site-name">' . esc_html( get_bloginfo( 'name' ) ) . '</span>'
							);
							?>
						</div>
					</div>

					<!-- Footer Menu -->
					<div class="col-md-6 col-12 text-center text-md-end">
						<?php
						if ( has_nav_menu( 'footer' ) ) {
							wp_nav_menu(
								array(
									'theme_location'  => 'footer',
									'menu_id'         => 'footer-menu',
									'menu_class'      => 'footer-menu',
									'container'       => 'nav',
									'container_class' => 'footer-navigation',
									'container_aria_label' => esc_attr__( 'Footer Menu', 'apus-theme' ),
									'depth'           => 1,
									'fallback_cb'     => false,
								)
							);
						}
						?>
					</div>

				</div><!-- .row -->
			</div><!-- .container -->
		</div><!-- .footer-bottom -->

	</footer><!-- #colophon -->

</div><!-- #page -->

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

<?php wp_footer(); ?>

</body>
</html>