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

corrections updated

Browse Source
This commit is contained in:
Selvi 2026-07-14 13:15:21 +05:30
parent 3b0b2bec7c
commit 048f468021
4 changed files with 105 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/events/PhotoGallerySection.jsx
View File

@ -92,7 +92,12 @@ export default function PhotoGallerySection() {
<div className="col-lg-4 col-md-6 mb-4" key={idx}> <div className="col-lg-4 col-md-6 mb-4" key={idx}>
<div className="memory3-boxarea"> <div className="memory3-boxarea">
<div className="img1"> <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>
<div className="content-area"> <div className="content-area">
<p>{event.eventdate}</p> <p>{event.eventdate}</p>

146
components/home/HeroBanner.tsx
View File

@ -29,41 +29,41 @@ export default function HomeHeroBanner() {
// buttonLink: "/upcoming-event/tamil-cultural-nite-2025", // buttonLink: "/upcoming-event/tamil-cultural-nite-2025",
}, },
{ {
title: 'Tamil Cultural Nite 2025', title: 'KALAI VIZHA 2026',
date: 'SERVING', date: 'SERVING',
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989', location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/hero-banner-3.webp', bgImage: '/assets/img/home/banner/hero-banner-3.webp',
image: '/assets/img/all-images/hero/hero-img12.png', image: '/assets/img/all-images/hero/hero-img12.png',
buttonText: "Book Now", buttonText: "Know More",
buttonLink: "/upcoming-event/tamil-cultural-nite-2025", buttonLink: "/upcoming-event/kalai-vizha-2026",
}, },
{ {
title: "Tamil Cultural Nite 2025", title: "KALAI VIZHA 2026",
date: 'SERVING', date: 'SERVING',
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989', location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/hero-banner-1.webp', bgImage: '/assets/img/home/banner/hero-banner-1.webp',
image: '/assets/img/all-images/hero/hero-img12.png', image: '/assets/img/all-images/hero/hero-img12.png',
buttonText: "Book Now", buttonText: "Know More",
buttonLink: "/upcoming-event/tamil-cultural-nite-2025", buttonLink: "/upcoming-event/kalai-vizha-2026",
}, },
{ {
title: "Tamil Cultural Nite 2025", title: "KALAI VIZHA 2026",
date: 'SERVING', date: 'SERVING',
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989', location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/hero-banner-2.webp', bgImage: '/assets/img/home/banner/hero-banner-2.webp',
image: '/assets/img/all-images/hero/hero-img12.png', image: '/assets/img/all-images/hero/hero-img12.png',
buttonText: "Book Now", buttonText: "Know More",
buttonLink: "/upcoming-event/tamil-cultural-nite-2025", buttonLink: "/upcoming-event/kalai-vizha-2026",
}, },
{ {
title: 'Tamil Cultural Nite 2025', title: 'KALAI VIZHA 2026',
date: 'SERVING', date: 'SERVING',
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989', location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/hero-banner-5.webp', bgImage: '/assets/img/home/banner/hero-banner-5.webp',
image: '/assets/img/all-images/hero/hero-img12.png', image: '/assets/img/all-images/hero/hero-img12.png',
buttonText: "Book Now", buttonText: "Know More",
buttonLink: "/upcoming-event/tamil-cultural-nite-2025", buttonLink: "/upcoming-event/kalai-vizha-2026",
}, },
]; ];
@ -87,75 +87,75 @@ export default function HomeHeroBanner() {
} }
}` : '').join('\n')} }` : '').join('\n')}
`}} /> `}} />
<Swiper <Swiper
modules={[Autoplay, Navigation, Pagination]} modules={[Autoplay, Navigation, Pagination]}
slidesPerView={1} slidesPerView={1}
loop={true} loop={true}
autoplay={{ delay: 5000 }} autoplay={{ delay: 5000 }}
navigation navigation
// pagination={{ clickable: true }} // pagination={{ clickable: true }}
> >
{slideData.map((slide, index) => ( {slideData.map((slide, index) => (
<SwiperSlide key={index}> <SwiperSlide key={index}>
<div <div
className={"hero9-slider-area " + (slide.mobileBgImage ? "mobile-bg-slide-" + index : "")} className={"hero9-slider-area " + (slide.mobileBgImage ? "mobile-bg-slide-" + index : "")}
style={{ style={{
backgroundImage: `url(${slide.bgImage})`, backgroundImage: `url(${slide.bgImage})`,
backgroundRepeat: 'no-repeat', backgroundRepeat: 'no-repeat',
backgroundSize: 'cover', backgroundSize: 'cover',
backgroundPosition: 'center bottom', backgroundPosition: 'center bottom',
}} }}
> >
<div className={`container ${index === 0 ? 'hero-container-first' : ''}`} style={index === 0 ? { paddingTop: '180px' } : {}}> <div className={`container ${index === 0 ? 'hero-container-first' : ''}`} style={index === 0 ? { paddingTop: '180px' } : {}}>
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-lg-7"> <div className="col-lg-7">
<div className="hero8-header"> <div className="hero8-header">
{slide.title && ( {slide.title && (
<> <>
<h5> <h5>
Where Culture Meets the Beat Where Culture Meets the Beat
</h5> </h5>
<div className="space16" /> <div className="space16" />
<h1 className="text-anime-style-3" dangerouslySetInnerHTML={{ __html: slide.title }}></h1> <h1 className="text-anime-style-3" dangerouslySetInnerHTML={{ __html: slide.title }}></h1>
</> </>
)} )}
<div className="space32" /> <div className="space32" />
{slide.buttonLink && slide.buttonText && ( {slide.buttonLink && slide.buttonText && (
<div className="btn-area1"> <div className="btn-area1">
<Link href={slide.buttonLink} className="vl-btn9"> <Link href={slide.buttonLink} className="vl-btn9">
<span className="demo">{slide.buttonText}</span> <span className="demo">{slide.buttonText}</span>
</Link> </Link>
</div> </div>
)} )}
</div>
</div> </div>
</div> </div>
</div> {(slide.date || slide.location) && (
{(slide.date || slide.location) && ( <div className="row">
<div className="row"> <div className="col-lg-12">
<div className="col-lg-12"> <div className="timer-bg-area">
<div className="timer-bg-area"> <div className="row d-flex justify-content-center align-items-center" >
<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="col-lg-12 text-center d-flex justify-content-center align-items-center"> <div className="heading12">
<div className="heading12"> {slide.date && <h3>{slide.date}</h3>}
{slide.date && <h3>{slide.date}</h3>} {slide.location && (
{slide.location && ( <p>
<p> <img src="/assets/img/icons/location1.svg" alt="" />
<img src="/assets/img/icons/location1.svg" alt="" /> {slide.location}
{slide.location} </p>
</p> )}
)} </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> )}
)} </div>
</div> </div>
</div> </SwiperSlide>
</SwiperSlide> ))}
))} </Swiper>
</Swiper>
</> </>
); );
} }

