feat(footer+aboutUs): added main content added, footer redesign started

src/AboutUs/AboutUs.js

@@ -1,5 +1,56 @@
+import UpdateBanner from "../Header/UpdateBanner";
+
 export default function AboutsUs() {
 	return (
-        <p>About Us</p>
+		<>
+			<UpdateBanner
+				updatedTitleText="About Us"
+				updatedSubtitleText=""
+				updatedImgUrl="https://picsum.photos/200"
+				updatetdImgAlt="Lorem Picsum"
+			/>
+			<div>
+				<h2>Upcoming Events</h2>
+			</div>
+			<div>
+				<div>
+					<h2>Our Mission</h2>
+					<p>
+						More info about the club, expanding on what was on the home page. We
+						have students learn because we build so and so and incorporate all
+						these skills.
+					</p>
+				</div>
+
+				<img
+					src="https://picsum.photos/200"
+					alt="temp"
+				/>
+			</div>
+			<div>
+				<img
+					src="https://picsum.photos/200"
+					alt="temp"
+				/>
+				<div>
+					<h2>The Competition</h2>
+					<p>what the competition is about</p>
+				</div>
+			</div>
+			<div>
+				<div>
+					<p>Static Events</p>
+				</div>
+				<div>
+					<p>Dynamic Events</p>
+				</div>
+			</div>
+			<article>
+				<p>Slight info about our car but also link that leads to history</p>
+			</article>
+			<p>
+				Intersted in joining? <a href="mailto:uofcbaja@gmail.com">email us</a>
+			</p>
+		</>
 	);
-};
+}

src/Footer/Ender.css

@@ -31,3 +31,7 @@
 	list-style-type: none;
 	padding-right: 2%;
 }
+
+#ender a img {
+	height: 7svh;
+}

src/Footer/Ender.js

@@ -1,4 +1,8 @@
 import "./Ender.css";
+import linkedInLogo from "./InBug-White.png";
+import instagramLogo from "./instagram-white-icon.png";
+import emailLogo from "./email-white.png";
+import authors from "./humans.txt";
 /**
  * @param {null} null - requires onthing
  * @returns {JSX.Element} Page - HTML tags and JS functionality
@@ -6,23 +10,55 @@ import "./Ender.css";
  * @author Brock <darkicewolf50@gmail.com>
  * @todo add who helped developed the site and finalize css
  */
-const Ender = () => {
+export default function Ender() {
+	const date = new Date();
+
 	return (
 		<footer id="ender">
 			<div>
-				<p>&#169; 2023 by Schulich Off-Road </p>
+				<p>&#169; {date.getFullYear()} UCalgary Baja </p>
 				<p
 					onClick={() => window.open("https://www.morphgenix.com/", "_blank")}
 					id="pointerCursor">
 					Partnered with Morphgenix
 				</p>
 			</div>
+			<div>
+				<a href="https://www.linkedin.com/company/schulich-off-road/">
+					<img
+						src={linkedInLogo}
+						alt="Linkedin Logo"
+					/>
+				</a>
+				<a href="https://www.instagram.com/uofcbaja/">
+					<img
+						src={instagramLogo}
+						alt="Intragram Logo"
+					/>
+				</a>
+				<a href={authors}>
+					<img
+						src="https://humanstxt.org/img/oficial-logos/humanstxt-transparent-1ink.png"
+						alt="humans txt"
+					/>
+				</a>
+				<a href="mailto:uofcbaja@gmail.com?subject=Lets start something great">
+					<img
+						src={emailLogo}
+						alt="email us logo"
+					/>
+				</a>
+				<a href="https://www.facebook.com/schulich.offroad/">
+					<img
+						src="https://img.icons8.com/ios-filled/50/FFFFFF/facebook--v1.png"
+						alt="Facebook Logo"
+					/>
+				</a>
+			</div>
 			<ul className="hidden">
 				<li>Developed by:</li>
 				<li>Brock</li>
 			</ul>
 		</footer>
 	);
-};
-
-export default Ender;
+}

src/Footer/humans.txt

@@ -0,0 +1,27 @@
+/* TEAM */
+	Lead:Brock
+	Contact: hello [at] humanstxt.org
+	Github: darkicewolf50
+
+	UI developer: Maria Macias
+	Twitter: @maria_ux
+
+	One eyed illustrator: Carlos Mañas
+	Twitter: @oneeyedman
+
+	Standard Man: Abel Cabans
+	Twitter: @abelcabans
+
+	Web designer: Abel Sutilo
+	Twitter: @abelsutilo
+	From:Sevilla, Andalucia, Spain
+
+/* THANKS */
+
+		
+
+/* SITE */
+	Last update:2025/02/04
+	Language: English
+	Doctype:HTML5
+	IDE: VSCode