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

Match approved staging footer: contact-only address and directions
Some checks failed
Build and Deploy Build Output / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Waterloomurugantemple 2026-09-05 05:55:11 +00:00
parent efdad9e5c9
commit 1fe98600e2
2 changed files with 29 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/FooterAreaOne.jsx
View File

@ -1,4 +1,5 @@
import Link from "next/link"; import Link from "next/link";
import { templeContact, templeDirectionsUrl } from "../helper/templeContact";
const FooterAreaOne = () => { const FooterAreaOne = () => {
@ -39,12 +40,13 @@ const FooterAreaOne = () => {
<div className="widget-contact"> <div className="widget-contact">
<img <img
src="/assets/img/footer-logo.png" 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"> <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> </p>
<div className="col-auto d-xl-block d-none"> <div className="col-auto d-xl-block d-none">
<div className="social-links"> <div className="social-links">
@ -69,14 +71,21 @@ const FooterAreaOne = () => {
<h3 className="widget_title">Contact</h3> <h3 className="widget_title">Contact</h3>
<div className="widget-contact"> <div className="widget-contact">
<p> <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> </Link>
</p> </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> <p>
<i className="fa fa-map-marker-alt" />&nbsp;&nbsp;Sri Murugan Temple of waterloo Region, <a href={templeDirectionsUrl} style={{ textDecoration: "underline", textUnderlineOffset: "4px" }}>
<br />935 Frederick St, Kitchener, ON N2B 1V5, <br /> Get Directions
Canada. </a>
</p> </p>
</div> </div>
</div> </div>

12
src/helper/templeContact.js Normal file
View File

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