This commit is contained in:
vidhubk 2025-08-13 18:29:01 +05:30
commit 7fc4997396
16 changed files with 957 additions and 497 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

File diff suppressed because it is too large Load Diff

View File

@ -14,37 +14,45 @@ export default function HomeHeroBanner() {
// { // {
// title: 'World Music Events 2025', // title: 'World Music Events 2025',
// date: 'SERVING', // date: 'SERVING',
// location: 'WATERLOO KITCHENER CAMBRIDGE- GUELPH BRANTFORD SINCE 1989', // location: 'WATERLOO KITCHENER CAMBRIDGE- GUELPH BRANTFORD AND SURROUNDING AREAS SINCE 1989',
// bgImage: '/assets/img/home/banner/banner-1.webp', // bgImage: '/assets/img/home/banner/banner-1.webp',
// image: '/assets/img/all-images/hero/hero-img11.png', // image: '/assets/img/all-images/hero/hero-img11.png',
// }, // },
{ {
title: "Grace moves with vibrant beat <br />Tradition meets bright bass", title: "Grace moves with vibrant<br />Tradition meets bass",
date: 'SERVING', date: 'SERVING',
location: 'WATERLOO KITCHENER CAMBRIDGE- GUELPH BRANTFORD SINCE 1989', location: 'WATERLOO KITCHENER CAMBRIDGE- GUELPH BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/banner-2.webp', bgImage: '/assets/img/home/banner/banner-2.webp',
image: '/assets/img/all-images/hero/hero-img12.png', image: '/assets/img/all-images/hero/hero-img12.png',
buttonText: "Discover Harmony",
buttonLink: "/about",
}, },
{ {
title: "Crafted with traditions hands <br />Feel the rhythm of our roots", title: "Crafted with traditions<br />Feel rhythm of roots",
date: 'SERVING', date: 'SERVING',
location: 'WATERLOO KITCHENER CAMBRIDGE- GUELPH BRANTFORD SINCE 1989', location: 'WATERLOO KITCHENER CAMBRIDGE- GUELPH BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/banner-3.webp', bgImage: '/assets/img/home/banner/banner-3.webp',
image: '/assets/img/all-images/hero/hero-img12.png', image: '/assets/img/all-images/hero/hero-img12.png',
buttonText: "Heritage Beats",
buttonLink: "/upcoming-event",
}, },
{ {
title: 'Lighting hearts across globe <br />A blend of sound and spirit', title: 'Lighting hearts across<br />A blend of spirit',
date: 'SERVING', date: 'SERVING',
location: 'WATERLOO KITCHENER CAMBRIDGE- GUELPH BRANTFORD SINCE 1989', location: 'WATERLOO KITCHENER CAMBRIDGE- GUELPH BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/banner-4.webp', bgImage: '/assets/img/home/banner/banner-4.webp',
image: '/assets/img/all-images/hero/hero-img12.png', image: '/assets/img/all-images/hero/hero-img12.png',
buttonText: "Radiant Spirit",
buttonLink: "/community",
}, },
{ {
title: ' Rooted in timeless old wisdom <br />Echoes of true legacy in drop', title: ' Rooted in timeless old <br />Echoes of legacy',
date: 'SERVING', date: 'SERVING',
location: 'WATERLOO KITCHENER CAMBRIDGE- GUELPH BRANTFORD SINCE 1989', location: 'WATERLOO KITCHENER CAMBRIDGE- GUELPH BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/banner-5.webp', bgImage: '/assets/img/home/banner/banner-5.webp',
image: '/assets/img/all-images/hero/hero-img12.png', image: '/assets/img/all-images/hero/hero-img12.png',
buttonText: "Hear Echo",
buttonLink: "/tamil-culture",
}, },
]; ];
@ -77,11 +85,11 @@ export default function HomeHeroBanner() {
Where Culture Meets the Beat Where Culture Meets the Beat
</h5> </h5>
<div className="space16" /> <div className="space16" />
<h1 className="text-anime-style-3"dangerouslySetInnerHTML={{ __html: slide.title || ''}}></h1> <h1 className="text-anime-style-3" dangerouslySetInnerHTML={{ __html: slide.title || '' }}></h1>
<div className="space32" /> <div className="space32" />
<div className="btn-area1"> <div className="btn-area1">
<Link href="/contact" className="vl-btn9"> <Link href={slide.buttonLink} className="vl-btn9">
<span className="demo">Buy Tickets Now!</span> <span className="demo">{slide.buttonText}</span>
</Link> </Link>
{/* <Link href="/event-schedule" className="vl-btn9 btn2"> {/* <Link href="/event-schedule" className="vl-btn9 btn2">
<span className="demo">Schedules</span> <span className="demo">Schedules</span>

View File

@ -309,11 +309,12 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
</div> </div>
<div className="btn-area1" style={{ marginTop: '10px' }}> <div className="btn-area1" style={{ marginTop: '10px' }}>
<Link href="/membership-benefits" className="vl-btn9"> <Link href="/membership-benefits" className="vl-btn9"
style={{ padding: '15px 15px', fontSize: '18px' }}>
<span className="demo">Membership</span> <span className="demo">Membership</span>
</Link> </Link>
</div> </div>
<div className="btn-area"> <div className="btn-area social-icons">
{/* <div className="search-icon header__search header-search-btn" onClick={handleSearch}> {/* <div className="search-icon header__search header-search-btn" onClick={handleSearch}>
<a><img src="/assets/img/icons/search1.svg" alt="" /></a> <a><img src="/assets/img/icons/search1.svg" alt="" /></a>
</div> */} </div> */}

View File

@ -1695,11 +1695,11 @@ Location:
@media (max-width: 1200px) { @media (max-width: 1200px) {
.vl-btn9 { .vl-btn9 {
font-size: var(--ztc-font-size-font-s17); font-size: var(--ztc-font-size-font-s17);
padding: 20px 26px; padding: 20px 26px;
} }
} }
.vl-btn10 { .vl-btn10 {
@ -3538,7 +3538,13 @@ Location:
z-index: 1; z-index: 1;
background-size: cover; background-size: cover;
background-position: right center; background-position: right center;
padding: 200px 0 90px;
}
@media (width: 768px) {
.inner-page-header {
padding: 160px 0 90px; padding: 160px 0 90px;
}
} }
.inner-page-header .heading1 a { .inner-page-header .heading1 a {
@ -10346,13 +10352,13 @@ html {
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a { .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a {
font-size: var(--ztc-font-size-font-s16); font-size: var(--ztc-font-size-font-s16);
} }
.vl-btn9 { .vl-btn9 {
font-size: var(--ztc-font-size-font-s16); font-size: var(--ztc-font-size-font-s16);
padding: 17px 26px; padding: 17px 26px;
} }
} }
@ -28468,3 +28474,15 @@ h2.custom-text.aos-init.aos-animate {
.fw-700{ .fw-700{
font-weight:700; font-weight:700;
} }
@media (max-width: 1920px) and (min-width: 1440px) {
.social-icons ul {
display: flex;
gap: 18px;
}
}
@media (width: 1024px) {
.hero9-slider-area .timer-bg-area {
padding: 40px 8px;
}
}