Merge branch 'team'

src/app/event-pranaprathistapanai-pujai/page.jsx

@@ -0,0 +1,57 @@
+import Breadcrumb from "@/components/Breadcrumb";
+import HeaderFour from "@/components/HeaderFour";
+import Pranaprathistapanai from "./pranaprathistapanai";
+import Link from "next/link";
+
+export const metadata = {
+  title: "Pranaprathistapanai Pujai | Join the Celebration",
+  description: "Welcome the Pranaprathistapanai Pujai with prayers, rituals, and community celebrations at the temple.",
+};
+
+export default function PranaprathistapanaiPujai() {
+  return (
+    <>
+      <HeaderFour />
+      <Breadcrumb
+        background="/assets/img/pranaprathistapanai/img.webp"
+        heading="none"
+        wrapperClass="event-prana-breadcrumb"
+      />
+      <Pranaprathistapanai />
+      <footer className="footer-wrapper footer-layout1 prana-footer" style={{ backgroundImage: "url(/assets/img/footer.jpg)" }}>
+        <div className="container" style={{ padding: "60px 0" }}>
+          <div className="row justify-content-center text-center">
+            <div className="col-lg-8">
+              <h3 className="widget_title" style={{ color: "#fff", marginBottom: "30px" }}>Contact Information</h3>
+              <p className="sec-text" style={{ fontSize: "18px", marginBottom: "10px", color: "#ddd" }}>
+                📧 Email: <a href="mailto:info@waterloomurugantemple.ca" style={{ color: "#D4AF37" }}>info@waterloomurugantemple.ca</a>
+              </p>
+              <p className="sec-text" style={{ fontSize: "18px", marginBottom: "10px", color: "#ddd" }}>
+                📞 Phone: <span style={{ color: "#D4AF37" }}>[Insert Contact Phone Numbers]</span>
+              </p>
+              <p className="sec-text" style={{ fontSize: "18px", marginBottom: "30px", color: "#ddd" }}>
+                🌐 Website: <a href="https://waterloomurugantemple.ca" style={{ color: "#D4AF37" }}>waterloomurugantemple.ca</a>
+              </p>
+
+              <h3 className="widget_title" style={{ color: "#fff", marginBottom: "20px" }}>Stay Connected</h3>
+              <p className="sec-text" style={{ marginBottom: "30px", color: "#ddd" }}>
+                Join our WhatsApp community group or follow us on social media for real-time updates and announcements.
+              </p>
+              <div style={{ display: 'flex', justifyContent: 'center', gap: '15px', flexWrap: 'wrap' }}>
+                <Link href="#" className="btn style2">Join WhatsApp Group</Link>
+                <Link href="https://www.facebook.com/waterloomurugantemple/" className="btn style2">Facebook</Link>
+                <Link href="https://www.instagram.com/waterloomurugantemple/?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw%3D%3D#" className="btn style2">Instagram</Link>
+              </div>
+
+              <div className="mt-5 pt-4 border-top" style={{ borderColor: "rgba(255,255,255,0.1)" }}>
+                <p className="sec-text" style={{ fontStyle: "italic", fontSize: "20px", color: "#D4AF37" }}>
+                  May the blessings of Lord Murugan, Lord Vinayagar, and Lord Perumal be with you and your family always!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </footer>
+    </>
+  );
+}

src/app/event-pranaprathistapanai-pujai/pranaprathistapanai.jsx

