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

Merge branch 'team' of https://git.metatroncube.in/MetatroncubeSoftwareSolutions/TamilCulturalAssociation into team

Browse Source
This commit is contained in:
Srividya-Manikandan 2025-07-02 21:54:21 +05:30
commit abf8e84482
11 changed files with 132 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
app/community/global-relief-fund/page.tsx Normal file
View File

@ -0,0 +1,107 @@
'use client';
import Layout from '@/components/layout/Layout';
import { communitySubmenuData } from '@/utility/constant.utils';
import Link from 'next/link';
import { useSearchParams } from 'next/navigation';
import { useState } from 'react';
import Lightbox from "yet-another-react-lightbox";
import "yet-another-react-lightbox/styles.css";
export default function GlobalReliefFund() {
// Show only images with id 1 to 4
const galleryImages = communitySubmenuData.filter(img => +img.id >= 1 && +img.id <= 4);
const [open, setOpen] = useState(false);
const [index, setIndex] = useState(0);
return (
<>
<Layout headerStyle={1} footerStyle={1}>
{/* Header Section */}
<div
className="inner-page-header"
style={{ backgroundImage: 'url(/assets/img/bg/header-bg11.png)' }}
>
<div className="container">
<div className="row">
<div className="col-lg-6 m-auto">
<div className="heading1 text-center">
<h1>TCA Global Relief Fund</h1>
<div className="space20" />
<Link href="/">
Home <i className="fa-solid fa-angle-right" /> <span>Community</span>
</Link>
</div>
</div>
</div>
</div>
</div>
<div className="bloginner-section-area sp1">
<div className="container">
<div className="row">
<div className="col-lg-12 m-auto">
<div className="event2-header heading5 space-margin60">
<h2 className="text-anime-style-3">
TCA Global Relief Fund
</h2>
<div className="space24" />
<p>Tamil Cultural Association established a global relief fund in 2000 to support financially as well as in-kind support to under privileged communities or individual in Canada, Sri Lanka and India.</p>
<div className="space20" />
<div className='ps-4'>
<p>1. A consignment of cloths were shipped through Trico freight to Nunavil Children’s Orphanage in Jaffna, Sri Lanka. </p>
<p>2. Indian Rupees of 25,000 donated to burnt victim in Trichy, South India.</p>
<p>3. Project Hope fundraising in 2008 for Ramakrishna Mission school library, Batticaloa, Sri Lanka. Raised $2032.00</p>
<p>4. Donated funds and food items to St. John’s Soup Kitchen, Kitchener</p>
<p>5. Gifted educational materials to school children in Jaffna and Killinochchi, Sri Lanka in 2021. Facilitated by YMCA Jaffna.</p>
<p>6. Dry ration food kits were donated to Indian upcountry community in Nuwara Eliya and Kegalle district in 2021. Funds raised $3300</p>
<p>7. Toronto Tamil Chair campaign to establish a Tamil chair at University of Toronto. Raised funds amounting to $2400 in 2021</p>
<p>8. Raised funds and donated dry food to Waterloo Region Food bank in 2022. It was part of Tamil Heritage month.</p>
</div>
</div>
</div>
</div>
<div className="row gx-5">
<div className="col-lg-12">
<div className="row mt-4">
{galleryImages.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>
))}
{galleryImages.length === 0 && (
<div className="col-12 text-center mt-5">
<p className="text-muted">No images found for this event.</p>
</div>
)}
</div>
</div>
</div>
</div>
</div>
<Lightbox
open={open}
close={() => setOpen(false)}
slides={galleryImages}
index={index}
/>
</Layout>
</>
);
}

2
components/home/AboutSection.tsx
View File

@ -76,7 +76,7 @@ export default function AboutSection() {
</div> */}
<div className="space32" />
<div className="btn-area1" data-aos="fade-left" data-aos-duration={1200}>
<Link href="/event-schedule" className="vl-btn3">know More</Link>
<Link href="#" className="vl-btn3">know More</Link>
</div>
</div>
</div>

6
components/home/AdSectionOne.tsx
View File

