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

34
components/home/HomePhotoGallerySection.tsx
View File

@ -44,7 +44,7 @@ export default function HomePhotoGallerySection() {
setGalleryImages(formatted);
// 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);
@ -62,9 +62,9 @@ export default function HomePhotoGallerySection() {
// Filter images by active year
const filteredImages = galleryImages.filter((img) => img.year === activeYear)
console.log("filteredImages", filteredImages)
console.log("filteredImages", filteredImages)
const handleImageClick = (index: number) => {
const actualIndex = galleryImages.findIndex(
@ -103,12 +103,12 @@ export default function HomePhotoGallerySection() {
<div className="row gx-5">
<div className="col-lg-10">
<div className="row mt-4">
{filteredImages.slice(0, 8).map((img:any, index) => (
{filteredImages.slice(0, 8).map((img: any, index) => (
<div
key={index}
className="col-lg-3 col-md-6 mb-4"
data-aos="zoom-in"
data-aos-duration={ 1000}
data-aos-duration={1000}
>
<div className="blog4-boxarea">
<div
@ -135,6 +135,16 @@ export default function HomePhotoGallerySection() {
</p>
</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>
@ -154,18 +164,10 @@ export default function HomePhotoGallerySection() {
</div>
</div>
<div className="col-lg-12">
{/* <div className="col-lg-12">
<div className="space32" />
<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>
</div>