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

Pranaprathistapanai updates completed

Browse Source
This commit is contained in:
akash 2026-05-21 19:43:00 +05:30
parent e8a23d7f56
commit a8d8c37702
8 changed files with 272 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/img/pranaprathistapanai/1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
public/assets/img/pranaprathistapanai/2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
public/assets/img/pranaprathistapanai/3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
public/assets/img/pranaprathistapanai/4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
public/assets/img/pranaprathistapanai/banner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB

20
src/app/event-pranaprathistapanai-pujai/page.jsx Normal file
View File

@ -0,0 +1,20 @@
import Breadcrumb from "@/components/Breadcrumb";
import FooterAreaOne from "@/components/FooterAreaOne";
import HeaderFour from "@/components/HeaderFour";
import Pranaprathistapanai from "./pranaprathistapanai";
export const metadata = {
title: "Tamil New Year Event | Join the Celebration",
description: "Welcome the Tamil New Year with prayers, rituals, and community celebrations at the temple.",
};
export default function PranaprathistapanaiPujai() {
return (
<>
<HeaderFour />
<Breadcrumb title={"Events - Pranaprathistapanai Pujai"} background="/assets/img/pranaprathistapanai/banner.webp" />
<Pranaprathistapanai />
<FooterAreaOne />
</>
);
}

249
src/app/event-pranaprathistapanai-pujai/pranaprathistapanai.jsx Normal file
View File

