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

home page gallery section button updated

Browse Source
This commit is contained in:
Alaguraj0361 2025-08-22 19:17:07 +05:30
parent 4957425a99
commit fb61e13387
1 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
components/home/HomePhotoGallerySection.tsx
View File

@ -44,7 +44,7 @@ export default function HomePhotoGallerySection() {
setGalleryImages(formatted); setGalleryImages(formatted);
// Unique years, sorted latest first // Unique years, sorted latest first
const uniqueYears:any = [...new Set(eventsData.map((event: any) => event.year))] const uniqueYears: any = [...new Set(eventsData.map((event: any) => event.year))]
setYears(uniqueYears); setYears(uniqueYears);
@ -64,7 +64,7 @@ export default function HomePhotoGallerySection() {
const filteredImages = galleryImages.filter((img) => img.year === activeYear) const filteredImages = galleryImages.filter((img) => img.year === activeYear)
console.log("filteredImages", filteredImages) console.log("filteredImages", filteredImages)
const handleImageClick = (index: number) => { const handleImageClick = (index: number) => {
const actualIndex = galleryImages.findIndex( const actualIndex = galleryImages.findIndex(
@ -103,12 +103,12 @@ export default function HomePhotoGallerySection() {
<div className="row gx-5"> <div className="row gx-5">
<div className="col-lg-10"> <div className="col-lg-10">
<div className="row mt-4"> <div className="row mt-4">
{filteredImages.slice(0, 8).map((img:any, index) => ( {filteredImages.slice(0, 8).map((img: any, index) => (
<div <div
key={index} key={index}
className="col-lg-3 col-md-6 mb-4" className="col-lg-3 col-md-6 mb-4"
data-aos="zoom-in" data-aos="zoom-in"
data-aos-duration={ 1000} data-aos-duration={1000}
> >
<div className="blog4-boxarea"> <div className="blog4-boxarea">
<div <div
@ -135,6 +135,16 @@ export default function HomePhotoGallerySection() {
</p> </p>
</div> </div>
)} )}
<div
className="btn-area1 text-center"
data-aos="fade-left"
data-aos-duration={1200}
>
<Link href="/photo-gallery" className="vl-btn3">
Go To Gallery
</Link>
</div>
</div> </div>
</div> </div>
@ -154,18 +164,10 @@ export default function HomePhotoGallerySection() {
</div> </div>
</div> </div>
<div className="col-lg-12"> {/* <div className="col-lg-12">
<div className="space32" /> <div className="space32" />
<div
className="btn-area1 text-center" </div> */}
data-aos="fade-left"
data-aos-duration={1200}
>
<Link href="/photo-gallery" className="vl-btn3">
Go To Gallery
</Link>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>