Updated site to use momentum for contacting, registration, gallery and calendar, as well as some other updates to the site content

src/app/components/footer/footer.component.html

@@ -1,24 +1,16 @@
 <footer>
 	<div class="social text-center py-3" style="background: #990000">
-<!--		<h2 class="mb-4">Follow us on social media</h2>-->
-<!--		<div class="d-flex justify-content-around mx-auto transparent-link" style="max-width: 300px">-->
-<!--			<a href="https://discord.gg/wW458KYR79" target="_blank">-->
-<!--				<i class="fa-brands fa-discord fa-2xl"></i>-->
-<!--			</a>-->
-<!--			<a href="https://facebook.com" target="_blank" aria-label="Facebook">-->
-<!--				<i class="fa-brands fa-facebook fa-2xl"></i>-->
-<!--			</a>-->
-<!--			<a href="https://instagram.com" target="_blank" aria-label="Instagram">-->
-<!--				<i class="fa-brands fa-instagram fa-2xl"></i>-->
-<!--			</a>-->
-<!--			<a href="https://tiktok.com" target="_blank" aria-label="TikTok">-->
-<!--				<i class="fa-brands fa-tiktok fa-2xl"></i>-->
-<!--			</a>-->
-<!--			<a href="https://youtube.com" target="_blank" aria-label="Youtube">-->
-<!--				<i class="fa-brands fa-youtube fa-2xl"></i>-->
-<!--			</a>-->
-<!--		</div>-->
-<!--		<h3 class="mt-4 mb-0">so we can invade your feed ⚔️</h3>-->
+		<div class="text-center d-flex flex-row justify-content-center align-items-center gap-3">
+			<hr class="flex-grow-1 m-0 opacity-75">
+			<div class="d-flex flex-column align-items-end">
+				<h2 class="mb-0">Ready to Enlist?</h2>
+				<p class="mb-0">Take your place in our ranks...</p>
+			</div>
+			<div class="d-flex align-items-center">
+				<a [routerLink]="['/register']" class="btn btn-light btn-lg">JOIN NOW</a>
+			</div>
+			<hr class="flex-grow-1 m-0 opacity-75">
+		</div>
 	</div>
 	<div class="bg-dark text-center text-sm-start">
 		<div class="d-flex flex-column flex-sm-row flex-wrap justify-content-center container p-3 pb-0">