Tidying up contact us page

matthewwilson · Sep 14, 2024 · 1523e61 · 1523e61
1 parent ab79eb0
commit 1523e61
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 1 deletion.
diff --git a/public/img/contact.jpg b/public/img/contact.jpg
diff --git a/src/components/contact/ContactPage.js b/src/components/contact/ContactPage.js
@@ -1,12 +1,14 @@
 import React from 'react';
 import Page from '../page/Page';
+import PageBanner from '../page/PageBanner';
 import './ContactPage.css'
 
 
 const ContactPage = (props) => {
   return (
     <Page>
       <div className="contact-page">
+        <PageBanner imageUrl="/img/contact.jpg" titleColour="white" title="CONTACT US"/>
         <br/>
         <p>
           Saintfield Baptist Church<br/>

diff --git a/src/components/footer/Footer.js b/src/components/footer/Footer.js
@@ -13,7 +13,7 @@ const Footer = (props) => {
         </div>
         <div className="row">
           <div className="col-sm">
-            <p>Saintfield Baptist Church<br/>51 Crossgar Road, Saintfield<br/>2024 &copy; Saintfield Baptist Church</p>
+            <p>Saintfield Baptist Church<br/><a href="https://maps.app.goo.gl/cCK2hDGhzcyUX23M9">51 Crossgar Road, Saintfield</a><br/>2024 &copy; Saintfield Baptist Church</p>
           </div>
           <div className="col-sm">
             <p className="footer-social-title">STAY CONNECTED</p>

diff --git a/src/components/page/Page.css b/src/components/page/Page.css
@@ -1,6 +1,7 @@
 .page {
   margin: 0 10px;
   font-family: 'Raleway', sans-serif;
+  min-height: 100vh;
 }
 
 @media(min-width: 992px) {