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

banner updated

Browse Source
This commit is contained in:
Selvi 2026-06-03 15:02:22 +05:30
parent 52c86805e2
commit 148344a4bb
2 changed files with 42 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
components/home/HeroBanner.tsx
View File

@ -18,6 +18,15 @@ export default function HomeHeroBanner() {
// bgImage: '/assets/img/home/banner/banner-1.webp', // bgImage: '/assets/img/home/banner/banner-1.webp',
// image: '/assets/img/all-images/hero/hero-img11.png', // image: '/assets/img/all-images/hero/hero-img11.png',
// }, // },
{
// title: 'Tamil Cultural Nite 2025',
// date: 'SERVING',
// location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/banner.webp',
// image: '/assets/img/all-images/hero/hero-img12.png',
// buttonText: "Book Now",
// buttonLink: "/upcoming-event/tamil-cultural-nite-2025",
},
{ {
title: 'Tamil Cultural Nite 2025', title: 'Tamil Cultural Nite 2025',
date: 'SERVING', date: 'SERVING',
@ -77,56 +86,51 @@ export default function HomeHeroBanner() {
backgroundPosition: 'center bottom', backgroundPosition: 'center bottom',
}} }}
> >
<div className="container"> <div className="container" 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">
<h5> {slide.title && (
{/* <img src="/assets/img/icons/sub-logo1.svg" alt="" /> */} <>
Where Culture Meets the Beat <h5>
</h5> Where Culture Meets the Beat
<div className="space16" /> </h5>
<h1 className="text-anime-style-3" dangerouslySetInnerHTML={{ __html: slide.title || '' }}></h1> <div className="space16" />
<h1 className="text-anime-style-3" dangerouslySetInnerHTML={{ __html: slide.title }}></h1>
</>
)}
<div className="space32" /> <div className="space32" />
<div className="btn-area1"> {slide.buttonLink && slide.buttonText && (
<Link href={slide.buttonLink} className="vl-btn9"> <div className="btn-area1">
<span className="demo">{slide.buttonText}</span> <Link href={slide.buttonLink} className="vl-btn9">
</Link> <span className="demo">{slide.buttonText}</span>
{/* <Link href="/event-schedule" className="vl-btn9 btn2"> </Link>
<span className="demo">Schedules</span> </div>
</Link> */} )}
</div>
</div> </div>
</div> </div>
{/* <div className="col-lg-5">
<div className="img1">
<img src={slide.image} alt="" />
</div>
</div> */}
</div> </div>
<div className="row"> {(slide.date || slide.location) && (
<div className="col-lg-12"> <div className="row">
<div className="timer-bg-area"> <div className="col-lg-12">
<div className="row d-flex justify-content-center align-items-center" > <div className="timer-bg-area">
{/* <div className="col-lg-7"> <div className="row d-flex justify-content-center align-items-center" >
<div className="timer-btn-area"> <div className="col-lg-12 text-center d-flex justify-content-center align-items-center">
<Countdown style={1} /> <div className="heading12">
</div> {slide.date && <h3>{slide.date}</h3>}
</div> */} {slide.location && (
<div className="col-lg-12 text-center d-flex justify-content-center align-items-center"> <p>
<div className="heading12"> <img src="/assets/img/icons/location1.svg" alt="" />
<h3>{slide.date}</h3> {slide.location}
{/* <div className="space16" /> */} </p>
<p> )}
<img src="/assets/img/icons/location1.svg" alt="" /> </div>
{slide.location}
</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> )}
</div> </div>
</div> </div>
</SwiperSlide> </SwiperSlide>

BIN
public/assets/img/home/banner/banner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 KiB