From 5ccb6d57071c3500aa59ba7ac7ac129e83137987 Mon Sep 17 00:00:00 2001
From: stteeel <samiLiebre@proton.me>
Date: Mon, 13 Oct 2025 11:01:21 -0400
Subject: [PATCH] feat: close mobile navbar on link click in all hero-section
 headers

---
 packages/dusk-kit/blocks/hero-section/eight/index.tsx  | 1 +
 packages/dusk-kit/blocks/hero-section/five/header.tsx  | 1 +
 packages/dusk-kit/blocks/hero-section/four/header.tsx  | 1 +
 packages/dusk-kit/blocks/hero-section/nine/index.tsx   | 1 +
 packages/dusk-kit/blocks/hero-section/one/header.tsx   | 1 +
 packages/dusk-kit/blocks/hero-section/seven/index.tsx  | 1 +
 packages/dusk-kit/blocks/hero-section/six/index.tsx    | 1 +
 packages/dusk-kit/blocks/hero-section/three/header.tsx | 1 +
 packages/dusk-kit/blocks/hero-section/two/header.tsx   | 1 +
 9 files changed, 9 insertions(+)

diff --git a/packages/dusk-kit/blocks/hero-section/eight/index.tsx b/packages/dusk-kit/blocks/hero-section/eight/index.tsx
index a57abd0..5e73ee3 100644
--- a/packages/dusk-kit/blocks/hero-section/eight/index.tsx
+++ b/packages/dusk-kit/blocks/hero-section/eight/index.tsx
@@ -47,6 +47,7 @@ export default function HeroSection() {
                                         {menuItems.map((item, index) => (
                                             <li key={index}>
                                                 <Link
+                                                    onClick={() => setMenuState(!menuState)}
                                                     href={item.href}
                                                     className="text-muted-foreground hover:text-accent-foreground block duration-150">
                                                     <span>{item.name}</span>
diff --git a/packages/dusk-kit/blocks/hero-section/five/header.tsx b/packages/dusk-kit/blocks/hero-section/five/header.tsx
index e9abafc..2324718 100644
--- a/packages/dusk-kit/blocks/hero-section/five/header.tsx
+++ b/packages/dusk-kit/blocks/hero-section/five/header.tsx
@@ -72,6 +72,7 @@ export const HeroHeader = () => {
                                     {menuItems.map((item, index) => (
                                         <li key={index}>
                                             <Link
+                                                onClick={() => setMenuState(!menuState)}
                                                 href={item.href}
                                                 className="text-muted-foreground hover:text-accent-foreground block duration-150">
                                                 <span>{item.name}</span>
diff --git a/packages/dusk-kit/blocks/hero-section/four/header.tsx b/packages/dusk-kit/blocks/hero-section/four/header.tsx
index 5f66494..594ef78 100644
--- a/packages/dusk-kit/blocks/hero-section/four/header.tsx
+++ b/packages/dusk-kit/blocks/hero-section/four/header.tsx
@@ -58,6 +58,7 @@ export const HeroHeader = () => {
                                     {menuItems.map((item, index) => (
                                         <li key={index}>
                                             <Link
+                                                onClick={() => setMenuState(!menuState)}
                                                 href={item.href}
                                                 className="text-muted-foreground hover:text-accent-foreground block duration-150">
                                                 <span>{item.name}</span>
diff --git a/packages/dusk-kit/blocks/hero-section/nine/index.tsx b/packages/dusk-kit/blocks/hero-section/nine/index.tsx
index dc34be1..b88566c 100644
--- a/packages/dusk-kit/blocks/hero-section/nine/index.tsx
+++ b/packages/dusk-kit/blocks/hero-section/nine/index.tsx
@@ -46,6 +46,7 @@ export default function HeroSection() {
                                         {menuItems.map((item, index) => (
                                             <li key={index}>
                                                 <Link
+                                                    onClick={() => setMenuState(!menuState)}
                                                     href={item.href}
                                                     className="text-muted-foreground hover:text-accent-foreground block duration-150">
                                                     <span>{item.name}</span>
diff --git a/packages/dusk-kit/blocks/hero-section/one/header.tsx b/packages/dusk-kit/blocks/hero-section/one/header.tsx
index aaa306c..0c0479a 100644
--- a/packages/dusk-kit/blocks/hero-section/one/header.tsx
+++ b/packages/dusk-kit/blocks/hero-section/one/header.tsx
@@ -68,6 +68,7 @@ export const HeroHeader = () => {
                                     {menuItems.map((item, index) => (
                                         <li key={index}>
                                             <Link
+                                                onClick={() => setMenuState(!menuState)}
                                                 href={item.href}
                                                 className="text-muted-foreground hover:text-accent-foreground block duration-150">
                                                 <span>{item.name}</span>
diff --git a/packages/dusk-kit/blocks/hero-section/seven/index.tsx b/packages/dusk-kit/blocks/hero-section/seven/index.tsx
index 5296e4a..0552389 100644
--- a/packages/dusk-kit/blocks/hero-section/seven/index.tsx
+++ b/packages/dusk-kit/blocks/hero-section/seven/index.tsx
@@ -53,6 +53,7 @@ export default function HeroSection() {
                                         {menuItems.map((item, index) => (
                                             <li key={index}>
                                                 <Link
+                                                    onClick={() => setMenuState(!menuState)}
                                                     href={item.href}
                                                     className="text-muted-foreground hover:text-accent-foreground block duration-150">
                                                     <span>{item.name}</span>
diff --git a/packages/dusk-kit/blocks/hero-section/six/index.tsx b/packages/dusk-kit/blocks/hero-section/six/index.tsx
index d438ff6..45bd2c7 100644
--- a/packages/dusk-kit/blocks/hero-section/six/index.tsx
+++ b/packages/dusk-kit/blocks/hero-section/six/index.tsx
@@ -46,6 +46,7 @@ export default function HeroSection() {
                                         {menuItems.map((item, index) => (
                                             <li key={index}>
                                                 <Link
+                                                    onClick={() => setMenuState(!menuState)}
                                                     href={item.href}
                                                     className="text-muted-foreground hover:text-accent-foreground block duration-150">
                                                     <span>{item.name}</span>
diff --git a/packages/dusk-kit/blocks/hero-section/three/header.tsx b/packages/dusk-kit/blocks/hero-section/three/header.tsx
index aaa306c..0c0479a 100644
--- a/packages/dusk-kit/blocks/hero-section/three/header.tsx
+++ b/packages/dusk-kit/blocks/hero-section/three/header.tsx
@@ -68,6 +68,7 @@ export const HeroHeader = () => {
                                     {menuItems.map((item, index) => (
                                         <li key={index}>
                                             <Link
+                                                onClick={() => setMenuState(!menuState)}
                                                 href={item.href}
                                                 className="text-muted-foreground hover:text-accent-foreground block duration-150">
                                                 <span>{item.name}</span>
diff --git a/packages/dusk-kit/blocks/hero-section/two/header.tsx b/packages/dusk-kit/blocks/hero-section/two/header.tsx
index f026d16..26f2782 100644
--- a/packages/dusk-kit/blocks/hero-section/two/header.tsx
+++ b/packages/dusk-kit/blocks/hero-section/two/header.tsx
@@ -71,6 +71,7 @@ export const HeroHeader = () => {
                                     {menuItems.map((item, index) => (
                                         <li key={index}>
                                             <Link
+                                                onClick={() => setMenuState(!menuState)}
                                                 href={item.href}
                                                 className="text-muted-foreground hover:text-accent-foreground block duration-150">
                                                 <span>{item.name}</span>