Merge branch 'team'
This commit is contained in:
Alaguraj0361
commit
9852975aed
@ -1,13 +1,18 @@
|
||||
'use client'
|
||||
import { useState } from 'react'
|
||||
import { useSearchParams } from 'next/navigation'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
import "@/node_modules/react-modal-video/css/modal-video.css"
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { recipesList } from "@/utility/constant.utils";
|
||||
import Link from "next/link"
|
||||
export default function BlogSingle() {
|
||||
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
|
||||
const searchParams = useSearchParams();
|
||||
const currentSlug = searchParams.get('slug');
|
||||
return (
|
||||
<>
|
||||
|
||||
@ -199,78 +204,37 @@ export default function BlogSingle() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={800}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img7.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Beverly</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Eventify 2024: Unlock the Future of Business</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
{recipesList
|
||||
.filter(post => post.slug !== currentSlug)
|
||||
.slice(0, 3)
|
||||
.map((post) => (
|
||||
|
||||
<div key={post.id} className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={800}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src={post.image} alt={post.title} />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />{post.date}<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />{post.user}</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href={`/community/single-recipes?slug=${post?.slug}`}> {post.title.length > 40 ? `${post.title.slice(0, 40)}...` : post?.title}</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img8.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Gisselle</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Where Vision Meetup Connect: Eventify 2024</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1200}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img9.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Mertie</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Fuel Your Business Growth at Eventify</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -282,7 +246,7 @@ export default function BlogSingle() {
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
@ -308,7 +272,7 @@ export default function BlogSingle() {
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
|
||||
@ -47,9 +47,9 @@ export default function Recipes() {
|
||||
<div className="space20" />
|
||||
<Link href={`/community/single-recipes?slug=${post?.slug}`}> {post.title.length > 40 ? `${post.title.slice(0, 40)}...` : post?.title}</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<Link href={`/community/single-recipes?slug=${post?.slug}`} className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
<Link href={`/community/single-recipes?slug=${post?.slug}`}><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -9,8 +9,8 @@ import { Suspense } from "react";
|
||||
|
||||
const Page = () => {
|
||||
// const { slug } = params;
|
||||
const searchParams = useSearchParams();
|
||||
const slug = searchParams.get('slug');
|
||||
const searchParams = useSearchParams();
|
||||
const slug = searchParams.get('slug');
|
||||
console.log("slug", slug)
|
||||
const post = recipesList.find((post) => post.slug === slug);
|
||||
const [mounted, setMounted] = useState(false);
|
||||
@ -87,31 +87,36 @@ const Page = () => {
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={800}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img7.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Beverly</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Eventify 2024: Unlock the Future of Business</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
{recipesList
|
||||
.filter(p => p.slug !== slug)
|
||||
.slice(0, 3)
|
||||
.map((relatedPost) => (
|
||||
<div key={relatedPost.id} className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={800}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src={relatedPost.image} alt={relatedPost.title} />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />{relatedPost.date}<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />{relatedPost.user}</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<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>
|
||||
<div className="arrow">
|
||||
<Link href={`/community/single-recipes?slug=${post?.slug}`}><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
))}
|
||||
{/* <div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img8.png" alt="" />
|
||||
@ -126,11 +131,11 @@ const Page = () => {
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Where Vision Meetup Connect: Eventify 2024</Link>
|
||||
<Link href="/single-recipes">Where Vision Meetup Connect: Eventify 2024</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<Link href="/single-recipes" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
<Link href="/single-recipes"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -150,15 +155,15 @@ const Page = () => {
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Fuel Your Business Growth at Eventify</Link>
|
||||
<Link href="/single-recipes">Fuel Your Business Growth at Eventify</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<Link href="/single-recipes" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
<Link href="/single-recipes"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -171,14 +176,14 @@ const Page = () => {
|
||||
}
|
||||
|
||||
const RecipePage = (() => {
|
||||
return (
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
|
||||
<Suspense fallback={<PageLoader />}>
|
||||
<Page />
|
||||
</Suspense>
|
||||
</Layout>
|
||||
)
|
||||
return (
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
|
||||
<Suspense fallback={<PageLoader />}>
|
||||
<Page />
|
||||
</Suspense>
|
||||
</Layout>
|
||||
)
|
||||
})
|
||||
|
||||
export default RecipePage;
|
||||
@ -1,107 +1,216 @@
|
||||
"use client";
|
||||
import Countdown from '@/components/elements/Countdown';
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { useState, useEffect, ChangeEvent, FormEvent } from "react";
|
||||
import ReCAPTCHA from "react-google-recaptcha";
|
||||
import axios from "axios";
|
||||
|
||||
interface FormData {
|
||||
name: string;
|
||||
phone: string;
|
||||
email: string;
|
||||
subject: string;
|
||||
message: string;
|
||||
}
|
||||
|
||||
interface FormErrors {
|
||||
name?: string;
|
||||
phone?: string;
|
||||
email?: string;
|
||||
subject?: string;
|
||||
message?: string;
|
||||
captcha?: string;
|
||||
}
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Contact() {
|
||||
const [formData, setFormData] = useState<FormData>({
|
||||
name: "",
|
||||
phone: "",
|
||||
email: "",
|
||||
subject: "",
|
||||
message: "",
|
||||
});
|
||||
|
||||
const [captchaToken, setCaptchaToken] = useState<string | null>(null);
|
||||
const [formErrors, setFormErrors] = useState<FormErrors>({});
|
||||
const [alert, setAlert] = useState<{ show: boolean; type: string; message: string }>({
|
||||
show: false,
|
||||
type: "",
|
||||
message: "",
|
||||
});
|
||||
|
||||
const handleChange = (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
|
||||
const { name, value } = e.target;
|
||||
setFormData((prev) => ({ ...prev, [name]: value }));
|
||||
};
|
||||
|
||||
const handleCaptchaChange = (token: string | null) => {
|
||||
setCaptchaToken(token);
|
||||
};
|
||||
|
||||
const handleSubmit = async (e: FormEvent) => {
|
||||
e.preventDefault();
|
||||
|
||||
const errors: FormErrors = {};
|
||||
if (!formData.name.trim()) errors.name = "Name is required.";
|
||||
if (!formData.phone.trim()) errors.phone = "Phone number is required.";
|
||||
if (!formData.email.trim()) errors.email = "Email is required.";
|
||||
if (!formData.subject.trim()) errors.subject = "Subject is required.";
|
||||
if (!formData.message.trim()) errors.message = "Message is required.";
|
||||
if (!captchaToken) errors.captcha = "Please verify the CAPTCHA.";
|
||||
|
||||
setFormErrors(errors);
|
||||
if (Object.keys(errors).length > 0) return;
|
||||
|
||||
const emailData = {
|
||||
...formData,
|
||||
message: `Subject: ${formData.subject}<br /><br />Message: ${formData.message}`,
|
||||
to: "alaguraj259@gmail.com",
|
||||
senderName: "Tamil Culture Waterloo Contact Page",
|
||||
recaptchaToken: captchaToken,
|
||||
};
|
||||
|
||||
try {
|
||||
const res = await axios.post("https://mailserver.metatronnest.com/send", emailData, {
|
||||
headers: { "Content-Type": "application/json" },
|
||||
});
|
||||
|
||||
setAlert({
|
||||
show: true,
|
||||
type: "success",
|
||||
message: res?.data?.message || "Message sent successfully!",
|
||||
});
|
||||
|
||||
setFormData({ name: "", phone: "", email: "", subject: "", message: "" });
|
||||
setCaptchaToken(null);
|
||||
setFormErrors({});
|
||||
} catch {
|
||||
setAlert({
|
||||
show: true,
|
||||
type: "danger",
|
||||
message: "Failed to send message. Please try again later.",
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
if (alert.show) {
|
||||
const timer = setTimeout(() => setAlert({ ...alert, show: false }), 5000);
|
||||
return () => clearTimeout(timer);
|
||||
}
|
||||
}, [alert.show]);
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg12.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Contact Us</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Contact Us</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg12.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Contact Us</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Contact Us</span></Link>
|
||||
<div className="space100" />
|
||||
<div className="contact-bg-section">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="contact-boxarea2" data-aos="zoom-in" data-aos-duration={900}>
|
||||
<div className="icons">
|
||||
<img src="/assets/img/icons/mail1.svg" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h5>Email</h5>
|
||||
<div className="space14" />
|
||||
<Link href="mailto:mail@tamilculturewaterloo.org">mail@tamilculturewaterloo.org</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="contact-boxarea" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="icons">
|
||||
<img src="/assets/img/icons/location1.svg" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h5>Location</h5>
|
||||
<div className="space14" />
|
||||
<Link href="#">P.O. Box No:25068, Kitchener, Ontario, N2A 4A5, Canada.</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="contact-boxarea3" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="icons">
|
||||
<img src="/assets/img/icons/phn1.svg" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h5>Call Us</h5>
|
||||
<div className="space14" />
|
||||
<Link href="tel:+11234567890">+1 123 456 7890</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
{/*===== CONTACT AREA STARTS =======*/}
|
||||
<div className="space100" />
|
||||
<div className="contact-bg-section">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="contact-boxarea2" data-aos="zoom-in" data-aos-duration={900}>
|
||||
<div className="icons">
|
||||
<img src="/assets/img/icons/mail1.svg" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h5>Email</h5>
|
||||
<div className="space14" />
|
||||
<Link href="mailto:eventify@gmail.com">mail@tamilculturewaterloo.org</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="contact-boxarea" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="icons">
|
||||
<img src="/assets/img/icons/location1.svg" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h5>Location</h5>
|
||||
<div className="space14" />
|
||||
<Link href="#">P.O. Box No:25068, Kitchener, Ontario, N2A 4A5, Canada.</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="contact-boxarea3" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="icons">
|
||||
<img src="/assets/img/icons/phn1.svg" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h5>Call Us</h5>
|
||||
<div className="space14" />
|
||||
<Link href="tel:+11234567890">+1 123 456 7890</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CONTACT AREA ENDS =======*/}
|
||||
{/*===== CONTACT AREA STARTS =======*/}
|
||||
<div className="contact-inner-section sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="contact4-boxarea">
|
||||
<h3 className="text-anime-style-3">Get In Touch Now</h3>
|
||||
<div className="space8" />
|
||||
</div>
|
||||
|
||||
<div className="contact-inner-section sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="contact4-boxarea">
|
||||
<h3 className="text-anime-style-3">Get In Touch Now</h3>
|
||||
<div className="space8" />
|
||||
<form onSubmit={handleSubmit}>
|
||||
{alert.show && (
|
||||
<div className={`alert alert-${alert.type}`}>{alert.message}</div>
|
||||
)}
|
||||
<div className="row">
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="input-area">
|
||||
<input type="text" placeholder="Name" />
|
||||
<input type="text" name="name" placeholder="Name" value={formData.name} onChange={handleChange} />
|
||||
{formErrors.name && <small className="text-danger">{formErrors.name}</small>}
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="input-area">
|
||||
<input type="text" placeholder="Phone" />
|
||||
<input type="text" name="phone" placeholder="Phone" value={formData.phone} onChange={handleChange} />
|
||||
{formErrors.phone && <small className="text-danger">{formErrors.phone}</small>}
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-6">
|
||||
<div className="input-area">
|
||||
<input type="email" placeholder="Email" />
|
||||
<input type="email" name="email" placeholder="Email" value={formData.email} onChange={handleChange} />
|
||||
{formErrors.email && <small className="text-danger">{formErrors.email}</small>}
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-6">
|
||||
<div className="input-area">
|
||||
<input type="text" placeholder="Subjects" />
|
||||
<input type="text" name="subject" placeholder="Subjects" value={formData.subject} onChange={handleChange} />
|
||||
{formErrors.subject && <small className="text-danger">{formErrors.subject}</small>}
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12">
|
||||
<div className="input-area">
|
||||
<textarea placeholder="Message" />
|
||||
<textarea name="message" placeholder="Message" value={formData.message} onChange={handleChange} />
|
||||
{formErrors.message && <small className="text-danger">{formErrors.message}</small>}
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12 mt-2">
|
||||
<ReCAPTCHA
|
||||
sitekey="6Ldtl20rAAAAAONa5g1txlhj8XqhLIX5SaKgFATk"
|
||||
onChange={handleCaptchaChange}
|
||||
/>
|
||||
{formErrors.captcha && <small className="text-danger">{formErrors.captcha}</small>}
|
||||
</div>
|
||||
<div className="col-lg-12">
|
||||
<div className="space24" />
|
||||
<div className="input-area text-end">
|
||||
@ -109,34 +218,36 @@ export default function Contact() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/contact/contact-img4.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="img1 image-anime">
|
||||
<img
|
||||
src="/assets/img/all-images/contact/contact-img4.png"
|
||||
alt=""
|
||||
style={{ border: 0, width: '100%', height: '620px' }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CONTACT AREA ENDS =======*/}
|
||||
{/*===== CONTACT AREA STARTS =======*/}
|
||||
<div className="contact2-section">
|
||||
<div className="mapouter">
|
||||
<div className="gmap_canvas">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2886.0622283957745!2d-80.39731242413884!3d43.434476063108!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882bf3cd7b1f3f11%3A0xc93e0b894c6a8b15!2sKitchener%2C%20ON%20N2A%204A5%2C%20Canada!5e0!3m2!1sen!2sin!4v1720000000000!5m2!1sen!2sin"
|
||||
style={{ border: 0, width: '100%', height: '450px' }}
|
||||
allowFullScreen
|
||||
loading="lazy"
|
||||
referrerPolicy="no-referrer-when-downgrade"
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CONTACT AREA ENDS =======*/}
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
|
||||
<div className="contact2-section">
|
||||
<div className="mapouter">
|
||||
<div className="gmap_canvas">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2886.0622283957745!2d-80.39731242413884!3d43.434476063108!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882bf3cd7b1f3f11%3A0xc93e0b894c6a8b15!2sKitchener%2C%20ON%20N2A%204A5%2C%20Canada!5e0!3m2!1sen!2sin!4v1720000000000!5m2!1sen!2sin"
|
||||
style={{ border: 0, width: '100%', height: '450px' }}
|
||||
allowFullScreen
|
||||
loading="lazy"
|
||||
referrerPolicy="no-referrer-when-downgrade"
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
85
app/food/page.tsx
Normal file
85
app/food/page.tsx
Normal file
@ -0,0 +1,85 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { recipesList } from "@/utility/constant.utils";
|
||||
import PageLoader from "@/components/common-component/PageLoader";
|
||||
import Link from "next/link"
|
||||
import { useSearchParams } from 'next/navigation';
|
||||
import { useEffect, useState } from "react";
|
||||
import { Suspense } from "react";
|
||||
|
||||
const Page = () => {
|
||||
// const { slug } = params;
|
||||
const searchParams = useSearchParams();
|
||||
const slug = searchParams.get('slug');
|
||||
console.log("slug", slug)
|
||||
const post = recipesList.find((post) => post.slug === slug);
|
||||
const [mounted, setMounted] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
setMounted(true);
|
||||
}, []);
|
||||
|
||||
if (!post) {
|
||||
return <p>post not found!</p>;
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../../assets/img/bg/header-bg13.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>{post?.title}</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>{post?.title}</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/*===== BLOG AREA STARTS =======*/}
|
||||
<div className="blog-details-section sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="blog-deatils-content heading2">
|
||||
<div className="img1">
|
||||
<img src={post?.image} alt="Food" />
|
||||
</div>
|
||||
<div className="space32" />
|
||||
|
||||
{mounted && <div dangerouslySetInnerHTML={{ __html: post?.description || "" }} />}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== BLOG AREA ENDS =======*/}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
const Food = (() => {
|
||||
return (
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
|
||||
<Suspense fallback={<PageLoader />}>
|
||||
<Page />
|
||||
</Suspense>
|
||||
</Layout>
|
||||
)
|
||||
})
|
||||
|
||||
export default Food;
|
||||
85
app/heritage-language/page.tsx
Normal file
85
app/heritage-language/page.tsx
Normal file
@ -0,0 +1,85 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { heritageLanguage } from "@/utility/constant.utils";
|
||||
import PageLoader from "@/components/common-component/PageLoader";
|
||||
import Link from "next/link"
|
||||
import { useSearchParams } from 'next/navigation';
|
||||
import { useEffect, useState } from "react";
|
||||
import { Suspense } from "react";
|
||||
|
||||
const Page = () => {
|
||||
// const { slug } = params;
|
||||
const searchParams = useSearchParams();
|
||||
const slug = searchParams.get('slug');
|
||||
console.log("slug", slug)
|
||||
const post = heritageLanguage.find((post) => post.slug === slug);
|
||||
const [mounted, setMounted] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
setMounted(true);
|
||||
}, []);
|
||||
|
||||
if (!post) {
|
||||
return <p>post not found!</p>;
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../../assets/img/bg/header-bg13.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>{post?.title}</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>{post?.title}</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/*===== BLOG AREA STARTS =======*/}
|
||||
<div className="blog-details-section sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="blog-deatils-content heading2">
|
||||
<div className="img1">
|
||||
<img src={post?.image} alt="Heritage and Language" />
|
||||
</div>
|
||||
<div className="space32" />
|
||||
|
||||
{mounted && <div dangerouslySetInnerHTML={{ __html: post?.description || "" }} />}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== BLOG AREA ENDS =======*/}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
const HeritageLanguage = (() => {
|
||||
return (
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
|
||||
<Suspense fallback={<PageLoader />}>
|
||||
<Page />
|
||||
</Suspense>
|
||||
</Layout>
|
||||
)
|
||||
})
|
||||
|
||||
export default HeritageLanguage;
|
||||
@ -26,6 +26,8 @@ import HomeUpcomingEvent from "@/components/home/HomeUpcomingEvent"
|
||||
import HomeWhyChooseUs from "@/components/home/HomeWhyChooseus"
|
||||
import HomePhotoGallerySection from "@/components/home/HomePhotoGallerySection"
|
||||
import AdSectionFive from "@/components/home/AdSectionFive"
|
||||
import HeritageLanguage from "@/components/heritage-language/heritage-language"
|
||||
import Food from "@/components/community/food/food"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
@ -36,6 +38,8 @@ export default function Home() {
|
||||
<AboutSection />
|
||||
<AdSectionOne />
|
||||
<ArtAndCultureSection />
|
||||
{/* <HeritageLanguage /> */}
|
||||
{/* <Food /> */}
|
||||
<HomeSlogan />
|
||||
|
||||
<HomeCommunitySection />
|
||||
|
||||
@ -89,7 +89,7 @@ export default function PricingPlan() {
|
||||
</ul>
|
||||
<div className="space28" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/contact " className="vl-btn1">buy a ticket</Link>
|
||||
<Link href="/contact" className="vl-btn1">buy a ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
108
components/community/food/food.tsx
Normal file
108
components/community/food/food.tsx
Normal file
@ -0,0 +1,108 @@
|
||||
'use client'
|
||||
|
||||
import Link from 'next/link'
|
||||
import { useRef, useEffect } from 'react'
|
||||
import { Autoplay, Navigation } from 'swiper/modules'
|
||||
import { Swiper, SwiperSlide } from 'swiper/react'
|
||||
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: "South Indian Food", description: "The Tamils are an ancient people. Their history had its beginnings...", slug: "south-indian-food"},
|
||||
{ image: "/assets/img/home/tamil-culture/tamil-culture-2.webp", icon: "/assets/img/home/icons/bharatham.webp", title: "Sri Lankan", description: "The Tamil script, like the other Brahmic scripts, is thought to…",slug: "sri-lankan"},
|
||||
{ image: "/assets/img/home/tamil-culture/tamil-culture-4.webp", icon: "/assets/img/home/icons/jallikattu.webp", title: "Traditional Tamil", description: "The Tamils are an ancient people. Their history had its beginnings…", slug: "traditional-tamil"},
|
||||
{ image: "/assets/img/home/tamil-culture/tamil-culture-2.webp", icon: "/assets/img/home/icons/bharatham.webp", title: "Sri Lankan Curry", description: "The Tamil script, like the other Brahmic scripts, is thought to…",slug: "sri-lankan-curry"},
|
||||
{ image: "/assets/img/home/tamil-culture/tamil-culture-4.webp", icon: "/assets/img/home/icons/jallikattu.webp", title: "Canadian", description: "The Tamils are an ancient people. Their history had its beginnings…", slug: "canadian"},
|
||||
]
|
||||
|
||||
export default function Food() {
|
||||
const prevRef = useRef<HTMLButtonElement | null>(null)
|
||||
const nextRef = useRef<HTMLButtonElement | null>(null)
|
||||
const swiperRef = useRef<any>(null)
|
||||
|
||||
useEffect(() => {
|
||||
if (swiperRef.current && swiperRef.current.params) {
|
||||
swiperRef.current.params.navigation.prevEl = prevRef.current
|
||||
swiperRef.current.params.navigation.nextEl = nextRef.current
|
||||
swiperRef.current.navigation.destroy()
|
||||
swiperRef.current.navigation.init()
|
||||
swiperRef.current.navigation.update()
|
||||
}
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<div className="memory1-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="memory-header heading2 space-margin60">
|
||||
<h2 className="text-anime-style-3">Food</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row gx-5">
|
||||
<div className='col-lg-10'>
|
||||
<div className="col-lg-12 memory-slider-area">
|
||||
<Swiper
|
||||
modules={[Autoplay, Navigation]}
|
||||
slidesPerView={3}
|
||||
spaceBetween={30}
|
||||
autoplay={{ delay: 2500, disableOnInteraction: false }}
|
||||
loop={true}
|
||||
navigation={{ prevEl: prevRef.current, nextEl: nextRef.current }}
|
||||
onSwiper={(swiper) => {
|
||||
swiperRef.current = swiper
|
||||
}}
|
||||
breakpoints={{
|
||||
320: { slidesPerView: 1, spaceBetween: 30 },
|
||||
575: { slidesPerView: 2, spaceBetween: 30 },
|
||||
767: { slidesPerView: 2, spaceBetween: 30 },
|
||||
991: { slidesPerView: 2, spaceBetween: 30 },
|
||||
1199: { slidesPerView: 3, spaceBetween: 30 },
|
||||
1350: { slidesPerView: 3, spaceBetween: 30 },
|
||||
}}
|
||||
className="owl-carousel"
|
||||
>
|
||||
{cultureSlides.map((slide, idx) => (
|
||||
<SwiperSlide className="memory-boxarea" key={idx}>
|
||||
<div className="img1 image-anime">
|
||||
<img src={slide.image} alt={slide.title} />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<img src={slide.icon} alt={`${slide.title} Icon`} className="logo1 keyframe5" />
|
||||
<div className="arrow">
|
||||
<Link href={slide.slug}><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
<div className="space18" />
|
||||
<p>{slide.title}</p>
|
||||
<div className="space12" />
|
||||
<Link href={`/food?slug=${slide.slug}`}>{slide.description}</Link>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
|
||||
<div className="owl-nav" style={{ position: "absolute", top: "-80px", right: "90px" }}>
|
||||
<button ref={prevRef} type="button" role="presentation" className="owl-prev h1p" aria-label="Previous Slide">
|
||||
<i className="fa-solid fa-angle-left" />
|
||||
</button>
|
||||
<button ref={nextRef} type="button" role="presentation" className="owl-next h1n" aria-label="Next Slide">
|
||||
<i className="fa-solid fa-angle-right" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='col-lg-2'>
|
||||
<div className="memory-boxarea pl-3">
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="Festival Poster" style={{ height: "500px", width: "100%" }} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -77,7 +77,7 @@ export default function UpcomingEventData() {
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
<Link href="/#" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -130,7 +130,7 @@ export default function UpcomingEventData() {
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
<Link href="/#" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
@ -195,7 +195,7 @@ export default function UpcomingEventData() {
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
<Link href="/#" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -248,7 +248,7 @@ export default function UpcomingEventData() {
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Registration required</span></Link>
|
||||
<Link href="/#" className="vl-btn3"><span className="demo">Registration required</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
@ -313,7 +313,7 @@ export default function UpcomingEventData() {
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Registration required</span></Link>
|
||||
<Link href="/#" className="vl-btn3"><span className="demo">Registration required</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -366,7 +366,7 @@ export default function UpcomingEventData() {
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
<Link href="/#" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
@ -431,7 +431,7 @@ export default function UpcomingEventData() {
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
<Link href="/#" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -484,7 +484,7 @@ export default function UpcomingEventData() {
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
<Link href="/#" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
@ -549,7 +549,7 @@ export default function UpcomingEventData() {
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
<Link href="/#" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
106
components/heritage-language/heritage-language.tsx
Normal file
106
components/heritage-language/heritage-language.tsx
Normal file
@ -0,0 +1,106 @@
|
||||
'use client'
|
||||
|
||||
import Link from 'next/link'
|
||||
import { useRef, useEffect } from 'react'
|
||||
import { Autoplay, Navigation } from 'swiper/modules'
|
||||
import { Swiper, SwiperSlide } from 'swiper/react'
|
||||
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: "History of Tamil", description: "The Tamils are an ancient people. Their history had its beginnings...", slug: "history-of-tamil"},
|
||||
{ image: "/assets/img/home/tamil-culture/tamil-culture-2.webp", icon: "/assets/img/home/icons/bharatham.webp", title: "Tamil Writing", description: "The Tamil script, like the other Brahmic scripts, is thought to…",slug: "tamil-writing"},
|
||||
{ image: "/assets/img/home/tamil-culture/tamil-culture-4.webp", icon: "/assets/img/home/icons/jallikattu.webp", title: "Ancient Tamil", description: "The Tamils are an ancient people. Their history had its beginnings…", slug: "ancient-tamil"},
|
||||
]
|
||||
|
||||
export default function HeritageLanguage() {
|
||||
const prevRef = useRef<HTMLButtonElement | null>(null)
|
||||
const nextRef = useRef<HTMLButtonElement | null>(null)
|
||||
const swiperRef = useRef<any>(null)
|
||||
|
||||
useEffect(() => {
|
||||
if (swiperRef.current && swiperRef.current.params) {
|
||||
swiperRef.current.params.navigation.prevEl = prevRef.current
|
||||
swiperRef.current.params.navigation.nextEl = nextRef.current
|
||||
swiperRef.current.navigation.destroy()
|
||||
swiperRef.current.navigation.init()
|
||||
swiperRef.current.navigation.update()
|
||||
}
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<div className="memory1-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="memory-header heading2 space-margin60">
|
||||
<h2 className="text-anime-style-3">Heritage and Language</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row gx-5">
|
||||
<div className='col-lg-10'>
|
||||
<div className="col-lg-12 memory-slider-area">
|
||||
<Swiper
|
||||
modules={[Autoplay, Navigation]}
|
||||
slidesPerView={3}
|
||||
spaceBetween={30}
|
||||
autoplay={{ delay: 2500, disableOnInteraction: false }}
|
||||
loop={true}
|
||||
navigation={{ prevEl: prevRef.current, nextEl: nextRef.current }}
|
||||
onSwiper={(swiper) => {
|
||||
swiperRef.current = swiper
|
||||
}}
|
||||
breakpoints={{
|
||||
320: { slidesPerView: 1, spaceBetween: 30 },
|
||||
575: { slidesPerView: 2, spaceBetween: 30 },
|
||||
767: { slidesPerView: 2, spaceBetween: 30 },
|
||||
991: { slidesPerView: 2, spaceBetween: 30 },
|
||||
1199: { slidesPerView: 3, spaceBetween: 30 },
|
||||
1350: { slidesPerView: 3, spaceBetween: 30 },
|
||||
}}
|
||||
className="owl-carousel"
|
||||
>
|
||||
{cultureSlides.map((slide, idx) => (
|
||||
<SwiperSlide className="memory-boxarea" key={idx}>
|
||||
<div className="img1 image-anime">
|
||||
<img src={slide.image} alt={slide.title} />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<img src={slide.icon} alt={`${slide.title} Icon`} className="logo1 keyframe5" />
|
||||
<div className="arrow">
|
||||
<Link href={slide.slug}><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
<div className="space18" />
|
||||
<p>{slide.title}</p>
|
||||
<div className="space12" />
|
||||
<Link href={`/heritage-language?slug=${slide.slug}`}>{slide.description}</Link>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
|
||||
<div className="owl-nav" style={{ position: "absolute", top: "-80px", right: "90px" }}>
|
||||
<button ref={prevRef} type="button" role="presentation" className="owl-prev h1p" aria-label="Previous Slide">
|
||||
<i className="fa-solid fa-angle-left" />
|
||||
</button>
|
||||
<button ref={nextRef} type="button" role="presentation" className="owl-next h1n" aria-label="Next Slide">
|
||||
<i className="fa-solid fa-angle-right" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='col-lg-2'>
|
||||
<div className="memory-boxarea pl-3">
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="Festival Poster" style={{ height: "500px", width: "100%" }} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -76,7 +76,7 @@ export default function AboutSection() {
|
||||
</div> */}
|
||||
<div className="space32" />
|
||||
<div className="btn-area1" data-aos="fade-left" data-aos-duration={1200}>
|
||||
<Link href="#" className="vl-btn3">know More</Link>
|
||||
<Link href="/about/" className="vl-btn3">know More</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -46,7 +46,7 @@ export default function AdSectionFive() {
|
||||
<div className="memory-boxarea pl-3">
|
||||
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" style={{height:"270px", width:"100%"}}/>
|
||||
<img src="/assets/img/home/ad-banner/ad.webp" alt="" style={{height:"270px", width:"100%"}}/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -46,7 +46,7 @@ export default function AdSectionOne() {
|
||||
<div className="memory-boxarea pl-3">
|
||||
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" style={{height:"270px", width:"100%"}}/>
|
||||
<img src="/assets/img/home/ad-banner/ad.webp" alt="" style={{height:"270px", width:"100%"}}/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -46,7 +46,7 @@ export default function AdSectionThree() {
|
||||
<div className="memory-boxarea pl-3">
|
||||
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" style={{ height: "270px", width: "100%" }} />
|
||||
<img src="/assets/img/home/ad-banner/ad.webp" alt="" style={{ height: "270px", width: "100%" }} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -99,7 +99,7 @@ export default function ArtAndCultureSection() {
|
||||
<div className='col-lg-2'>
|
||||
<div className="memory-boxarea pl-3">
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="Festival Poster" style={{ height: "500px", width: "100%" }} />
|
||||
<img src="/assets/img/home/ad-banner/ad.webp" alt="Festival Poster" style={{ height: "500px", width: "100%" }} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -9,12 +9,19 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
@ -37,17 +44,24 @@ export default function Section1() {
|
||||
<h2 className="text-anime-style-3 heading-center">Easter</h2>
|
||||
<div className="space16" />
|
||||
<p data-aos="fade-left" data-aos-duration={600}>Easter, also called Pascha or Resurrection Sunday, is a Christian festival and cultural holiday commemorating the resurrection of Jesus from the dead, described in the New Testament as having occurred on the third day of his burial following his crucifixion by the Romans at Calvary. It is the culmination of the Passion of Jesus Christ, preceded by Lent (or Great Lent), a 40-day period of fasting, prayer, and penance.</p>
|
||||
<div className="space16" />
|
||||
<div className="space16" />
|
||||
<p data-aos="fade-left" data-aos-duration={700}>Easter-observing Christians commonly refer to the week before Easter as Holy Week, which begins on Palm Sunday (marking the entrance of Jesus in Jerusalem), includes Spy Wednesday (on which the betrayal of Jesus is mourned), and contains the days of the Easter Triduum including Maundy Thursday, commemorating the Maundy and Last Supper, as well as Good Friday, commemorating the crucifixion and death of Jesus.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@ -57,12 +71,19 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
@ -72,7 +93,7 @@ export default function Section1() {
|
||||
<h2 className="text-anime-style-3 heading-center">Christmas</h2>
|
||||
<div className="space16" />
|
||||
<p data-aos="fade-left" data-aos-duration={600}>Christmas is an annual festival commemorating the birth of Jesus Christ, observed primarily on December 25 as a religious and cultural celebration among billions of people around the world. A feast central to the liturgical year in Christianity, it follows the season of Advent (which begins four Sundays before) or the Nativity Fast, and initiates the season of Christmastide, which historically in the West lasts twelve days and culminates on Twelfth Night. Christmas Day is a public holiday in many countries, is celebrated religiously by a majority of Christians, as well as culturally by many non-Christians, and forms an integral part of the holiday season surrounding it.</p>
|
||||
<div className="space16" />
|
||||
<div className="space16" />
|
||||
<p data-aos="fade-left" data-aos-duration={700}>In India and SriLanka its celebrated with bursting of fireworks at homes, where sweets and savories are made along with cake and wine. Christians attend mass and its followed by children sharing their home made goodies with the neighbors and getting the blessings of the elders. Festive lunch is what everyone looks forward to and it brings all the extended families together to celebrate that day. Fireworks plays a major role in the celebrations.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -9,11 +9,19 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
@ -40,12 +48,19 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@ -55,9 +70,18 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -86,9 +110,18 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -99,9 +132,18 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -132,9 +174,18 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -145,9 +196,18 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -176,10 +236,18 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -190,9 +258,18 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -223,9 +300,18 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -235,10 +321,19 @@ export default function Section1() {
|
||||
<div className="about6-section-area sp4 about6-bg">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -267,9 +362,18 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
|
||||
@ -8,9 +8,18 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -42,9 +51,18 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -55,9 +73,18 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -82,9 +109,18 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -95,10 +131,18 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -123,9 +167,18 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -136,9 +189,18 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -167,9 +229,18 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -180,9 +251,18 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -213,9 +293,18 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -226,9 +315,18 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -253,9 +351,18 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -266,9 +373,18 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -297,9 +413,18 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -310,9 +435,18 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
@ -341,9 +475,18 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
|
||||
@ -9,12 +9,19 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
@ -40,12 +47,19 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@ -55,12 +69,19 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
@ -88,12 +109,19 @@ export default function Section1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@ -103,12 +131,19 @@ export default function Section1() {
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img1.png" style={{ height: "650px" }} alt="" />
|
||||
<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>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
|
||||
163
package-lock.json
generated
163
package-lock.json
generated
@ -9,11 +9,13 @@
|
||||
"version": "1.0.0",
|
||||
"dependencies": {
|
||||
"aos": "^2.3.4",
|
||||
"axios": "^1.10.0",
|
||||
"gsap": "^3.12.5",
|
||||
"next": "14.2.15",
|
||||
"react": "^18",
|
||||
"react-countup": "^6.5.3",
|
||||
"react-dom": "^18",
|
||||
"react-google-recaptcha": "^3.1.0",
|
||||
"react-modal-video": "^2.0.2",
|
||||
"react-slick": "^0.30.2",
|
||||
"sass": "^1.81.0",
|
||||
@ -27,6 +29,7 @@
|
||||
"@types/node": "^22",
|
||||
"@types/react": "^18.3.23",
|
||||
"@types/react-dom": "^18.3.7",
|
||||
"@types/react-google-recaptcha": "^2.1.9",
|
||||
"@types/react-modal-video": "^1.2.3",
|
||||
"@types/react-slick": "^0.23.13",
|
||||
"eslint": "^8.57.1",
|
||||
@ -846,6 +849,16 @@
|
||||
"@types/react": "^18.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/react-google-recaptcha": {
|
||||
"version": "2.1.9",
|
||||
"resolved": "https://registry.npmjs.org/@types/react-google-recaptcha/-/react-google-recaptcha-2.1.9.tgz",
|
||||
"integrity": "sha512-nT31LrBDuoSZJN4QuwtQSF3O89FVHC4jLhM+NtKEmVF5R1e8OY0Jo4//x2Yapn2aNHguwgX5doAq8Zo+Ehd0ug==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@types/react": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/react-modal-video": {
|
||||
"version": "1.2.3",
|
||||
"resolved": "https://registry.npmjs.org/@types/react-modal-video/-/react-modal-video-1.2.3.tgz",
|
||||
@ -1661,6 +1674,12 @@
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/asynckit": {
|
||||
"version": "0.4.0",
|
||||
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
|
||||
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/available-typed-arrays": {
|
||||
"version": "1.0.7",
|
||||
"resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
|
||||
@ -1687,6 +1706,17 @@
|
||||
"node": ">=4"
|
||||
}
|
||||
},
|
||||
"node_modules/axios": {
|
||||
"version": "1.10.0",
|
||||
"resolved": "https://registry.npmjs.org/axios/-/axios-1.10.0.tgz",
|
||||
"integrity": "sha512-/1xYAC4MP/HEG+3duIhFr4ZQXR4sQXOIe+o6sdqzeykGLx6Upp/1p8MHqhINOvGeP7xyNHe7tsiJByc4SSVUxw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"follow-redirects": "^1.15.6",
|
||||
"form-data": "^4.0.0",
|
||||
"proxy-from-env": "^1.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/axobject-query": {
|
||||
"version": "4.1.0",
|
||||
"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
|
||||
@ -1762,7 +1792,6 @@
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
|
||||
"integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"es-errors": "^1.3.0",
|
||||
@ -1889,6 +1918,18 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/combined-stream": {
|
||||
"version": "1.0.8",
|
||||
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
|
||||
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"delayed-stream": "~1.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.8"
|
||||
}
|
||||
},
|
||||
"node_modules/concat-map": {
|
||||
"version": "0.0.1",
|
||||
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
|
||||
@ -2056,6 +2097,15 @@
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/delayed-stream": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
|
||||
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=0.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/detect-libc": {
|
||||
"version": "1.0.3",
|
||||
"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
|
||||
@ -2096,7 +2146,6 @@
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
|
||||
"integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"call-bind-apply-helpers": "^1.0.1",
|
||||
@ -2200,7 +2249,6 @@
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
|
||||
"integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
@ -2210,7 +2258,6 @@
|
||||
"version": "1.3.0",
|
||||
"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
|
||||
"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
@ -2248,7 +2295,6 @@
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
|
||||
"integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"es-errors": "^1.3.0"
|
||||
@ -2261,7 +2307,6 @@
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
|
||||
"integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"es-errors": "^1.3.0",
|
||||
@ -2891,6 +2936,26 @@
|
||||
"dev": true,
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/follow-redirects": {
|
||||
"version": "1.15.9",
|
||||
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
|
||||
"integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "individual",
|
||||
"url": "https://github.com/sponsors/RubenVerborgh"
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=4.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"debug": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/for-each": {
|
||||
"version": "0.3.5",
|
||||
"resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
|
||||
@ -2924,6 +2989,22 @@
|
||||
"url": "https://github.com/sponsors/isaacs"
|
||||
}
|
||||
},
|
||||
"node_modules/form-data": {
|
||||
"version": "4.0.3",
|
||||
"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.3.tgz",
|
||||
"integrity": "sha512-qsITQPfmvMOSAdeyZ+12I1c+CKSstAFAwu+97zrnWAbIr5u8wfsExUzCesVLC8NgHuRUqNN4Zy6UPWUTRGslcA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"asynckit": "^0.4.0",
|
||||
"combined-stream": "^1.0.8",
|
||||
"es-set-tostringtag": "^2.1.0",
|
||||
"hasown": "^2.0.2",
|
||||
"mime-types": "^2.1.12"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/fs.realpath": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
|
||||
@ -2935,7 +3016,6 @@
|
||||
"version": "1.1.2",
|
||||
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
|
||||
"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
@ -2976,7 +3056,6 @@
|
||||
"version": "1.3.0",
|
||||
"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
|
||||
"integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"call-bind-apply-helpers": "^1.0.2",
|
||||
@ -3001,7 +3080,6 @@
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
|
||||
"integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"dunder-proto": "^1.0.1",
|
||||
@ -3141,7 +3219,6 @@
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
|
||||
"integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
@ -3225,7 +3302,6 @@
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
|
||||
"integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
@ -3238,7 +3314,6 @@
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
|
||||
"integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"has-symbols": "^1.0.3"
|
||||
@ -3254,7 +3329,6 @@
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
|
||||
"integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"function-bind": "^1.1.2"
|
||||
@ -3263,6 +3337,15 @@
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/hoist-non-react-statics": {
|
||||
"version": "3.3.2",
|
||||
"resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
|
||||
"integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
|
||||
"license": "BSD-3-Clause",
|
||||
"dependencies": {
|
||||
"react-is": "^16.7.0"
|
||||
}
|
||||
},
|
||||
"node_modules/ignore": {
|
||||
"version": "5.3.2",
|
||||
"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
|
||||
@ -3999,7 +4082,6 @@
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
|
||||
"integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
@ -4029,6 +4111,27 @@
|
||||
"node": ">=8.6"
|
||||
}
|
||||
},
|
||||
"node_modules/mime-db": {
|
||||
"version": "1.52.0",
|
||||
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
|
||||
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.6"
|
||||
}
|
||||
},
|
||||
"node_modules/mime-types": {
|
||||
"version": "2.1.35",
|
||||
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
|
||||
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"mime-db": "1.52.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.6"
|
||||
}
|
||||
},
|
||||
"node_modules/minimatch": {
|
||||
"version": "3.1.2",
|
||||
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
|
||||
@ -4512,6 +4615,12 @@
|
||||
"react-is": "^16.13.1"
|
||||
}
|
||||
},
|
||||
"node_modules/proxy-from-env": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
|
||||
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/punycode": {
|
||||
"version": "2.3.1",
|
||||
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
|
||||
@ -4555,6 +4664,19 @@
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/react-async-script": {
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/react-async-script/-/react-async-script-1.2.0.tgz",
|
||||
"integrity": "sha512-bCpkbm9JiAuMGhkqoAiC0lLkb40DJ0HOEJIku+9JDjxX3Rcs+ztEOG13wbrOskt3n2DTrjshhaQ/iay+SnGg5Q==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"hoist-non-react-statics": "^3.3.0",
|
||||
"prop-types": "^15.5.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.4.1"
|
||||
}
|
||||
},
|
||||
"node_modules/react-countup": {
|
||||
"version": "6.5.3",
|
||||
"resolved": "https://registry.npmjs.org/react-countup/-/react-countup-6.5.3.tgz",
|
||||
@ -4580,6 +4702,19 @@
|
||||
"react": "^18.3.1"
|
||||
}
|
||||
},
|
||||
"node_modules/react-google-recaptcha": {
|
||||
"version": "3.1.0",
|
||||
"resolved": "https://registry.npmjs.org/react-google-recaptcha/-/react-google-recaptcha-3.1.0.tgz",
|
||||
"integrity": "sha512-cYW2/DWas8nEKZGD7SCu9BSuVz8iOcOLHChHyi7upUuVhkpkhYG/6N3KDiTQ3XAiZ2UAZkfvYKMfAHOzBOcGEg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"prop-types": "^15.5.0",
|
||||
"react-async-script": "^1.2.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.4.1"
|
||||
}
|
||||
},
|
||||
"node_modules/react-is": {
|
||||
"version": "16.13.1",
|
||||
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
|
||||
|
||||
@ -11,11 +11,13 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"aos": "^2.3.4",
|
||||
"axios": "^1.10.0",
|
||||
"gsap": "^3.12.5",
|
||||
"next": "14.2.15",
|
||||
"react": "^18",
|
||||
"react-countup": "^6.5.3",
|
||||
"react-dom": "^18",
|
||||
"react-google-recaptcha": "^3.1.0",
|
||||
"react-modal-video": "^2.0.2",
|
||||
"react-slick": "^0.30.2",
|
||||
"sass": "^1.81.0",
|
||||
@ -29,6 +31,7 @@
|
||||
"@types/node": "^22",
|
||||
"@types/react": "^18.3.23",
|
||||
"@types/react-dom": "^18.3.7",
|
||||
"@types/react-google-recaptcha": "^2.1.9",
|
||||
"@types/react-modal-video": "^1.2.3",
|
||||
"@types/react-slick": "^0.23.13",
|
||||
"eslint": "^8.57.1",
|
||||
|
||||
@ -6659,7 +6659,7 @@ Location:
|
||||
}
|
||||
|
||||
.blog-details-section .blog-deatils-content .tags-social-area .tags ul li a:hover {
|
||||
background: var(--ztc-bg-bg-3);
|
||||
background: var(--ztc-bg-bg-15);
|
||||
transition: all 0.4s;
|
||||
}
|
||||
|
||||
@ -6700,7 +6700,7 @@ Location:
|
||||
}
|
||||
|
||||
.blog-details-section .blog-deatils-content .tags-social-area .social ul li a:hover {
|
||||
background: var(--ztc-bg-bg-3);
|
||||
background: var(--ztc-bg-bg-15);
|
||||
transition: all 0.4s;
|
||||
}
|
||||
|
||||
@ -6837,7 +6837,7 @@ Location:
|
||||
}
|
||||
|
||||
.blog-details-section .blog-auhtor-details .tags-area ul li a:hover {
|
||||
background: var(--ztc-bg-bg-3);
|
||||
background: var(--ztc-bg-bg-15);
|
||||
transition: all 0.4s;
|
||||
}
|
||||
|
||||
@ -20047,7 +20047,7 @@ html {
|
||||
}
|
||||
|
||||
.cta1-section-area .cta1-main-boxarea {
|
||||
background: var(--ztc-bg-bg-3);
|
||||
background: var(--ztc-bg-bg-15);
|
||||
border-radius: 8px;
|
||||
padding: 44px;
|
||||
}
|
||||
|
||||
BIN
public/assets/img/home/ad-banner/ad.webp
Normal file
BIN
public/assets/img/home/ad-banner/ad.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user