From cc931265a52be3b6875fdf65b738c91a069edebc Mon Sep 17 00:00:00 2001
From: selvi <selvi@metatroncube.in>
Date: Fri, 25 Jul 2025 20:23:14 +0530
Subject: [PATCH] home responsive checked

---
 components/home/HomePhotoGallerySection.tsx |  3 --
 components/layout/MobileMenu.tsx            | 55 ++++++++++++++-------
 components/online/sponsor/Section3.jsx      |  2 +-
 public/assets/css/main.css                  |  5 ++
 4 files changed, 43 insertions(+), 22 deletions(-)

diff --git a/components/home/HomePhotoGallerySection.tsx b/components/home/HomePhotoGallerySection.tsx
index e785827..95d0dc6 100644
--- a/components/home/HomePhotoGallerySection.tsx
+++ b/components/home/HomePhotoGallerySection.tsx
@@ -23,9 +23,6 @@ export default function HomePhotoGallerySection() {
 
         { src: "/assets/img/home/photos-gallery/kw.webp", delay: 1200, year: 1989 },
         { src: "/assets/img/home/photos-gallery/tamil-heritage.webp", delay: 800, year: 2025 },
-        { src: "/assets/img/all-images/memory/memory-img9.png", delay: 1000, year: 2004 },
-        { src: "/assets/img/all-images/memory/memory-img4.png", delay: 1000, year: 1989 },
-        { src: "/assets/img/all-images/memory/memory-img9.png", delay: 1200, year: 2025 },
     ];
 
     const [open, setOpen] = useState(false);
diff --git a/components/layout/MobileMenu.tsx b/components/layout/MobileMenu.tsx
index 645d7f1..e22d245 100644
--- a/components/layout/MobileMenu.tsx
+++ b/components/layout/MobileMenu.tsx
@@ -5,9 +5,9 @@ import Link from 'next/link'
 export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
 	const [isAccordion, setIsAccordion] = useState(1)
 
-const handleAccordion = (key: any) => {
-    setIsAccordion(prevState => prevState === key ? null : key)
-}
+	const handleAccordion = (key: any) => {
+		setIsAccordion(prevState => prevState === key ? null : key)
+	}
 	return (
 		<>
 			<div className="mobile-header mobile-haeder1 d-block d-lg-none">
@@ -35,9 +35,9 @@ const handleAccordion = (key: any) => {
 				</div>
 				<div className="mobile-nav mobile-nav1">
 					<ul className="mobile-nav-list nav-list1">
-						<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion  == 1 ? "submenu-opened" : ""}`}onClick={() => handleAccordion (1)}><em /></span>
-							<Link href="/#" className="hash-nav">Home </Link>
-							<ul className={`sub-menu ${isAccordion  == 1 ? "open-sub" : ""}`} style={{ display: `${isAccordion  == 1 ? "block" : "none"}` }}>
+						<li className="has-sub hash-has-sub">
+							<Link href="/" className="hash-nav">Home </Link>
+							{/* <ul className={`sub-menu ${isAccordion  == 1 ? "open-sub" : ""}`} style={{ display: `${isAccordion  == 1 ? "block" : "none"}` }}>
 								<li className="hash-has-sub"><Link href="/" className="hash-nav">Home One</Link></li>
 								<li className="hash-has-sub"><Link href="/index2" className="hash-nav">Home Two</Link></li>
 								<li className="hash-has-sub"><Link href="/index3" className="hash-nav">Home Three</Link></li>
@@ -48,34 +48,53 @@ const handleAccordion = (key: any) => {
 								<li className="hash-has-sub"><Link href="/index8" className="hash-nav">Home Eight</Link></li>
 								<li className="hash-has-sub"><Link href="/index9" className="hash-nav">Home Nine</Link></li>
 								<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="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">Mission</Link></li>
+								<li className="hash-has-sub"><Link href="/about/constitution" className="hash-nav">Constitution</Link></li>
+								<li className="hash-has-sub"><Link href="/about/committee" className="hash-nav">Committee</Link></li>
 							</ul>
 						</li>
-						<li className="hash-has-sub"><Link href="/about" className="hash-nav">About Event</Link></li>
-						<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion  == 2 ? "submenu-opened" : ""}`}onClick={() => handleAccordion (2)}><em /></span>
-							<Link href="/features" className="hash-nav">Speakers</Link>
-							<ul className={`sub-menu ${isAccordion  == 2 ? "open-sub" : ""}`} style={{ display: `${isAccordion  == 2 ? "block" : "none"}` }}>
-								<li className="hash-has-sub"><Link href="/speakers" className="hash-nav">Speakers</Link></li>
-								<li className="hash-has-sub"><Link href="/speakers-single" className="hash-nav">Speakers Details</Link></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>
+							<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>
+								<li className="hash-has-sub"><Link href="/online/thai-pongal-2025" className="hash-nav">Thai Pongal</Link></li>
+								<li className="hash-has-sub"><Link href="/online/tamil-new-year" className="hash-nav">Tamil New Year</Link></li>
+								<li className="hash-has-sub"><Link href="/online/community-picnic" className="hash-nav">Community Picnic</Link></li>
+								<li className="hash-has-sub"><Link href="/online/sports-day" className="hash-nav">Sports Day</Link></li>
+								<li className="hash-has-sub"><Link href="/online/kalai-vizha" className="hash-nav">Kalai Vizha</Link></li>
+								<li className="hash-has-sub"><Link href="/online/christmas" className="hash-nav">Christmas & Year End</Link></li>
+								<li className="hash-has-sub"><Link href="/online/performance" className="hash-nav">Program Performance Registration</Link></li>
+								<li className="hash-has-sub"><Link href="/online/sponsor" className="hash-nav">Sponsor</Link></li>
+								<li className="hash-has-sub"><Link href="/online/registration-form" className="hash-nav">Whatsapp Form</Link></li>
+								<li className="hash-has-sub"><Link href="/online/volunteer" className="hash-nav">Volunteer</Link></li>
+								{/* <li className="hash-has-sub"><Link href="/speakers-single" className="hash-nav">Speakers Details</Link></li> */}
 							</ul>
 						</li>
