From 048f468021e7293955b78fabbd31232795a00a65 Mon Sep 17 00:00:00 2001
From: selvi <selvi@metatroncube.in>
Date: Tue, 14 Jul 2026 13:15:21 +0530
Subject: [PATCH] corrections updated

---
 components/events/PhotoGallerySection.jsx |   7 +-
 components/home/HeroBanner.tsx            | 146 +++++++++++-----------
 components/layout/header/Header1.tsx      |   7 +-
 public/assets/css/main.css                |  35 +++---
 4 files changed, 105 insertions(+), 90 deletions(-)

diff --git a/components/events/PhotoGallerySection.jsx b/components/events/PhotoGallerySection.jsx
index 41a9922..fa5d439 100644
--- a/components/events/PhotoGallerySection.jsx
+++ b/components/events/PhotoGallerySection.jsx
@@ -92,7 +92,12 @@ export default function PhotoGallerySection() {
                                         <div className="col-lg-4 col-md-6 mb-4" key={idx}>
                                             <div className="memory3-boxarea">
                                                 <div className="img1">
-                                                    <img src={event.eventimageurl} alt={event.eventtitle} />
+                                                    <Link href={`/photo-gallery/single-gallery?id=${event.id}`}>
+                                                        <img
+                                                            src={event.eventimageurl}
+                                                            alt={event.eventtitle}
+                                                        />
+                                                    </Link>
                                                 </div>
                                                 <div className="content-area">
                                                     <p>{event.eventdate}</p>
diff --git a/components/home/HeroBanner.tsx b/components/home/HeroBanner.tsx
index 48fa6cc..2f1d955 100644
--- a/components/home/HeroBanner.tsx
+++ b/components/home/HeroBanner.tsx
@@ -29,41 +29,41 @@ export default function HomeHeroBanner() {
             // buttonLink: "/upcoming-event/tamil-cultural-nite-2025",
         },
         {
-            title: 'Tamil Cultural Nite 2025',
+            title: 'KALAI VIZHA 2026',
             date: 'SERVING',
             location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
             bgImage: '/assets/img/home/banner/hero-banner-3.webp',
             image: '/assets/img/all-images/hero/hero-img12.png',
-            buttonText: "Book Now",
-            buttonLink: "/upcoming-event/tamil-cultural-nite-2025",
+            buttonText: "Know More",
+            buttonLink: "/upcoming-event/kalai-vizha-2026",
         },
         {
-            title: "Tamil Cultural Nite 2025",
+            title: "KALAI VIZHA 2026",
             date: 'SERVING',
             location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
             bgImage: '/assets/img/home/banner/hero-banner-1.webp',
             image: '/assets/img/all-images/hero/hero-img12.png',
-            buttonText: "Book Now",
-            buttonLink: "/upcoming-event/tamil-cultural-nite-2025",
+            buttonText: "Know More",
+            buttonLink: "/upcoming-event/kalai-vizha-2026",
         },
         {
-            title: "Tamil Cultural Nite 2025",
+            title: "KALAI VIZHA 2026",
             date: 'SERVING',
             location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
             bgImage: '/assets/img/home/banner/hero-banner-2.webp',
             image: '/assets/img/all-images/hero/hero-img12.png',
-            buttonText: "Book Now",
-            buttonLink: "/upcoming-event/tamil-cultural-nite-2025",
+            buttonText: "Know More",
+            buttonLink: "/upcoming-event/kalai-vizha-2026",
         },
 
         {
-            title: 'Tamil Cultural Nite 2025',
+            title: 'KALAI VIZHA 2026',
             date: 'SERVING',
             location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
             bgImage: '/assets/img/home/banner/hero-banner-5.webp',
             image: '/assets/img/all-images/hero/hero-img12.png',
-            buttonText: "Book Now",
-            buttonLink: "/upcoming-event/tamil-cultural-nite-2025",
+            buttonText: "Know More",
+            buttonLink: "/upcoming-event/kalai-vizha-2026",
         },
     ];
 
@@ -87,75 +87,75 @@ export default function HomeHeroBanner() {
                     }
                 }` : '').join('\n')}
             `}} />