@@ -0,0 +1,415 @@
+"use client";
+
+import { useState } from "react";
+import Link from "next/link";
+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">OVERVIEW</span> */}
+                <h2 className="sec-title">About The Event & Spiritual Significance</h2>
+                <p className="sec-text">
+                  With the divine blessings of the Almighty, the Sri Murugan Temple of Waterloo Region warmly invites you, your family, and friends to a historic milestone for our community: the auspicious Prana Prathisthapana Poojai.
+                  This sacred consecration ritual infuses the divine life force (Prana) into our newly sculpted deities, establishing a permanent spiritual sanctuary for generations to come. We are blessed to celebrate the Prana Prathishta for:
+                </p>
+                <ul className="list-unstyled mt-3 mb-4">
+                  <li className="mb-2"><i className="fas fa-star" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Lord Murugan</strong> (along with Sri Valli and Sri Deivayanai)</li>
+                  <li className="mb-2"><i className="fas fa-star" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Lord Vinayagar</strong> (Ganesha)</li>
+                  <li className="mb-2"><i className="fas fa-star" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Lord Perumal</strong> (with Sri Devi and Bhoo Devi)</li>
+                </ul>
+                <p className="sec-text">
+                  Join us in invoking peace, health, and prosperity for our entire community. Your presence and participation in these sacred rituals will make this milestone truly blessed.
+                </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">SCHEDULE</span> */}
+                <h2 className="sec-title">Program Schedule</h2>
+                <p className="sec-text">
+                  The divine rituals and celebrations will run continuously from 5:00 AM to 3:00 PM. Please arrive early to participate in the powerful early morning rituals. A highly detailed, hour-by-hour schedule of the Yagasala Poojai, Maha Purnahuti, Prana Prathishta, and Maha Abhishekam will be updated below soon.
+                </p>
+                <ul className="list-unstyled mt-3 mb-0">
+                  <li className="mb-2"><i className="far fa-clock" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>5:00 AM:</strong> Commencement of auspicious early morning rituals, Mangala Isai, and morning Yagasala Poojai.</li>
+                  <li className="mb-2"><i className="far fa-clock" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Morning (Ongoing):</strong> Deity Consecration (Prana Prathistha), Maha Purnahuti, and Grand Abhishekam for Lord Murugan, Lord Vinayagar, and Lord Perumal.</li>
+                  <li className="mb-2"><i className="far fa-clock" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Mid-Day:</strong> Maha Deeparadhana, followed by the Cultural Sevai segment.</li>
+                  <li className="mb-2"><i className="far fa-clock" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>1:00 PM – 3:00 PM:</strong> Serving of Mahaprasadham (Grand Feast) and conclusion of event.</li>
+                </ul>
+              </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">ENTERTAINMENT</span> */}
+                <h2 className="sec-title">Cultural Sevai (Entertainment)</h2>
+                <p className="sec-text">
+                  To celebrate this joyous spiritual occasion, we are hosting a 2.5-hour cultural segment integrated into our day's program, featuring classical and devotional performances by incredibly talented artists and groups from our local community.
+                </p>
+                <h4 className="mt-4 mb-3" style={{ fontSize: "20px" }}>Current Lineup</h4>
+                <ul className="list-unstyled mb-0">
+                  <li className="mb-2"><i className="fas fa-music" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Carnatic Vocal Sevai:</strong> A divine vocal offering led by Shyamala and group.</li>
+                  <li className="mb-2"><i className="fas fa-music" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Classical Instrumental Ensemble:</strong> Captivating traditional melodies played by our community instrumental group.</li>
+                  <li className="mb-2"><i className="fas fa-music" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Devotional Showcase:</strong> Special performances by Venkat and his students.</li>
+                  <li className="mb-2"><i className="fas fa-music" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Regional Devotional Melodies:</strong> A soulful performance by Avinash Bhatt (representing the Kannada community group).</li>
+                </ul>
+              </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">VOLUNTEERING</span> */}
+                <h2 className="sec-title">Volunteering Opportunities (Sevai)</h2>
+                <p className="sec-text">
+                  An event of this magnitude requires many helping hands, especially starting early at 5:00 AM. Be a part of the divine service by volunteering your time, skills, and energy. We are looking for dedicated volunteers in the following areas:
+                </p>
+                <h4 className="mt-4 mb-3" style={{ fontSize: "20px" }}>Committee Responsibility</h4>
+                <ul className="list-unstyled mt-3 mb-0">
+                  <li className="mb-3">
+                    <i className="fas fa-hands-helping" style={{ color: "#D4AF37", marginRight: "10px" }}></i>
+                    <strong>Food & Annadhanam:</strong> Cooking, packaging, and serving Mahaprasadham.
+                  </li>
+                  <li className="mb-3">
+                    <i className="fas fa-hands-helping" style={{ color: "#D4AF37", marginRight: "10px" }}></i>
+                    <strong>Logistics & Setup:</strong> Yagasala setup, hall decoration, and seating arrangements.
+                  </li>
+                  <li className="mb-3">
+                    <i className="fas fa-hands-helping" style={{ color: "#D4AF37", marginRight: "10px" }}></i>
+                    <strong>Guest Management:</strong> Welcoming devotees, crowd control, and parking assistance.
+                  </li>
+                  <li className="mb-3">
+                    <i className="fas fa-hands-helping" style={{ color: "#D4AF37", marginRight: "10px" }}></i>
+                    <strong>Media & Audio/Visual:</strong> Photography, videography, and sound system management.
+                  </li>
+                  <li className="mb-3">
+                    <i className="fas fa-hands-helping" style={{ color: "#D4AF37", marginRight: "10px" }}></i>
+                    <strong>Cleanup Crew:</strong> Helping restore the venue premises post-event.
+                  </li>
+                </ul>
+                <div className="btn-wrap mt-40">
+                  <Link href="/contact" className="btn style2">Sign Up as a Volunteer Today</Link>
+                </div>
+              </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>
+
+      {/* 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">DONATIONS</span> */}
+                <h2 className="sec-title">Donation & Sponsorship Options (Kainkaryam)</h2>
+                <p className="sec-text">
+                  Building a home for our deities is a collective, community-driven effort. We invite devotees to generously sponsor various aspects of the Prana Prathishta. Every contribution helps establish this spiritual anchor in the Waterloo region.
+                </p>
+                <h4 className="mt-4 mb-3" style={{ fontSize: "20px" }}>Sponsorship Tiers</h4>
+                <ul className="list-unstyled mb-4">
+                  <li className="mb-2"><i className="fas fa-gift" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Mahotsava Ubhayam:</strong> $1,301</li>
+                  <li className="mb-2"><i className="fas fa-gift" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Utsava Ubhayam:</strong> $801</li>
+                  <li className="mb-2"><i className="fas fa-gift" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Kurukal Ubhyam:</strong> $501</li>
+                  <li className="mb-2"><i className="fas fa-gift" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Laghu Utsavam:</strong> $201</li>
+                  <li className="mb-2"><i className="fas fa-gift" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Annadhanam:</strong> $151</li>
+                  <li className="mb-2"><i className="fas fa-gift" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Pushpa Maalai ubhayam:</strong> $101</li>
+                  <li className="mb-2"><i className="fas fa-gift" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Uthiri Poo Ubhayam:</strong> $51</li>
+                  <li className="mb-2"><i className="fas fa-gift" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Stand up Banner - Business:</strong> $151</li>
+                  <li className="mb-2"><i className="fas fa-gift" style={{ color: "#D4AF37", marginRight: "10px" }}></i><strong>Aarchanai - Family:</strong> $21</li>
+                </ul>
+                <h4 className="mt-4 mb-3" style={{ fontSize: "20px" }}>How to Send Your Contribution</h4>
+                <ul className="list-unstyled mb-4">
+                  <li className="mb-3">
+                    <i className="fas fa-envelope-open-text" style={{ color: "#D4AF37", marginRight: "10px" }}></i>
+                    <strong>Interac E-Transfer:</strong> Send your donations to <strong>donate@waterloomurugantemple.ca</strong>
+                    {/* <span style={{ fontSize: "14px", marginLeft: "28px" }}>(Please mention "Prana Prathishta Donation" and your phone number/email in the notes for tax receipts).</span> */}
+                  </li>
+                  <li className="mb-3">
+                    <i
+                      className="far fa-credit-card"
+                      style={{ color: "#D4AF37", marginRight: "10px" }}
+                    ></i>
+                    <strong>Online Credit/Debit Card:</strong>{" "}
+                    <Link
+                      href="https://www.zeffy.com/en-CA/ticketing/prana-prathistapana-sponsor-and-donor--2026"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-primary fw-bold"
+                      style={{ textDecoration: "underline" }}
+                    >
+                      Secure Online Donation
+                    </Link>
+                  </li>
+                </ul>
+                {/* <p className="sec-text" style={{ fontStyle: "italic" }}>
+                  <i className="fas fa-info-circle" style={{ color: "#D4AF37", marginRight: "5px" }}></i> Tax receipts will be provided for all eligible financial contributions.
+                </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/5.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">LOCATION</span> */}
+                <h2 className="sec-title">Venue & Directions</h2>
+                <p className="sec-text">
+                  The event is being hosted at the spacious Radha Krishna Mandir & Cultural Centre in Cambridge to safely accommodate our growing community.
+                </p>
+                <ul className="list-unstyled mt-3 mb-4">
+                  <li className="mb-3">
+                    <i className="fas fa-map-marker-alt" style={{ color: "#D4AF37", marginRight: "10px" }}></i>
+                    <strong>Address:</strong> 85 Boxwood Dr, Cambridge, ON N3E 0E5
+                  </li>
+                  <li className="mb-3">
+                    <i className="fas fa-parking" style={{ color: "#D4AF37", marginRight: "10px" }}></i>
+                    <strong>Parking:</strong> Ample free parking is available on-site at the Mandir. Because the event begins promptly at 5:00 AM, devotees are kindly requested to arrive early to ensure smooth parking and seating.
+                  </li>
+                </ul>
+                <div className="mt-4">
+                  <iframe
+                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2899.7135898808544!2d-80.3475871239088!3d43.3831201711166!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882c77cc9a72dfa3%3A0xc39bc6f62bbf6b14!2s85%20Boxwood%20Dr%2C%20Cambridge%2C%20ON%20N3E%200E5!5e0!3m2!1sen!2sca!4v1700000000000!5m2!1sen!2sca"
+                    width="100%"
+                    height="300"
+                    style={{ border: 0, borderRadius: "10px" }}
+                    allowFullScreen=""
+                    loading="lazy"
+                    referrerPolicy="no-referrer-when-downgrade"
+                  ></iframe>
+                </div>
+                {/* <div className="btn-wrap mt-40">
+                  <Link href="/contact" className="btn style2">Sign Up as a Volunteer Today</Link>
+                </div> */}
+              </div>
+            </div>
+
+            <div className="col-xl-6">
+              <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
+                <img
+                  src="/assets/img/pranaprathistapanai/6.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;

