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

tamil culture section updated for 4 card show

Browse Source
This commit is contained in:
Alaguraj0361 2025-08-23 11:35:59 +05:30
parent d7fb75d39b
commit 6c1924b07e
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/home/ArtsAndCultureSection.tsx
View File

@ -54,8 +54,8 @@ export default function ArtAndCultureSection() {
<div className="col-lg-12 memory-slider-area">
<Swiper
modules={[Autoplay, Navigation]}
slidesPerView={3}
spaceBetween={30}
slidesPerView={4}
spaceBetween={10}
autoplay={{ delay: 2500, disableOnInteraction: false }}
loop={true}
onSwiper={(swiper) => (swiperRef.current = swiper)}
@ -66,7 +66,7 @@ export default function ArtAndCultureSection() {
767: { slidesPerView: 2, spaceBetween: 30 },
991: { slidesPerView: 2, spaceBetween: 30 },
1199: { slidesPerView: 3, spaceBetween: 30 },
1350: { slidesPerView: 3, spaceBetween: 30 },
1350: { slidesPerView: 4, spaceBetween: 10 },
}}
className="owl-carousel"
>
@ -107,7 +107,7 @@ export default function ArtAndCultureSection() {
<div className='col-lg-2 ad-banner'>
<div className="memory-boxarea pl-3">
<div className="img1" data-aos="zoom-in" data-aos-duration={1000}>
<img className='culture-img' src="/assets/img/home/ad-banner/ad.webp" alt="Festival Poster" style={{ height: "500px", width: "100%" }} />
<img className='culture-img' src="/assets/img/home/ad-banner/ad.webp" alt="Festival Poster" style={{ height: "390px", width: "100%" }} />
</div>
</div>
</div>