-						<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion  == 3 ? "submenu-opened" : ""}`}onClick={() => handleAccordion (3)}><em /></span>
+						<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>
-							<ul className={`sub-menu ${isAccordion  == 3 ? "open-sub" : ""}`} style={{ display: `${isAccordion  == 3 ? "block" : "none"}` }}>
+							<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>
 							</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"><span className={`submenu-button ${isAccordion == 4 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(4)}><em /></span>
 							<Link href="/#" className="hash-nav">Blogs</Link>
-							<ul className={`sub-menu ${isAccordion  == 4 ? "open-sub" : ""}`} style={{ display: `${isAccordion  == 4 ? "block" : "none"}` }}>
+							<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>
 							</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"><span className={`submenu-button ${isAccordion == 5 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(5)}><em /></span>
 							<Link href="/#" className="hash-nav">Pages</Link>
-							<ul className={`sub-menu ${isAccordion  == 5 ? "open-sub" : ""}`} style={{ display: `${isAccordion  == 5 ? "block" : "none"}` }}>
+							<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>
diff --git a/components/online/sponsor/Section3.jsx b/components/online/sponsor/Section3.jsx
index e62f3cc..172e2ec 100644
--- a/components/online/sponsor/Section3.jsx
+++ b/components/online/sponsor/Section3.jsx
@@ -47,7 +47,7 @@ export default function Section3() {
                         </div>
                         <div className="col-lg-6">
                             <div className="img">
-                                <img src="/assets/img/online/sponsor-ship/sponsor-1.webp" style={{ height: "750px" }} alt="" />
+                                <img src="/assets/img/online/sponsor-ship/sponsor-1.webp" alt="" />
                             </div>
                         </div>
 
diff --git a/public/assets/css/main.css b/public/assets/css/main.css
index 0898773..8bd4eb6 100644
--- a/public/assets/css/main.css
+++ b/public/assets/css/main.css
@@ -28325,6 +28325,11 @@ h2.custom-text.aos-init.aos-animate{
     display: none !important;
   }
 }
+@media (max-width: 1440px) {
+  .culture-img {
+    height: 412px !important;
+  }
+}
 @media (max-width: 1024px) {
   .culture-img {
     height: 453px !important;