diff --git a/tailwind/custom/base.css b/tailwind/custom/base.css
index 2f2578c..52243af 100644
--- a/tailwind/custom/base.css
+++ b/tailwind/custom/base.css
@@ -15,5 +15,48 @@ footer {
 
 	.footer-menu {
 		@apply mb-4 flex flex-col gap-4 md:flex-row md:justify-center md:gap-8;
+
+		li {
+			@apply md:not-first:before:text-primary md:flex md:not-first:before:pr-5 md:not-first:before:content-["|"];
+
+			a {
+				@apply md:hover:text-primary block rounded-sm px-3 py-2 text-white hover:bg-gray-100 md:border-0 md:p-0 md:hover:bg-transparent;
+			}
+		}
 	}
 }
+
+#header-menu {
+	@apply flex flex-col rounded-lg border-0 p-4 font-medium lg:flex-row lg:space-x-5 lg:p-0 rtl:space-x-reverse;
+}
+
+#masthead {
+	@apply relative;
+	height: 75vh;
+}
+#nav-container {
+	@apply w-full py-16;
+	#site-navigation {
+		@apply container mx-auto flex flex-row items-center justify-between rounded-4xl bg-white p-0;
+		#menu {
+			@apply bg-secondary font-barlow flex w-3/4 justify-end rounded-4xl px-12 py-6 text-2xl font-bold text-white;
+
+			a {
+				@apply md:hover:text-primary block rounded-sm px-3 py-2 text-white hover:bg-gray-100 md:border-0 md:p-0 md:hover:bg-transparent;
+			}
+		}
+		#logo {
+			@apply mx-12 my-4;
+		}
+	}
+}
+
+#slide {
+	background: url("assets/img/bg-slider.jpg") no-repeat center top;
+	z-index: -1;
+	@apply absolute top-0 w-full bg-cover;
+	height: 75vh;
+}
+#text-slide {
+	@apply font-montserrat z-10 mt-32 flex flex-col items-center justify-center text-center text-7xl font-bold text-white;
+}
diff --git a/theme/assets/img/bg-slider.jpg b/theme/assets/img/bg-slider.jpg
new file mode 100644
index 0000000..f047842
Binary files /dev/null and b/theme/assets/img/bg-slider.jpg differ
diff --git a/theme/footer.php b/theme/footer.php
index fb6d815..b5fbea3 100644
--- a/theme/footer.php
+++ b/theme/footer.php
@@ -1,4 +1,5 @@
 <?php
+
 /**
  * The template for displaying the footer
  *
@@ -11,13 +12,24 @@
 
 ?>
 
-	</div><!-- #content -->
+</div><!-- #content -->
 
-	<?php get_template_part( 'template-parts/layout/footer', 'content' ); ?>
+<?php get_template_part('template-parts/layout/footer', 'content'); ?>
 
 </div><!-- #page -->
 
 <?php wp_footer(); ?>
-
+<script src="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.js"></script>
+<script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
+<script>
+	var typed = new Typed('#text-slide', {
+		strings: ['ESTRATEGIA', 'BRANDING', 'CREATIVIDAD', 'DISEÑO'],
+		typeSpeed: 60,
+		backSpeed: 30,
+		shuffle: true,
+		loop: true,
+	});
+</script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/theme/template-parts/layout/header-content.php b/theme/template-parts/layout/header-content.php
index a0e89f1..9f73720 100644
--- a/theme/template-parts/layout/header-content.php
+++ b/theme/template-parts/layout/header-content.php
@@ -11,39 +11,41 @@
 ?>
 
 <header id="masthead">
-
-	<div>
-		<?php
-		if (is_front_page()) :
-		?>
-			<h1><?php bloginfo('name'); ?></h1>
-		<?php
-		else :
-		?>
-			<p><a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a></p>
-		<?php
-		endif;
-
-		$studio_up_description = get_bloginfo('description', 'display');
-		if ($studio_up_description || is_customize_preview()) :
-		?>
-			<p><?php echo $studio_up_description; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-				?></p>
-		<?php endif; ?>
+	<div id="slide"></div>
+	<div id="nav-container">
+		<nav id="site-navigation" aria-label="<?php esc_attr_e('Main Navigation', 'studio-up'); ?>">
+			<div id="logo">
+				<a href="<?php echo esc_url(home_url('/')); ?>">
+					<img src="<?= esc_url(wp_get_attachment_image_src(get_theme_mod('custom_logo'), 'full')[0]) ?>"
+						class="custom-logo" alt="<?= get_bloginfo('name') ?>" decoding="async">
+				</a>
+			</div>
+			<div id="menu">
+				<button data-collapse-toggle="navbar-default" type="button"
+					class="inline-flex items-center bg-white p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200"
+					aria-controls="navbar-default" aria-expanded="false">
+					<span class="sr-only">Open main menu</span>
+					<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
+						viewBox="0 0 17 14">
+						<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+							d="M1 1h15M1 7h15M1 13h15" />
+					</svg>
+				</button>
+				<div
+					class="absolute hidden w-4/5  md:w-75  mt-12 bg-secondary rounded-lg lg:relative lg:block lg:w-auto  lg:bg-transparent lg:mt-0"
+					id="navbar-default">
+					<?php
+					wp_nav_menu(
+						array(
+							'theme_location' => 'header',
+							'menu_id' => 'header-menu',
+							'items_wrap' => '<ul id="%1$s" class="" aria-label="submenu">%3$s</ul>',
+						)
+					);
+					?>
+				</div>
+			</div>
+		</nav><!-- #site-navigation -->
 	</div>
-
-	<nav id="site-navigation" aria-label="<?php esc_attr_e('Main Navigation', 'studio-up'); ?>">
-		<button aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e('Primary Menu', 'studio-up'); ?></button>
-
-		<?php
-		wp_nav_menu(
-			array(
-				'theme_location' => 'header',
-				'menu_class'     => 'header-menu',
-				'items_wrap'     => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
-			)
-		);
-		?>
-	</nav><!-- #site-navigation -->
-
-</header><!-- #masthead -->
+	<div id="text-slide"></div>
+</header><!-- #masthead -->
\ No newline at end of file