7
components/layout/header/Header1.tsx
View File

@ -251,9 +251,12 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
))} ))}
</ul> </ul>
</li> </li>
<li><Link href="/photo-gallery">Photos Gallery</Link></li> {/* <li><Link href="/photo-gallery">Photos Gallery</Link></li> */}
</ul> </ul>
</li> </li>
<li>
<Link href="/photo-gallery">Photos Gallery</Link>
</li>
<li> <li>
<Link href="#">Registration <i className="fa-solid fa-angle-down" /></Link> <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" className="vl-btn9"
style={{ style={{
fontSize: '18px', fontSize: '18px',
padding: '13px 13px', padding: '13px 10px',
display: 'inline-block', display: 'inline-block',
backgroundColor: '#ffde14', backgroundColor: '#ffde14',
color: 'black' color: 'black'

35
public/assets/css/main.css
View File

@ -10182,23 +10182,23 @@ html {
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a { .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a {
font-family: var(--grotesk) !important; font-family: var(--grotesk) !important;
font-size: var(--ztc-font-size-font-s18); font-size: 15px;
font-weight: var(--ztc-weight-medium); font-weight: var(--ztc-weight-medium);
color: #fff; color: #fff;
display: block; display: block;
transition: all 0.4s; transition: all 0.4s;
padding: 0 20px; padding: 0 13px;
} }
@media (max-width: 1200px) { @media (max-width: 1200px) {
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a { .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a {
padding: 0 10px; padding: 0 5px;
} }
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a { .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 { .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 { .homepage1-body .header-area.homepage1 .header-elements .btn-area ul li {
@ -10384,13 +10384,13 @@ html {
@media (max-width: 1024px) { @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; display: none;
} } */
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a { .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 { .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, .homepage2-body,
html { html {
overflow-x: hidden !important; overflow-x: hidden !important;
@ -26315,7 +26321,7 @@ html {
color: #fff; color: #fff;
display: block; display: block;
transition: all 0.4s; transition: all 0.4s;
padding: 0px 10px; padding: 0px 8px;
} }
} }
@ -28065,17 +28071,17 @@ html {
margin-bottom: 30px; margin-bottom: 30px;
} }
.memory-inner-section-area .memory3-boxarea:hover .content-area { /* .memory-inner-section-area .memory3-boxarea:hover .content-area {
left: 0; left: 0;
transition: all 0.6s; transition: all 0.6s;
} } */
.memory-inner-section-area .memory3-boxarea:hover .img1::after { /* .memory-inner-section-area .memory3-boxarea:hover .img1::after {
visibility: visible; visibility: visible;
opacity: 1; opacity: 1;
transition: all 0.4s; transition: all 0.4s;
transform: scale(1); transform: scale(1);
} } */
.memory-inner-section-area .memory3-boxarea:hover .img1 img { .memory-inner-section-area .memory3-boxarea:hover .img1 img {
transform: scale(1.1) rotate(-4deg); transform: scale(1.1) rotate(-4deg);
@ -28119,7 +28125,7 @@ html {
padding: 18px 70px 18px 18px; padding: 18px 70px 18px 18px;
position: absolute; position: absolute;
bottom: 24px; bottom: 24px;
left: -800px; /* left: -800px; */
transition: all 0.6s; transition: all 0.6s;
z-index: 1; z-index: 1;
} }
@ -28143,6 +28149,7 @@ html {
line-height: 20px; line-height: 20px;
display: inline-block; display: inline-block;
transition: all 0.4s; transition: all 0.4s;
text-decoration: underline;
} }
.memory-inner-section-area .memory3-boxarea .content-area .plus { .memory-inner-section-area .memory3-boxarea .content-area .plus {