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

src/app/views/home/home.component.html

@@ -2,6 +2,7 @@
 <header id="banner" style="height: calc(100vh - 64px)">
 	<xxx-banner></xxx-banner>
 </header>
+
 <!-- ABout -->
 <section id="about" class="d-flex flex-column flex-md-row align-items-center justify-content-center" style="height: 100vh">
 	<div class="d-none d-md-inline flex-grow-1 text-end" style="flex-basis: 0">
@@ -26,6 +27,7 @@
 		<img class="mt-5" src="/assets/img/standard.png" alt="Legio XXX Standard" height="250px" width="auto">
 	</div>
 </section>
+
 <!-- Discord -->
 <!--<section class="d-flex" style="background-color: #990000">-->
 <!--	<div class="d-flex flex-grow-1">-->
@@ -48,24 +50,25 @@
 <!--		</div>-->
 <!--	</div>-->
 <!--</section>-->
+
 <!-- Meetings -->
 <section class="d-flex justify-content-center py-4" style="background-color: #990000">
-
 	<div class="d-flex justify-content-start align-items-center">
 		<div class="d-block text-center">
 			<h1 class="d-block m-0 mb-md-3 transparent-link">
-				<a routerLink="/" fragment="contact">Join Our Monthly Meetings</a>
+				<a routerLink="/gallery" style="font-weight: bold; text-decoration: none;">⚔️ Witness the Glory: Explore our Gallery</a>
 			</h1>
 			<div class="d-none d-md-inline">
 				<p>
-					Meet the legion, ask questions, and learn how to get involved.
+					Experience the history and spirit of the legion through our photos.
 					<br><br>
-					Contact us to be added to the event list!
+					See our gear, events, and traditions in action!
 				</p>
 			</div>
 		</div>
 	</div>
 </section>
+
 <!-- Links -->
 <section id="resources" class="d-flex flex-column flex-md-row align-items-center justify-content-center invert" style="min-height: 50vh; max-height: 100vh; background: url('/assets/img/texture.png') repeat;">
 	<div class="py-5 container">
@@ -77,7 +80,7 @@
 				<div>
 					<h3 class="mb-1">Legio XXX</h3>
 					<p class="m-0">Learn about Legio XXX, who we are & what we do</p>
-					<a routerLink="/about">About Us</a> / <a routerLink="/gallery">Gallery</a> / <a routerLink="/" fragment="contact">Contact</a>
+					<a routerLink="/about">About Us</a> / <a routerLink="/" fragment="contact">Contact</a> / <a routerLink="/gallery">Gallery</a>
 				</div>
 			</div>
 			<div class="d-flex p-3 pe-4 rounded-1 bg-light m-3 align-items-center border" style="min-width: 45%; flex: 1 0 0;">
@@ -107,19 +110,20 @@
 				<div>
 					<h3 class="mb-1">Equipment</h3>
 					<p class="m-0">Learn how to assemble & maintain your kit</p>
-					<a routerLink="/buy">Buy Equipment</a> / <a routerLink="/diy">Build Equipment</a> / <a routerLink="/maintenance">Maintenance</a>
+					<a routerLink="/equipment">Acquire Equipment</a> / <a routerLink="/maintenance">Maintenance</a>
 				</div>
 			</div>
 		</div>
 	</div>
 </section>
+
 <!-- Recruitment -->
 <section id="recruitment" class="d-flex flex-column flex-md-row align-items-center justify-content-center invert" style="padding: 10rem 0">
 	<div class="flex-grow-1 mt-5 mt-md-0 p-5 pb-0 text-center text-md-end" style="flex-basis: 0">
 		<img src="/assets/img/recruitment.png" alt="Recruitment poster" style="max-width: min(90%, 400px)">
 	</div>
 	<div class="d-flex flex-grow-1 justify-content-start align-items-center" style="flex-basis: 0">
-		<div class="d-block text-center">
+		<div class="d-block text-center d-flex flex-column align-items-center">
 			<h2 class="my-3">Enlist Today!</h2>
 			<p>
 				Interested in any <a routerLink="/events/calendar">events</a>?
@@ -130,13 +134,18 @@
 				<br><br>
 				Family participation is welcome!
 			</p>
+			<div class="d-flex align-items-center">
+				<a [routerLink]="['/register']" class="btn btn-light btn-lg" style="background: var(--theme-primary); color: var(--theme-primary-contrast)">JOIN NOW</a>
+			</div>
 		</div>
 	</div>
 </section>
+
 <!-- Page Break-->
 <section style="background: #fff">
 	<div style="height: 300px; background: 0 url('/assets/img/formation.png') repeat-x; background-size: auto 300px;"></div>
 </section>
+
 <!-- Contact -->
 <section id="contact" class="d-flex flex-column align-items-center justify-content-center" style="padding: 10rem 0">
 	<div class="container">