new event page added

components/events/UpcomingEventSinglePage.jsx

@@ -103,13 +103,17 @@ export default function UpcomingEventSinglePage({ slug }) {
                                         </ul>
                                         <div className="space18" />
                                         <ul>
-                                            <li>Time: Details will be announced</li>
+                                            <li>Time: {event.time || "Details will be announced"}</li>
-                                        </ul>
-                                        <div className="space18" />
-                                        <ul>
-                                            <li>Admission: Details will be announced</li>
                                         </ul>
                                         <div className="space18" />
+                                        {event.admission && (
+                                            <>
+                                                <ul>
+                                                    <li>Admission: {event.admission}</li>
+                                                </ul>
+                                                <div className="space18" />
+                                            </>
+                                        )}
                                     </div>
                                 </div>
                             </div>

components/home/HeroBanner.tsx

@@ -23,6 +23,7 @@ export default function HomeHeroBanner() {
             // date: 'SERVING',
             // location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
             bgImage: '/assets/img/home/banner/banner.webp',
+            mobileBgImage: '/assets/img/home/banner/mobile-banner.jpeg',
             // image: '/assets/img/all-images/hero/hero-img12.png',
             // buttonText: "Book Now",
             // buttonLink: "/upcoming-event/tamil-cultural-nite-2025",
@@ -67,6 +68,25 @@ export default function HomeHeroBanner() {
     ];
 
     return (
+        <>
+            <style dangerouslySetInnerHTML={{__html: `
+                @media (max-width: 600px) {
+                    .hero-container-first {
+                        padding-top: 200px !important;
+                    }
+                }
+                ${slideData.map((slide, index) => slide.mobileBgImage ? `
+                @media (max-width: 600px) {
+                    .mobile-bg-slide-${index} {
+                        background-image: url('${slide.mobileBgImage}') !important;
+                        background-position: top center !important;
+                        background-size: 100% 93% !important;
+                        padding-top: 172px !important;
+                        top: 29px !important;
+                        position: relative !important;
+                    }
+                }` : '').join('\n')}
+            `}} />
         <Swiper
             modules={[Autoplay, Navigation, Pagination]}
             slidesPerView={1}
@@ -78,7 +98,7 @@ export default function HomeHeroBanner() {
             {slideData.map((slide, index) => (
                 <SwiperSlide key={index}>
                     <div
-                        className="hero9-slider-area"
+                        className={"hero9-slider-area " + (slide.mobileBgImage ? "mobile-bg-slide-" + index : "")}
                         style={{
                             backgroundImage: `url(${slide.bgImage})`,
                             backgroundRepeat: 'no-repeat',
@@ -86,7 +106,7 @@ export default function HomeHeroBanner() {
                             backgroundPosition: 'center bottom',
                         }}
                     >
-                        <div className="container" style={index === 0 ? { paddingTop: '180px' } : {}}>
+                        <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">
@@ -136,5 +156,6 @@ export default function HomeHeroBanner() {
                 </SwiperSlide>
             ))}
         </Swiper>
+        </>
     );
 }

utility/constant.utils.js

@@ -4725,6 +4725,19 @@ export const heritageLanguage = [
 
 // utils/events.js
 export const events = [
+  {
+    id: 9,
+    slug: "tca-singapengal-information-night",
+    date: "2026-06-13",
+    time: "2:00 PM to 4:00 PM",
+    title: "TCA Singapengal Information Night",
+    location: "Centerville Chicopee Community Center",
+    image: "/assets/img/home/banner/mobile-banner.jpeg",
+    link: "/upcoming-event/tca-singapengal-information-night",
+    url: "/upcoming-event/tca-singapengal-information-night",
+    desc: "Join TCA Singapengal Information Night for a session on Elementary Curriculum Made Simple with Ms. Geetika (Toronto board elementary teacher / Guidance counselor). Gift Sponsor: Mrs. Renu - RENVETA RITUALS.",
+    btnText: "Learn More"
+  },
   {
     id: 1,
     slug: "kw-multicultural-festival-2026",