-        <Swiper
-            modules={[Autoplay, Navigation, Pagination]}
-            slidesPerView={1}
-            loop={true}
-            autoplay={{ delay: 5000 }}
-            navigation
-        // pagination={{ clickable: true }} 
-        >
-            {slideData.map((slide, index) => (
-                <SwiperSlide key={index}>
-                    <div
-                        className={"hero9-slider-area " + (slide.mobileBgImage ? "mobile-bg-slide-" + index : "")}
-                        style={{
-                            backgroundImage: `url(${slide.bgImage})`,
-                            backgroundRepeat: 'no-repeat',
-                            backgroundSize: 'cover',
-                            backgroundPosition: 'center bottom',
-                        }}
-                    >
-                        <div className={`container ${index === 0 ? 'hero-container-first' : ''}`} style={index === 0 ? { paddingTop: '180px' } : {}}>
-                            <div className="row align-items-center">
-                                <div className="col-lg-7">
-                                    <div className="hero8-header">
-                                        {slide.title && (
-                                            <>
-                                                <h5>
-                                                    Where Culture Meets the Beat
-                                                </h5>
-                                                <div className="space16" />
-                                                <h1 className="text-anime-style-3" dangerouslySetInnerHTML={{ __html: slide.title }}></h1>
-                                            </>
-                                        )}
-                                        <div className="space32" />
-                                        {slide.buttonLink && slide.buttonText && (
-                                            <div className="btn-area1">
-                                                <Link href={slide.buttonLink} className="vl-btn9">
-                                                    <span className="demo">{slide.buttonText}</span>
-                                                </Link>
-                                            </div>
-                                        )}
+            <Swiper
+                modules={[Autoplay, Navigation, Pagination]}
+                slidesPerView={1}
+                loop={true}
+                autoplay={{ delay: 5000 }}
+                navigation
+            // pagination={{ clickable: true }} 
+            >
+                {slideData.map((slide, index) => (
+                    <SwiperSlide key={index}>
+                        <div
+                            className={"hero9-slider-area " + (slide.mobileBgImage ? "mobile-bg-slide-" + index : "")}
+                            style={{
+                                backgroundImage: `url(${slide.bgImage})`,
+                                backgroundRepeat: 'no-repeat',
+                                backgroundSize: 'cover',
+                                backgroundPosition: 'center bottom',
+                            }}
+                        >
+                            <div className={`container ${index === 0 ? 'hero-container-first' : ''}`} style={index === 0 ? { paddingTop: '180px' } : {}}>
+                                <div className="row align-items-center">
+                                    <div className="col-lg-7">
+                                        <div className="hero8-header">
+                                            {slide.title && (
+                                                <>
+                                                    <h5>
+                                                        Where Culture Meets the Beat
+                                                    </h5>
+                                                    <div className="space16" />
+                                                    <h1 className="text-anime-style-3" dangerouslySetInnerHTML={{ __html: slide.title }}></h1>
+                                                </>
+                                            )}
+                                            <div className="space32" />
+                                            {slide.buttonLink && slide.buttonText && (
+                                                <div className="btn-area1">
+                                                    <Link href={slide.buttonLink} className="vl-btn9">
+                                                        <span className="demo">{slide.buttonText}</span>
+                                                    </Link>
+                                                </div>
+                                            )}
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                            {(slide.date || slide.location) && (
-                                <div className="row">
-                                    <div className="col-lg-12">
-                                        <div className="timer-bg-area">
-                                            <div className="row d-flex justify-content-center align-items-center" >
-                                                <div className="col-lg-12 text-center d-flex justify-content-center align-items-center">
-                                                    <div className="heading12">
-                                                        {slide.date && <h3>{slide.date}</h3>}
-                                                        {slide.location && (
-                                                            <p>
-                                                                <img src="/assets/img/icons/location1.svg" alt="" />
-                                                                {slide.location}
-                                                            </p>
-                                                        )}
+                                {(slide.date || slide.location) && (
+                                    <div className="row">
+                                        <div className="col-lg-12">
+                                            <div className="timer-bg-area">
+                                                <div className="row d-flex justify-content-center align-items-center" >
+                                                    <div className="col-lg-12 text-center d-flex justify-content-center align-items-center">
+                                                        <div className="heading12">
+                                                            {slide.date && <h3>{slide.date}</h3>}
+                                                            {slide.location && (
+                                                                <p>
+                                                                    <img src="/assets/img/icons/location1.svg" alt="" />
+                                                                    {slide.location}
+                                                                </p>
+                                                            )}
+                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
-                                </div>
-                            )}
+                                )}
+                            </div>
                         </div>
-                    </div>
-                </SwiperSlide>
-            ))}
-        </Swiper>
+                    </SwiperSlide>
+                ))}
+            </Swiper>
         </>
     );
 }
