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

Compare commits

base: MetatroncubeSoftwareSolutions:fafe45255a8d34652136d28f90f7cab6a0c403e8
Branches Tags
MetatroncubeSoftwareSolutions:main
MetatroncubeSoftwareSolutions:team
MetatroncubeSoftwareSolutions:demo
..
compare: MetatroncubeSoftwareSolutions:3b0b2bec7cc569430977fe23a8fd98d37389d0c6
Branches Tags
MetatroncubeSoftwareSolutions:main
MetatroncubeSoftwareSolutions:team
MetatroncubeSoftwareSolutions:demo

No commits in common. "fafe45255a8d34652136d28f90f7cab6a0c403e8" and "3b0b2bec7cc569430977fe23a8fd98d37389d0c6" have entirely different histories.
fafe45255a ... 3b0b2bec7c

6 changed files with 108 additions and 137 deletions
Show Stats Expand all files Collapse all files

48
components/businessdirectory/Section1.jsx
View File

@ -6,8 +6,6 @@ export default function Section1() {
const categories = Object.keys(directoryData); const categories = Object.keys(directoryData);
const [selectedCategory, setSelectedCategory] = useState(categories[0]); const [selectedCategory, setSelectedCategory] = useState(categories[0]);
const [isSidebarOpen, setIsSidebarOpen] = useState(false);
const tableHeaders = [ const tableHeaders = [
"Services", "Services",
"Name", "Name",
@ -28,36 +26,24 @@ export default function Section1() {
<div className="space30 d-lg-none d-block" /> <div className="space30 d-lg-none d-block" />
<div className="blog-auhtor-details"> <div className="blog-auhtor-details">
<div className="blog-categories"> <div className="blog-categories">
<h3 <h3 className="mb-3">Business Directory</h3>
className="mb-3 d-flex justify-content-between align-items-center"
style={{ cursor: 'pointer' }}
onClick={() => setIsSidebarOpen(!isSidebarOpen)}
>
Business Directory
<i className={`fa-solid d-lg-none ${isSidebarOpen ? 'fa-angle-up' : 'fa-angle-down'}`} />
</h3>
<div className="space12" /> <div className="space12" />
<div className={`sidebar-menu-list ${isSidebarOpen ? 'd-block' : 'd-none d-lg-block'}`}> <ul className="list-unstyled">
<ul className="list-unstyled"> {categories.map((cat) => (
{categories.map((cat) => ( <li key={cat} className="mb-2">
<li key={cat} className="mb-2"> <button
<button className={`category-btn w-100 text-start ${selectedCategory === cat
className={`category-btn w-100 text-start ${selectedCategory === cat ? "active"
? "active" : "bg-white text-dark"
: "bg-white text-dark" }`}
}`} onClick={() => setSelectedCategory(cat)}
onClick={() => { >
setSelectedCategory(cat); <span>{cat}</span>
setIsSidebarOpen(false); // Close sidebar on mobile after selection <i className="fa-solid fa-angle-right" />
}} </button>
> </li>
<span>{cat}</span> ))}
<i className="fa-solid fa-angle-right" /> </ul>
</button>
</li>
))}
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>

7
components/events/PhotoGallerySection.jsx
View File

@ -92,12 +92,7 @@ export default function PhotoGallerySection() {
<div className="col-lg-4 col-md-6 mb-4" key={idx}> <div className="col-lg-4 col-md-6 mb-4" key={idx}>
<div className="memory3-boxarea"> <div className="memory3-boxarea">
<div className="img1"> <div className="img1">
<Link href={`/photo-gallery/single-gallery?id=${event.id}`}> <img src={event.eventimageurl} alt={event.eventtitle} />
<img
src={event.eventimageurl}
alt={event.eventtitle}
/>
</Link>
</div> </div>
<div className="content-area"> <div className="content-area">
<p>{event.eventdate}</p> <p>{event.eventdate}</p>

146
components/home/HeroBanner.tsx
View File

@ -29,41 +29,41 @@ export default function HomeHeroBanner() {
// buttonLink: "/upcoming-event/tamil-cultural-nite-2025", // buttonLink: "/upcoming-event/tamil-cultural-nite-2025",
}, },
{ {
title: 'KALAI VIZHA 2026', title: 'Tamil Cultural Nite 2025',
date: 'SERVING', date: 'SERVING',
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989', location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/hero-banner-3.webp', bgImage: '/assets/img/home/banner/hero-banner-3.webp',
image: '/assets/img/all-images/hero/hero-img12.png', image: '/assets/img/all-images/hero/hero-img12.png',
buttonText: "Know More", buttonText: "Book Now",
buttonLink: "/upcoming-event/kalai-vizha-2026", buttonLink: "/upcoming-event/tamil-cultural-nite-2025",
}, },
{ {
title: "KALAI VIZHA 2026", title: "Tamil Cultural Nite 2025",
date: 'SERVING', date: 'SERVING',
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989', location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/hero-banner-1.webp', bgImage: '/assets/img/home/banner/hero-banner-1.webp',
image: '/assets/img/all-images/hero/hero-img12.png', image: '/assets/img/all-images/hero/hero-img12.png',
buttonText: "Know More", buttonText: "Book Now",
buttonLink: "/upcoming-event/kalai-vizha-2026", buttonLink: "/upcoming-event/tamil-cultural-nite-2025",
}, },
{ {
title: "KALAI VIZHA 2026", title: "Tamil Cultural Nite 2025",
date: 'SERVING', date: 'SERVING',
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989', location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/hero-banner-2.webp', bgImage: '/assets/img/home/banner/hero-banner-2.webp',
image: '/assets/img/all-images/hero/hero-img12.png', image: '/assets/img/all-images/hero/hero-img12.png',
buttonText: "Know More", buttonText: "Book Now",
buttonLink: "/upcoming-event/kalai-vizha-2026", buttonLink: "/upcoming-event/tamil-cultural-nite-2025",
}, },
{ {
title: 'KALAI VIZHA 2026', title: 'Tamil Cultural Nite 2025',
date: 'SERVING', date: 'SERVING',
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989', location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/hero-banner-5.webp', bgImage: '/assets/img/home/banner/hero-banner-5.webp',
image: '/assets/img/all-images/hero/hero-img12.png', image: '/assets/img/all-images/hero/hero-img12.png',
buttonText: "Know More", buttonText: "Book Now",
buttonLink: "/upcoming-event/kalai-vizha-2026", buttonLink: "/upcoming-event/tamil-cultural-nite-2025",
}, },
]; ];
@ -87,75 +87,75 @@ export default function HomeHeroBanner() {
} }
}` : '').join('\n')} }` : '').join('\n')}
`}} /> `}} />
<Swiper <Swiper
modules={[Autoplay, Navigation, Pagination]} modules={[Autoplay, Navigation, Pagination]}
slidesPerView={1} slidesPerView={1}
loop={true} loop={true}
autoplay={{ delay: 5000 }} autoplay={{ delay: 5000 }}
navigation navigation
// pagination={{ clickable: true }} // pagination={{ clickable: true }}
> >
{slideData.map((slide, index) => ( {slideData.map((slide, index) => (
<SwiperSlide key={index}> <SwiperSlide key={index}>
<div <div
className={"hero9-slider-area " + (slide.mobileBgImage ? "mobile-bg-slide-" + index : "")} className={"hero9-slider-area " + (slide.mobileBgImage ? "mobile-bg-slide-" + index : "")}
style={{ style={{
backgroundImage: `url(${slide.bgImage})`, backgroundImage: `url(${slide.bgImage})`,
backgroundRepeat: 'no-repeat', backgroundRepeat: 'no-repeat',
backgroundSize: 'cover', backgroundSize: 'cover',
backgroundPosition: 'center bottom', backgroundPosition: 'center bottom',
}} }}
> >
<div className={`container ${index === 0 ? 'hero-container-first' : ''}`} style={index === 0 ? { paddingTop: '180px' } : {}}> <div className={`container ${index === 0 ? 'hero-container-first' : ''}`} style={index === 0 ? { paddingTop: '180px' } : {}}>
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-lg-7"> <div className="col-lg-7">
<div className="hero8-header"> <div className="hero8-header">
{slide.title && ( {slide.title && (
<> <>
<h5> <h5>
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" />
{slide.buttonLink && slide.buttonText && ( {slide.buttonLink && slide.buttonText && (
<div className="btn-area1"> <div className="btn-area1">
<Link href={slide.buttonLink} className="vl-btn9"> <Link href={slide.buttonLink} className="vl-btn9">
<span className="demo">{slide.buttonText}</span> <span className="demo">{slide.buttonText}</span>
</Link> </Link>
</div> </div>
)} )}
</div>
</div> </div>
</div> </div>
{(slide.date || slide.location) && ( </div>
<div className="row"> {(slide.date || slide.location) && (
<div className="col-lg-12"> <div className="row">
<div className="timer-bg-area"> <div className="col-lg-12">
<div className="row d-flex justify-content-center align-items-center" > <div className="timer-bg-area">
<div className="col-lg-12 text-center d-flex justify-content-center align-items-center"> <div className="row d-flex justify-content-center align-items-center" >
<div className="heading12"> <div className="col-lg-12 text-center d-flex justify-content-center align-items-center">
{slide.date && <h3>{slide.date}</h3>} <div className="heading12">
{slide.location && ( {slide.date && <h3>{slide.date}</h3>}
<p> {slide.location && (
<img src="/assets/img/icons/location1.svg" alt="" /> <p>
{slide.location} <img src="/assets/img/icons/location1.svg" alt="" />
</p> {slide.location}
)} </p>
</div> )}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
)} </div>
</div> )}
</div> </div>
</SwiperSlide> </div>
))} </SwiperSlide>
</Swiper> ))}
</Swiper>
</> </>
); );
} }

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