src/app/globals.scss

@@ -14,3 +14,46 @@
 @import "~/public/assets/css/fontawesome.min.css";
 @import "/public/assets/css/demo.scss";
 @import "/public/assets/sass/style.scss";
+
+// Custom styles for specific pages
+.event-prana-breadcrumb {
+  @media (min-width: 1200px) {
+    padding: 385px 0 155px !important;
+  }
+}
+
+@media (max-width: 530px) {
+  .event-prana-breadcrumb {
+    padding: 200px 0 0 !important;
+  }
+}
+
+@media (max-width: 580px) {
+  .prana-footer {
+    width: 100%;
+    max-width: 100vw;
+    overflow-x: hidden;
+    box-sizing: border-box;
+
+    .container {
+      padding: 30px 15px !important;
+    }
+    
+    .widget_title {
+      font-size: 22px !important;
+      margin-bottom: 15px !important;
+    }
+    
+    .sec-text {
+      font-size: 14px !important;
+      word-break: break-all !important;
+      margin-bottom: 15px !important;
+    }
+    
+    .btn {
+      padding: 10px 15px !important;
+      font-size: 12px !important;
+    }
+  }
+}
+

src/components/Breadcrumb.jsx

@@ -1,10 +1,10 @@
 
 import Link from "next/link";
 
-const Breadcrumb = ({ title, background, heading }) => {
+const Breadcrumb = ({ title, background, heading, wrapperStyle, wrapperClass = "" }) => {
   return (
-    <div className="breadcumb-wrapper"
-      style={{ backgroundImage: `url(${background})` }}
+    <div className={`breadcumb-wrapper ${wrapperClass}`}
+      style={{ backgroundImage: `url(${background})`, ...wrapperStyle }}
     >
       <div className="container">
         <div className="row">

src/components/HeaderFour.jsx

@@ -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>