Updated banner

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "legio-xxx",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "legio-xxx",
-      "version": "0.0.0",
+      "version": "1.0.0",
       "dependencies": {
         "@angular/animations": "^14.2.0",
         "@angular/cdk": "^14.2.2",

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

@@ -29,40 +29,24 @@
 </section>
 
 <!-- Discord -->
-<!--<section class="d-flex" style="background-color: #990000">-->
+<section class="d-flex" style="background-color: #990000">
-<!--	<div class="d-flex flex-grow-1">-->
+	<div class="d-flex flex-grow-1">
-<!--		<div class="h-100 w-100" style="background: #7289d9"></div>-->
+		<div class="h-100 w-100" style="background: #7289d9"></div>
-<!--		<img class="d-block d-md-none" src="/assets/img/discord.png" style="height: 100px; transform: translateX(-1px);">-->
+		<img class="d-block d-md-none" src="/assets/img/calendar-banner.png" style="height: 100px; transform: translateX(-1px);">
-<!--		<img class="d-none d-md-block" src="/assets/img/discord.png" style="height: 200px; transform: translateX(-1px);">-->
+		<img class="d-none d-md-block" src="/assets/img/calendar-banner.png" style="height: 200px; transform: translateX(-1px);">
-<!--	</div>-->
+	</div>
-<!--	<div class="d-flex justify-content-start align-items-center flex-grow-1 p-3">-->
+	<div class="d-flex justify-content-start align-items-center flex-grow-1 p-3">
-<!--		<div class="d-block text-center">-->
-<!--			<h1 class="d-block m-0 mb-md-3 transparent-link">-->
-<!--				<a href="https://discord.gg/wW458KYR79" target="_blank">Join us on Discord</a>-->
-<!--			</h1>-->
-<!--			<div class="d-none d-md-inline">-->
-<!--				<p>-->
-<!--					Ask us questions, get involved-->
-<!--					<br><br>-->
-<!--					and celebrate the glory of Rome with us!-->
-<!--				</p>-->
-<!--			</div>-->
-<!--		</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="/gallery" style="font-weight: bold; text-decoration: none;">⚔️ Witness the Glory: Explore our Gallery</a>
+				<a href="https://discord.gg/wW458KYR79" target="_blank">⚔️ Witness the Glory</a>
 			</h1>
 			<div class="d-none d-md-inline">
 				<p>
-					Experience the history and spirit of the legion through our photos.
+					Join our monthly meetings
-					<br><br>
+					<br>
-					See our gear, events, and traditions in action!
+					Experience the history and spirit of the legion
+					<br>
+					<a [routerLink]="['/register']" class="text-white fw-bold">JOIN NOW</a>
 				</p>
 			</div>
 		</div>