@ -23,16 +23,16 @@ export default function AdSectionOne() {
<div className="space24" />
<ul>
<li className='text-lg'>
<Link href="/#">Image size - 1200 * 270</Link>
<Link href="#">Image size - 1200 * 270</Link>
</li>
<li className="space14" />
<li className='text-lg'>
<Link href="/#">$150 - per Year</Link>
<Link href="#">$150 - per Year</Link>
</li>
</ul>
<div className="space32" />
<div className="btn-area1">
<Link href="/pricing-plan" className="vl-btn10">Online Payment <img src="/assets/img/icons/arrow2.svg" alt="" /></Link>
<Link href="#" className="vl-btn10">Online Payment <img src="/assets/img/icons/arrow2.svg" alt="" /></Link>
</div>
</div>
</div>

2
components/home/AdSectionThree.tsx
View File

@ -32,7 +32,7 @@ export default function AdSectionThree() {
</ul>
<div className="space32" />
<div className="btn-area1">
<Link href="/pricing-plan" className="vl-btn10">Online Payment <img src="/assets/img/icons/arrow2.svg" alt="" /></Link>
<Link href="#" className="vl-btn10">Online Payment <img src="/assets/img/icons/arrow2.svg" alt="" /></Link>
</div>
</div>
</div>

14
components/home/ArtsAndCultureSection.tsx
View File

@ -75,7 +75,7 @@ export default function ArtAndCultureSection() {
<img src="/assets/img/home/tamil-culture/tamil-culture-1.webp" alt="" />
</div>
<div className="content-area">
<img src="/assets/img/icons/logo1.svg" alt="" className="logo1 keyframe5" />
{/* <img src="/assets/img/icons/icon-1.webp" alt="" className="logo1 keyframe5" /> */}
<div className="arrow">
<Link href="/memories"><i className="fa-solid fa-arrow-right" /></Link>
</div>
@ -90,7 +90,7 @@ export default function ArtAndCultureSection() {
<img src="/assets/img/home/tamil-culture/tamil-culture-2.webp" alt="" />
</div>
<div className="content-area">
<img src="/assets/img/icons/logo1.svg" alt="" className="logo1 keyframe5" />
{/* <img src="/assets/img/icons/icon-2.webp" alt="" className="logo1 keyframe5" /> */}
<div className="arrow">
<Link href="/memories"><i className="fa-solid fa-arrow-right" /></Link>
</div>
@ -105,7 +105,7 @@ export default function ArtAndCultureSection() {
<img src="/assets/img/home/tamil-culture/tamil-culture-3.webp" alt="" />
</div>
<div className="content-area">
<img src="/assets/img/icons/logo1.svg" alt="" className="logo1 keyframe5" />
{/* <img src="/assets/img/icons/icon-3.webp" alt="" className="logo1 keyframe5" /> */}
<div className="arrow">
<Link href="/memories"><i className="fa-solid fa-arrow-right" /></Link>
</div>
@ -120,7 +120,7 @@ export default function ArtAndCultureSection() {
<img src="/assets/img/home/tamil-culture/tamil-culture-4.webp" alt="" />
</div>
<div className="content-area">
<img src="/assets/img/icons/logo1.svg" alt="" className="logo1 keyframe5" />
{/* <img src="/assets/img/icons/icon-4.webp" alt="" className="logo1 keyframe5" /> */}
<div className="arrow">
<Link href="/memories"><i className="fa-solid fa-arrow-right" /></Link>
</div>
@ -135,7 +135,7 @@ export default function ArtAndCultureSection() {
<img src="/assets/img/home/tamil-culture/tamil-culture-5.webp" alt="" />
</div>
<div className="content-area">
<img src="/assets/img/icons/logo1.svg" alt="" className="logo1 keyframe5" />
{/* <img src="/assets/img/icons/icon-5.webp" alt="" className="logo1 keyframe5" /> */}
<div className="arrow">
<Link href="/memories"><i className="fa-solid fa-arrow-right" /></Link>
</div>
@ -150,7 +150,7 @@ export default function ArtAndCultureSection() {
<img src="/assets/img/home/tamil-culture/tamil-culture-6.webp" alt="" />
</div>
<div className="content-area">
<img src="/assets/img/icons/logo1.svg" alt="" className="logo1 keyframe5" />
{/* <img src="/assets/img/icons/icon-6.webp" alt="" className="logo1 keyframe5" /> */}
<div className="arrow">
<Link href="/memories"><i className="fa-solid fa-arrow-right" /></Link>
</div>
@ -165,7 +165,7 @@ export default function ArtAndCultureSection() {
<img src="/assets/img/home/tamil-culture/tamil-culture-7.webp" alt="" />
</div>
<div className="content-area">
<img src="/assets/img/icons/logo1.svg" alt="" className="logo1 keyframe5" />
{/* <img src="/assets/img/icons/icon-7.webp" alt="" className="logo1 keyframe5" /> */}
<div className="arrow">
<Link href="/memories"><i className="fa-solid fa-arrow-right" /></Link>
</div>

10
components/home/HeroBanner.tsx
View File

@ -19,28 +19,28 @@ export default function HomeHeroBanner() {
// image: '/assets/img/all-images/hero/hero-img11.png',
// },
{
title: 'Global DJ Tour 2025',
title: "Global DJ <br />Tour 2025",
date: 'SERVING',
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD SINCE 1989',
bgImage: '/assets/img/home/banner/banner-2.webp',
image: '/assets/img/all-images/hero/hero-img12.png',
},
{
title: 'Global DJ Tour 2025',
title: 'Global DJ <br />Tour 2025',
date: 'SERVING',
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD SINCE 1989',
bgImage: '/assets/img/home/banner/banner-3.webp',
image: '/assets/img/all-images/hero/hero-img12.png',
},
{
title: 'Global DJ Tour 2025',
title: 'Global DJ <br />Tour 2025',
date: 'SERVING',
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD SINCE 1989',
bgImage: '/assets/img/home/banner/banner-4.webp',
image: '/assets/img/all-images/hero/hero-img12.png',
},
{
title: 'Global DJ Tour 2025',
title: 'Global DJ <br />Tour 2025',
date: 'SERVING',
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD SINCE 1989',
bgImage: '/assets/img/home/banner/banner-5.webp',
@ -77,7 +77,7 @@ export default function HomeHeroBanner() {
WE ARE COMING FOR
</h5>
<div className="space16" />
<h1 className="text-anime-style-3">{slide.title}</h1>
<h1 className="text-anime-style-3"dangerouslySetInnerHTML={{ __html: slide.title || ''}}></h1>
<div className="space32" />
<div className="btn-area1">
<Link href="/contact" className="vl-btn9">

2
components/home/HomePhotoGallerySection.tsx
View File

@ -115,7 +115,7 @@ export default function HomePhotoGallerySection() {
<div className='col-lg-12'>
<div className="space32" />
<div className="btn-area1 text-center" data-aos="fade-left" data-aos-duration={1200}>
<Link href="/event-schedule" className="vl-btn3">know More</Link>
<Link href="#" className="vl-btn3">know More</Link>
</div>
</div>

6
components/home/HomeUpcomingEvent.tsx
View File

@ -108,7 +108,7 @@ export default function HomeUpcomingEvent() {
</div> */}
<div className="space24" />
<div className="btn-area1">
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
<Link href="#" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
</div>
</div>
</div>
@ -164,7 +164,7 @@ export default function HomeUpcomingEvent() {
</div> */}
<div className="space24" />
<div className="btn-area1">
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">purchase ticket</span></Link>
<Link href="#" className="vl-btn3"><span className="demo">purchase ticket</span></Link>
</div>
</div>
<div className="space30 d-lg-none d-block" />
@ -231,7 +231,7 @@ export default function HomeUpcomingEvent() {
</div> */}
<div className="space24" />
<div className="btn-area1">
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">purchase ticket</span></Link>
<Link href="#" className="vl-btn3"><span className="demo">purchase ticket</span></Link>
</div>
</div>
</div>

4
components/layout/footer/Footer1.tsx
View File

@ -10,7 +10,7 @@ export default function Footer1() {
<div className="col-lg-1"></div>
<div className="col-lg-3 col-md-6">
<div className="footer-logo-area">
<img src="/assets/img/logo-tca.png" alt="logo" style={{width: "80px", height: "80px"}} />
<img src="/assets/img/logo-tca.png" alt="logo" style={{width: "60px", height: "80px"}} />
<div className="space16" />
<p>We are committed to creating a platform where business leaders, innovators, and professionals
can come together to exchange ideas</p>
@ -126,7 +126,7 @@ export default function Footer1() {
<div className="col-lg-12">
<div className="copyright">
<p>Copyright {new Date().getFullYear()} © TamilCultureAssociation. Powered by <a href="https://metatroncubesolutions.com/">MetatronCube</a>. All Right Reserved.</p>
<p>Copyright {new Date().getFullYear()} © TamilCultureAssociation. Powered by <a style={{color: "#fff"}} href="https://metatroncubesolutions.com/">MetatronCube</a>. All Right Reserved.</p>
</div>
</div>
</div>

4
public/assets/css/main.css
View File

@ -7021,7 +7021,7 @@ color: var(--ztc-text-text-1);
}
.footer1-sertion-area .footer-logo-area ul li a:hover {
background: #fff;
background: #ed1b24;
transition: all 0.4s;
}
@ -28134,7 +28134,7 @@ html {
}
.gallery-btn{
font-size: 24px;
font-size: 18px;
font-weight:600;
padding: 10px 15px;
}

BIN
public/assets/img/all-images/community/global-fund.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB