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>