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="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>

146
components/home/HeroBanner.tsx
View File

@ -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>
</>
);
}

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

@ -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'

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 {
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 {