Ucalgary_Baja/BajaUofCWebsite
4
0
Fork 0
mirror of https://github.com/UofCBaja/BajaUofCWebsite.git synced 2025-06-15 21:34:17 -06:00
Code Issues Packages Projects Releases Wiki Activity

feat(Contact): started contact us page

Browse Source
This commit is contained in:
darkicewolf50 2025-06-10 17:08:53 -06:00
parent 1e71a8ef52
commit a0c3d51743
4 changed files with 70 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
src/Contact/Contact.css Normal file
View File

45
src/Contact/Contact.jsx Normal file
View File

@ -0,0 +1,45 @@
import UpdateBanner from "../Header/UpdateBanner";
import "./Contact.css";
export default function Contact() {
return (
<>
<UpdateBanner
updatedTitleText="Contact Us"
updatedSubtitleText=""
updatedImgUrl="https://picsum.photos/200"
updatetdImgAlt="Lorem Picsum"
/>
<div>
<h1>Hours of Operation</h1>
<a href="mailto:uofcbaja@gmail.com">
<h4>Send us an email.</h4>
<h4>uofcbaja@gmail.com</h4>
</a>
<ul>
<li>Wednesday: 6pm - 8pm</li>
<li>Saturday: 10am - 4pm</li>
</ul>
</div>
<div>
<h1>Join the team</h1>
<div>
<p>
Applications are now on for the 2024-2025 season. Please take a look
at our Instagram to see how you can apply!
</p>
<a href="https://www.instagram.com/ucalgarybaja/">@UofCBaja</a>
</div>
</div>
<div>
<h1>Sponsor the Team</h1>
<a href="mailto:uofcbaja@gmail.com?subject=Lets start something great">
<img
src="https://www.svgrepo.com/show/390657/email-envelope-letter-mail-message-communication.svg"
alt="email symbol"
/>
</a>
</div>
</>
);
}

42
src/Header/Header.js
View File

@ -67,24 +67,24 @@ export default function Header() {
</Link>
<nav>
<ul>
<Link to={"/"}>
<li id="FirstNav">HOME</li>
</Link>
<Link to={"/About"}>
<li>ABOUT</li>
</Link>
<Link to={"/Vehicles"}>
<li>OUR VEHICLES</li>
</Link>
<Link to={"/"}>
<li>HISTORY</li>
</Link>
<Link to={"/OurSponsors"}>
<li>SPONSORS</li>
</Link>
{/* <Link to={"/OurSponsors"}>
<li>Become a Sponsor</li>
</Link> */}
<li>
<Link to={"/"}>HOME</Link>
</li>
<li>
<Link to={"/About"}>ABOUT</Link>
</li>
<li>
<Link to={"/Vehicles"}>OUR VEHICLES</Link>
</li>
{/* <li>
<Link to={"/"}>HISTORY</Link>
</li> */}
<li>
<Link to={"/OurSponsors"}>SPONSORS</Link>
</li>
{/* <li>
<Link to={"/OurSponsors"}>Become a Sponsor</Link>
</li> */}
{/* Removed as no longer needed */}
{/* <li className="DropDown">
{/* this link and li only exits for styling purposes }
@ -115,9 +115,9 @@ export default function Header() {
</Link>
</ul>
</li> */}
<Link to={"/"}>
<li>CONTACT US</li>
</Link>
<li>
<Link to={"/Contact"}>CONTACT US</Link>
</li>
</ul>
</nav>
<div>

4
src/index.js
View File

@ -13,6 +13,7 @@ import "./index.css";
import MockPage from "./MockDB/MockPage";
import Home from "./Home/Home";
import Vehicles from "./Vehicles/Vehicles";
import Contact from "./Contact/Contact";
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
@ -42,6 +43,9 @@ root.render(
<Route
path="/Gallery"
element={<Gallery />}></Route>
<Route
path="/Contact"
element={<Contact />}></Route>
<Route
path="/MockPage"
element={<MockPage />}></Route>