Match approved staging footer: contact-only address and directions

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
+                    <strong>{templeContact.name}</strong>
-                    <br />935 Frederick St, Kitchener, ON N2B 1V5, Canada.
+                    <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">
+                    <Link href={`mailto:${templeContact.email}`}>
-                      <i className="fa fa-envelope" />&nbsp;&nbsp;info@waterloomurugantemple.ca
+                      <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" />&nbsp;&nbsp;Sri Murugan Temple of waterloo Region,
+                      <i className="fa fa-map-marker-alt" aria-hidden="true" />&nbsp;&nbsp;{templeContact.street}
-                    <br />935 Frederick St, Kitchener, ON N2B 1V5, <br />
+                      <br />{templeContact.locality}
-                    Canada.
+                      <br />{templeContact.country}.
+                    </p>
+                  </address>
+                  <p>
+                    <a href={templeDirectionsUrl} style={{ textDecoration: "underline", textUnderlineOffset: "4px" }}>
+                      Get Directions
+                    </a>
                   </p>
                 </div>
               </div>

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)}`;