link updated

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

@@ -12,13 +12,13 @@ export default function PranaprathistapanaiPujai() {
   return (
     <>
       <HeaderFour />
-      <Breadcrumb 
+      <Breadcrumb
-        background="/assets/img/pranaprathistapanai/img.webp" 
+        background="/assets/img/pranaprathistapanai/img.webp"
-        heading="none" 
+        heading="none"
         wrapperClass="event-prana-breadcrumb"
       />
       <Pranaprathistapanai />
-      <footer className="footer-wrapper footer-layout1" style={{ backgroundImage: "url(/assets/img/footer.jpg)" }}>
+      <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">
@@ -32,7 +32,7 @@ export default function PranaprathistapanaiPujai() {
               <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.
@@ -42,7 +42,7 @@ export default function PranaprathistapanaiPujai() {
                 <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!

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

@@ -245,12 +245,12 @@ const Pranaprathistapanai = () => {
                 <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> <br/>
+                    <strong>Interac E-Transfer:</strong> Send your donations to <strong>donate@waterloomurugantemple.ca</strong> <br />
                     <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="/donation" className="text-primary fw-bold" style={{ textDecoration: "underline" }}>Secure Online Donation</Link>
+                    <strong>Online Credit/Debit Card:</strong> <Link href="https://www.zeffy.com/en-CA/ticketing/prana-prathistapana-sponsor-and-donor--2026" className="text-primary fw-bold" style={{ textDecoration: "underline" }}>Secure Online Donation</Link>
                   </li>
                 </ul>
                 <p className="sec-text" style={{ fontStyle: "italic" }}>
@@ -324,7 +324,7 @@ const Pranaprathistapanai = () => {
       </section>
 
       {/* Gallery Section */}
-      <div className="portfolio-area-1 space-bottom">
+      {/* <div className="portfolio-area-1 space-bottom">
         <div className="container">
           <div className="row justify-content-center">
             <div className="col-lg-5">
@@ -360,7 +360,7 @@ const Pranaprathistapanai = () => {
             <img src={imageSrc} alt="Fullsize" />
           </div>
         )}
-      </div>
+      </div> */}
 
       {/* Registration Section */}
       {/* <section className="faq-area-2 space-bottom">

src/app/globals.scss

@@ -16,8 +16,44 @@
 @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;
+    }
+  }
+}
+