From e7e09e5f8aaea6eb5d33c04c302bcb8dea1d7e69 Mon Sep 17 00:00:00 2001
From: Nonimart <martinon.toinou@protonmail.com>
Date: Thu, 4 Sep 2025 16:08:26 +0200
Subject: [PATCH] FEATURE Introducing the mobile menu brand component

---
 resources/css/app.css                       |  1 +
 template-parts/header/mobile-menu-brand.php | 39 +++++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 template-parts/header/mobile-menu-brand.php

diff --git a/resources/css/app.css b/resources/css/app.css
index a686391..b1c85c2 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -46,6 +46,7 @@
 
 /* ########### LAYOUT ############ */
 @import './layout/nav.css';
+@import './layout/menu-mobile-brand.css';
 
 /* ########### BLOCKS ############ */
 @import './blocks/explore-tags.css';
diff --git a/template-parts/header/mobile-menu-brand.php b/template-parts/header/mobile-menu-brand.php
new file mode 100644
index 0000000..ee6726f
--- /dev/null
+++ b/template-parts/header/mobile-menu-brand.php
@@ -0,0 +1,39 @@
+<?php
+?>
+<div class="carhop-mobile-menu-brand menu-mobile-brand" id="menu-mobile-brand">
+	<button id="mobile-menu-toggle" class="menu-mobile-brand__mobile-menu-toggle cta cta--outline cta--button" data-text-open="Menu" data-text-close="Fermer" aria-expanded="true">
+		<span class="text-content">Menu</span>
+		<div class="toggle-icon">
+			<div class="toggle-icon__bar toggle-icon__bar--top"></div>
+			<div class="toggle-icon__bar toggle-icon__bar--middle"></div>
+			<div class="toggle-icon__bar toggle-icon__bar--bottom"></div>
+		</div>
+
+	</button>
+	<div class="menu-mobile-brand__inner-elements">
+		<div class="website_logo">
+			<?php if (has_custom_logo()) { ?>
+				<?php the_custom_logo(); ?>
+			<?php } else { ?>
+				<a href=" <?php echo get_bloginfo('url'); ?>" class="font-extrabold text-lg uppercase">
+					<?php echo get_bloginfo('name'); ?>
+				</a>
+
+				<p class="text-sm font-light text-gray-600">
+					<?php echo get_bloginfo('description'); ?>
+				</p>
+
+			<?php } ?>
+		</div>
+		<div class="tools-container">
+			<button class="search-button">
+				<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-rechercher.svg" alt="">
+				Rechercher
+			</button>
+			<button class="subscribe-button">
+				<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-abonner.svg" alt="">
+				S’abonner
+			</button>
+		</div>
+	</div>
+</div>
\ No newline at end of file