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

blog banners updated

Browse Source
This commit is contained in:
Selvi 2025-07-11 15:46:59 +05:30
parent 972b3bba12
commit 80060613ea
60 changed files with 158 additions and 524 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

2
components/home/AboutSection.tsx
View File

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

2
components/home/HomeSlogan.tsx
View File

@ -38,7 +38,7 @@ export default function HomeSlogan() {
<div className="col-lg-6">
<div className="about-imges">
<div className="img1 reveal image-anime">
<img src="/assets/img/home/tamil-thai-vazhthu.webp" alt="" />
<img className='tamil-img' src="/assets/img/home/tamil-thai-vazhthu.webp" alt="" />
</div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

180
components/tamilculture/tamil-festivals/hindu-festivals/Section1.jsx
View File

@ -9,19 +9,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -48,19 +37,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>
@ -70,19 +48,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -110,19 +77,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>
@ -132,19 +88,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -174,19 +119,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>
@ -196,19 +130,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -236,19 +159,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>
@ -258,19 +170,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -300,19 +201,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>
@ -322,19 +212,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -362,19 +241,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>

240
components/tamilculture/tamil-festivals/hindu-festivals/Section2.jsx
View File

@ -8,19 +8,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -51,19 +40,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>
@ -73,19 +51,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -109,19 +76,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>
@ -131,19 +87,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -167,19 +112,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>
@ -189,19 +123,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -229,19 +152,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>
@ -251,19 +163,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -293,19 +194,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>
@ -315,19 +205,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -351,19 +230,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>
@ -373,19 +241,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -413,19 +270,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>
@ -435,19 +281,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -475,19 +310,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>

75
components/tamilculture/tamil-festivals/muslim-festivals/Section1.jsx
View File

@ -9,19 +9,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -47,19 +36,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>
@ -69,19 +47,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">
@ -109,19 +76,8 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
</div>
@ -131,19 +87,8 @@ export default function Section1() {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<div className="space60 d-lg-block d-none" />
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
</div>
<div className="space30 d-md-none d-block" />
</div>
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
<img src="/assets/img/all-images/about/about-img17.png" alt="" />
</div>
</div>
<div className="img1">
<img src="/assets/img/all-images/event/event-img1.png" alt="" />
</div>
</div>
<div className="col-lg-6">

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

@ -495,6 +495,10 @@ img {
transform-origin: left;
}
.tamil-img{
opacity: 0.8;
}
.rotateme {
position: relative;
animation-name: animation-7;
@ -22704,10 +22708,10 @@ html {
background: #f4b6b9;
}
.heading-center {
/* .heading-center {
padding-bottom: 20px;
text-align: center;
}
} */
.about6-section-area .img1 img {
height: 100%;
@ -22718,6 +22722,14 @@ html {
padding: 8px;
}
.about6-section-area .img2 img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 8px;
padding: 8px;
}
.about6-section-area .image img {
height: 100%;
width: 100%;

BIN
public/assets/img/all-images/others/image.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
public/assets/img/all-images/testimonials/image.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
public/assets/img/community/recipes/big-img/canadian.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 47 KiB

BIN
public/assets/img/community/recipes/big-img/south-indian.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 135 KiB

BIN
public/assets/img/community/recipes/big-img/srilankan-curry.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

BIN
public/assets/img/community/recipes/big-img/srilankan.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

BIN
public/assets/img/community/recipes/big-img/traditional.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 KiB

10
utility/constant.utils.js
View File

@ -4,6 +4,8 @@ export const recipesList = [
{
id: 1,
slug: "south-indian-food",
bannerImage: '/assets/img/community/recipes/south-indian-banner.webp',
bigImage: '/assets/img/community/recipes/big-img/south-indian.webp',
image: "/assets/img/community/recipes/south-indian.webp",
title: "South Indian Food",
user: "Admin",
@ -88,6 +90,8 @@ export const recipesList = [
{
id: 2,
slug: "sri-lankan",
bannerImage: '/assets/img/community/recipes/srilankan-banner.webp',
bigImage: '/assets/img/community/recipes/big-img/srilankan.webp',
image: "/assets/img/community/recipes/sri-lankan.webp",
title: "Sri Lankan",
user: "Admin",
@ -186,6 +190,8 @@ export const recipesList = [
{
id: 3,
slug: "traditional-tamil",
bannerImage: '/assets/img/community/recipes/traditional-banner.webp',
bigImage: '/assets/img/community/recipes/big-img/traditional.webp',
image: "/assets/img/community/recipes/traditional.webp",
title: "Traditional Tamil",
user: "Admin",
@ -229,6 +235,8 @@ export const recipesList = [
{
id: 4,
slug: "sri-lankan-curry",
bannerImage: '/assets/img/community/recipes/srilankan-curry-banner.webp',
bigImage: '/assets/img/community/recipes/big-img/srilankan-curry.webp',
image: "/assets/img/community/recipes/srilankan-curry.webp",
title: "Sri Lankan Curry",
user: "Admin",
@ -290,6 +298,8 @@ export const recipesList = [
{
id: 5,
slug: "canadian",
bannerImage: '/assets/img/community/recipes/canadian-banner.webp',
bigImage: '/assets/img/community/recipes/big-img/canadian.webp',
image: "/assets/img/community/recipes/canadian.webp",
title: "Canadian",
user: "Admin",