home page logo for vbs

Client/src/app/components/home/home.component.html

@@ -41,12 +41,9 @@
 <div id="content-wrapper">
 
     <div style="text-align: center; position: relative; margin-bottom: 15px; " *ngIf="showVBS">
-        <div style="position: absolute; width: 100%; height: calc(65% + 15px); top: 35%; background-color: rgb(240,240,240);"></div>
+        <div style="position: absolute; width: 100%; height: calc(65% + 15px); top: 35%;"></div>
         <a routerLink="/vbs" style="display: block; width:75%; max-width: 350px; position: relative; z-index: 1; margin-left: auto; margin-right: auto;">
             <img src="assets/images/home-images/tiny/vbs2026.jpg" style="width:100%; height: auto; display: block; box-shadow: 0 0 20px gray;"  >
-            <div style="margin-top: 30px; font-size: 30px;">
-                Click To Register!
-            </div>
         </a>
 
     </div> 
@@ -54,6 +51,21 @@
         &nbsp;
     </div>
 
+    <div class="row tint" *ngIf="showVBS">
+        <div class="row-content">
+            <div class="row-content-col-right align-top" style="text-align: center;">
+                 <a routerLink="/vbs"><img style="width: auto; max-height: 200px;" ofbFadeInOnScroll src="assets/images/home-images/tiny/vbs-logo.jpg"></a>
+            </div>
+            <div class="row-content-col-left">
+                <p ofbFadeInOnScroll class="row-content-header">Vacation Bible School</p>  
+                <p>Join us for fun evenings jam-packed with Bible lessons, games, snacks and prizes!</p>              
+                <p ofbFadeInOnScroll class="action"><a href="#" routerLink="/vbs" class="align-top">Click Here To Register</a></p>
+                <!-- <img ofbFadeInOnScroll src="assets/images/home-images/2-church-color.png"> -->
+               
+            </div>
+        </div>
+    </div>
+
     <div class="row tint" *ngIf="showVGC" >            
         <div class="row-content">
             <div class="row-content-col-left center">                    

Client/src/app/components/vbs-page/vbs-page.component.html

@@ -166,7 +166,7 @@
 
               <mat-form-field class="w-100" [class.background-error]="hasErrors('zip')">
               <mat-label>Zip</mat-label>
-              <input matInput type="text" formControlName="zip" required>
+              <input matInput type="number" formControlName="zip" required>
               <mat-error>Please enter parent/guardian zip</mat-error>
               </mat-form-field>
             </div>

Client/src/app/components/vbs-page/vbs-page.component.ts

@@ -83,8 +83,8 @@ this.form = this.formBuilder.group({
     var attendedInPast = this.form.get('attendedInPast');
     var ridesBus = this.form.get('ridesBus');
 
-    var hasFirst = firstName && firstName.value && firstName.value.length > 2;
-    var hasLast = lastName && lastName.value && lastName.value.length > 2;
+    var hasFirst = firstName && firstName.value && firstName.value.length > 1;
+    var hasLast = lastName && lastName.value && lastName.value.length > 1;
     var hasGrade = grade && grade.value && grade.value > 0;
     var hasDob = dob && dob.value != null;
     var hasAllergiesComplete = hasAllergies && hasAllergies.value != null;