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

membership 2026 updated

Browse Source
This commit is contained in:
Selvi 2025-12-20 10:47:09 +05:30
parent d047b66775
commit c796939760
26 changed files with 275 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
app/register/kalai-vizha/page.tsx
View File

@ -1,36 +0,0 @@
import Layout from "@/components/layout/Layout"
import Section1 from "@/components/online/kalaivizha/Section1"
import Section2 from "@/components/online/kalaivizha/Section2"
import Section3 from "@/components/online/kalaivizha/Section3"
import Link from "next/link"
export default function kalaivizha() {
return (
<>
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/online/banners/kalai-vizha.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-12 m-auto">
<div className="heading1">
<h1>Kalai Vizha 2025</h1>
<div className="space20" />
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
</div>
</div>
</div>
</div>
</div>
<Section1 />
<Section2 />
<Section3 />
</div>
</Layout>
</>
)
}

36
app/register/membership-2026/page.tsx Normal file
View File

@ -0,0 +1,36 @@
import Layout from "@/components/layout/Layout"
import Section1 from "@/components/online/membership2026/Section1"
import Section2 from "@/components/online/membership2026/Section2"
import Section3 from "@/components/online/membership2026/Section3"
import Link from "next/link"
export default function membership2026() {
return (
<>
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/online/banners/membership-2026.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-12 m-auto">
<div className="heading1">
<h1>Membership 2026</h1>
<div className="space20" />
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
</div>
</div>
</div>
</div>
</div>
<Section1 />
<Section2 />
<Section3 />
</div>
</Layout>
</>
)
}

5
components/layout/MobileMenu.tsx
View File

@ -125,13 +125,14 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 2 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(2)}><em /></span>
<Link href="#" className="hash-nav">Registration </Link>
<ul className={`sub-menu ${isAccordion == 2 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 2 ? "block" : "none"}` }}>
<li className="hash-has-sub"><Link href="/register/membership-2024" className="hash-nav">Membership - 2024</Link></li>
<li className="hash-has-sub"><Link href="/register/membership-2026" className="hash-nav">Membership - 2026</Link></li>
<li className="hash-has-sub"><Link href="/register/membership-2025" className="hash-nav">Membership - 2025</Link></li>
<li className="hash-has-sub"><Link href="/register/membership-2024" className="hash-nav">Membership - 2024</Link></li>
<li className="hash-has-sub"><Link href="/register/thai-pongal-2025" className="hash-nav">Thai Pongal</Link></li>
<li className="hash-has-sub"><Link href="/register/tamil-new-year" className="hash-nav">Tamil New Year</Link></li>
<li className="hash-has-sub"><Link href="/register/community-picnic" className="hash-nav">Community Picnic</Link></li>
<li className="hash-has-sub"><Link href="/register/sports-day" className="hash-nav">Sports Day</Link></li>
<li className="hash-has-sub"><Link href="/register/kalai-vizha" className="hash-nav">Kalai Vizha</Link></li>
{/* <li className="hash-has-sub"><Link href="/register/kalai-vizha" className="hash-nav">Kalai Vizha</Link></li> */}
<li className="hash-has-sub"><Link href="/register/christmas" className="hash-nav">Christmas & Year End</Link></li>
<li className="hash-has-sub"><Link href="/register/performance" className="hash-nav">Program Performance Registration</Link></li>
<li className="hash-has-sub"><Link href="/register/sponsor" className="hash-nav">Sponsor</Link></li>

7
components/layout/header/Header1.tsx
View File

