MetatroncubeSoftwareSolutions/TamilCulturalAssociation
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mobile menu updated

Browse Source
This commit is contained in:
Selvi 2025-07-25 22:15:10 +05:30
parent 7c851801d6
commit 8558ff4abe
1 changed files with 25 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
components/layout/MobileMenu.tsx
View File

@ -60,7 +60,7 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
</ul>
</li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 2 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(2)}><em /></span>
<Link href="/online" className="hash-nav">Online</Link>
<Link href="#" className="hash-nav">Online</Link>
<ul className={`sub-menu ${isAccordion == 2 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 2 ? "block" : "none"}` }}>
<li className="hash-has-sub"><Link href="/online/membership-2024" className="hash-nav">Membership - 2024</Link></li>
<li className="hash-has-sub"><Link href="/online/membership-2025" className="hash-nav">Membership - 2025</Link></li>
@ -78,34 +78,36 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
</ul>
</li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 3 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(3)}><em /></span>
<Link href="/features" className="hash-nav">Schedule</Link>
<Link href="/tamil-culture" className="hash-nav">Tamil Culture</Link>
<ul className={`sub-menu ${isAccordion == 3 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 3 ? "block" : "none"}` }}>
<li className="hash-has-sub"><Link href="/event" className="hash-nav">Our Event</Link></li>
<li className="hash-has-sub"><Link href="/event-schedule" className="hash-nav">Event Schedule</Link></li>
<li className="hash-has-sub"><Link href="/event-single" className="hash-nav">Event Details</Link></li>
<li className="hash-has-sub"><Link href="/tamil-culture/tamil-festivals" className="hash-nav">Tamil Festivals</Link></li>
<li className="hash-has-sub"><Link href="/tamil-culture/tamil-wedding-custom" className="hash-nav">Tamil Wedding & Custom</Link></li>
<li className="hash-has-sub"><Link href="/tamil-culture/tamil-language" className="hash-nav">Tamil Language</Link></li>
</ul>
</li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 4 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(4)}><em /></span>
<Link href="/#" className="hash-nav">Blogs</Link>
<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="/blog" className="hash-nav">Our Blog</Link></li>
<li className="hash-has-sub"><Link href="/blog-single" className="hash-nav">Blog Details</Link></li>
<li className="hash-has-sub"><Link href="/community/recipes" className="hash-nav">Recipes</Link></li>
<li className="hash-has-sub"><Link href="/community/cricket-club" className="hash-nav">Cricket Club</Link></li>
<li className="hash-has-sub"><Link href="/community/badminton-club" className="hash-nav">Badminton Club</Link></li>
<li className="hash-has-sub"><Link href="/community/business-directory" className="hash-nav">Business Directory</Link></li>
<li className="hash-has-sub"><Link href="/community/recipes" className="hash-nav">Recipes</Link></li>
<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>
<Link href="/#" className="hash-nav">Pages</Link>
<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="/memories" className="hash-nav">Our Memories</Link></li>
<li className="hash-has-sub"><Link href="/pricing-plan" className="hash-nav">Pricing Plan</Link></li>
<li className="hash-has-sub"><Link href="/faq" className="hash-nav">FAQ,s</Link></li>
<li className="hash-has-sub"><Link href="/contact" className="hash-nav">Contact Us</Link></li>
<li className="hash-has-sub"><Link href="/upcoming-event" className="hash-nav">Upcoming Event</Link></li>
<li className="hash-has-sub"><Link href="/photo-gallery" className="hash-nav">Photos Gallery</Link></li>
</ul>
</li>
<li className="hash-has-sub"><Link href="/contact" className="hash-nav">Contact Us</Link></li>
<li className="hash-has-sub"><Link href="/contact" className="hash-nav">Contact</Link></li>
</ul>
<div className="allmobilesection">
<Link href="//contact" className="vl-btn1">Contact Now</Link>
<Link href="/contact" className="vl-btn1">Contact Now</Link>
<div className="single-footer">
<h3>Contact Info</h3>
<div className="footer1-contact-info">
@ -114,7 +116,9 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
<span><i className="fa-solid fa-phone-volume" /></span>
</div>
<div className="contact-info-text">
<Link href="//tel:+3(924)4596512">+3(924)4596512</Link>
<Link href="/tel:+1 123 456
7890">+1 123 456
7890</Link>
</div>
</div>
<div className="contact-info-single">
@ -122,7 +126,7 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
<span><i className="fa-solid fa-envelope" /></span>
</div>
<div className="contact-info-text">
<Link href="//mailto:info@example.com">info@example.com</Link>
<Link href="/mailto:mail@tamilculturewaterloo.org">mail@tamilculturewaterloo.org</Link>
</div>
</div>
<div className="single-footer">
@ -132,8 +136,7 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
<span><i className="fa-solid fa-location-dot" /></span>
</div>
<div className="contact-info-text">
<Link href="//mailto:info@example.com">55 East Birchwood Ave.Brooklyn, <br />
New York 11201,United States</Link>
<Link href="/mailto:mail@tamilculturewaterloo.org">P.O. Box No:25068, Kitchener, <br />Ontario, N2A 4A5, Canada.</Link>
</div>
</div>
</div>
@ -142,16 +145,16 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
<div className="social-links-mobile-menu">
<ul>
<li>
<Link href="//#"><i className="fa-brands fa-facebook-f" /></Link>
<Link href="/#"><i className="fa-brands fa-facebook-f" /></Link>
</li>
<li>
<Link href="//#"><i className="fa-brands fa-instagram" /></Link>
<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
</li>
<li>
<Link href="//#"><i className="fa-brands fa-linkedin-in" /></Link>
</li>
<li>
<Link href="//#"><i className="fa-brands fa-youtube" /></Link>
<Link href="/#"><i className="fa-brands fa-youtube" /></Link>
</li>
</ul>
</div>