From 1fe98600e271e3d1ff93a3f92a508f91344fc7fd Mon Sep 17 00:00:00 2001
From: Waterloomurugantemple <it@waterloomurugantemple.ca>
Date: Sat, 5 Sep 2026 05:55:11 +0000
Subject: [PATCH] Match approved staging footer: contact-only address and
 directions

---
 src/components/FooterAreaOne.jsx | 25 +++++++++++++++++--------
 src/helper/templeContact.js      | 12 ++++++++++++
 2 files changed, 29 insertions(+), 8 deletions(-)
 create mode 100644 src/helper/templeContact.js

diff --git a/src/components/FooterAreaOne.jsx b/src/components/FooterAreaOne.jsx
index b595cee..cbfd6b4 100644
--- a/src/components/FooterAreaOne.jsx
+++ b/src/components/FooterAreaOne.jsx
@@ -1,4 +1,5 @@
 import Link from "next/link";
+import { templeContact, templeDirectionsUrl } from "../helper/templeContact";
 
 
 const FooterAreaOne = () => {
@@ -39,12 +40,13 @@ const FooterAreaOne = () => {
                 <div className="widget-contact">
                   <img
                     src="/assets/img/footer-logo.png"
-                    alt="Footer-logo" className="footer-logo"
+                    alt="Sri Murugan Temple of Waterloo logo" className="footer-logo"
 
                   />
                   <p className="sec-text">
-                    Sri Murugan Temple of Waterloo
-                    <br />935 Frederick St, Kitchener, ON N2B 1V5, Canada.
+                    <strong>{templeContact.name}</strong>
+                    <br />A welcoming place for worship,
+                    <br />learning, and community.
                   </p>
                   <div className="col-auto d-xl-block d-none">
                     <div className="social-links">
@@ -69,14 +71,21 @@ const FooterAreaOne = () => {
                 <h3 className="widget_title">Contact</h3>
                 <div className="widget-contact">
                   <p>
-                    <Link href="mailto:infoname@mail.com">
-                      <i className="fa fa-envelope" />&nbsp;&nbsp;info@waterloomurugantemple.ca
+                    <Link href={`mailto:${templeContact.email}`}>
+                      <i className="fa fa-envelope" aria-hidden="true" />&nbsp;&nbsp;{templeContact.email}
                     </Link>
                   </p>
+                  <address style={{ fontStyle: "normal" }}>
+                    <p>
+                      <i className="fa fa-map-marker-alt" aria-hidden="true" />&nbsp;&nbsp;{templeContact.street}
+                      <br />{templeContact.locality}
+                      <br />{templeContact.country}.
+                    </p>
+                  </address>
                   <p>
-                    <i className="fa fa-map-marker-alt" />&nbsp;&nbsp;Sri Murugan Temple of waterloo Region,
-                    <br />935 Frederick St, Kitchener, ON N2B 1V5, <br />
-                    Canada.
+                    <a href={templeDirectionsUrl} style={{ textDecoration: "underline", textUnderlineOffset: "4px" }}>
+                      Get Directions
+                    </a>
                   </p>
                 </div>
               </div>
diff --git a/src/helper/templeContact.js b/src/helper/templeContact.js
new file mode 100644
index 0000000..ddea9c3
--- /dev/null
+++ b/src/helper/templeContact.js
@@ -0,0 +1,12 @@
+// Shared contact details for the footer and future contact displays.
+export const templeContact = {
+  name: "Sri Murugan Temple of Waterloo",
+  email: "info@waterloomurugantemple.ca",
+  street: "935 Frederick St",
+  locality: "Kitchener, ON N2B 1V5",
+  country: "Canada",
+};
+
+export const templeAddress = `${templeContact.street}, ${templeContact.locality}, ${templeContact.country}`;
+
+export const templeDirectionsUrl = `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(templeAddress)}`;