Merge pull request #425 from valor-software/development

feat: changed home page banner
valor-software · Feb 14, 2024 · 5911efc · 5911efc
2 parents fe559f1 + c7f5c1d
commit 5911efc
Showing 1 changed file with 16 additions and 15 deletions.
diff --git a/libs/route-pages/home-page/src/main-page.component.html b/libs/route-pages/home-page/src/main-page.component.html
@@ -1,23 +1,24 @@
 <section class="landing-section flex flex-col items-center pt-12 first-section pb-0">
 	<div class="container md:flex flex-column space-between">
 		<div class="lg:flex flex-col items-start self-center">
-			<img src="assets/img/bg-img/main_page/main_page_bg_rspack.png" alt="Rspack mascot"
+			<img src="assets/img/bg-img/main_page/main_page_bg.png" alt="Dmitriy Shekhovtsov photo"
 			     class="block lg:hidden h-full w-full max-h-700 object-contain my-10" style="width: 100%; height: 100%">
 
 			<h1 class="font-bold text-light_title_col text-4xl leading-44 md:leading-66 md:text-64 mb-8 md:w-11/12 ">
-				Extreme build performance NestJS
+				Recognized Global Thought Leaders in Front End Digital Transformation
 			</h1>
 			<p class="leading-6 text-grey_font_col lg:mb-8 mb-14">
-				Leveraging Rspack and Nx while working to increase build performance for NestJS
+				Valor Software is more than just a software development company.
+				We’re a team of people driven by innovation who pull off the impossible with the blend of
+				the brightest technological minds and edge technologies.
 			</p>
-			<a class="btn-pink flex md:justify-between justify-center py-5 px-10 w-full lg:w-auto"
-			   routerLink="/press-release/nestjs-rspack-cicd-performance"
-			>Learn more
-			 <!-- <img src="assets/img/icons/arrow.svg" class="ml-2 rotate-90" alt=""> -->
-			</a>
+			<button class="btn-pink flex md:justify-between justify-center py-5 px-10 w-full lg:w-auto"
+			        routerLink="/"
+			        fragment="technologies">Review our tech stack
+				<img src="assets/img/icons/arrow.svg" class="ml-2 rotate-90" alt=""></button>
 		</div>
 
-		<img src="assets/img/bg-img/main_page/main_page_bg_rspack.png" alt="Rspack mascot"
+		<img src="assets/img/bg-img/main_page/main_page_bg.png" alt="Dmitriy Shekhovtsov photo"
 		     class="hidden lg:block h-full w-full max-h-700 object-contain lg:object-cover"
 		     style="width: 100%; height: 100%">
 	</div>
@@ -63,10 +64,10 @@ <h1 class="main-title">Technology</h1>
 						<div class="absolute inset-0 flex flex-col justify-end p-6 w-full h-full"
 						     [style.background]="'linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%)'">
 							<p class="font-bold text-light_title_col text-xl mb-2 text-center lg:text-left">
-								{{project.name}}</p>
+								{{ project.name }}</p>
 							<div class="hidden lg:flex flex-wrap">
                                 <span *ngFor="let item of project.aspects.technology_stack | slice:0:3"
-                                      class="text-light_title_col text-sm px-3.5 py-1 border border-light_title_col rounded-20 mr-2 hover:text-grey_bg hover:bg-light_title_col transition-colors">{{item}}</span>
+                                      class="text-light_title_col text-sm px-3.5 py-1 border border-light_title_col rounded-20 mr-2 hover:text-grey_bg hover:bg-light_title_col transition-colors">{{ item }}</span>
 							</div>
 						</div>
 					</a>
@@ -125,9 +126,9 @@ <h3 class="md:text-large text-32 lg:text-56 text-light_title_col lg:leading-66 l
 					</div>
 					<p class="w-full font-40 font-bold text-large text-light_title_col mb-4" [innerHTML]="slide.title">
 					</p>
-					<p class="text-light_title_col text-xl mb-8 w-full">{{slide.description}}</p>
+					<p class="text-light_title_col text-xl mb-8 w-full">{{ slide.description }}</p>
 					<ul class="list-disc text-grey_font_col pl-5">
-						<li class="leading-4 mb-4" *ngFor="let item of slide.list">{{item}}</li>
+						<li class="leading-4 mb-4" *ngFor="let item of slide.list">{{ item }}</li>
 					</ul>
 				</div>
 				<button class="flex justify-center w-full lg:w-214">
@@ -142,11 +143,11 @@ <h3 class="md:text-large text-32 lg:text-56 text-light_title_col lg:leading-66 l
 				<ng-container *ngIf="slide.downloads">
 					<div class="m-auto w-5/12 border-2 p-2 rounded-md">
 						<p class="text-xl">Monthly downloads</p>
-						<p class="text-large" *ngIf="!slide.npmLink">{{slide.downloads | number}}</p>
+						<p class="text-large" *ngIf="!slide.npmLink">{{ slide.downloads | number }}</p>
 						<p class="text-large cursor-pointer" *ngIf="slide.npmLink">
 							<a [href]="slide.npmLink"
 							   rel="noopener"
-							   target="_blank">{{slide.downloads | number}}
+							   target="_blank">{{ slide.downloads | number }}
 							</a>
 						</p>
 					</div>