In home Gallery new dynamic structure updated Nite festival new strucuture updated
This commit is contained in:
akash
parent
69117457f6
commit
a5df77325a
224
app/(event)/upcoming-event/tamil-cultural-nite-2025/page.jsx
Normal file
224
app/(event)/upcoming-event/tamil-cultural-nite-2025/page.jsx
Normal file
@ -0,0 +1,224 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import PageLoader from "@/components/common-component/PageLoader";
|
||||
import Link from "next/link"
|
||||
import { Suspense } from "react";
|
||||
|
||||
const Page = () => {
|
||||
return (
|
||||
<>
|
||||
<div>
|
||||
<div
|
||||
className="inner-page-header"
|
||||
style={{
|
||||
backgroundImage: `url('/assets/img/nite/tami-cultural-banner.webp')`,
|
||||
backgroundSize: "cover",
|
||||
backgroundPosition: "center",
|
||||
}}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="heading1">
|
||||
<h1>Tamil Cultural Nite 2025</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">
|
||||
Home <i className="fa-solid fa-angle-right" />{" "}
|
||||
<span>Tamil Cultural Nite 2025</span>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/*===== RECIPE DETAILS START =====*/}
|
||||
<div className="blog-details-section sp2 pb-4 mb-4">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="blog-deatils-content heading2">
|
||||
|
||||
{/* Banner / Poster Image */}
|
||||
<div className="img1">
|
||||
<img
|
||||
src="/assets/img/nite/1526.webp"
|
||||
alt="Tamil Cultural Nite 2025 Banner"
|
||||
className="img-fluid rounded"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space32" />
|
||||
<div className="about2-header heading4 text-center">
|
||||
<div>
|
||||
<span className="texture">20th Annual</span>
|
||||
</div>
|
||||
<h2 className="text-anime-style-3">Tamil Cultural Nite 2025</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="about6-section-area sp2 pt-0">
|
||||
<div className="container">
|
||||
|
||||
<div className="row">
|
||||
|
||||
<div className="col-lg-6 order-2 order-lg-1">
|
||||
<div className="img">
|
||||
<img src="/assets/img/online/kalai-vizha/kalai-vizha-2.webp" alt="" />
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div >
|
||||
<div className="col-lg-6 order-1 order-lg-2 mb-5">
|
||||
|
||||
<div className="about2-header heading4 ">
|
||||
|
||||
<h3 className="text-anime-style-3">Tamil Cultural Association of Waterloo Region proudly presents</h3>
|
||||
|
||||
<div className="space16" />
|
||||
|
||||
<div className="about6-header heading9 mb-3">
|
||||
{/* <span className="texture">20th Annual</span> */}
|
||||
<p className="textured">Tamil Cultural Nite Performing Arts festival</p>
|
||||
<div className="space18" />
|
||||
</div>
|
||||
<div className="about6-header heading9 space-margin60 mb-4">
|
||||
<ul>
|
||||
<li>Date: Saturday, October 25, 2025</li>
|
||||
</ul>
|
||||
<div className="space18" />
|
||||
<ul>
|
||||
<li>Time: 6:00 pm to 10:00 p.m</li>
|
||||
</ul>
|
||||
<div className="space18" />
|
||||
<ul>
|
||||
<li>Venue: Humanities Theater, University of Waterloo
|
||||
200 University Avenue, Waterloo, ON.</li>
|
||||
</ul>
|
||||
<div className="space18" />
|
||||
<ul>
|
||||
<li>Tickets: $20, 15, 10</li>
|
||||
</ul>
|
||||
<div className="space18" />
|
||||
</div>
|
||||
<div className="btn-area1">
|
||||
<Link
|
||||
href="https://secure1.tixhub.com/waterloo/online/b_otix.asp?cboPerformances=877&cboEvent=422&width=1903"
|
||||
legacyBehavior
|
||||
>
|
||||
<a className="vl-btn2" target="_blank" rel="noopener noreferrer">
|
||||
<span className="demo">
|
||||
Tickets are now available University of Waterloo <i className="fa-solid fa-arrow-right" />
|
||||
</span>
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="pricing-lan-section-area sp4 pt-0">
|
||||
<div className="container">
|
||||
<div className="about6-section-area">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
|
||||
<div className="col-lg-6 order-1 order-lg-2 mb-5">
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="heading2 mb-4">
|
||||
<h3 >
|
||||
Humanities Theater Box office information:
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mission">
|
||||
{/* <div className="space16" /> */}
|
||||
<ul className="list-unstyled">
|
||||
<li className="d-flex mb-3">
|
||||
<img src="/assets/img/icons/check2.svg" alt="" className="me-2" />
|
||||
<span>
|
||||
Tickets can be purchased online, by phone (519-888-4908), or in person. There is an online convenience fee of $2.26/per ticket or a phone convenience fee of $1.13 per ticket (on top of the final price).
|
||||
</span>
|
||||
</li>
|
||||
<li className="d-flex mb-3">
|
||||
<img src="/assets/img/icons/check2.svg" alt="" className="me-2" />
|
||||
<span>
|
||||
The Box Office accepts Visa, MasterCard, American Express, Visa Debit, MasterCard Debit, and cash. The same methods of payment are accepted online except for cash.
|
||||
</span>
|
||||
</li>
|
||||
<li className="d-flex mb-3">
|
||||
<img src="/assets/img/icons/check2.svg" alt="" className="me-2" />
|
||||
<span>
|
||||
Babes in arms 18 months and under do not require a ticket. No strollers or infant car seat carriers allowed in the theatre. They can be stored in coat check room if needed.
|
||||
</span>
|
||||
</li>
|
||||
<li className="d-flex mb-3">
|
||||
<img src="/assets/img/icons/check2.svg" alt="" className="me-2" />
|
||||
<span>
|
||||
Box office is open Monday to Friday from 1pm until 5 pm.
|
||||
</span>
|
||||
</li>
|
||||
<li className="d-flex mb-3">
|
||||
<img src="/assets/img/icons/check2.svg" alt="" className="me-2" />
|
||||
<span>
|
||||
For accessible seating please contact the box office.
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="about6-header heading9 space-margin60 mb-4">
|
||||
<p className="texture">More info: </p>
|
||||
<ul>
|
||||
<li> Shyamala Ram: 519-897-6975</li>
|
||||
</ul>
|
||||
<div className="space16" />
|
||||
<ul>
|
||||
<li>Shanthi Durai: 519-589-9641
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space18" />
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 order-2 order-lg-2">
|
||||
<div className="img">
|
||||
<img src="/assets/img/online/kalai-vizha/kalai-vizha-2.webp" alt="" />
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
const RecipePage = () => {
|
||||
return (
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<Suspense fallback={<PageLoader />}>
|
||||
<Page />
|
||||
</Suspense>
|
||||
</Layout>
|
||||
);
|
||||
};
|
||||
|
||||
export default RecipePage;
|
||||
@ -2,92 +2,11 @@
|
||||
import Link from 'next/link'
|
||||
import moment from "moment";
|
||||
import { useState } from "react"
|
||||
import { events } from "@/utility/constant.utils"; // <-- import the events array here
|
||||
|
||||
export default function UpcomingEventData() {
|
||||
const [currentMonth, setCurrentMonth] = useState(moment());
|
||||
|
||||
// Events normalized with YYYY-MM-DD format
|
||||
const events = [
|
||||
{
|
||||
id: 1,
|
||||
date: "2024-01-14",
|
||||
time: "05:30 PM",
|
||||
title: "Thai Pongal 2024",
|
||||
location: "Holy Family Croatian Roman Catholic Parish Hall, Kitchener, Canada",
|
||||
image: "/assets/img/event/upcoming-event/thai-pongal.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
date: "2024-04-14",
|
||||
title: "AGM",
|
||||
location: "Christ Lutheran Church, Waterloo, ON",
|
||||
image: "/assets/img/event/upcoming-event/agm.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
date: "2024-06-22",
|
||||
title: "KW Multicultural Festival",
|
||||
location: "Indian & Sri Lankan Food Court, Victoria Park, Kitchener, ON",
|
||||
image: "/assets/img/event/upcoming-event/kw.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
date: "2024-07-07",
|
||||
time: "10:00 AM",
|
||||
title: "TCA Picnic – Potlock",
|
||||
location: "Pinehurst Lake – Sutor Shelter, Ayr, ON",
|
||||
image: "/assets/img/event/upcoming-event/picnic.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
date: "2024-07-27",
|
||||
title: "South Asian Family Sports Day",
|
||||
location: "Waterloo Park, Waterloo, ON",
|
||||
image: "/assets/img/event/upcoming-event/sports.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
date: "2023-08-23",
|
||||
time: "06:30-08:30 PM",
|
||||
title: "Conestoga College Workshop",
|
||||
location: "Conestoga College – WC 241, Doon Campus, Ontario",
|
||||
image: "/assets/img/event/upcoming-event/workshop.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
date: "2023-08-23",
|
||||
time: "06:30-08:30 PM",
|
||||
title: "Tamil Cultural Nite",
|
||||
location: "Doon Campus, Ontario (TBA)",
|
||||
image: "/assets/img/event/upcoming-event/cultural.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
date: "2024-10-26",
|
||||
time: "1.00 PM-4.30 PM",
|
||||
title: "TCA – WPL Deepavali Celebrations",
|
||||
location: "Waterloo Public Library, John M. Harper Branch",
|
||||
image: "/assets/img/event/upcoming-event/deepavali.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
date: "2024-12-21",
|
||||
time: "05:00 PM-09:00 PM",
|
||||
title: "Christmas & 2024 Year End Celebration",
|
||||
location: "RIM Park, 2001 University Ave E, Waterloo, ON",
|
||||
image: "/assets/img/event/upcoming-event/christmas.webp",
|
||||
url: "#",
|
||||
},
|
||||
];
|
||||
|
||||
// Get start and end of current month
|
||||
const startOfMonth = currentMonth.clone().startOf("month");
|
||||
const endOfMonth = currentMonth.clone().endOf("month");
|
||||
@ -190,19 +109,12 @@ export default function UpcomingEventData() {
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div className="col-lg-9" data-aos="fade-up" data-aos-duration={1000}>
|
||||
|
||||
<div className="tab-content" id="pills-tabContent">
|
||||
<div className={"tab-pane fade show active tab-pane fade"} id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab" tabIndex={0}>
|
||||
<div className="event-widget-area">
|
||||
|
||||
|
||||
|
||||
|
||||
{events.map((event, idx) => {
|
||||
const isEven = (idx + 1) % 2 === 0; // check even/odd index
|
||||
const isEven = (idx + 1) % 2 === 0;
|
||||
|
||||
return (
|
||||
<div key={event.id} className="mb-5">
|
||||
@ -212,10 +124,8 @@ export default function UpcomingEventData() {
|
||||
<div className="event2-boxarea box1 d-flex flex-wrap align-items-center">
|
||||
<h1 className="active me-3">{String(idx + 1).padStart(2, "0")}</h1>
|
||||
|
||||
{/* First Event (Odd): Image Left | Even Event: Image Right */}
|
||||
{!isEven ? (
|
||||
<>
|
||||
{/* IMAGE LEFT */}
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src={event.image} alt={event.title} />
|
||||
@ -224,33 +134,41 @@ export default function UpcomingEventData() {
|
||||
|
||||
<div className="col-lg-1" />
|
||||
|
||||
{/* CONTENT RIGHT */}
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
<span className='d-flex g-3 metered-data'>
|
||||
<img src="/assets/img/icons/clock1.svg" alt="" />{" "}
|
||||
{event.time ? `${event.time} - ` : ""}
|
||||
{moment(event.date).format("ddd, MMM DD, YYYY")}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
<span className='d-flex g-3 metered-data'>
|
||||
<img src="/assets/img/icons/location1.svg" alt="" />{" "}
|
||||
{event.location}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href={event.url || "#"} className="head">
|
||||
{event.title}
|
||||
</Link>
|
||||
<Link href={event.link || "#"} className="head">{event.title}</Link>
|
||||
<div className="space24" />
|
||||
<p>{event.location}</p>
|
||||
<p
|
||||
style={{
|
||||
display: '-webkit-box',
|
||||
WebkitLineClamp: 2,
|
||||
WebkitBoxOrient: 'vertical',
|
||||
overflow: 'hidden',
|
||||
textOverflow: 'ellipsis',
|
||||
}}
|
||||
>
|
||||
{event.desc}
|
||||
</p>
|
||||
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href={event.url || "#"} className="vl-btn3">
|
||||
<Link href={event.url || "#"} className="vl-btn3" target='_blank'>
|
||||
<span className="demo">Online Tickets</span>
|
||||
</Link>
|
||||
</div>
|
||||
@ -259,33 +177,40 @@ export default function UpcomingEventData() {
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
{/* CONTENT LEFT */}
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
<span className='d-flex g-3 metered-data'>
|
||||
<img src="/assets/img/icons/clock1.svg" alt="" />{" "}
|
||||
{event.time ? `${event.time} - ` : ""}
|
||||
{moment(event.date).format("ddd, MMM DD, YYYY")}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
<span className='d-flex g-3 metered-data'>
|
||||
<img src="/assets/img/icons/location1.svg" alt="" />{" "}
|
||||
{event.location}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href={event.url || "#"} className="head">
|
||||
{event.title}
|
||||
</Link>
|
||||
<Link href={event.link || "#"} className="head">{event.title}</Link>
|
||||
<div className="space24" />
|
||||
<p>{event.location}</p>
|
||||
<p
|
||||
style={{
|
||||
display: '-webkit-box',
|
||||
WebkitLineClamp: 2,
|
||||
WebkitBoxOrient: 'vertical',
|
||||
overflow: 'hidden',
|
||||
textOverflow: 'ellipsis',
|
||||
}}
|
||||
>
|
||||
{event.desc}
|
||||
</p>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href={event.url || "#"} className="vl-btn3">
|
||||
<Link href={event.url || "#"} className="vl-btn3" target='_blank'>
|
||||
<span className="demo">Online Tickets</span>
|
||||
</Link>
|
||||
</div>
|
||||
@ -294,7 +219,6 @@ export default function UpcomingEventData() {
|
||||
|
||||
<div className="col-lg-1" />
|
||||
|
||||
{/* IMAGE RIGHT */}
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src={event.image} alt={event.title} />
|
||||
@ -308,7 +232,6 @@ export default function UpcomingEventData() {
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -18,6 +18,15 @@ export default function HomeHeroBanner() {
|
||||
// bgImage: '/assets/img/home/banner/banner-1.webp',
|
||||
// image: '/assets/img/all-images/hero/hero-img11.png',
|
||||
// },
|
||||
{
|
||||
title: 'Lighting hearts across<br />A pure blend of spirit',
|
||||
date: 'SERVING',
|
||||
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
|
||||
bgImage: '/assets/img/home/banner/hero-banner-3.webp',
|
||||
image: '/assets/img/all-images/hero/hero-img12.png',
|
||||
buttonText: "Radiant Spirit",
|
||||
buttonLink: "/community",
|
||||
},
|
||||
{
|
||||
title: "Grace moves with vibrant<br />Tradition meets bass",
|
||||
date: 'SERVING',
|
||||
@ -36,15 +45,7 @@ export default function HomeHeroBanner() {
|
||||
buttonText: "Heritage Beats",
|
||||
buttonLink: "/upcoming-event",
|
||||
},
|
||||
{
|
||||
title: 'Lighting hearts across<br />A pure blend of spirit',
|
||||
date: 'SERVING',
|
||||
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
|
||||
bgImage: '/assets/img/home/banner/hero-banner-3.webp',
|
||||
image: '/assets/img/all-images/hero/hero-img12.png',
|
||||
buttonText: "Radiant Spirit",
|
||||
buttonLink: "/community",
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Rooted in deep tradition <br />Echoes of true legacy',
|
||||
date: 'SERVING',
|
||||
|
||||
@ -1,12 +1,17 @@
|
||||
'use client'
|
||||
import Link from 'next/link'
|
||||
import { useState } from "react"
|
||||
import { events } from "@/utility/constant.utils" // import your events array
|
||||
|
||||
export default function HomeUpcomingEvent() {
|
||||
const [isTab, setIsTab] = useState(1)
|
||||
const handleTab = (i: number) => {
|
||||
setIsTab(i)
|
||||
}
|
||||
|
||||
// Take only the first 3 events
|
||||
const displayEvents = events.slice(0, 3);
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
@ -15,227 +20,137 @@ export default function HomeUpcomingEvent() {
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="event2-header heading5 space-margin60">
|
||||
{/* <h5>Event Schedule</h5>
|
||||
<div className="space18" /> */}
|
||||
<h2 className="text-anime-style-3">Upcoming Events</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row gx-5">
|
||||
<div className="col-lg-10" data-aos="fade-up" data-aos-duration={1000}>
|
||||
{/* <div className="tabs-button space-margin60">
|
||||
<ul className="nav nav-pills" id="pills-tab" role="tablist">
|
||||
<li className="nav-item" onClick={() => handleTab(1)}>
|
||||
<button className={isTab == 1 ? "nav-link active" : "nav-link"} id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">
|
||||
<span className="calender"><img src="/assets/img/icons/calender2.svg" alt="" /></span>
|
||||
<span className="pl-8">
|
||||
<span className="day">Day One</span>
|
||||
<span className="date">May 25, 2024</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item" onClick={() => handleTab(2)}>
|
||||
<button className={isTab == 2 ? "nav-link active" : "nav-link"} id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">
|
||||
<span className="calender"><img src="/assets/img/icons/calender2.svg" alt="" /></span>
|
||||
<span className="pl-8">
|
||||
<span className="day">Day Two</span>
|
||||
<span className="date">May 26, 2024</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item" onClick={() => handleTab(3)}>
|
||||
<button className={isTab == 3 ? "nav-link m-0 active" : "nav-link m-0"} id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">
|
||||
<span className="calender"><img src="/assets/img/icons/calender2.svg" alt="" /> </span>
|
||||
<span className="pl-8">
|
||||
<span className="day">Day Three</span>
|
||||
<span className="date">May 27, 2024</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div> */}
|
||||
<div className="tab-content" id="pills-tabContent">
|
||||
<div className={isTab == 1 ? "tab-pane fade show active" : "tab-pane fade"} id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab" tabIndex={0}>
|
||||
<div className="event-widget-area">
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">01</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/home/upcoming-events/upcoming-events-1.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />5:30 PM - Sun Jan - 14 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />180 Schweitzer St, Kitchener, Canada </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="#" className="head">Thai Pongal 2024</Link>
|
||||
<div className="space24" />
|
||||
<p>Holy Family Croatian Roman Catholic Parish Hall</p>
|
||||
{/* <div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="#" className="vl-btn3"><span className="demo">purchase ticket</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space48" />
|
||||
<div className="row">
|
||||
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">02</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 order-2 order-lg-1">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />Apr 14, 2024<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Christ Lutheran Church , Waterloo, ON. </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="#" className="head">AGM</Link>
|
||||
<div className="space20" />
|
||||
<p>Christ Lutheran Church , Waterloo, ON.</p>
|
||||
{/* <div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
{displayEvents.map((event, idx) => (
|
||||
<div key={event.id}>
|
||||
{idx > 0 && <div className={idx === 2 ? "space30" : "space48"} />}
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">{String(idx + 1).padStart(2, "0")}</h1>
|
||||
<div className="row align-items-center">
|
||||
{/* Alternating layout */}
|
||||
{idx % 2 === 0 ? (
|
||||
<>
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src={event.image} alt={event.title} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="#" className="vl-btn3"><span className="demo">purchase ticket</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-5 order-1 order-lg-2">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/home/upcoming-events/upcoming-events-2.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href={event.url || "#"}>
|
||||
<span className='d-flex g-3 metered-data'>
|
||||
<img src="/assets/img/icons/clock1.svg" alt="" />
|
||||
{event.time ? event.time + " - " : ""}{event.date}<span> | </span>
|
||||
</span>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href={event.url || "#"}>
|
||||
<span className='d-flex g-3 metered-data'> <img src="/assets/img/icons/location1.svg" alt="" />{event.location}
|
||||
</span>
|
||||
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">03</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/home/upcoming-events/upcoming-events-3.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />Jun 22-23, 2024<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Indian & Sri Lankan Food Court, Kitchener.</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="#" className="head">KW Multicultural Festival</Link>
|
||||
<div className="space24" />
|
||||
<p>Indian & Sri Lankan Food Court, Victoria Park, Kitchener, ON.</p>
|
||||
{/* <div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href={event.link || "#"} className="head">{event.title}</Link>
|
||||
<div className="space24" />
|
||||
<p
|
||||
style={{
|
||||
display: '-webkit-box',
|
||||
WebkitLineClamp: 1,
|
||||
WebkitBoxOrient: 'vertical',
|
||||
overflow: 'hidden',
|
||||
textOverflow: 'ellipsis',
|
||||
}}
|
||||
>
|
||||
{event.desc}
|
||||
</p>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href={event.url || "#"} target="_blank" rel="noopener noreferrer" className="vl-btn3">
|
||||
<span className="demo">purchase ticket</span>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<div className="col-lg-6 order-2 order-lg-1">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href={event.url || "#"}>
|
||||
<span className='d-flex g-3 metered-data'>
|
||||
<img src="/assets/img/icons/clock1.svg" alt="" />
|
||||
{event.time ? event.time + " - " : ""}{event.date}<span> | </span>
|
||||
</span>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href={event.url || "#"}>
|
||||
<span className='d-flex g-3 metered-data'> <img src="/assets/img/icons/location1.svg" alt="" />{event.location}
|
||||
</span>
|
||||
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href={event.link || "#"} className="head">{event.title}</Link>
|
||||
<div className="space24" />
|
||||
<p
|
||||
style={{
|
||||
display: '-webkit-box',
|
||||
WebkitLineClamp: 1,
|
||||
WebkitBoxOrient: 'vertical',
|
||||
overflow: 'hidden',
|
||||
textOverflow: 'ellipsis',
|
||||
}}
|
||||
>
|
||||
{event.desc}
|
||||
</p>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href={event.url || "#"} target="_blank" rel="noopener noreferrer" className="vl-btn3">
|
||||
<span className="demo">purchase ticket</span>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
<div className="col-lg-5 order-1 order-lg-2">
|
||||
<div className="img1">
|
||||
<img src={event.image} alt={event.title} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="#" className="vl-btn3"><span className="demo">purchase ticket</span></Link>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -243,9 +158,6 @@ export default function HomeUpcomingEvent() {
|
||||
<div className="memory-boxarea pl-3">
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
|
||||
<img src="/assets/img/home/ad-banner/upcoming-events-ad.webp" alt="" className='mb-3' />
|
||||
{/* <img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" className='mb-3' />
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" /> */}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -235,11 +235,22 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
|
||||
<li>
|
||||
<Link href="#">Events <i className="fa-solid fa-angle-down" /></Link>
|
||||
<ul className="dropdown-padding">
|
||||
<li><Link href="/upcoming-event">Upcoming Event</Link></li>
|
||||
<li className="dropdown-submenu">
|
||||
<Link href="/upcoming-event">
|
||||
Upcoming Event <i className="fa-solid fa-angle-down" />
|
||||
</Link>
|
||||
<ul className="submenu">
|
||||
<li>
|
||||
<Link href="/upcoming-event/tamil-cultural-nite-2025">
|
||||
Tamil Cultural Nite 2025
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><Link href="/photo-gallery">Photos Gallery</Link></li>
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<Link href="#">Registration <i className="fa-solid fa-angle-down" /></Link>
|
||||
<ul className="dropdown-padding">
|
||||
|
||||
@ -20376,6 +20376,28 @@ html {
|
||||
padding: 12px 10px;
|
||||
}
|
||||
|
||||
.texture{
|
||||
|
||||
font-size: 20px;
|
||||
color: #ce2029 !important;
|
||||
font-weight: 700;
|
||||
|
||||
}
|
||||
|
||||
.textured{
|
||||
|
||||
font-size: 22px !important;
|
||||
color: #ce2029 !important;
|
||||
font-weight: 700;
|
||||
|
||||
}
|
||||
|
||||
.metered-data img{
|
||||
|
||||
margin-right: 6px !important;
|
||||
|
||||
}
|
||||
|
||||
.about7-header ul li {
|
||||
color: #000000cf;
|
||||
font-family: var(--grotesk);
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 254 KiB After Width: | Height: | Size: 315 KiB |
BIN
public/assets/img/nite/1526.webp
Normal file
BIN
public/assets/img/nite/1526.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
BIN
public/assets/img/nite/cropped.webp
Normal file
BIN
public/assets/img/nite/cropped.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
public/assets/img/nite/tami-cultural-banner.webp
Normal file
BIN
public/assets/img/nite/tami-cultural-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 309 KiB |
@ -4634,3 +4634,98 @@ export const heritageLanguage = [
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
// utils/events.js
|
||||
export const events = [
|
||||
{
|
||||
id: 4,
|
||||
date: "Saturday, October 25, 2025",
|
||||
time: "6:00 pm to 10:00 p.m",
|
||||
title: "Tamil Cultural Nite Performing Arts festival",
|
||||
location: " Humanities Theater, University of Waterloo 200 University Avenue, Waterloo, ON.",
|
||||
desc: "20th Annual Tamil Cultural Nite Performing Arts Festival on October 25, 2025, at Humanities Theater, University of Waterloo — tickets available online, by phone, or in person.",
|
||||
image: "/assets/img/nite/cropped.webp",
|
||||
link: "/upcoming-event/tamil-cultural-nite-2025",
|
||||
url: "https://secure1.tixhub.com/waterloo/online/b_otix.asp?cboPerformances=877&cboEvent=422&width=1903",
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
date: "2024-01-14",
|
||||
time: "05:30 PM",
|
||||
title: "Thai Pongal 2024",
|
||||
location: "Holy Family Croatian Roman Catholic Parish Hall, Kitchener, Canada",
|
||||
image: "/assets/img/event/upcoming-event/thai-pongal.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
date: "2024-04-14",
|
||||
time: "10:00 AM",
|
||||
title: "AGM",
|
||||
location: "Christ Lutheran Church, Waterloo, ON",
|
||||
image: "/assets/img/event/upcoming-event/agm.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
date: "2024-06-22",
|
||||
title: "KW Multicultural Festival",
|
||||
location: "Indian & Sri Lankan Food Court, Victoria Park, Kitchener, ON",
|
||||
image: "/assets/img/event/upcoming-event/kw.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
date: "2024-07-07",
|
||||
time: "10:00 AM",
|
||||
title: "TCA Picnic – Potlock",
|
||||
location: "Pinehurst Lake – Sutor Shelter, Ayr, ON",
|
||||
image: "/assets/img/event/upcoming-event/picnic.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
date: "2024-07-27",
|
||||
title: "South Asian Family Sports Day",
|
||||
location: "Waterloo Park, Waterloo, ON",
|
||||
image: "/assets/img/event/upcoming-event/sports.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
date: "2023-08-23",
|
||||
time: "06:30-08:30 PM",
|
||||
title: "Conestoga College Workshop",
|
||||
location: "Conestoga College – WC 241, Doon Campus, Ontario",
|
||||
image: "/assets/img/event/upcoming-event/workshop.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
date: "2023-08-23",
|
||||
time: "06:30-08:30 PM",
|
||||
title: "Tamil Cultural Nite",
|
||||
location: "Doon Campus, Ontario (TBA)",
|
||||
image: "/assets/img/event/upcoming-event/cultural.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
date: "2024-10-26",
|
||||
time: "1.00 PM-4.30 PM",
|
||||
title: "TCA – WPL Deepavali Celebrations",
|
||||
location: "Waterloo Public Library, John M. Harper Branch",
|
||||
image: "/assets/img/event/upcoming-event/deepavali.webp",
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
date: "2024-12-21",
|
||||
time: "05:00 PM-09:00 PM",
|
||||
title: "Christmas & 2024 Year End Celebration",
|
||||
location: "RIM Park, 2001 University Ave E, Waterloo, ON",
|
||||
image: "/assets/img/event/upcoming-event/christmas.webp",
|
||||
url: "#",
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user