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

Add v1.1.6 pradhosham-puja.jsx
Some checks failed
Build and Deploy Build Output / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Waterloomurugantemple 2026-08-27 05:44:28 +00:00
parent d2f14f582f
commit b4a3e43ea2
1 changed files with 189 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

189
src/app/event-pradhosham-puja/pradhosham-puja.jsx Normal file
View File

@ -0,0 +1,189 @@
const registrationOptions = [
{
title: "Event Attendance",
price: "Free",
description: "Free admission for registered attendees. Limited seating is available.",
},
{
title: "Single Person Archanai",
price: "$11",
description: "Archanai offering for one devotee.",
},
{
title: "Family Archanai",
price: "$21",
description: "Archanai offering for a family of one to four devotees.",
},
];
const schedule = [
{
title: "Pradosha Kala Puja",
description: "Begins at 6:30 PM with Ganapathy Puja.",
},
{
title: "Rudrabhishekam",
description: "Accompanied by the recitation of Namakam and Camaka Prasna.",
},
{
title: "Rudra Trisathi Archana",
description: "The evening culminates with Archana featuring silver Bilva leaves.",
},
];
const PradhoshamPuja = () => {
return (
<>
<section className="faq-area-2 space">
<div className="container">
<div className="row gx-60 align-items-center">
<div className="col-xl-6 mb-50 mb-xl-0">
<div className="faq-thumb2 text-center">
<img
src="/assets/img/events/pradhosham/pradhosham.jpeg"
alt="Pradosham Puja at Sri Murugan Temple of Waterloo"
style={{
width: "100%",
maxWidth: "560px",
height: "auto",
borderRadius: "15px",
boxShadow: "0 12px 35px rgba(0, 0, 0, 0.15)",
}}
/>
</div>
</div>
<div className="col-xl-6">
<div className="title-area mb-0">
<span className="sub-title">UPCOMING EVENT</span>
<h2 className="sec-title">Pradosham Puja</h2>
<p className="sec-text">
Sri Murugan Temple of Waterloo Region &amp; Community Centre warmly invites devotees
and families to join this sacred evening of worship and receive the blessings of
Lord Shiva and Lord Murugan.
</p>
<div
className="p-4 p-md-5 mt-4"
style={{
backgroundColor: "#598b70",
border: "4px solid #d2a530",
borderRadius: "15px",
color: "#ffffff",
}}
>
<h4 className="fw-bold mb-2" style={{ color: "#f1cf63" }}>
TUESDAY, AUGUST 25, 2026
</h4>
<h5 className="text-white mb-4">6:30 PM - 8:30 PM</h5>
<p className="mb-1 text-white fw-bold">Sri Murugan Temple of Waterloo</p>
<p className="mb-0 text-white">
935 Frederick St, Kitchener, ON N2B 1V5, Canada
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="faq-area-2 space-bottom">
<div className="container">
<div className="title-area text-center">
<span className="sub-title">PUJA SCHEDULE</span>
<h2 className="sec-title">Sacred Evening Program</h2>
</div>
<div className="row gy-30 justify-content-center">
{schedule.map((item) => (
<div key={item.title} className="col-lg-4 col-md-6">
<div
className="h-100 p-4 text-center"
style={{
backgroundColor: "#f7f2e7",
borderTop: "5px solid #d2a530",
borderRadius: "12px",
boxShadow: "0 8px 24px rgba(0, 0, 0, 0.08)",
}}
>
<h4 className="h4 text-theme mb-3">{item.title}</h4>
<p className="sec-text mb-0">{item.description}</p>
</div>
</div>
))}
</div>
</div>
</section>
<section className="faq-area-2 space" style={{ backgroundColor: "#f7f2e7" }}>
<div className="container">
<div className="title-area text-center">
<span className="sub-title">REGISTRATION OPTIONS</span>
<h2 className="sec-title">Attend and Offer Archanai</h2>
<p className="sec-text mx-auto" style={{ maxWidth: "760px" }}>
Attendance is free. Devotees may also choose a single-person or family Archanai.
</p>
</div>
<div className="row gy-30 justify-content-center">
{registrationOptions.map((option) => (
<div key={option.title} className="col-lg-4 col-md-6">
<div
className="h-100 p-4 p-md-5 text-center"
style={{
backgroundColor: "#ffffff",
border: "2px solid #d2a530",
borderRadius: "15px",
boxShadow: "0 8px 24px rgba(0, 0, 0, 0.08)",
}}
>
<h4 className="h4 mb-3">{option.title}</h4>
<h3 className="sec-title mb-3" style={{ color: "#598b70" }}>
{option.price}
</h3>
<p className="sec-text mb-0">{option.description}</p>
</div>
</div>
))}
</div>
<div className="text-center mt-5">
<p className="sec-text mb-3">
For registration enquiries, contact the temple at
{" "}
<a href="mailto:info@waterloomurugantemple.ca">
info@waterloomurugantemple.ca
</a>.
</p>
<a
href="mailto:info@waterloomurugantemple.ca?subject=Pradosham%20Puja%20Registration"
className="btn style3"
>
Registration Enquiry
</a>
</div>
</div>
</section>
<section className="faq-area-2 space">
<div className="container">
<div className="row justify-content-center">
<div className="col-xl-9">
<div className="title-area text-center mb-0">
<span className="sub-title">SIGNIFICANCE</span>
<h2 className="sec-title">The Blessings of Pradosham</h2>
<p className="sec-text">
Pradosham is an auspicious time dedicated to the worship of Lord Shiva. Devotees
gather in prayer, participate in Abhishekam and Archana, and seek grace for peace,
spiritual clarity, family well-being, and the removal of obstacles. All are welcome
to join this sacred observance with faith and devotion.
</p>
</div>
</div>
</div>
</div>
</section>
</>
);
};
export default PradhoshamPuja;