@ -0,0 +1,249 @@
"use client";
import { useState } from "react";
import { GalleryImages } from "../../../utils/constant.utils";
const Pranaprathistapanai = () => {
const [isOpen, setIsOpen] = useState(false);
const [imageSrc, setImageSrc] = useState("");
const openLightbox = (src) => {
setImageSrc(src);
setIsOpen(true);
};
const closeLightbox = () => {
setIsOpen(false);
setImageSrc("");
};
return (
<>
{/* Event Details Section */}
<section className="faq-area-2 space-top">
<div className="container">
<div className="row justify-content-center">
<div className="col-xl-12">
<div className="title-area text-center">
<span className="sub-title">UPCOMING EVENT</span>
<h2 className="sec-title">Pranaprathistapanai Pujai</h2>
<div
className="event-details-card p-3 p-md-5"
style={{
boxShadow: "0 0 20px rgba(0,0,0,0.05)",
borderRadius: "15px",
backgroundImage: `url("/assets/img/events/thai-poosam/bg.jpeg")`,
backgroundSize: "cover",
backgroundPosition: "center",
backgroundRepeat: "no-repeat",
}}
>
<div className="date-time-box mb-4">
<h4 className="fw-bold" style={{ color: "#D4AF37" }}>
JUNE 21ST, 2026
</h4>
</div>
<h5 className="h5 mb-2 text-white">"DONATIONS ARE WELCOME"</h5>
<div className="location-info mt-4 pt-4 border-top">
<span
className="d-inline-block px-3 py-1 mb-3 fw-bold text-white rounded-pill"
style={{ backgroundColor: "#D4AF37" }}
>
LOCATION
</span>
<h5 className="h5 mb-2 text-white">Radha Krishna Mandir, Cambridge</h5>
<p className="mb-0 text-white">Ontario N2A 4A5, Canada</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{/* The Glory of Thai Poosam */}
<section className="faq-area-2 space">
<div className="container">
<div className="row gx-60 flex-row-reverse">
<div className="col-xl-6">
<div className="title-area">
<span className="sub-title">Significance</span>
<h2 className="sec-title">The Sacred Consecration Ceremony</h2>
<p className="sec-text">
Pranaprathistapanai Pujai is one of the most auspicious and sacred ceremonies in Hindu tradition — the divine act of consecrating an idol by invoking the living presence of the deity within it. Through elaborate Vedic rituals, prayers, and mantras performed by qualified priests, the deity's divine energy is formally installed, transforming the sacred idol into a living, breathing vessel of divine grace. This ceremony marks a momentous milestone for the Sri Murugan Temple of Waterloo Region, as devotees come together to witness and participate in this once-in-a-generation sacred event.
</p>
</div>
</div>
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/pranaprathistapanai/1.webp"
alt="The Glory of Thai Poosam"
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
</div>
</div>
</section>
{/* Spiritual Significance of the Festival */}
<section className="faq-area-2 space-bottom">
<div className="container">
<div className="row gx-60">
<div className="col-xl-6">
<div className="title-area">
<span className="sub-title">Spiritual Meaning</span>
<h2 className="sec-title">Divine Awakening of the Sacred Idol</h2>
<p className="sec-text">
The Pranaprathistapanai ceremony is rooted in the belief that the divine is omnipresent and can be invoked into any sacred object through sincere devotion and precise Vedic rituals. The term "Pranaprathistapanai" means the "installation of life force" — where the deity's prana (divine life energy) is awakened within the idol. The ceremony involves purification rituals, Nyasa (touching various parts of the idol with mantras), and Mahabhishekam (sacred bathing of the idol), culminating in the opening of the deity's eyes to the world, marking the moment divine presence fully resides within the consecrated idol.
</p>
</div>
</div>
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/pranaprathistapanai/2.webp"
style={{ width: "515px", height: "auto" }}
alt="Spiritual Significance of Thai Poosam"
/>
</div>
</div>
</div>
</div>
</section>
{/* Rituals and Offerings to Lord Murugan */}
<section className="faq-area-2 space-bottom">
<div className="container">
<div className="row gx-60 flex-row-reverse">
<div className="col-xl-6">
<div className="title-area">
<span className="sub-title">RITUALS</span>
<h2 className="sec-title">Rituals and Sacred Ceremonies</h2>
<p className="sec-text">
The Pranaprathistapanai Pujai encompasses a series of elaborate rituals performed over the course of the auspicious day. The ceremony begins with Ganapathi Homam to remove all obstacles, followed by Punyahavachanam (purification of the venue and devotees). Qualified Vedic priests then perform the Nyasa rituals, installing divine energy into each part of the idol through sacred mantras. The Mahabhishekam — bathing the deity with milk, honey, rose water, turmeric, and sandalwood — is performed with deep devotion, accompanied by continuous chanting of "Vel Vel Murugan" and Thirupugazh hymns, filling the sacred space with divine vibrations and blessings.
</p>
</div>
</div>
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/pranaprathistapanai/3.webp"
alt="Rituals and Offerings"
style={{ width: "515px", height: "auto" }}
/>
</div>
</div>
</div>
</div>
</section>
{/* Divine Blessings and Devotee Experience */}
<section className="faq-area-2 space-bottom">
<div className="container">
<div className="row gx-60">
<div className="col-xl-6">
<div className="title-area">
<span className="sub-title">BLESSINGS</span>
<h2 className="sec-title">Divine Blessings for the Community</h2>
<p className="sec-text">
The Pranaprathistapanai Pujai is not merely a ceremony — it is a transformative spiritual event that bestows immense blessings upon all who participate. Devotees who attend and contribute to this sacred event are believed to receive Lord Murugan's divine grace, protection, and guidance in all aspects of life. The collective prayers and devotion of the community amplify the spiritual energy of the ceremony, creating a powerful field of divine blessings that uplifts every soul present. This landmark event marks the beginning of a new spiritual chapter for the Sri Murugan Temple of Waterloo Region, establishing a permanent sacred abode of Lord Murugan in the community.
</p>
</div>
</div>
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img
src="/assets/img/pranaprathistapanai/4.webp"
style={{ width: "515px", height: "auto" }}
alt="Divine Blessings and Devotee Experience"
/>
</div>
</div>
</div>
</div>
</section>
{/* Gallery Section */}
<div className="portfolio-area-1 space-bottom">
<div className="container">
<div className="row justify-content-center">
<div className="col-lg-5">
<div className="title-area text-center">
<h2 className="sec-title">Gallery</h2>
</div>
</div>
</div>
<div className="row gy-30 gx-30">
{GalleryImages.slice(0, 6).map((image, index) => (
<div key={index} className="col-lg-4 col-md-6">
<div className="portfolio-card image-container">
<div className="portfolio-card-thumb">
<img
src={image.src}
alt="Gallery"
onClick={() => openLightbox(image.src)}
style={{ cursor: "pointer" }}
/>
</div>
</div>
</div>
))}
</div>
</div>
{isOpen && (
<div className="custom-modal_popup">
<span className="close-button" onClick={closeLightbox}>
&times;
</span>
<img src={imageSrc} alt="Fullsize" />
</div>
)}
</div>
{/* Registration Section */}
{/* <section className="faq-area-2 space-bottom">
<div className="container">
<div className="row gx-60 flex-row-reverse">
<div className="col-xl-6">
<div className="faq-thumb2 mb-xl-0 mb-50">
<img
src="/assets/img/membership/annual-membership.jpg"
alt="Sathya Narayana Poojai Registration"
/>
</div>
</div>
<div className="col-xl-6">
<div className="title-area">
<span className="sub-title">EVENT</span>
<h2 className="sec-title">Sathya Narayana Poojai Celebration</h2>
</div>
<div>
<iframe
title="Annual Membership form powered by Zeffy"
className="thaipoosam-iframe"
src="https://www.zeffy.com/embed/ticketing/thaipoosam-festival-celebration--2025"
allowPaymentRequest
allowTransparency="true"
></iframe>
</div>
</div>
</div>
</div>
</section> */}
</>
);
};
export default Pranaprathistapanai;

3
src/components/HeaderFour.jsx
View File

@ -274,6 +274,9 @@ const HeaderFour = () => {
width: "320px",
}}
>
<li>
<Link href="/event-pranaprathistapanai-pujai">Pranaprathistapanai Pujai</Link>
</li>
<li>
<Link href="/event-new-year">New Year Celebration</Link>
</li>