footer and init project

theme/template-parts/layout/footer-content.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * Template part for displaying the footer content
  *
@@ -9,44 +10,34 @@
 
 ?>
 
-<footer id="colophon">
+<footer id="colophon" class="site-footer py-8">
+	<section class="container mx-auto">
+		<?php if (is_active_sidebar('sidebar-footer')) : ?>
+			<aside role="complementary" aria-label="<?php esc_attr_e('Footer', 'studio-up'); ?>">
+				<?php dynamic_sidebar('sidebar-footer'); ?>
+			</aside>
+		<?php endif; ?>
 
-	<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
-		<aside role="complementary" aria-label="<?php esc_attr_e( 'Footer', 'studio-up' ); ?>">
-			<?php dynamic_sidebar( 'sidebar-1' ); ?>
-		</aside>
-	<?php endif; ?>
+		<div class="flex w-full flex-col items-center justify-between font-roboto gap-4 py-8  text-sm md:flex-row md:gap-8">
 
-	<?php if ( has_nav_menu( 'menu-2' ) ) : ?>
-		<nav aria-label="<?php esc_attr_e( 'Footer Menu', 'studio-up' ); ?>">
-			<?php
-			wp_nav_menu(
-				array(
-					'theme_location' => 'menu-2',
-					'menu_class'     => 'footer-menu',
-					'depth'          => 1,
-				)
-			);
-			?>
-		</nav>
-	<?php endif; ?>
+			<?php if (has_nav_menu('footer')) : ?>
+				<nav aria-label="<?php esc_attr_e('Footer Menu', 'studio-up'); ?>">
+					<?php
+					wp_nav_menu(
+						array(
+							'theme_location' => 'footer',
+							'menu_class'     => 'footer-menu',
+							'depth'          => 1,
+							'items_wrap'     => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
+						)
+					);
+					?>
+				</nav>
+			<?php endif; ?>
 
-	<div>
-		<?php
-		$studio_up_blog_info = get_bloginfo( 'name' );
-		if ( ! empty( $studio_up_blog_info ) ) :
-			?>
-			<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
-			<?php
-		endif;
-
-		/* translators: 1: WordPress link, 2: WordPress. */
-		printf(
-			'<a href="%1$s">proudly powered by %2$s</a>.',
-			esc_url( __( 'https://wordpress.org/', 'studio-up' ) ),
-			'WordPress'
-		);
-		?>
-	</div>
-
-</footer><!-- #colophon -->
+			<div>
+				Copyright ® <?= date('Y') ?> <?= get_bloginfo('name') ?> <?= __('Todos los derechos reservados', 'studio-up') ?>.
+			</div>
+		</div>
+	</section>
+</footer><!-- #colophon -->