From 1a63382ac1dc4f6b76b3fcc62292b28b00909ba7 Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Wed, 6 Aug 2025 09:55:59 -0700
Subject: [PATCH] Mobile Menu Updated

---
 components/layout/MobileMenu.tsx | 20 ++++++--------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/components/layout/MobileMenu.tsx b/components/layout/MobileMenu.tsx
index e6d3f03..f15962f 100644
--- a/components/layout/MobileMenu.tsx
+++ b/components/layout/MobileMenu.tsx
@@ -57,9 +57,9 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
 								<li className="hash-has-sub"><Link href="/index10" className="hash-nav">Home Ten</Link></li>
 							</ul> */}
 						</li>
-						<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 3 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(3)}><em /></span>
-							<Link href="/about" className="hash-nav">About</Link>
-							<ul className={`sub-menu ${isAccordion == 3 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 3 ? "block" : "none"}` }}>
+						<li className="has-sub hash-has-sub">
+							<Link href="/about" className="hash-nav">About </Link>
+							<ul className={`sub-menu ${isAccordion  == 1 ? "open-sub" : ""}`} style={{ display: `${isAccordion  == 1 ? "block" : "none"}` }}>
 								<li className="hash-has-sub"><Link href="/about/association" className="hash-nav">Association</Link></li>
 								<li className="hash-has-sub"><Link href="/about/mission" className="hash-nav">Misssion</Link></li>
 								<li className="hash-has-sub"><Link href="/about/constitution" className="hash-nav">Constitution</Link></li>
@@ -85,10 +85,6 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
 							</ul>
 						</li>
 						<li className="has-sub hash-has-sub">
-							<span
-								className={`submenu-button ${isAccordion == 6 ? "submenu-opened" : ""}`}
-								onClick={() => handleAccordion(6)}
-							><em /></span>
 							<Link href="/tamil-culture" className="hash-nav">Tamil Culture</Link>
 
 							<ul className={`sub-menu ${isAccordion == 6 ? "open-sub" : ""}`} style={{ display: isAccordion == 6 ? "block" : "none" }}>
@@ -104,11 +100,7 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
 										<li><Link href="/tamil-culture/tamil-festivals/christian-festivals" className="hash-nav">Christian Festivals</Link></li>
 									</ul>
 								</li>
-								<li className="hash-has-sub">
-									<span
-										className={`submenu-button ${subAccordion === 2 ? "submenu-opened" : ""}`}
-										onClick={() => handleSubAccordion(2)}
-									><em /></span>
+								<li className="has-sub hash-has-sub">
 									<Link href="/tamil-culture/tamil-wedding-custom" className="hash-nav">Tamil Wedding & Custom</Link>
 									<ul className={`sub-menu ${subAccordion === 2 ? "open-sub" : ""}`} style={{ display: subAccordion === 2 ? "block" : "none" }}>
 										<li><Link href="/tamil-culture/tamil-wedding-custom/hindu-wedding-rituals" className="hash-nav">Hindu Wedding Rituals</Link></li>
@@ -124,7 +116,7 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
 								</li>
 							</ul>
 						</li>
-						<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 4 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(4)}><em /></span>
+						<li className="has-sub hash-has-sub">
 							<Link href="/community" className="hash-nav">Community</Link>
 							<ul className={`sub-menu ${isAccordion == 4 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 4 ? "block" : "none"}` }}>
 								<li className="hash-has-sub"><Link href="/community/recipes" className="hash-nav">Recipes</Link></li>
@@ -135,7 +127,7 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
 								<li className="hash-has-sub"><Link href="/community/global-relief-fund" className="hash-nav">Global Relief Fund</Link></li>
 							</ul>
 						</li>
-						<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 5 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(5)}><em /></span>
+						<li className="has-sub hash-has-sub">
 							<Link href="#" className="hash-nav">Events</Link>
 							<ul className={`sub-menu ${isAccordion == 5 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 5 ? "block" : "none"}` }}>
 								<li className="hash-has-sub"><Link href="/upcoming-event" className="hash-nav">Upcoming Event</Link></li>