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

img expand corrected responsive order updated

Browse Source
This commit is contained in:
Selvi 2025-11-10 14:15:29 +05:30
parent 1b186e2eeb
commit 8ca6814ab7
27 changed files with 104 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/event-chitra-pournami/chitra-pournami.jsx
View File

@ -42,7 +42,7 @@ const ChitraPournami = () => {
<img
src="/assets/img/events/chitra-pournami/chitra-pournami.webp"
alt="Chitra Pournami Image"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -71,7 +71,7 @@ const ChitraPournami = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/chitra-pournami/archanai.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Spiritual Meaning Image"
/>
</div>
@ -102,7 +102,7 @@ const ChitraPournami = () => {
<img
src="/assets/img/events/chitra-pournami/annadhanam.webp"
alt="Rituals Image"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -132,7 +132,7 @@ const ChitraPournami = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/chitra-pournami/ubhayam.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Blessings Image"
/>
</div>

8
src/app/event-monthly-karthigai-june/monthly-karthigai.jsx
View File

@ -43,7 +43,7 @@ const MonthlyKarthigai = () => {
<img
src="/assets/img/events/karthigai-2/karthigai-2.webp"
alt="Karthigai Significance"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -76,7 +76,7 @@ const MonthlyKarthigai = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/karthigai-2/archanai.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Karthigai Illumination"
/>
</div>
@ -111,7 +111,7 @@ const MonthlyKarthigai = () => {
<img
src="/assets/img/events/karthigai-2/annadhanam.webp"
alt="Karthigai Rituals"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -144,7 +144,7 @@ const MonthlyKarthigai = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/karthigai-2/ubhayam.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Karthigai Blessings"
/>
</div>

8
src/app/event-monthly-karthigai-may/monthly-karthigai.jsx
View File

@ -38,7 +38,7 @@ const MonthlyKarthigai = () => {
<img
src="/assets/img/events/karthigai-1/karthigai.webp"
alt="Karthigai Significance"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -65,7 +65,7 @@ const MonthlyKarthigai = () => {
<img
src="/assets/img/events/karthigai-1/archanai.webp"
alt="Lighting Lamps"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -92,7 +92,7 @@ const MonthlyKarthigai = () => {
<img
src="/assets/img/events/karthigai-1/annadhanam.webp"
alt="Pooja Rituals"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -119,7 +119,7 @@ const MonthlyKarthigai = () => {
<img
src="/assets/img/events/karthigai-1/ubhayam.webp"
alt="Divine Blessings"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>

8
src/app/event-new-year/new-year-celebration.jsx
View File

@ -38,7 +38,7 @@ const NewYearCelebration = () => {
<img
src="/assets/img/events/new-year/new-year-celebration.webp"
alt="New Year Celebration"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -64,7 +64,7 @@ const NewYearCelebration = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/new-year/archanai.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Participation Image"
/>
</div>
@ -92,7 +92,7 @@ const NewYearCelebration = () => {
<img
src="/assets/img/events/new-year/annadhanam.webp"
alt="Offerings Image"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -118,7 +118,7 @@ const NewYearCelebration = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/new-year/ubhayam.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Blessings Image"
/>
</div>

8
src/app/event-sangada-hara-charthurthi-april/sangada-hara-charthurthi.jsx
View File

@ -46,7 +46,7 @@ const SangadaHaraChathurthi = () => {
<img
src="/assets/img/events/sangadahara-3/sangada-hara-charthurthi-3.webp"
alt="Sangada Hara Chathurthi Image"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -77,7 +77,7 @@ const SangadaHaraChathurthi = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/sangadahara-3/archanai.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Essence Image"
/>
</div>
@ -112,7 +112,7 @@ const SangadaHaraChathurthi = () => {
<img
src="/assets/img/events/sangadahara-3/annadhanam.webp"
alt="Rituals Image"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -143,7 +143,7 @@ const SangadaHaraChathurthi = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/sangadahara-3/ubhayam.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Grace Image"
/>
</div>

8
src/app/event-sangada-hara-charthurthi-december/sangada-hara-chathurthi.jsx
View File

@ -38,7 +38,7 @@ const SangadaHaraChathurthi = () => {
<img
src="/assets/img/events/sangadahara-1/sangada-hara-charthurthi-1.webp"
alt="Glory of Lord Ganesha"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -64,7 +64,7 @@ const SangadaHaraChathurthi = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/sangadahara-1/archanai.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Spiritual Significance"
/>
</div>
@ -92,7 +92,7 @@ const SangadaHaraChathurthi = () => {
<img
src="/assets/img/events/sangadahara-1/annadhanam.webp"
alt="Pooja Rituals"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -118,7 +118,7 @@ const SangadaHaraChathurthi = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/sangadahara-1/ubhayam.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Divine Blessings"
/>
</div>

8
src/app/event-sangada-hara-charthurthi-june/sangada-hara-charthurthi.jsx
View File

@ -43,7 +43,7 @@ const SangadaHaraChathurthi = () => {
<img
src="/assets/img/events/sangadahara-4/sangada-hara-charthurthi-4.webp"
alt="Sangada Hara Chathurthi"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -75,7 +75,7 @@ const SangadaHaraChathurthi = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/sangadahara-4/archanai.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Ganesha Archanai"
/>
</div>
@ -109,7 +109,7 @@ const SangadaHaraChathurthi = () => {
<img
src="/assets/img/events/sangadahara-4/annadhanam.webp"
alt="Ganesha Pooja Rituals"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -140,7 +140,7 @@ const SangadaHaraChathurthi = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/sangadahara-4/ubhayam.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Divine Blessings"
/>
</div>

8
src/app/event-sangada-hara-charthurthi-march/sangada-hara-charthurthi.jsx
View File

@ -40,7 +40,7 @@ const SangadaHaraChathurthi = () => {
<img
src="/assets/img/events/sangadahara-2/sangada-hara-charthurthi-2.webp"
alt="Sangada Hara Chathurthi Image"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -66,7 +66,7 @@ const SangadaHaraChathurthi = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/sangadahara-2/archanai.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Purpose Image"
/>
</div>
@ -94,7 +94,7 @@ const SangadaHaraChathurthi = () => {
<img
src="/assets/img/events/sangadahara-2/annadhanam.webp"
alt="Rituals Image"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -120,7 +120,7 @@ const SangadaHaraChathurthi = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/sangadahara-2/ubhayam.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Blessings Image"
/>
</div>

8
src/app/event-sathya-narayana-poojai/sathya-narayana-poojai.jsx
View File

@ -39,7 +39,7 @@ const SathyaNarayanaPoojai = () => {
<img
src="/assets/img/events/sathya/sathya-narayana-puja.webp"
alt="Sathya Narayana Poojai Image"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -64,7 +64,7 @@ const SathyaNarayanaPoojai = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/sathya/archanai.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Significance Image"
/>
</div>
@ -91,7 +91,7 @@ const SathyaNarayanaPoojai = () => {
<img
src="/assets/img/events/sathya/annadhanam.webp"
alt="Spiritual Benefits Image"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -116,7 +116,7 @@ const SathyaNarayanaPoojai = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/sathya/ubhayam.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Join Us Image"
/>
</div>

8
src/app/event-thai-poosam/thai-poosam.jsx
View File

@ -38,7 +38,7 @@ const ThaiPoosam = () => {
<img
src="/assets/img/events/thai-poosam/thai-poosam.webp"
alt="The Glory of Thai Poosam"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -64,7 +64,7 @@ const ThaiPoosam = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/thai-poosam/archanai.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Spiritual Significance of Thai Poosam"
/>
</div>
@ -92,7 +92,7 @@ const ThaiPoosam = () => {
<img
src="/assets/img/events/thai-poosam/annadhanam.webp"
alt="Rituals and Offerings"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -118,7 +118,7 @@ const ThaiPoosam = () => {
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/events/thai-poosam/ubhayam.webp"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
alt="Divine Blessings and Devotee Experience"
/>
</div>

8
src/app/event-vaikasi-visagam/vaikasi-visagam.jsx
View File

@ -43,7 +43,7 @@ const VaikasiVisagam = () => {
<img
src="/assets/img/events/vaikasi-visagam/vaikasi-visagam.webp"
alt="Vaikasi Visakam"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -74,7 +74,7 @@ const VaikasiVisagam = () => {
<img
src="/assets/img/events/vaikasi-visagam/archanai.webp"
alt="Spiritual Essence"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -105,7 +105,7 @@ const VaikasiVisagam = () => {
<img
src="/assets/img/events/vaikasi-visagam/annadhanam.webp"
alt="Temple Rituals"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
@ -135,7 +135,7 @@ const VaikasiVisagam = () => {
<img
src="/assets/img/events/vaikasi-visagam/ubhayam.webp"
alt="Blessings"
style={{ width: "515px", height: "400px" }}
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>

2
src/components/AboutTempleOne.jsx
View File

@ -29,7 +29,7 @@ const AboutTempleOne = () => {
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/about-us-page/unity.webp" style={{width:'515px', height: '400px'}} alt="Objective Image" />
<img src="/assets/img/about-us-page/unity.webp" style={{width:'515px', height: 'auto'}} alt="Objective Image" />
</div>
</div>
</div>

2
src/components/Annadhanam.jsx
View File

@ -30,7 +30,7 @@ const Annadhanam = () => {
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/donation/annadhanam.webp" alt="Mission Image" style={{ width: '515px', height: '400px' }} />
<img src="/assets/img/donation/annadhanam.webp" alt="Mission Image" style={{ width: '515px', height: 'auto' }} />
</div>
</div>

2
src/components/EventsThaiPoosamAnnadhanam.jsx
View File

@ -31,7 +31,7 @@ const EventsThaiPoosamAnnadhanam = () => {
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/events/thaipoosam/annadhanam.webp" alt="Mission Image" style={{ width: '515px', height: '400px' }} />
<img src="/assets/img/events/thaipoosam/annadhanam.webp" alt="Mission Image" style={{ width: '515px', height: 'auto' }} />
</div>
</div>

2
src/components/EventsThaiPoosamArchanai.jsx
View File

@ -9,7 +9,7 @@ const EventsThaiPoosamArchanai = () => {
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/events/thaipoosam/kavadi.webp" alt="Mission Image" style={{ width: '515px', height: '400px' }} />
<img src="/assets/img/events/thaipoosam/kavadi.webp" alt="Mission Image" style={{ width: '515px', height: 'auto' }} />
</div>
</div>

21
src/components/EventsThaiPoosamDiscription.jsx
View File

@ -4,14 +4,7 @@ const EventsThaiPoosamDiscription = () => {
return (
<section className="faq-area-2 space">
<div className="container">
<div className="row gx-60">
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/events/thaipoosam/thai-poosam.webp" style={{ width: '515px', height: '400px' }} alt="Objective Image" />
</div>
</div>
<div className="row gx-60 flex-row-reverse">
<div className="col-xl-6">
<div className="title-area">
@ -19,20 +12,28 @@ const EventsThaiPoosamDiscription = () => {
<h2 className="sec-title">
Thai Poosam – A Celebration of Devotion{" "}
{/* <img
className="shape-vel-objective"
className="shape-vel-mission"
src="/assets/img/bg/vel.png"
alt="Vel-Title-bg"
// style={ {marginLeft:'-35px', height:'90px'} }
/> */}
</h2>
<p className="sec-text">
Thai Poosam is a major festival dedicated to Lord Murugan, observed on the full moon day of the Tamil month of Thai when the moon aligns with the star Pusam. It marks the day Goddess Parvati gifted Murugan the divine Vel, enabling him to defeat the demon Surapadman.
</p>
<p className="sec-text">
The festival symbolizes devotion, sacrifice, and renewal. Devotees fast, take vows, and join processions as acts of penance and surrender, seeking blessings for courage and clarity. Thai Poosam reminds worshippers that with faith and purity of heart, light prevails over darkness.
The festival symbolizes devotion, sacrifice, and renewal. Devotees fast, take vows, and join processions as acts of penance and surrender, seeking blessings for courage and clarity. Thai Poosam reminds worshippers that with faith and purity of heart, light prevails over darkness.
</p>
</div>
</div>
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/events/thaipoosam/thai-poosam.webp" style={{ width: '515px', height: 'auto' }} alt="Objective Image" />
</div>
</div>
</div>
</div>
</section>

2
src/components/EventsThaiPoosamUbhayam.jsx
View File

@ -30,7 +30,7 @@ const EventsThaiPoosamUbhayam = () => {
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/events/thaipoosam/ubhayam.webp" style={{ width: '515px', height: '400px' }} alt="Objective Image" />
<img src="/assets/img/events/thaipoosam/ubhayam.webp" style={{ width: '515px', height: 'auto' }} alt="Objective Image" />
</div>
</div>
</div>

2
src/components/History.jsx
View File

@ -75,7 +75,7 @@ const History = () => {
</div>
</div>
</div>
<div className="accordion-card style2">
<div className="accordion-card style2 mb-3">
<div className="accordion-header" id="collapse-item-3">
<button
className="accordion-button collapsed"

2
src/components/Mission.jsx
View File

@ -28,7 +28,7 @@ const Mission = () => {
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/about-us-page/mission.jpg" alt="Mission Image" style={{width:'515px', height: '400px'}} />
<img src="/assets/img/about-us-page/mission.jpg" alt="Mission Image" style={{width:'515px', height: 'auto'}} />
</div>
</div>
</div>

2
src/components/Objective.jsx
View File

@ -27,7 +27,7 @@ const Objective = () => {
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/about-us-page/our-objective.jpg" style={{width:'515px', height: '400px'}} alt="Objective Image" />
<img src="/assets/img/about-us-page/our-objective.jpg" style={{width:'515px', height: 'auto'}} alt="Objective Image" />
</div>
</div>
</div>

2
src/components/ServicesOne.jsx
View File

@ -23,7 +23,7 @@ const ServicesOne = () => {
</div>
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/services/religious.webp" style={{ width: '515px', height: '580px' }} alt="Objective Image" />
<img src="/assets/img/services/religious.webp" style={{ width: '515px', height: 'auto' }} alt="Objective Image" />
</div>
</div>
</div>

44
src/components/ServicesTwo.jsx
View File

@ -4,30 +4,36 @@ const ServicesTwo = () => {
return (
<div className="space">
<div className="container">
<div className="row flex-row">
<div className="row gx-60 flex-row-reverse">
<div className="col-xl-6">
<div className="title-area">
<span className="sub-title">HERITAGE & TRADITIONS</span>
<h2 className="sec-title">
Cultural Services{" "}
{/* <img
className="shape-vel-mission"
src="/assets/img/bg/vel.png"
alt="Vel-Title-bg"
// style={ {marginLeft:'-35px', height:'90px'} }
/> */}
</h2>
<p className="sec-text">
Our cultural services at the Sri Murugan Temple are dedicated to preserving and promoting the rich heritage of Indian traditions. Through music, dance, and art, we provide a sacred platform where devotion and culture unite, inspiring both the heart and the spirit.</p>
<p className="sec-text">The temple serves as a vibrant cultural hub, hosting Bharatanatyam performances, Carnatic music concerts, and Tamil language celebrations that nurture pride in our roots. These events not only bring the community together but also offer youth and families an opportunity to connect with ancestral traditions, ensuring that the beauty of our culture continues to flourish for generations.</p>
<p className="sec-text">Ultimately, our cultural initiatives are more than performances or festivals; they are celebrations of identity, unity, and devotion. By engaging in these programs, devotees and community members alike experience joy, belonging, and a deeper bond with the timeless values that guide our way of life.</p>
</div>
</div>
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/services/cultural.webp" style={{ width: '515px', height: '580px' }} alt="Objective Image" />
<img src="/assets/img/services/cultural.webp" style={{ width: '515px', height: 'auto' }} alt="Objective Image" />
</div>
</div>
<div className="col-xxl-6 col-xl-6">
<div className="about-content-wrap">
<div className="title-area me-xl-5 mb-30">
<span className="sub-title">HERITAGE & TRADITIONS</span>
<h2 className="sec-title">
Cultural Services{" "}
</h2>
<p className="sec-text">
Our cultural services at the Sri Murugan Temple are dedicated to preserving and promoting the rich heritage of Indian traditions. Through music, dance, and art, we provide a sacred platform where devotion and culture unite, inspiring both the heart and the spirit.</p>
<p className="sec-text">The temple serves as a vibrant cultural hub, hosting Bharatanatyam performances, Carnatic music concerts, and Tamil language celebrations that nurture pride in our roots. These events not only bring the community together but also offer youth and families an opportunity to connect with ancestral traditions, ensuring that the beauty of our culture continues to flourish for generations.</p>
<p className="sec-text">Ultimately, our cultural initiatives are more than performances or festivals; they are celebrations of identity, unity, and devotion. By engaging in these programs, devotees and community members alike experience joy, belonging, and a deeper bond with the timeless values that guide our way of life.</p>
</div>
</div>
</div>
</div>
</div>
</div>

2
src/components/VilakkuPoojaAnnadhanam.jsx
View File

@ -32,7 +32,7 @@ const VilakkuPoojaiArchanaiAnnadhanam = () => {
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/events/thiruvilakku/annadhanam-2.webp" alt="Mission Image" style={{ width: '515px', height: '400px' }} />
<img src="/assets/img/events/thiruvilakku/annadhanam-2.webp" alt="Mission Image" style={{ width: '515px', height: 'auto' }} />
</div>
</div>

2
src/components/VilakkuPoojaiArchanai.jsx
View File

@ -9,7 +9,7 @@ const VilakkuPoojaiArchanai = () => {
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/events/thiruvilakku/archanai.webp" alt="Mission Image" style={{ width: '515px', height: '400px' }} />
<img src="/assets/img/events/thiruvilakku/archanai.webp" alt="Mission Image" style={{ width: '515px', height: 'auto' }} />
</div>
</div>

21
src/components/VilakkuPoojaiDiscription.jsx
View File

@ -4,14 +4,7 @@ const VilakkuPoojaiDiscription = () => {
return (
<section className="faq-area-2 space">
<div className="container">
<div className="row gx-60">
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/events/thiruvilakku/thiruvilaku.webp" style={{ width: '515px', height: '400px' }} alt="Objective Image" />
</div>
</div>
<div className="row gx-60 flex-row-reverse">
<div className="col-xl-6">
<div className="title-area">
@ -19,20 +12,28 @@ const VilakkuPoojaiDiscription = () => {
<h2 className="sec-title">
Thiru Vilakku Poojai – The Sacred Lamp Worship{" "}
{/* <img
className="shape-vel-objective"
className="shape-vel-mission"
src="/assets/img/bg/vel.png"
alt="Vel-Title-bg"
// style={ {marginLeft:'-35px', height:'90px'} }
/> */}
</h2>
<p className="sec-text">
Thiru Vilakku Poojai is a sacred Tamil Hindu ritual of lamp worship that symbolizes peace, blessings, and inner illumination. At Sri Murugan Temple, it is not only a ritual but also a spiritual gathering where devotees light lamps, chant hymns, and experience the temple aglow, affirming that even one flame lit with devotion can inspire hope and dispel fear.
</p>
<p className="sec-text">
<p className="sec-text">
The event integrates Archanai (devotional chanting), Annadhaanam (sacred food sharing), and Ubhayam (combined offerings), creating a holistic experience where worship, charity, and community come together.
</p>
</div>
</div>
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/events/thiruvilakku/thiruvilaku.webp" style={{ width: '515px', height: 'auto' }} alt="Objective Image" />
</div>
</div>
</div>
</div>
</section>

2
src/components/VilakkuPoojaiUbhayam.jsx
View File

@ -30,7 +30,7 @@ const VilakkuPoojaiUbhayam = () => {
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/events/thiruvilakku/ubhayam-2.webp" style={{ width: '515px', height: '400px' }} alt="Objective Image" />
<img src="/assets/img/events/thiruvilakku/ubhayam-2.webp" style={{ width: '515px', height: 'auto' }} alt="Objective Image" />
</div>
</div>
</div>

2
src/components/Vision.jsx
View File

@ -120,7 +120,7 @@ const Vision = () => {
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/about-us-page/vision.webp" style={{ width: '515px', height: '580px' }} alt="Objective Image" />
<img src="/assets/img/about-us-page/vision.webp" style={{ width: '515px', height: 'auto' }} alt="Objective Image" />
</div>
</div>