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

Merge branch 'team'

Browse Source
This commit is contained in:
Alaguraj0361 2025-07-14 12:50:21 +05:30
commit cb01873580
211 changed files with 845 additions and 1076 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/(event)/photo-gallery/page.jsx
View File

@ -15,7 +15,7 @@ export default function Memories() {
{/* Header Section */}
<div
className="inner-page-header"
style={{ backgroundImage: 'url(/assets/img/bg/header-bg11.png)' }}
style={{ backgroundImage: 'url(/assets/img/event/gallery/gallery-banner.webp)' }}
>
<div className="container">
<div className="row">
@ -33,7 +33,7 @@ export default function Memories() {
</div>
{/* Memory Section */}
<div className="memory-inner-section-area blog-details-section sp1">
<div className="memory-inner-section-area blog-details-section sp4">
<div className="container">
<div className="row gx-5">
{/* Left Column: Year Tabs */}

2
app/(event)/photo-gallery/single-gallery/page.tsx
View File

@ -59,7 +59,7 @@ export default function SingleGallery() {
</div>
</div>
</div>
<div className="bloginner-section-area sp1">
<div className="bloginner-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12 m-auto">

2
app/(event)/upcoming-event/page.jsx
View File

@ -14,7 +14,7 @@ export default function Memories() {
{/* Header Section */}
<div
className="inner-page-header"
style={{ backgroundImage: 'url(/assets/img/bg/header-bg11.png)' }}
style={{ backgroundImage: 'url(/assets/img/event/upcoming-event/upcoming-events-banner.webp)' }}
>
<div className="container">
<div className="row">

2
app/about/association/page.tsx
View File

@ -13,7 +13,7 @@ export default function Association() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg6.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/about/banner/association-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-5 m-auto">

2
app/about/committee/page.tsx
View File

@ -5,7 +5,7 @@ import Section1 from "@/components/about/committee/Section1"; // adjust path if
export default function CommitteePage() {
return (
<Layout headerStyle={1} footerStyle={1}>
<div className="inner-page-header" style={{ backgroundImage: "url(/assets/img/bg/header-bg6.png)" }}>
<div className="inner-page-header" style={{ backgroundImage: "url(/assets/img/about/banner/committee-banner.webp)" }}>
<div className="container">
<div className="row">
<div className="col-lg-5 m-auto">

2
app/about/constitution/page.tsx
View File

@ -11,7 +11,7 @@ export default function Constitution() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg6.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/about/banner/constitution-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-5 m-auto">

2
app/about/mission/page.tsx
View File

@ -11,7 +11,7 @@ export default function Mission() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg6.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/about/banner/mission-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-5 m-auto">

2
app/about/page.tsx
View File

@ -12,7 +12,7 @@ export default function About() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/bg/header-bg5.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/about/banner/about-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-4 m-auto">

4
app/community/badminton-club/page.tsx
View File

@ -21,7 +21,7 @@ export default function CricketClub() {
<div
className="inner-page-header"
style={{
backgroundImage: 'url(/assets/img/bg/header-bg11.png)',
backgroundImage: 'url(/assets/img/community/badminton/badminton-club-banner.webp)',
backgroundSize: 'cover',
backgroundPosition: 'center',
padding: '100px 0',
@ -44,7 +44,7 @@ export default function CricketClub() {
</div>
{/* Description Section */}
<div className="bloginner-section-area sp1 py-5">
<div className="bloginner-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12 m-auto">

2
app/community/business-directory/page.tsx
View File

@ -11,7 +11,7 @@ export default function BusinessDirectory() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg6.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/community/business-directory-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-5 m-auto">

6
app/community/cricket-club/page.tsx
View File

@ -9,7 +9,7 @@ import 'yet-another-react-lightbox/styles.css';
export default function CricketClub() {
const galleryImages = communitySubmenuData.filter(img => +img.id >= 1 && +img.id <= 4);
const galleryImages = communitySubmenuData.filter(img => +img.id >= 5 && +img.id <= 8);
const [open, setOpen] = useState(false);
const [index, setIndex] = useState(0);
@ -20,7 +20,7 @@ export default function CricketClub() {
<div
className="inner-page-header"
style={{
backgroundImage: 'url(/assets/img/bg/header-bg11.png)',
backgroundImage: 'url(/assets/img/community/cricket-club/cricket-club-banner.webp)',
backgroundSize: 'cover',
backgroundPosition: 'center',
padding: '100px 0',
@ -41,7 +41,7 @@ export default function CricketClub() {
</div>
</div>
<div className="bloginner-section-area sp1 py-5">
<div className="bloginner-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12 m-auto">

4
app/community/global-relief-fund/page.tsx
View File

@ -21,7 +21,7 @@ export default function GlobalReliefFund() {
<div
className="inner-page-header"
style={{
backgroundImage: 'url(/assets/img/bg/header-bg11.png)',
backgroundImage: 'url(/assets/img/community/fund/fund-banner.webp)',
backgroundSize: 'cover',
backgroundPosition: 'center',
padding: '100px 0',
@ -44,7 +44,7 @@ export default function GlobalReliefFund() {
</div>
<div className="bloginner-section-area sp1 py-5 bg-light">
<div className="bloginner-section-area sp4 bg-light">
<div className="container">
<div className="row">
<div className="col-lg-12 m-auto">

2
app/community/page.tsx
View File

@ -12,7 +12,7 @@ export default function CommunityPage() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg5.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/community/community-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-4 m-auto">

4
app/community/recipes/page.tsx
View File

@ -10,7 +10,7 @@ export default function Recipes() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg13.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/community/recipes/recipes-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-6 m-auto">
@ -25,7 +25,7 @@ export default function Recipes() {
</div>
{/*===== HERO AREA ENDS =======*/}
{/*===== BLOG AREA STARTS =======*/}
<div className="bloginner-section-area sp1">
<div className="bloginner-section-area sp4">
<div className="container">
<div className="row">
{recipesList.map((post) => (

21
app/community/single-recipes/page.tsx
View File

@ -28,18 +28,27 @@ const Page = () => {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg13.png)' }}>
<div
className="inner-page-header"
style={{
backgroundImage: `url(${post?.bannerImage || '/assets/img/community/recipes/default-banner.webp'})`
}}
>
<div className="container">
<div className="row">
<div className="col-lg-6 m-auto">
<div className="heading1 text-center">
<h1>Recipes</h1>
<h1>{post?.title || "Recipes"}</h1>
<div className="space20" />
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Recipes</span></Link>
<Link href="/">
Home <i className="fa-solid fa-angle-right" />{" "}
<span>{post?.title || "Recipes"}</span>
</Link>
</div>
</div>
</div>
</div>
</div>
{/*===== BLOG AREA STARTS =======*/}
@ -49,7 +58,7 @@ const Page = () => {
<div className="col-lg-12">
<div className="blog-deatils-content heading2">
<div className="img1">
<img src={post?.image} alt="recipe" />
<img src={post?.bigImage} alt="recipe" />
</div>
<div className="space32" />
<ul>
@ -108,9 +117,9 @@ const Page = () => {
<div className="space20" />
<Link href={`/community/single-recipes?slug=${relatedPost?.slug}`}> {relatedPost.title.length > 40 ? `${relatedPost.title.slice(0, 40)}...` : relatedPost?.title}</Link>
<div className="space24" />
<Link href={`/community/single-recipes?slug=${post?.slug}`}className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
<Link href={`/community/single-recipes?slug=${relatedPost?.slug}`} className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
<div className="arrow">
<Link href={`/community/single-recipes?slug=${post?.slug}`}><i className="fa-solid fa-arrow-right" /></Link>
<Link href={`/community/single-recipes?slug=${relatedPost?.slug}`}><i className="fa-solid fa-arrow-right" /></Link>
</div>
</div>
</div>

4
app/community/tamil-school/page.tsx
View File

@ -20,7 +20,7 @@ export default function CricketClub() {
<div
className="inner-page-header"
style={{
backgroundImage: 'url(/assets/img/bg/header-bg11.png)',
backgroundImage: 'url(/assets/img/community/tamil-school/school-banner.webp)',
backgroundSize: 'cover',
backgroundPosition: 'center',
padding: '100px 0',
@ -42,7 +42,7 @@ export default function CricketClub() {
</div>
</div>
<div className="bloginner-section-area sp1 py-5">
<div className="bloginner-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12 m-auto">

8
app/contact/page.tsx
View File

@ -104,7 +104,7 @@ export default function Contact() {
return (
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg12.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/all-images/contact/contact-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-6 m-auto">
@ -118,7 +118,7 @@ export default function Contact() {
</div>
</div>
<div className="space100" />
<div className="space80" />
<div className="contact-bg-section">
<div className="container">
<div className="row">
@ -162,7 +162,7 @@ export default function Contact() {
</div>
</div>
<div className="contact-inner-section sp1">
<div className="contact-inner-section sp4">
<div className="container">
<div className="row">
<div className="col-lg-6" data-aos="zoom-in" data-aos-duration={1000}>
@ -224,7 +224,7 @@ export default function Contact() {
<div className="col-lg-6">
<div className="img1 image-anime">
<img
src="/assets/img/all-images/contact/contact-img4.png"
src="/assets/img/all-images/contact/contact-1.webp"
alt=""
style={{ border: 0, width: '100%', height: '620px' }}
/>

2
app/tamil-culture/page.tsx
View File

@ -10,7 +10,7 @@ export default function TamilCulture() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg5.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/tamil-culture-banner/tamil-culture-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-4 m-auto">

2
app/tamil-culture/tamil-festivals/christian-festivals/page.tsx
View File

@ -9,7 +9,7 @@ export default function ChristianFestivals() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg5.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/tamil-festivals-banner/christian-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-4 m-auto">

2
app/tamil-culture/tamil-festivals/hindu-festivals/page.tsx
View File

@ -10,7 +10,7 @@ export default function HinduFestivals() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg5.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/tamil-festivals-banner/hindu-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-4 m-auto">

2
app/tamil-culture/tamil-festivals/muslim-festivals/page.tsx
View File

@ -9,7 +9,7 @@ export default function MuslimFestivals() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg5.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/tamil-festivals-banner/muslim-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-4 m-auto">

2
app/tamil-culture/tamil-festivals/page.tsx
View File

@ -9,7 +9,7 @@ export default function TamilFestivals() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg5.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/tamil-festivals-banner/tamil-festivals-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-4 m-auto">

47
app/tamil-culture/tamil-language/page.jsx
View File

@ -1,20 +1,17 @@
import Countdown from '@/components/elements/Countdown';
import Layout from "@/components/layout/Layout";
import { memoryData } from '@/utility/constant.utils';
import { tamilculture } from '@/utility/constant.utils';
import Link from "next/link";
export default function Tamilculture() {
let globalIndex = 0;
const totalEvents = Object.values(tamilculture).flat().length;
return (
<Layout headerStyle={1} footerStyle={1}>
<div>
<div
className="inner-page-header"
style={{ backgroundImage: 'url(/assets/img/bg/header-bg11.png)' }}
style={{ backgroundImage: 'url(/assets/img/tamil-lang/tamil-language-banner.webp)' }}
>
<div className="container">
<div className="row">
@ -31,7 +28,7 @@ export default function Tamilculture() {
</div>
</div>
<div className="about7-section-area sp1">
<div className="about7-section-area sp4">
<div className="container">
{Object.entries(tamilculture).map(([key, events]) =>
events.map((event) => {
@ -70,51 +67,23 @@ export default function Tamilculture() {
<div className="col-lg-6 order-1 order-lg-2">
<div className="about-images-area">
<div className="row align-items-center">
<div className="col-lg-6 col-md-6">
<div className="img1 image-anime reveal">
<img src="/assets/img/all-images/about/about-img4.png" alt="Image 1" />
</div>
<div className="space24 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 image-anime reveal">
<img src="/assets/img/all-images/about/about-img5.png" alt="Image 2" />
</div>
<div className="space24" />
<div className="img1 image-anime reveal">
<img src="/assets/img/all-images/about/about-img6.png" alt="Image 3" />
</div>
</div>
<div className="img1 image-anime reveal">
<img src={event.image} alt={event.title} />
</div>
</div>
</div>
</>
) : (
<>
<div className="col-lg-6 order-1 order-lg-2">
<div className="col-lg-6 order-1 order-lg-1 order-lg-2">
<div className="about-images-area">
<div className="row align-items-center">
<div className="col-lg-6 col-md-6">
<div className="img1 image-anime reveal">
<img src="/assets/img/all-images/about/about-img4.png" alt="Image 1" />
</div>
<div className="space24 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 image-anime reveal">
<img src="/assets/img/all-images/about/about-img5.png" alt="Image 2" />
</div>
<div className="space24" />
<div className="img1 image-anime reveal">
<img src="/assets/img/all-images/about/about-img6.png" alt="Image 3" />
</div>
</div>
<div className="img1 image-anime reveal">
<img src={event.image} alt={event.title} />
</div>
</div>
</div>
<div className="col-lg-6 order-1 order-lg-2">
<div className="col-lg-6 order-1 order-lg-2 order-lg-1">
<div className="about-header-area heading10">
<h2 className="text-anime-style-3">{event.title}</h2>
<div className="space16" />

2
app/tamil-culture/tamil-wedding-custom/bridal-makeup/page.tsx
View File

@ -13,7 +13,7 @@ export default function BridalMekeup() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg6.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/tamil-wedding-custom/bridal-makeup-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-5 m-auto">

2
app/tamil-culture/tamil-wedding-custom/catholic-wedding/page.tsx
View File

@ -10,7 +10,7 @@ export default function CatholicWedding() {
<>
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg6.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/tamil-wedding-custom/tamil-catholic-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-5 m-auto">

2
app/tamil-culture/tamil-wedding-custom/city-style/page.tsx
View File

@ -11,7 +11,7 @@ export default function CityStyle() {
<>
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg6.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/tamil-wedding-custom/city-wedding-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-5 m-auto">

2
app/tamil-culture/tamil-wedding-custom/hindu-wedding-rituals/page.tsx
View File

@ -14,7 +14,7 @@ export default function HinduWedding() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg6.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/tamil-wedding-custom/hindu-wedding-rituals-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-5 m-auto">

2
app/tamil-culture/tamil-wedding-custom/page.tsx
View File

@ -10,7 +10,7 @@ export default function TamilWeddingCustom() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg5.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/tamil-weding/tamil-wedding-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-4 m-auto">

2
app/tamil-culture/tamil-wedding-custom/protestant-wedding/page.tsx
View File

@ -11,7 +11,7 @@ export default function ProtestantWedding() {
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg6.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/tamil-wedding-custom/tamil-protestant-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-5 m-auto">

2
app/tamil-culture/tamil-wedding-custom/story-of-saree/page.tsx
View File

@ -11,7 +11,7 @@ export default function StoryOfSaree() {
<>
<Layout headerStyle={1} footerStyle={1}>
<div>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg6.png)' }}>
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/tamil-wedding-custom/saree-banner.webp)' }}>
<div className="container">
<div className="row">
<div className="col-lg-5 m-auto">

2
components/about/AboutUs.jsx
View File

@ -5,7 +5,7 @@ import Link from 'next/link'
export default function AboutUs() {
return (
<>
<div className="vanue-section-area sp2">
<div className="vanue-section-area sp4">
<div className="container">
{/* <div className="row">
<div className="col-lg-5 m-auto">

20
components/about/association/Section1.tsx
View File

@ -5,25 +5,29 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img14.png" alt="" />
<img
src="/assets/img/all-images/about/about-img4.png"
alt="about"
className="img-fluid"
/>
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img15.png" alt="" />
</div>
<div className="img1 reveal image-anime">
<div className="space30" />
<img src="/assets/img/all-images/about/about-img16.png" alt="" />
<img
src="/assets/img/all-images/about/about-img17.png"
alt="about"
className="img-fluid"
/>
</div>
</div>
</div>

96
components/about/association/Section2.tsx
View File

@ -5,56 +5,60 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp10">
<div className="container">
<div className="row align-items-center">
{/* TEXT - NOW ON THE LEFT */}
<div className="col-lg-6">
<div className="about6-header heading9 colored-text">
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={900}>Over the years, the association has donated goods and services to Nunnavil Children’s Centre, Jaffna., Ind.; Rs 25,000 to fire victims in <span>Trichy, South India</span>.; cash donation to <span>Ramakrishna Mission children’s Library – Batticaloa, Sri Lanka, St. John’s Soup Kitchen in Kitchener, Canadian Red Cross Tsunami fund for Sri Lanka and India, Rotary Club of Cambridge, St. Mary’s Hospital</span> and <span>Grand River Hospital</span> in Kitchener, <span>Cambridge Memorial Hospital</span>, Cambridge, <span>Operation Christmas Child Shoe box program, Flood victims in Chennai India</span>, Covid19 PPE/Mask donation to <span>CMH cambridge</span>, Food for needy during Covid19 to <span>upcountry tea estate community in Sri Lanka,
Educational materials to Jaffna YMCA, Walkathon</span> for local hospitals etc. </p>
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>2004 was a significant year for the association. TCA raised a total of $123,000 on behalf of <span>Canadian Red Cross</span> during <span>Tsunami disaster</span>. Relief materials and cash donations were given to the victims in Sri Lanka and India.
In 2015, Funds were distributed to the victims of Chennai flood in south india.</p>
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>Tamil community from <span>Brantford</span> joined the association in 2011. In the same year, the association
re-established the <span>Tamil language school</span> with assistance from <span>Waterloo Regional District School Board </span>in Cambridge.</p>
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>The association took the leadership to participate at the <span>KW Multicultural festival</span>. It is the region’s largest multicultural festival and an Indian & Sri Lankan food stall
was established in 2012 and <span>Waterloo Region’s Diversity Awards</span> was held in 2014 at Sheraton <span>Hotel, Kitchener.</span></p>
<div className="space16" />
</div>
</div>
<div className="about6-section-area">
<div className="container">
<div className="row align-items-center">
{/* TEXT - NOW ON THE LEFT */}
<div className="col-lg-6">
<div className="about6-header heading9 colored-text">
{/* IMAGES - NOW ON THE RIGHT */}
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img14.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img15.png" alt="" />
</div>
<div className="img1 reveal image-anime">
<div className="space30" />
<img src="/assets/img/all-images/about/about-img16.png" alt="" />
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={900}>Over the years, the association has donated goods and services to Nunnavil Children’s Centre, Jaffna., Ind.; Rs 25,000 to fire victims in <span>Trichy, South India</span>.; cash donation to <span>Ramakrishna Mission children’s Library – Batticaloa, Sri Lanka, St. John’s Soup Kitchen in Kitchener, Canadian Red Cross Tsunami fund for Sri Lanka and India, Rotary Club of Cambridge, St. Mary’s Hospital</span> and <span>Grand River Hospital</span> in Kitchener, <span>Cambridge Memorial Hospital</span>, Cambridge, <span>Operation Christmas Child Shoe box program, Flood victims in Chennai India</span>, Covid19 PPE/Mask donation to <span>CMH cambridge</span>, Food for needy during Covid19 to <span>upcountry tea estate community in Sri Lanka,
Educational materials to Jaffna YMCA, Walkathon</span> for local hospitals etc. </p>
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>2004 was a significant year for the association. TCA raised a total of $123,000 on behalf of <span>Canadian Red Cross</span> during <span>Tsunami disaster</span>. Relief materials and cash donations were given to the victims in Sri Lanka and India.
In 2015, Funds were distributed to the victims of Chennai flood in south india.</p>
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>Tamil community from <span>Brantford</span> joined the association in 2011. In the same year, the association
re-established the <span>Tamil language school</span> with assistance from <span>Waterloo Regional District School Board </span>in Cambridge.</p>
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>The association took the leadership to participate at the <span>KW Multicultural festival</span>. It is the region’s largest multicultural festival and an Indian & Sri Lankan food stall
was established in 2012 and <span>Waterloo Region’s Diversity Awards</span> was held in 2014 at Sheraton <span>Hotel, Kitchener.</span></p>
<div className="space16" />
</div>
</div>
{/* IMAGES - NOW ON THE RIGHT */}
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img
src="/assets/img/all-images/about/about-img4.png"
alt="about"
className="img-fluid"
/>
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img
src="/assets/img/all-images/about/about-img17.png"
alt="about"
className="img-fluid"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</>

2
components/about/association/Section3.tsx
View File

@ -5,7 +5,7 @@ export default function Section3() {
return (
<>
<div className="about6-section-area sp10">
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">

13
components/about/committee/Section1.jsx
View File

@ -9,7 +9,7 @@ export default function Section1() {
return (
<>
<div className="blog-details-section sp1">
<div className="blog-details-section sp4">
<div className="container">
<div className="row">
<div className="col-lg-3">
@ -44,10 +44,10 @@ export default function Section1() {
{communityData[selectedYear] ? (
Object.entries(communityData[selectedYear]).map(([role, members]) => (
<div key={role} className="mb-5">
<h4 style={{ marginBottom: "30px", fontWeight: "bold" }}>{role}</h4>
<div className="row">
<h3 style={{ marginBottom: "30px", fontWeight: "bold" }}>{role}</h3>
<div className="row gx-4">
{members.map((member, idx) => (
<div className="col-lg-4 col-md-6" key={idx}>
<div className="col-lg-4 col-md-6 mb-5" key={idx}>
<div className="our-team-boxarea">
<div className="team-widget-area">
<img src="/assets/img/elements/elements25.png" alt="" className="elements21" />
@ -61,10 +61,9 @@ export default function Section1() {
/>
</div>
</div>
<div className="space28" />
<div className="content-area">
<Link href="/speakers-single">{member.name}</Link>
<div className="space16" />
<Link href="/speakers-single">{member.name}</Link>
<div className="space6" />
<p>{member.post}</p>
</div>
</div>

313
components/about/constitution/Section1.tsx
View File

@ -3,7 +3,7 @@ import Link from 'next/link';
export default function Section1() {
return (
<>
<div className="pricing-lan-section-area sp1 py-5">
<div className="pricing-lan-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12 m-auto">
@ -33,7 +33,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>1.1 Definitions</h2>
@ -43,9 +42,6 @@ export default function Section1() {
the following rules shall apply:
</li >
</ul>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
<li className="d-flex align-items-start mb-2" data-aos="fade-left" data-aos-duration={1000}>
<img
@ -117,7 +113,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>1.2 Interpretation</h2>
@ -137,7 +132,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>1.3 Severability and Precedence</h2>
@ -154,7 +148,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>1.4 Seal and Logo</h2>
@ -176,7 +169,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>1.5 Execution of Documents</h2>
<div className="space18" />
@ -191,20 +183,14 @@ export default function Section1() {
<div className="row">
<div className="heading2">
<div className="space18" />
<div className="space18" />
<div className="space18" />
<div className="space20" />
<div className="space20" />
<h2 data-aos="fade-left" data-aos-duration={1000}>2. ARTICLE</h2>
</div>
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>2.1 Aims and Objectives</h2>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
<li className="d-flex align-items-start mb-2" data-aos="fade-left" data-aos-duration={1000}>
<img
@ -249,12 +235,9 @@ export default function Section1() {
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>2.2 Legal Name</h2>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
<li className="d-flex align-items-start mb-2" data-aos="fade-left" data-aos-duration={1000}>
<img
@ -289,7 +272,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>2.3 Registered Office</h2>
<div className="space16" />
@ -328,15 +310,13 @@ export default function Section1() {
<div className="row">
<div className="heading2">
<div className="space18" />
<div className="space18" />
<div className="space18" />
<div className="space20" />
<div className="space20" />
<h2 data-aos="fade-left" data-aos-duration={1000}>3. ARTICLE</h2>
</div>
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>3.1 Qualification for Membership</h2>
@ -355,7 +335,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>3.2 Member residencies</h2>
@ -369,7 +348,7 @@ export default function Section1() {
Dual or Temporary resident is a person living in the region but also has another residence outside of Region of Waterloo, Wellington County and Brantford.
</p>
<div className="space16" />
<div className="space18" />
</div>
</div>
</div>
@ -378,8 +357,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>3.3 Membership Fees</h2>
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>
@ -388,7 +365,6 @@ export default function Section1() {
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>Currently,</p>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
@ -428,8 +404,6 @@ export default function Section1() {
At the time of payment of the annual membership fee the member will be assigned an identification number, which will change upon renewal.
</p>
<div className="space16" />
</div>
</div>
</div>
@ -438,13 +412,11 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>3.4 Voting Rights of Members</h2>
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>Currently :</p>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
@ -503,7 +475,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>3.5 Termination of Membership</h2>
@ -559,13 +530,11 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>3.6 Discipline of Members</h2>
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>The board may suspend or remove any member from the association for any one or more of the following grounds:</p>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
@ -635,15 +604,13 @@ export default function Section1() {
<div className="row">
<div className="heading2">
<div className="space18" />
<div className="space18" />
<div className="space18" />
<div className="space20" />
<div className="space20" />
<h2 data-aos="fade-left" data-aos-duration={1000}>4. ARTICLE</h2>
</div>
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>4.1 Board of Directors Election and Term</h2>
@ -693,7 +660,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>4.2 Officers</h2>
@ -784,7 +750,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>4.3 Election of Office Bearers
</h2>
@ -826,7 +791,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>4.4 Duties
</h2>
@ -835,8 +799,6 @@ export default function Section1() {
Board of Directors “The Board”
</p>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
<li className="d-flex align-items-start mb-2" data-aos="fade-left" data-aos-duration={1000}>
<img
@ -989,7 +951,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>4.5 Protection of Directors and Officers
</h2>
@ -1033,7 +994,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>4.6 Conflict of Interest
@ -1066,7 +1026,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>4.7 Vacancies
@ -1077,7 +1036,6 @@ export default function Section1() {
</p>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
@ -1126,7 +1084,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>4.8 Filling Vacancies
@ -1135,14 +1092,7 @@ export default function Section1() {
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>A vacancy on the Board shall be filled as follows, and the Director appointed or elected to fill the vacancy holds office for the remainder of the unexpired term of the Director’s predecessor:
</p>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
<li className="d-flex align-items-start mb-2" data-aos="fade-left" data-aos-duration={1000}>
@ -1183,7 +1133,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>4.9 Committees
@ -1194,13 +1143,8 @@ export default function Section1() {
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>The board is empowered to create Committees / sub-committees for the purpose of a specific project or activity, those committees / sub-committees will cease to exist once the specific project or activity is completed. They may be established by the Board as follows:
</p>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
@ -1233,7 +1177,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>4.10 Insurance
</h2>
@ -1254,15 +1197,13 @@ export default function Section1() {
<div className="row">
<div className="heading2">
<div className="space18" />
<div className="space18" />
<div className="space18" />
<div className="space20" />
<div className="space20" />
<h2 data-aos="fade-left" data-aos-duration={1000}>5. ARTICLE</h2>
</div>
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>5.1 Annual General Meeting
</h2>
@ -1310,9 +1251,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
<li className="d-flex align-items-start mb-2" data-aos="fade-left" data-aos-duration={1000}>
<img
@ -1375,7 +1313,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>5.2 Special Meetings
@ -1406,7 +1343,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>5.3 Board Meeting
</h2>
@ -1414,7 +1350,6 @@ export default function Section1() {
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>The Board of Directors shall hold meetings generally once a month (minimum 9 in a year) to manage the affairs of the Association.
</p>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
@ -1501,7 +1436,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>5.4 Virtual or Hybrid meeting model
</h2>
@ -1520,7 +1454,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>5.5 Quorum
</h2>
@ -1543,7 +1476,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>5.6 Show of hands / Ballot
@ -1566,7 +1498,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>5.7 Confidentiality
@ -1588,7 +1519,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>5.8 Rule of Order
@ -1611,7 +1541,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>5.9 Use of Information or Membership list
@ -1639,15 +1568,13 @@ export default function Section1() {
<div className="row">
<div className="heading2">
<div className="space18" />
<div className="space18" />
<div className="space18" />
<div className="space20" />
<div className="space20" />
<h2 data-aos="fade-left" data-aos-duration={1000}>6. ARTICLE</h2>
</div>
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>6.1 Communication
</h2>
@ -1697,7 +1624,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>6.2 Website domain, Logo and Trademark
@ -1720,7 +1646,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>6.3 Events
@ -1744,16 +1669,14 @@ export default function Section1() {
<div className="row">
<div className="heading2">
<div className="space18" />
<div className="space18" />
<div className="space18" />
<div className="space20" />
<div className="space20" />
<h2 data-aos="fade-left" data-aos-duration={1000}>7. ARTICLE</h2>
</div>
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>7.1 Banking Arrangements
</h2>
@ -1774,11 +1697,7 @@ export default function Section1() {
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>The password for Banking, Electronic mail, Web site online and Social media will be authorized to a person or to the president by the board. The password can be changed, once in six months or in an emergency with written authorization of the president and Secretary.
</p>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
<li className="d-flex align-items-start mb-2" data-aos="fade-left" data-aos-duration={1000}>
@ -1841,7 +1760,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>7.2 Financial Year
@ -1865,7 +1783,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>7.3 Financial statements
@ -1902,7 +1819,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>7.4 Auditing
@ -1926,7 +1842,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>7.5 Personal Data
</h2>
@ -1945,16 +1860,14 @@ export default function Section1() {
<div className="row">
<div className="heading2">
<div className="space18" />
<div className="space18" />
<div className="space18" />
<div className="space20" />
<div className="space20" />
<h2 data-aos="fade-left" data-aos-duration={1000}>8. ARTICLE</h2>
</div>
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>8.1 Amendments to Constitution / By-laws
@ -1977,21 +1890,18 @@ export default function Section1() {
<div className="row">
<div className="heading2">
<div className="space18" />
<div className="space18" />
<div className="space18" />
<div className="space20" />
<div className="space20" />
<h2 data-aos="fade-left" data-aos-duration={1000}>9. ARTICLE</h2>
</div>
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>9.1 Dissolution
</h2>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
@ -2044,12 +1954,10 @@ export default function Section1() {
<div className="heading2">
<div className="space18" />
<div className="space18" />
<div className="space18" />
<h2 data-aos="fade-left" data-aos-duration={1000}>10 Schedule A</h2>
</div>
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>10.1 Position Description of the President
</h2>
@ -2191,13 +2099,11 @@ export default function Section1() {
<div className="heading2">
<div className="space18" />
<div className="space18" />
<div className="space18" />
<h2 data-aos="fade-left" data-aos-duration={1000}>11 Schedule B
</h2>
</div>
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>11.1 Position Description of the Treasurer
@ -2281,7 +2187,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 data-aos="fade-left" data-aos-duration={1000} className='custom-text aos-init aos-animate'>5.2 Special Meetings
@ -2313,17 +2218,14 @@ export default function Section1() {
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<p data-aos="fade-left" data-aos-duration={1000}>Accounts
</p>
<div className="space18" />
<p data-aos="fade-left" data-aos-duration={1000}>The treasurer shall cause to be kept proper accounting records with respect to all financial and other transactions of the association and particularly with respect to the following: –
</p>
<div className="space18" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
@ -2475,9 +2377,8 @@ export default function Section1() {
<div className="row">
<div className="heading2">
<div className="space18" />
<div className="space18" />
<div className="space18" />
<div className="space20" />
<div className="space20" />
<h2 data-aos="fade-left" data-aos-duration={1000}>12 Schedule C
</h2>
@ -2485,7 +2386,6 @@ export default function Section1() {
<div className="row">
<div className="col-lg-12">
<div className="mission">
<div className="space18" />
<div className="space18" />
<h2 className='custom-text aos-init aos-animate' data-aos="fade-left" data-aos-duration={1000}>12.1 Position Description of the Secretary
@ -2580,7 +2480,6 @@ export default function Section1() {
<p data-aos="fade-left" data-aos-duration={1000}>
Meetings :
</p>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="list-unstyled ps-0">
@ -2688,9 +2587,8 @@ export default function Section1() {
This Association shall be named and called ” TAMIL CULTURAL ASSOCIATION OF WATERLOO REGION ” . Abbreviation: TCAWR or TCA.
</p>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>Article 2 : <span className='colored-text'>Objective </span>
@ -2698,15 +2596,11 @@ export default function Section1() {
</h2>
</div>
<div className="space16" />
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>
The Association
</p>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="ps-3">
@ -2738,11 +2632,8 @@ export default function Section1() {
</div>
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div className="heading2">
@ -2766,9 +2657,8 @@ export default function Section1() {
</p>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div className="heading2">
@ -2784,9 +2674,8 @@ export default function Section1() {
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div className="heading2">
@ -2814,9 +2703,8 @@ export default function Section1() {
</ul>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>Article 6 : <span className='colored-text'>Voting Rights</span>
@ -2858,9 +2746,8 @@ export default function Section1() {
</ul>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div className="heading2">
@ -2874,23 +2761,14 @@ export default function Section1() {
<p data-aos="fade-left" data-aos-duration={1000}>
A permanent resident is a person who’s residence is within the Region of Waterloo, Wellington region, Brantford and surrounding area.
</p>
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={1000}>
Dual or Temporary resident is a person living in the region but also has another residence outside of Region of Waterloo and the two cities.
</p>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
@ -2961,9 +2839,8 @@ export default function Section1() {
Patron – Any distinguished person from the region shall be nominated by the Executive Committee as the patron.
</li>
</ul>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
@ -3004,9 +2881,8 @@ export default function Section1() {
</p>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
@ -3029,9 +2905,8 @@ export default function Section1() {
</p>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
@ -3065,9 +2940,8 @@ export default function Section1() {
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
@ -3083,11 +2957,8 @@ export default function Section1() {
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
@ -3140,9 +3011,8 @@ export default function Section1() {
</p>
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
@ -3160,9 +3030,8 @@ export default function Section1() {
</div>
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>
@ -3218,9 +3087,8 @@ export default function Section1() {
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>
@ -3264,9 +3132,8 @@ export default function Section1() {
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>
@ -3285,9 +3152,8 @@ export default function Section1() {
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
@ -3359,10 +3225,8 @@ export default function Section1() {
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>
@ -3381,9 +3245,8 @@ export default function Section1() {
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
@ -3435,7 +3298,6 @@ export default function Section1() {
</div>
<div className="space16" />
<div className="space16" />
<div>
<p data-aos="fade-left" data-aos-duration={1000}>
@ -3445,10 +3307,8 @@ export default function Section1() {
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>
@ -3466,7 +3326,6 @@ export default function Section1() {
</div>
<div className="space16" />
<ul data-aos="fade-left" data-aos-duration={1000} className="ps-3">
@ -3494,10 +3353,8 @@ export default function Section1() {
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>
@ -3518,10 +3375,8 @@ export default function Section1() {
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>
@ -3541,10 +3396,8 @@ export default function Section1() {
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>
@ -3570,10 +3423,8 @@ export default function Section1() {
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>
@ -3600,9 +3451,8 @@ export default function Section1() {
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>
@ -3622,9 +3472,8 @@ export default function Section1() {
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>
@ -3652,9 +3501,8 @@ export default function Section1() {
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>
@ -3672,10 +3520,8 @@ export default function Section1() {
</p>
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>
@ -3694,9 +3540,8 @@ export default function Section1() {
</div>
<div className="space16" />
<div className="space16" />
<div className="space16" />
<div className="space20" />
<div className="space20" />
<div>
<div className="heading2">
<h2 data-aos="fade-left" data-aos-duration={1000}>

4
components/about/mission/Section1.jsx
View File

@ -5,9 +5,9 @@ export default function Section1() {
<>
{/*===== HERO AREA ENDS =======*/}
{/*===== PRICING AREA STARTS =======*/}
<div className="pricing-lan-section-area sp1">
<div className="pricing-lan-section-area sp4">
<div className="container">
<div className="about6-section-area sp4">
<div className="about6-section-area">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">

2
components/businessdirectory/Section1.jsx
View File

@ -18,7 +18,7 @@ export default function Section1() {
return (
<>
<div className="blog-details-section sp1">
<div className="blog-details-section sp4">
<div className="container">
<div className="row">

38
components/community/Community.jsx
View File

@ -5,7 +5,7 @@ import Link from 'next/link'
export default function Community() {
return (
<>
<div className="vanue-section-area sp2">
<div className="vanue-section-area sp4">
<div className="container">
{/* <div className="row">
<div className="col-lg-5 m-auto">
@ -20,84 +20,84 @@ export default function Community() {
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={900}>
<div className="vanue-single-item-area">
<div className="img1 image-anime">
<img src="/assets/img/all-images/others/vanue-img1.png" alt="" />
<img src="/assets/img/community/recipe.webp" alt="" />
</div>
<div className="content-area">
<Link href="/about/association">Recipe</Link>
<Link href="/community/recipes">Recipe</Link>
<div className="space16" />
<Link href="/about/association" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
<Link href="/community/recipes" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1000}>
<div className="vanue-single-item-area">
<div className="img1 image-anime">
<img src="/assets/img/all-images/others/vanue-img2.png" alt="" />
<img src="/assets/img/community/cricket.webp" alt="" />
</div>
<div className="content-area">
<Link href="/about/mission">Cricket Club</Link>
<Link href="/community/cricket-club">Cricket Club</Link>
<div className="space16" />
<Link href="/about/mission" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
<Link href="/community/cricket-club" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1100}>
<div className="vanue-single-item-area">
<div className="img1 image-anime">
<img src="/assets/img/all-images/others/vanue-img3.png" alt="" />
<img src="/assets/img/community/badminton.webp" alt="" />
</div>
<div className="content-area">
<Link href="/about/constitution">Badminton Club</Link>
<Link href="/community/badminton-club">Badminton Club</Link>
<div className="space16" />
<Link href="/about/constitution" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
<Link href="/community/badminton-club" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1200}>
<div className="vanue-single-item-area">
<div className="img1 image-anime">
<img src="/assets/img/all-images/others/vanue-img4.png" alt="" />
<img src="/assets/img/community/business.webp" alt="" />
</div>
<div className="content-area">
<Link href="/about/committee">Business Directory</Link>
<Link href="/community/business-directory">Business Directory</Link>
<div className="space16" />
<Link href="/about/committee" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
<Link href="/community/business-directory" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1100}>
<div className="vanue-single-item-area">
<div className="img1 image-anime">
<img src="/assets/img/all-images/others/vanue-img3.png" alt="" />
<img src="/assets/img/community/school.webp" alt="" />
</div>
<div className="content-area">
<Link href="/about/constitution">Tamil School</Link>
<Link href="/community/tamil-school">Tamil School</Link>
<div className="space16" />
<Link href="/about/constitution" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
<Link href="/community/tamil-school" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1100}>
<div className="vanue-single-item-area">
<div className="img1 image-anime">
<img src="/assets/img/all-images/others/vanue-img3.png" alt="" />
<img src="/assets/img/community/fund.webp" alt="" />
</div>
<div className="content-area">
<Link href="/about/constitution">Global Relief Fund</Link>
<Link href="/community/global-relief-fund">Global Relief Fund</Link>
<div className="space16" />
<Link href="/about/constitution" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
<Link href="/community/global-relief-fund" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
</div>
</div>
</div>

20
components/events/UpcomingEventData.jsx
View File

@ -10,7 +10,7 @@ export default function UpcomingEventData() {
return (
<>
<div className="event3-section-area sp1">
<div className="event3-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-6 m-auto">
@ -35,7 +35,7 @@ export default function UpcomingEventData() {
<div className="row align-items-center">
<div className="col-lg-5">
<div className="img1">
<img src="/assets/img/all-images/event/event-img4.png" alt="" />
<img src="/assets/img/event/upcoming-event/thai-pongal.webp" alt="" />
</div>
</div>
<div className="col-lg-1" />
@ -137,7 +137,7 @@ export default function UpcomingEventData() {
</div>
<div className="col-lg-5">
<div className="img1">
<img src="/assets/img/all-images/event/event-img5.png" alt="" />
<img src="/assets/img/event/upcoming-event/agm.webp" alt="" />
</div>
</div>
</div>
@ -153,7 +153,7 @@ export default function UpcomingEventData() {
<div className="row align-items-center">
<div className="col-lg-5">
<div className="img1">
<img src="/assets/img/all-images/event/event-img6.png" alt="" />
<img src="/assets/img/event/upcoming-event/kw.webp" alt="" />
</div>
</div>
<div className="col-lg-1" />
@ -255,7 +255,7 @@ export default function UpcomingEventData() {
</div>
<div className="col-lg-5">
<div className="img1">
<img src="/assets/img/all-images/event/event-img5.png" alt="" />
<img src="/assets/img/event/upcoming-event/picnic.webp" alt="" />
</div>
</div>
</div>
@ -271,7 +271,7 @@ export default function UpcomingEventData() {
<div className="row align-items-center">
<div className="col-lg-5">
<div className="img1">
<img src="/assets/img/all-images/event/event-img6.png" alt="" />
<img src="/assets/img/event/upcoming-event/sports.webp" alt="" />
</div>
</div>
<div className="col-lg-1" />
@ -373,7 +373,7 @@ export default function UpcomingEventData() {
</div>
<div className="col-lg-5">
<div className="img1">
<img src="/assets/img/all-images/event/event-img5.png" alt="" />
<img src="/assets/img/event/upcoming-event/workshop.webp" alt="" />
</div>
</div>
</div>
@ -389,7 +389,7 @@ export default function UpcomingEventData() {
<div className="row align-items-center">
<div className="col-lg-5">
<div className="img1">
<img src="/assets/img/all-images/event/event-img6.png" alt="" />
<img src="/assets/img/event/upcoming-event/cultural.webp" alt="" />
</div>
</div>
<div className="col-lg-1" />
@ -491,7 +491,7 @@ export default function UpcomingEventData() {
</div>
<div className="col-lg-5">
<div className="img1">
<img src="/assets/img/all-images/event/event-img5.png" alt="" />
<img src="/assets/img/event/upcoming-event/deepavali.webp" alt="" />
</div>
</div>
</div>
@ -507,7 +507,7 @@ export default function UpcomingEventData() {
<div className="row align-items-center">
<div className="col-lg-5">
<div className="img1">
<img src="/assets/img/all-images/event/event-img6.png" alt="" />
<img src="/assets/img/event/upcoming-event/christmas.webp" alt="" />
</div>
</div>
<div className="col-lg-1" />

2
components/home/AboutSection.tsx
View File

@ -6,7 +6,7 @@ export default function AboutSection() {
return (
<>
<div className="about3-section-area sp1">
<div className="about3-section-area sp4">
<div className="container">
<div className="row align-items-center justify-content-between gx-5">
<div className='col-lg-10'>

2
components/home/AdSectionThree.tsx
View File

@ -5,7 +5,7 @@ export default function AdSectionThree() {
return (
<>
<div className="event6-section-area sp1-t">
<div className="event6-section-area sp4">
<div className="container">
<div className="row d-flex justify-content-between gx-5">

6
components/home/ArtsAndCultureSection.tsx
View File

@ -8,9 +8,9 @@ import 'swiper/css'
import 'swiper/css/navigation'
const cultureSlides = [
{ image: "/assets/img/home/tamil-culture/tamil-culture-1.webp", icon: "/assets/img/home/icons/music.webp", title: "Instrumental Music", description: "In South Indian or Carnatic music, the vina, a long- necked and…", slug: "instrumental-music"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-1.webp", icon: "/assets/img/home/icons/music.webp", title: "Instrumental Music", description: "In South Indian or Carnatic music, the vina, a long…", slug: "instrumental-music"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-2.webp", icon: "/assets/img/home/icons/bharatham.webp", title: "Bharatha Natyam Dance", description: "An ancient traditional art form with its origins steeped…",slug: "bharathnatyam-dance"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-3.webp", icon: "/assets/img/home/icons/vocal.webp", title: "Vocal", description: "Carnatic music is considered one of the oldest systems of music…", slug: "vocal"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-3.webp", icon: "/assets/img/home/icons/vocal.webp", title: "Vocal", description: "Carnatic music is considered one of the oldest systems…", slug: "vocal"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-4.webp", icon: "/assets/img/home/icons/jallikattu.webp", title: "Jallikattu", description: "Jallikattu (Tamil: சல்லிகட்டு, challikattu)…", slug: "jallikattu"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-5.webp", icon: "/assets/img/home/icons/entertainment.webp", title: "Entertainment-1", description: "Entertainment-1...", slug: "entertainment"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-6.webp", icon: "/assets/img/home/icons/indoor.webp", title: "Indoor game", description: "Indoor game...", slug: "indoor-game"},
@ -33,7 +33,7 @@ export default function ArtAndCultureSection() {
}, [])
return (
<div className="memory1-section-area sp1">
<div className="memory1-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12 m-auto">

2
components/home/HomeCommunitySection.tsx
View File

@ -5,7 +5,7 @@ export default function HomeCommunitySection() {
return (
<>
<div className="team10-section-area sp1">
<div className="team10-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12 m-auto">

4
components/home/HomePhotoGallerySection.tsx
View File

@ -47,7 +47,7 @@ export default function HomePhotoGallerySection() {
return (
<>
<div className="bloginner-section-area sp1">
<div className="bloginner-section-area sp3">
<div className="container">
<div className="row">
<div className="col-lg-12 m-auto">
@ -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="#" className="vl-btn3">know More</Link>
<Link href="/photo-gallery" className="vl-btn3">know More</Link>
</div>
</div>

4
components/home/HomeSlogan.tsx
View File

@ -6,7 +6,7 @@ export default function HomeSlogan() {
return (
<>
<div className="others-timer-area sp2 d-lg-block d-none">
<div className="others-timer-area sp4 d-lg-block d-none">
<div className="container">
<div className="row">
<div className="row">
@ -38,7 +38,7 @@ export default function HomeSlogan() {
<div className="col-lg-6">
<div className="about-imges">
<div className="img1 reveal image-anime">
<img src="/assets/img/home/tamil-thai-vazhthu.webp" alt="" />
<img className='tamil-img' src="/assets/img/home/tamil-thai-vazhthu.webp" alt="" />
</div>
</div>

2
components/home/HomeUpcomingEvent.tsx
View File

@ -10,7 +10,7 @@ export default function HomeUpcomingEvent() {
return (
<>
<div className="event3-section-area sp1">
<div className="event3-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12 m-auto">

2
components/home/HomeWhyChooseus.tsx
View File

@ -6,7 +6,7 @@ export default function HomeWhyChooseUs() {
return (
<>
<div className="about2-section-area others-timer-area sp1">
<div className="about2-section-area others-timer-area sp4">
<img src="/assets/img/elements/elements13.png" alt="" className="elements12" />
<div className="container">
<div className="row align-items-center">

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

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12">

2
components/online/christmas/Section2.jsx
View File

@ -5,7 +5,7 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp3">
<div className="about6-section-area">
<div className="container">
<div className="row">

2
components/online/christmas/Section3.jsx
View File

@ -12,7 +12,7 @@ export default function Section3() {
const [index, setIndex] = useState(0);
return (
<div className="about6-section-area sp15">
<div className="about6-section-area sp4">
<div className="container-fluid">
<div className="row align-items-center">
{selectedImages.map((img, i) => (

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

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12">

2
components/online/communitypicnic/Section2.jsx
View File

@ -5,7 +5,7 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp3">
<div className="about6-section-area">
<div className="container">
<div className="row">

2
components/online/communitypicnic/Section3.jsx
View File

@ -12,7 +12,7 @@ export default function Section3() {
const [index, setIndex] = useState(0);
return (
<div className="about6-section-area sp15">
<div className="about6-section-area sp4">
<div className="container-fluid">
<div className="row align-items-center">
{selectedImages.map((img, i) => (

2
components/online/kalaivizha/Section1.jsx
View File

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12">

2
components/online/kalaivizha/Section2.jsx
View File

@ -5,7 +5,7 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp3">
<div className="about6-section-area">
<div className="container">
<div className="row">

2
components/online/kalaivizha/Section3.jsx
View File

@ -12,7 +12,7 @@ export default function Section3() {
const [index, setIndex] = useState(0);
return (
<div className="about6-section-area sp15">
<div className="about6-section-area sp4">
<div className="container-fluid">
<div className="row align-items-center">
{selectedImages.map((img, i) => (

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

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12">

2
components/online/membership2024/Section2.tsx
View File

@ -5,7 +5,7 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp3">
<div className="about6-section-area">
<div className="container">
<div className="row">

2
components/online/membership2024/Section3.tsx
View File

@ -12,7 +12,7 @@ export default function Section3() {
const [index, setIndex] = useState(0);
return (
<div className="about6-section-area sp15">
<div className="about6-section-area sp4">
<div className="container-fluid">
<div className="row align-items-center">
{selectedImages.map((img, i) => (

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

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12">

2
components/online/membership2025/Section2.jsx
View File

@ -5,7 +5,7 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp3">
<div className="about6-section-area">
<div className="container">
<div className="row">

2
components/online/membership2025/Section3.jsx
View File

@ -12,7 +12,7 @@ export default function Section3() {
const [index, setIndex] = useState(0);
return (
<div className="about6-section-area sp15">
<div className="about6-section-area sp4">
<div className="container-fluid">
<div className="row align-items-center">
{selectedImages.map((img, i) => (

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

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12">

2
components/online/performance/Section2.jsx
View File

@ -5,7 +5,7 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp3">
<div className="about6-section-area">
<div className="container">
<div className="row">

2
components/online/performance/Section3.jsx
View File

@ -12,7 +12,7 @@ export default function Section3() {
const [index, setIndex] = useState(0);
return (
<div className="about6-section-area sp15">
<div className="about6-section-area sp4">
<div className="container-fluid">
<div className="row align-items-center">
{selectedImages.map((img, i) => (

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

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12">

2
components/online/registrationform/Section2.jsx
View File

@ -5,7 +5,7 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp3">
<div className="about6-section-area">
<div className="container">
<div className="row">

2
components/online/registrationform/Section3.jsx
View File

@ -12,7 +12,7 @@ export default function Section3() {
const [index, setIndex] = useState(0);
return (
<div className="about6-section-area sp15">
<div className="about6-section-area sp4">
<div className="container-fluid">
<div className="row align-items-center">
{selectedImages.map((img, i) => (

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

@ -11,7 +11,7 @@ export default function Section1() {
return (
<>
<div className="pricing-plan-section-area-data sp2">
<div className="pricing-plan-section-area-data sp4">
<div className="container">
<div className="row">
<div className="col-lg-7 m-auto">
@ -113,7 +113,7 @@ export default function Section1() {
</div>
</div>
</div>
<div className="about6-section-area sp2">
<div className="about6-section-area">
<div className="container">
<div className="row">
<div className="col-lg-6">

2
components/online/sponsor/Section2.jsx
View File

@ -4,7 +4,7 @@ import Link from 'next/link'
export default function Section2() {
return (
<>
<div className="about6-section-area sp3">
<div className="about6-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-6">

2
components/online/sponsor/Section3.jsx
View File

@ -4,7 +4,7 @@ import Link from 'next/link'
export default function Section3() {
return (
<>
<div className="about6-section-area sp3">
<div className="about6-section-area">
<div className="container">
<div className="row">
<div className="col-lg-6">

2
components/online/sponsor/Section4.jsx
View File

@ -12,7 +12,7 @@ export default function Section4() {
const [index, setIndex] = useState(0);
return (
<div className="about6-section-area sp15">
<div className="about6-section-area sp4">
<div className="container-fluid">
<div className="row align-items-center">
{selectedImages.map((img, i) => (

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

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12">

2
components/online/sportsday/Section2.jsx
View File

@ -5,7 +5,7 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp3">
<div className="about6-section-area">
<div className="container">
<div className="row">

2
components/online/sportsday/Section3.jsx
View File

@ -12,7 +12,7 @@ export default function Section3() {
const [index, setIndex] = useState(0);
return (
<div className="about6-section-area sp15">
<div className="about6-section-area sp4">
<div className="container-fluid">
<div className="row align-items-center">
{selectedImages.map((img, i) => (

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

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12">

2
components/online/tamilnewyear/Section2.jsx
View File

@ -5,7 +5,7 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp3">
<div className="about6-section-area">
<div className="container">
<div className="row">

2
components/online/tamilnewyear/Section3.jsx
View File

@ -12,7 +12,7 @@ export default function Section3() {
const [index, setIndex] = useState(0);
return (
<div className="about6-section-area sp15">
<div className="about6-section-area sp4">
<div className="container-fluid">
<div className="row align-items-center">
{selectedImages.map((img, i) => (

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

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12">

2
components/online/thaipongal2025/Section2.jsx
View File

@ -5,7 +5,7 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp3">
<div className="about6-section-area">
<div className="container">
<div className="row">

2
components/online/thaipongal2025/Section3.jsx
View File

@ -12,7 +12,7 @@ export default function Section3() {
const [index, setIndex] = useState(0);
return (
<div className="about6-section-area sp15">
<div className="about6-section-area sp4">
<div className="container-fluid">
<div className="row align-items-center">
{selectedImages.map((img, i) => (

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

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-12">

2
components/online/volunteer/Section2.jsx
View File

@ -5,7 +5,7 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp3">
<div className="about6-section-area">
<div className="container">
<div className="row">

2
components/online/volunteer/Section3.jsx
View File

@ -12,7 +12,7 @@ export default function Section4() {
const [index, setIndex] = useState(0);
return (
<div className="about6-section-area sp15">
<div className="about6-section-area sp4">
<div className="container-fluid">
<div className="row align-items-center">
{selectedImages.map((img, i) => (

2
components/tamilculture/HinduWedding/Section1.tsx
View File

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">

2
components/tamilculture/HinduWedding/Section2.tsx
View File

@ -5,7 +5,7 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp10">
<div className="about6-section-area">
<div className="container">
<div className="row align-items-center">
{/* TEXT - NOW ON THE LEFT */}

3
components/tamilculture/HinduWedding/Section3.tsx
View File

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="event-team-area sp10">
<div className="event-team-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-6 m-auto">
@ -310,7 +310,6 @@ export default function Section1() {
</div>
</div>
</div>
<div className="space48" />
</div>
</div>
</div>

2
components/tamilculture/bridal-makeup/Section1.jsx
View File

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">

2
components/tamilculture/bridal-makeup/Section2.jsx
View File

@ -5,7 +5,7 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp10">
<div className="about6-section-area sp3">
<div className="container">
<div className="row align-items-center">
{/* TEXT - NOW ON THE LEFT */}

2
components/tamilculture/catholic-wedding/Section1.jsx
View File

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">

2
components/tamilculture/city-style/Section1.jsx
View File

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">

2
components/tamilculture/city-style/Section2.jsx
View File

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="event-team-area sp10">
<div className="event-team-area sp3">
<div className="container">
<div className="row">
<div className="col-lg-6 m-auto">

2
components/tamilculture/culturehome/Section2.jsx
View File

@ -4,7 +4,7 @@ import Link from 'next/link'
export default function Section2() {
return (
<>
<div className="vanue-section-area sp10">
<div className="vanue-section-area sp3">
<div className="container">
<div className="row">
<div className="col-lg-8 m-auto">

2
components/tamilculture/culturehome/TamilCultureSection.jsx
View File

@ -5,7 +5,7 @@ export default function TamilCultureSection() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">

2
components/tamilculture/protestant-wedding/Section1.tsx
View File

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">

2
components/tamilculture/story-of-saree/Section1.jsx
View File

@ -5,7 +5,7 @@ export default function Section1() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">

60
components/tamilculture/story-of-saree/Section2.jsx
View File

@ -5,10 +5,10 @@ export default function Section2() {
return (
<>
<div className="about6-section-area sp2">
<div className="about6-section-area sp3">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-12">
<div className="col-lg-6">
<div className="about6-header heading9">
<h2 className="text-anime-style-3">One Saree, Many Incarnations</h2>
<div className="space16" />
@ -16,7 +16,60 @@ export default function Section2() {
<div className="space16" />
<p data-aos="fade-left" data-aos-duration={700}>Generally the climate of Indian subcontinent is warm and humid. Saree and its male counterpart dhoti was most suited for this land. Earlier there was hardly any difference between Saree and dhoti because men also liked to flaunt colorful Sarees with brocaded borders (see: Sarees for Men!). They could perhaps be interchanged in needy times. Only the upper portion of the Saree-length which covers the chest, left shoulder and at times head, is missing in Saree for men.
Styles in wearing Saree vary from region to region. Gujarat style and Bengali style are different. So are Mangalorean, Kannadiga, Kodava, Tamilian, Malayali, etc. The Saree is worn in at least 10 to 15 styles throughout the India, though the ways of wearing above used to be common. In Maharashtra and North Karnataka region, wearing a nine yard Saree (without a petticoat — long underskirt –which was superfluous) was in vogue till 20th century. My mother who was a good swimmer, used to wear a nine yard Saree tightly and swam in river Kali or Arabian sea along with my father. Wearing swimming costume could just not be dreamt of. But the versatile Saree was good enough to move through the waves.</p>
<div className="space16" />
</div>
</div>
<div className="col-lg-6">
<div className="about6-header heading9">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img14.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img15.png" alt="" />
</div>
<div className="img1 reveal image-anime">
<div className="space30" />
<img src="/assets/img/all-images/about/about-img16.png" alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="about6-header heading9">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img14.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img15.png" alt="" />
</div>
<div className="img1 reveal image-anime">
<div className="space30" />
<img src="/assets/img/all-images/about/about-img16.png" alt="" />
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6">
<div className="about6-header heading9">
<p data-aos="fade-left" data-aos-duration={800}>Some people think that Indian Saree is influenced by Greek or Roman toga which we see on ancient statues. This is not correct. Saree is essentially Indian and designed to suit local conditions. Cotton was cultivated in India centuries before Alexander the Great landed on the borders of India and Indian cloth (chira or Saree) was a wonder to Greek eyes. In fact, Herodotus and other ancient western historians thought there were cloth-growing trees in India!
Raja Raviverma, the distinguished painter of 19th century, toured the entire sub-continent in search of the ideal female-wear. He wanted the best dress for the various goddesses he was asked and commissioned to paint. He selected the a yard Saree which drapes the body beautifully at the same time exhibiting contours of female anatomy–bust, waist, hips. Most of the female deities he painted are in this style.</p>
<div className="space16" />
@ -32,6 +85,7 @@ export default function Section2() {
</div>
</>
)
}

2
components/tamilculture/tamil-festivals/Section1.jsx
View File

@ -5,7 +5,7 @@ import Link from 'next/link'
export default function Section1() {
return (
<>
<div className="vanue-section-area sp2">
<div className="vanue-section-area sp4">
<div className="container">
{/* <div className="row">
<div className="col-lg-5 m-auto">

45
components/tamilculture/tamil-festivals/christian-festivals/Section1.jsx
View File

@ -9,19 +9,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img2">
<img src="/assets/img/all-images/others/image.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -49,19 +38,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img2">
<img src="/assets/img/all-images/testimonials/image.png" alt="" />
</div>
</div>
</div>
@ -71,19 +49,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img2">
<img src="/assets/img/all-images/others/image.png" alt="" />
</div>
</div>
<div className="col-lg-6">

Some files were not shown because too many files have changed in this diff Show More