@ -251,12 +251,9 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
))} ))}
</ul> </ul>
</li> </li>
{/* <li><Link href="/photo-gallery">Photos Gallery</Link></li> */} <li><Link href="/photo-gallery">Photos Gallery</Link></li>
</ul> </ul>
</li> </li>
<li>
<Link href="/photo-gallery">Photos Gallery</Link>
</li>
<li> <li>
<Link href="#">Registration <i className="fa-solid fa-angle-down" /></Link> <Link href="#">Registration <i className="fa-solid fa-angle-down" /></Link>
@ -341,7 +338,7 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
className="vl-btn9" className="vl-btn9"
style={{ style={{
fontSize: '18px', fontSize: '18px',
padding: '13px 10px', padding: '13px 13px',
display: 'inline-block', display: 'inline-block',
backgroundColor: '#ffde14', backgroundColor: '#ffde14',
color: 'black' color: 'black'

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

@ -10182,23 +10182,23 @@ 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-family: var(--grotesk) !important; font-family: var(--grotesk) !important;
font-size: 15px; font-size: var(--ztc-font-size-font-s18);
font-weight: var(--ztc-weight-medium); font-weight: var(--ztc-weight-medium);
color: #fff; color: #fff;
display: block; display: block;
transition: all 0.4s; transition: all 0.4s;
padding: 0 13px; padding: 0 20px;
} }
@media (max-width: 1200px) { @media (max-width: 1200px) {
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a { .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a {
padding: 0 5px; padding: 0 10px;
} }
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a { .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a {
padding: 0 8px; padding: 0 9px;
} }
} }
@ -10338,7 +10338,7 @@ html {
} }
.homepage1-body .header-area.homepage1 .header-elements .btn-area ul { .homepage1-body .header-area.homepage1 .header-elements .btn-area ul {
margin: 0 0 0 15px; margin: 0 0 0 20px;
} }
.homepage1-body .header-area.homepage1 .header-elements .btn-area ul li { .homepage1-body .header-area.homepage1 .header-elements .btn-area ul li {
@ -10384,13 +10384,13 @@ html {
@media (max-width: 1024px) { @media (max-width: 1024px) {
/* .homepage1-body .header-area.homepage1 .header-elements .btn-area ul { .homepage1-body .header-area.homepage1 .header-elements .btn-area ul {
display: none; display: none;
} */ }
.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: 14px; font-size: var(--ztc-font-size-font-s16);
} }
.vl-btn9 { .vl-btn9 {
@ -10402,12 +10402,6 @@ html {
} }
@media (max-width: 1399px) {
.homepage1-body .header-area.homepage1 .header-elements .btn-area ul {
display: none;
}
}
.homepage2-body, .homepage2-body,
html { html {
overflow-x: hidden !important; overflow-x: hidden !important;
@ -26321,7 +26315,7 @@ html {
color: #fff; color: #fff;
display: block; display: block;
transition: all 0.4s; transition: all 0.4s;
padding: 0px 8px; padding: 0px 10px;
} }
} }
@ -28071,17 +28065,17 @@ html {
margin-bottom: 30px; margin-bottom: 30px;
} }
/* .memory-inner-section-area .memory3-boxarea:hover .content-area { .memory-inner-section-area .memory3-boxarea:hover .content-area {
left: 0; left: 0;
transition: all 0.6s; transition: all 0.6s;
} */ }
/* .memory-inner-section-area .memory3-boxarea:hover .img1::after { .memory-inner-section-area .memory3-boxarea:hover .img1::after {
visibility: visible; visibility: visible;
opacity: 1; opacity: 1;
transition: all 0.4s; transition: all 0.4s;
transform: scale(1); transform: scale(1);
} */ }
.memory-inner-section-area .memory3-boxarea:hover .img1 img { .memory-inner-section-area .memory3-boxarea:hover .img1 img {
transform: scale(1.1) rotate(-4deg); transform: scale(1.1) rotate(-4deg);
@ -28125,7 +28119,7 @@ html {
padding: 18px 70px 18px 18px; padding: 18px 70px 18px 18px;
position: absolute; position: absolute;
bottom: 24px; bottom: 24px;
/* left: -800px; */ left: -800px;
transition: all 0.6s; transition: all 0.6s;
z-index: 1; z-index: 1;
} }
@ -28149,7 +28143,6 @@ html {
line-height: 20px; line-height: 20px;
display: inline-block; display: inline-block;
transition: all 0.4s; transition: all 0.4s;
text-decoration: underline;
} }
.memory-inner-section-area .memory3-boxarea .content-area .plus { .memory-inner-section-area .memory3-boxarea .content-area .plus {

2
utility/constant.utils.js
View File

@ -2215,7 +2215,7 @@ export const directoryData = {
{ {
services: "Carnatic Music", services: "Carnatic Music",
name: "Shyamala Ramachandran ", name: "Shyamala Ramachandran ",
phone: "519-897-6975", phone: "519-741-1418",
serviceArea: "-", serviceArea: "-",
location: "-", location: "-",
// website: "https://financepro.com" // website: "https://financepro.com"