@ -254,13 +254,14 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
<li>
<Link href="#">Registration <i className="fa-solid fa-angle-down" /></Link>
<ul className="dropdown-padding">
<li><Link href="/register/membership-2024">Membership - 2024</Link></li>
<li><Link href="/register/membership-2026">Membership - 2026</Link></li>
<li><Link href="/register/membership-2025">Membership - 2025</Link></li>
<li><Link href="/register/membership-2024">Membership - 2024</Link></li>
<li><Link href="/register/thai-pongal-2025">Thai Pongal</Link></li>
<li><Link href="/register/tamil-new-year">Tamil New Year</Link></li>
<li><Link href="/register/community-picnic">Community Picnic</Link></li>
<li><Link href="/register/sports-day">Sports Day</Link></li>
<li><Link href="/register/kalai-vizha">Kalai Vizha</Link></li>
{/* <li><Link href="/register/kalai-vizha">Kalai Vizha</Link></li> */}
<li><Link href="/register/christmas">Christmas & Year End</Link></li>
<li><Link href="/register/performance">Program Performance Registration</Link></li>
<li><Link href="/register/sponsor">Sponsor</Link></li>
@ -328,7 +329,7 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
<div className="btn-area1" style={{ marginTop: '10px' }}>
<Link
href="/register/membership-2025"
href="/register/membership-2026"
className="vl-btn9"
style={{
fontSize: '18px',

12
components/online/christmas/Section1.jsx
View File

@ -17,7 +17,7 @@ export default function Section1() {
</div>
</div>
<div className="row">
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="h-100 w-100">
<div className="row h-100">
<div className="flex_column av-cx34h4-a8d3062fb9de0a0faadd0da67fb825e0 av_one_half avia-builder-el-0 el_before_av_one_half avia-builder-el-first first flex_column_div av-zero-column-padding h-100">
@ -59,21 +59,21 @@ export default function Section1() {
</div>
</div>
</div>
</div>
</div> */}
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
<h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5>
<div className="space20" />
<div className="img right-img">
<img src="/assets/img/online/christmas-year-end/christmas-1.webp" alt="" />
</div>
</div>
</div>
</div> */}
</div>
</div>
</div>

12
components/online/communitypicnic/Section1.jsx
View File

@ -17,7 +17,7 @@ export default function Section1() {
</div>
</div>
<div className="row">
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="h-100 w-100">
<div className="row h-100">
<div className="flex_column av-cx34h4-a8d3062fb9de0a0faadd0da67fb825e0 av_one_half avia-builder-el-0 el_before_av_one_half avia-builder-el-first first flex_column_div av-zero-column-padding h-100">
@ -58,22 +58,22 @@ export default function Section1() {
</div>
</div>
</div>
</div>
</div> */}
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
<h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5>
<div className="space20" />
<div className="img right-img">
<img src="/assets/img/online/community-picnic/picnic-1.webp" alt="" />
</div>
</div>
</div>
</div> */}
</div>
</div>
</div>

12
components/online/membership2024/Section1.tsx
View File

@ -17,7 +17,7 @@ export default function Section1() {
</div>
</div>
<div className="row">
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div
style={{
position: "relative",
@ -41,20 +41,20 @@ export default function Section1() {
scrolling="no"
></iframe>
</div>
</div>
</div> */}
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
<h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5>
<div className="space20" />
<div className="img right-img">
<img src="/assets/img/online/membership-2024/section1.webp" alt="" />
</div>
</div>
</div>
</div> */}
</div>
</div>
</div>

12
components/online/membership2025/Section1.jsx
View File

@ -17,7 +17,7 @@ export default function Section1() {
</div>
</div>
<div className="row">
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div
style={{
position: "relative",
@ -49,20 +49,20 @@ export default function Section1() {
></iframe>
</div>
</div>
</div> */}
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
<h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5>
<div className="space20" />
<div className="img right-img">
<img src="/assets/img/online/membership-2025/membership-2025-1.webp"alt="" />
</div>
</div>
</div>
</div> */}
</div>
</div>
</div>

62
components/online/membership2026/Section1.jsx Normal file
View File

@ -0,0 +1,62 @@
import Link from 'next/link'
export default function Section1() {
return (
<>
<div className="about6-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12">
<div className="event2-header heading5 space-margin60 text-center ">
<h2>Annual Membership-2026</h2>
<div className="space18" />
<p>By Tamil Cultural Association of Waterloo Region</p>
</div>
</div>
</div>
<div className="row">
<div className="col-lg-6">
<div
style={{
position: "relative",
width: "100%",
height: "auto",
overflow: "visible",
}}
>
<iframe
title="Donation form powered by Zeffy"
src="https://www.zeffy.com/en-CA/ticketing/tca-annual-membership--2026"
style={{
width: "100%",
height: "1250px",
border: "0",
}}
allow="payment *"
/>
</div>
</div>
<div className="col-lg-6">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
<div className="img right-img">
<img src="/assets/img/online/membership-2026/membership-2026-1.webp" alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
</>
)
}

42
components/online/membership2026/Section2.jsx Normal file
View File

@ -0,0 +1,42 @@
import Link from 'next/link'
export default function Section2() {
return (
<>
<div className="about6-section-area">
<div className="container">
<div className="row">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img">
<img src="/assets/img/online/membership-2026/membership-2026-2.webp" alt="" />
</div>
</div>
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9 space-margin60 mb-4">
<p>Thank you very much for joining the TCA family. With this membership you and your family are opening yourselves up to a series of programs and services offered by us. As members you will also receive admission to some free events and discounts on tickets. Community volunteer and networking will be part of the package.</p>
<div className="space18" />
<p>Please note that our memberships are renewable each year during the month of January. The membership fee covers the calendar year, January 01 to December 31. We invite you to purchase your membership in the month of January to get the most value. Membership card is also available for print. The fee for your family membership or single person is $20 . Student under 18 is $15.</p>
<div className="space18" />
<ul>
<li>Membership Period: January 1st to December 31st.</li>
</ul>
<div className="space18" />
<p>Tamil Cultural Association of Waterloo Region is registered non profit community organisation. Ontario Corporation # 1509837. It was established in 1989 in the region of Waterloo, Ontario, Canada. Visit our website for more information.</p>
<div className="space18" />
<ul>
<li> Note: Zeffy is a third party Canadian payment platform. Accessing will be subjected to Zeffy’s terms and conditions policy.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</>
)
}

44
components/online/membership2026/Section3.jsx Normal file
View File

@ -0,0 +1,44 @@
'use client'
import Lightbox from "yet-another-react-lightbox";
import "yet-another-react-lightbox/styles.css";
import { images } from "@/utility/constant.utils";
import { useState } from "react";
export default function Section3() {
// Show only images with id 1 to 4
const selectedImages = images.filter(img => +img.id >= 49 && +img.id <= 52);
const [open, setOpen] = useState(false);
const [index, setIndex] = useState(0);
return (
<div className="about6-section-area sp4">
<div className="container-fluid">
<div className="row align-items-center">
{selectedImages.map((img, i) => (
<div className="col-lg-3 col-md-3 col-sm-12 col-6 event-img" key={img.id}>
<div
className="memory-boxarea pl-3"
style={{ cursor: "pointer" }}
onClick={() => {
setIndex(i);
setOpen(true);
}}
>
<div className="image" data-aos="zoom-in" data-aos-duration={1000}>
<img src={img.src} alt={img.alt} style={{ width: "100%", borderRadius: 8 }} />
</div>
</div>
</div>
))}
</div>
<Lightbox
open={open}
close={() => setOpen(false)}
slides={selectedImages}
index={index}
/>
</div>
</div>
);
}

12
components/online/performance/Section1.jsx
View File

@ -17,7 +17,7 @@ export default function Section1() {
</div>
</div>
<div className="row">
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="h-100 w-100">
<div className="row h-100">
<div className="flex_column av-cx34h4-a8d3062fb9de0a0faadd0da67fb825e0 av_one_half avia-builder-el-0 el_before_av_one_half avia-builder-el-first first flex_column_div av-zero-column-padding h-100">
@ -58,21 +58,21 @@ export default function Section1() {
</div>
</div>
</div>
</div>
</div> */}
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
<h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5>
<div className="space20" />
<div className="img right-img">
<img src="/assets/img/online/program-performance-registration/ppr-1.webp" alt="" />
</div>
</div>
</div>
</div> */}
</div>
</div>
</div>

12
components/online/registrationform/Section1.jsx
View File

@ -17,7 +17,7 @@ export default function Section1() {
</div>
</div>
<div className="row">
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="h-100 w-100">
<div className="row h-100">
<div className="flex_column av-cx34h4-a8d3062fb9de0a0faadd0da67fb825e0 av_one_half avia-builder-el-0 el_before_av_one_half avia-builder-el-first first flex_column_div av-zero-column-padding h-100">
@ -57,20 +57,20 @@ export default function Section1() {
</div>
</div>
</div>
</div>
</div> */}
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
<h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5>
<div className="space20" />
<div className="img2 right-img">
<img src="/assets/img/online/whats-app/whatsapp-1.webp" alt="" />
</div>
</div>
</div>
</div> */}
</div>
</div>
</div>

4
components/online/sponsor/Section1.jsx
View File

@ -112,7 +112,7 @@ export default function Section1() {
</div>
</div>
</div>
<div className="about6-section-area">
{/* <div className="about6-section-area">
<div className="container">
<div className="row">
<div className="col-lg-6">
@ -158,7 +158,7 @@ export default function Section1() {
</div>
</div>
</div>
</div> */}
</>
);
}

12
components/online/sportsday/Section1.jsx
View File

@ -17,7 +17,7 @@ export default function Section1() {
</div>
</div>
<div className="row">
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="h-100 w-100">
<div className="row h-100">
<div className="flex_column av-cx34h4-a8d3062fb9de0a0faadd0da67fb825e0 av_one_half avia-builder-el-0 el_before_av_one_half avia-builder-el-first first flex_column_div av-zero-column-padding h-100">
@ -58,20 +58,20 @@ export default function Section1() {
</div>
</div>
</div>
</div>
</div> */}
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
<h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5>
<div className="space20" />
<div className="img right-img">
<img src="/assets/img/online/sports-day/sports-1.webp" alt="" />
</div>
</div>
</div>
</div> */}
</div>
</div>
</div>

12
components/online/tamilnewyear/Section1.jsx
View File

@ -17,7 +17,7 @@ export default function Section1() {
</div>
</div>
<div className="row">
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div
style={{
position: "relative",
@ -47,21 +47,21 @@ export default function Section1() {
data-load-mode="1"
></iframe>
</div>
</div>
</div> */}
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
<h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5>
<div className="space20" />
<div className="img right-img">
<img src="/assets/img/online/new-year/tamil-new-year-1.webp" alt="" />
</div>
</div>
</div>
</div> */}
</div>
</div>
</div >

12
components/online/thaipongal2025/Section1.jsx
View File

@ -17,7 +17,7 @@ export default function Section1() {
</div>
</div>
<div className="row">
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div
style={{
position: "relative",
@ -48,19 +48,19 @@ export default function Section1() {
data-load-mode="1"
></iframe>
</div>
</div>
</div> */}
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
<h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5>
<div className="space20" />
<div className="img right-img">
<img src="/assets/img/online/thai-pongal/pongal-1.webp" alt="" />
</div>
</div>
</div>
</div> */}
</div>
</div>
</div>

12
components/online/volunteer/Section1.jsx
View File

@ -17,7 +17,7 @@ export default function Section1() {
</div>
</div>
<div className="row">
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="h-100 w-100">
<div className="row h-100">
<div className="flex_column av-cx34h4-a8d3062fb9de0a0faadd0da67fb825e0 av_one_half avia-builder-el-0 el_before_av_one_half avia-builder-el-first first flex_column_div av-zero-column-padding h-100">
@ -61,19 +61,19 @@ export default function Section1() {
</div>
</div>
</div>
</div>
</div> */}
<div className="col-lg-6">
{/* <div className="col-lg-6">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
<h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5>
<div className="space20" />
<div className="img right-img">
<img src="/assets/img/online/event-volunteers/volunteer-1.webp" alt="" />
</div>
</div>
</div>
</div> */}
</div>
</div>
</div>

BIN
public/assets/img/online/banners/membership-2026.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 211 KiB

BIN
public/assets/img/online/membership-2026/2026-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
public/assets/img/online/membership-2026/2026-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
public/assets/img/online/membership-2026/2026-3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 136 KiB

BIN
public/assets/img/online/membership-2026/2026-4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 73 KiB

BIN
public/assets/img/online/membership-2026/membership-2026-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 388 KiB

BIN
public/assets/img/online/membership-2026/membership-2026-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 142 KiB

22
utility/constant.utils.js
View File

@ -668,6 +668,28 @@ export const images = [
src: "/assets/img/online/whats-app/whats-app-4.webp",
alt: "Event Volunteers pics"
},
// Membership-2026
{
id: "49",
src: "/assets/img/online/membership-2026/2026-1.webp",
alt: "Event Volunteers pics"
},
{
id: "50",
src: "/assets/img/online/membership-2026/2026-2.webp",
alt: "Event Volunteers pics"
},
{
id: "51",
src: "/assets/img/online/membership-2026/2026-3.webp",
alt: "Event Volunteers pics"
},
{
id: "52",
src: "/assets/img/online/membership-2026/2026-4.webp",
alt: "Event Volunteers pics"
},
];