Match approved staging footer: contact-only address and directions
Some checks failed
Build and Deploy Build Output / build (push) Has been cancelled
Some checks failed
Build and Deploy Build Output / build (push) Has been cancelled
This commit is contained in:
parent
efdad9e5c9
commit
1fe98600e2
@ -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" /> info@waterloomurugantemple.ca
|
||||
<Link href={`mailto:${templeContact.email}`}>
|
||||
<i className="fa fa-envelope" aria-hidden="true" /> {templeContact.email}
|
||||
</Link>
|
||||
</p>
|
||||
<address style={{ fontStyle: "normal" }}>
|
||||
<p>
|
||||
<i className="fa fa-map-marker-alt" aria-hidden="true" /> {templeContact.street}
|
||||
<br />{templeContact.locality}
|
||||
<br />{templeContact.country}.
|
||||
</p>
|
||||
</address>
|
||||
<p>
|
||||
<i className="fa fa-map-marker-alt" /> 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>
|
||||
|
||||
12
src/helper/templeContact.js
Normal file
12
src/helper/templeContact.js
Normal 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)}`;
|
||||
Loading…
x
Reference in New Issue
Block a user