diff --git a/components/layout/header/Header1.tsx b/components/layout/header/Header1.tsx
index ba3a2f3..001c8e0 100644
--- a/components/layout/header/Header1.tsx
+++ b/components/layout/header/Header1.tsx
@@ -251,9 +251,12 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
 															))}
 														</ul>
 													</li>
-													<li><Link href="/photo-gallery">Photos Gallery</Link></li>
+													{/* <li><Link href="/photo-gallery">Photos Gallery</Link></li> */}
 												</ul>
 											</li>
+											<li>
+												<Link href="/photo-gallery">Photos Gallery</Link>
+											</li>
 
 											<li>
 												<Link href="#">Registration <i className="fa-solid fa-angle-down" /></Link>
@@ -338,7 +341,7 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
 											className="vl-btn9"
 											style={{
 												fontSize: '18px',
-												padding: '13px 13px',
+												padding: '13px 10px',
 												display: 'inline-block',
 												backgroundColor: '#ffde14',
 												color: 'black'
diff --git a/public/assets/css/main.css b/public/assets/css/main.css
index 9aade45..35d5a90 100644
--- a/public/assets/css/main.css
+++ b/public/assets/css/main.css
@@ -10182,23 +10182,23 @@ html {
 
 .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a {
 	font-family: var(--grotesk) !important;
-	font-size: var(--ztc-font-size-font-s18);
+	font-size: 15px;
 	font-weight: var(--ztc-weight-medium);
 	color: #fff;
 	display: block;
 	transition: all 0.4s;
-	padding: 0 20px;
+	padding: 0 13px;
 }
 
 @media (max-width: 1200px) {
 	.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a {
-		padding: 0 10px;
+		padding: 0 5px;
 	}
 }
 
 @media (max-width: 1024px) {
 	.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a {
-		padding: 0 9px;
+		padding: 0 8px;
 	}
 }
 
@@ -10338,7 +10338,7 @@ html {
 }
 
 .homepage1-body .header-area.homepage1 .header-elements .btn-area ul {
-	margin: 0 0 0 20px;
+	margin: 0 0 0 15px;
 }
 
 .homepage1-body .header-area.homepage1 .header-elements .btn-area ul li {
@@ -10384,13 +10384,13 @@ html {
 
 
 @media (max-width: 1024px) {
-	.homepage1-body .header-area.homepage1 .header-elements .btn-area ul {
+	/* .homepage1-body .header-area.homepage1 .header-elements .btn-area ul {
 		display: none;
-	}
+	} */
 
 	.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a {
 
-		font-size: var(--ztc-font-size-font-s16);
+		font-size: 14px;
 	}
 
 	.vl-btn9 {
@@ -10402,6 +10402,12 @@ html {
 
 }
 
+@media (max-width: 1399px) {
+	.homepage1-body .header-area.homepage1 .header-elements .btn-area ul {
+		display: none;
+	}
+}
+
 .homepage2-body,
 html {
 	overflow-x: hidden !important;
@@ -26315,7 +26321,7 @@ html {
 		color: #fff;
 		display: block;
 		transition: all 0.4s;
-		padding: 0px 10px;
+		padding: 0px 8px;
 	}
 }
 
@@ -28065,17 +28071,17 @@ html {
 	margin-bottom: 30px;
 }
 
-.memory-inner-section-area .memory3-boxarea:hover .content-area {
+/* .memory-inner-section-area .memory3-boxarea:hover .content-area {
 	left: 0;
 	transition: all 0.6s;
-}
+} */
 
-.memory-inner-section-area .memory3-boxarea:hover .img1::after {
+/* .memory-inner-section-area .memory3-boxarea:hover .img1::after {
 	visibility: visible;
 	opacity: 1;
 	transition: all 0.4s;
 	transform: scale(1);
-}
+} */
 
 .memory-inner-section-area .memory3-boxarea:hover .img1 img {
 	transform: scale(1.1) rotate(-4deg);
@@ -28119,7 +28125,7 @@ html {
 	padding: 18px 70px 18px 18px;
 	position: absolute;
 	bottom: 24px;
-	left: -800px;
+	/* left: -800px; */
 	transition: all 0.6s;
 	z-index: 1;
 }
@@ -28143,6 +28149,7 @@ html {
 	line-height: 20px;
 	display: inline-block;
 	transition: all 0.4s;
+	text-decoration: underline;
 }
 
 .memory-inner-section-area .memory3-boxarea .content-area .plus {