Merge pull request #430 from valor-software/refactor/seo-part2

refactor: implemented seo optimization part-2

libs/common-docs/src/components/app-footer/app-footer.component.html

@@ -10,7 +10,7 @@
 			<span class="m-0 text-header_font_col text-sm pt-4">Valor Labs Inc.</span>
 			<span class="m-0 text-center text-header_font_col text-sm pt-3 w-48 lg:text-left">8 The Green, Suite 300 Dover DE 19901</span>
 
-			<span class="m-0 text-header_font_col text-sm pt-3">© 2023, Valor Software All Rights Reserved</span>
+			<span class="m-0 text-header_font_col text-sm pt-3">© 2024, Valor Software All Rights Reserved</span>
 			<a class="m-0 text-header_font_col text-sm link pt-3"
 			   routerLink="/privacy-policy">Privacy Policy
 			</a>

libs/common-docs/src/components/next-project/next-project.component.html

@@ -1,5 +1,5 @@
 <section class="landing-section">
-    <h1 class="main-title">Next Project</h1>
+    <span class="main-title block">Next Project</span>
     <div class="container">
         <div class="w-full max-w-80% mx-auto" *ngIf="nextProject">
             <a class="block mb-10 zoom-img-scale cursor-pointer" href="javascript:void(0)"

libs/route-pages/ashes-page/src/lib/ashes-page.component.html

@@ -51,7 +51,7 @@
   </section>
 
   <section class="landing-section">
-    <h1 class="main-title">Background</h1>
+    <span class="main-title block">Background</span>
     <div class="container">
       <div class="lg:flex lg:justify-center">
         <div class="lg:flex justify-center align-center hidden lg:block flex-1">
@@ -73,7 +73,7 @@ <h1 class="main-title">Background</h1>
   </section>
 
   <section class="landing-section">
-    <h1 class="main-title">Challenge</h1>
+    <span class="main-title block">Challenge</span>
     <div class="container">
       <div class="lg:flex lg:justify-center lg:items-center">
         <div class="lg:pr-6 lg:w-2/3">
@@ -92,7 +92,7 @@ <h1 class="main-title">Challenge</h1>
   </section>
 
   <section class="landing-section">
-    <h1 class="main-title">Deliverables</h1>
+    <span class="main-title block">Deliverables</span>
     <div class="container">
       <h2 class="text-dar_grey_font_col text-left text-24 lg:text-40 mb-14 lg:w-10/12 tracking-tightest">
         Valor team has
@@ -195,7 +195,7 @@ <h2 class="text-feedback_font_col text-left leading-56 text-24 lg:text-40 font-b
   </section>
 
   <section class="landing-section hidden md:block" *ngIf="project.feedback">
-    <h1 class="main-title">Feedback</h1>
+    <span class="main-title block">Feedback</span>
     <div class="container">
       <feedback [startFrom]="project.feedback"></feedback>
     </div>

libs/route-pages/blog/src/components/article/article.component.html

@@ -58,7 +58,7 @@
 		</div>
 	</section>
 	<section class="landing-section">
-		<h1 class="main-title">More Articles</h1>
+		<span class="main-title block">More Articles</span>
 		<div class="container">
 			<blog-preview [currentArticle]="article"></blog-preview>
 		</div>

libs/route-pages/blog/src/pages/blog-page/blog-page.component.html

@@ -85,7 +85,7 @@ <h1 class="main-title mb-4">Latest Articles</h1>
 
 <section class="landing-section pt-0">
 	<div class="container pb-5 flex flex-col">
-		<h1 class="main-title mt-10 mb-4 lg:mb-12">All Articles</h1>
+		<span class="main-title block mt-10 mb-4 lg:mb-12">All Articles</span>
 
 		<div *ngIf="articles.length > 0"
 		     class="flex justify-between items-center"

libs/route-pages/booking-page/src/booking-page.component.html

@@ -51,7 +51,7 @@
 </section>
 
 <section class="lg:mb-[132px]">
-	<h1 class="main-title lg:mb-10 ">Background</h1>
+	<span class="main-title block lg:mb-10 ">Background</span>
 	<div class="container">
 		<div class="flex flex-col lg:flex-row gap-10 items-center">
 			<img class="m-auto md:w-[35%]" src="assets/img/bg-img/booking_page/background.svg" alt="">
@@ -76,7 +76,7 @@ <h1 class="main-title lg:mb-10 ">Background</h1>
 </section>
 
 <section class="landing-section py-0 mb-6 lg:mb-12 md:mx-0">
-	<h1 class="main-title le lg:mb-10 ">Specifics</h1>
+	<span class="main-title block le lg:mb-10 ">Specifics</span>
 	<div class="container ">
 		<div
 				class="mt-10 bg-grey  p-2 md:p-10 md:w-[95%] text-grey_font_col tracking-tightest leading-[30px] text-24">
@@ -126,7 +126,7 @@ <h2 class="mt-[72px] text-light_title_col text-left leading-56 mb-6 text-24 lg:t
 </section>
 
 <section class="landing-section py-0 mb-6 lg:mb-12 mr-5 md:mx-0">
-	<h1 class="main-title lg:mb-10 w-1/2">Deliverables</h1>
+	<span class="main-title block lg:mb-10 w-1/2">Deliverables</span>
 
 	<div class="container mt-10 bg-grey  p-2 md:p-10 ">
 		<div class="md:w-[95%]">
@@ -183,7 +183,7 @@ <h1 class="main-title lg:mb-10 w-1/2">Deliverables</h1>
 </section>
 
 <section class="landing-section p-0">
-	<h1 class="main-title mb-0">Future</h1>
+	<span class="main-title block mb-0">Future</span>
 	<div class="container">
 		<div class="flex flex-col lg:flex-row gap-10 items-center">
 			<div class="lg:w-[56%]">

libs/route-pages/breethe-page/src/breethe-page.component.html

@@ -40,7 +40,7 @@ <h1 class="text-light_title_col lg:text-64 text-40 lg:leading-66 leading-44 mb-1
 </section>
 
 <section class="lg:mb-[132px]">
-    <h1 class="main-title lg:mb-10 ">Background</h1>
+    <span class="main-title block lg:mb-10 ">Background</span>
     <div class="container">
         <div class="flex flex-col lg:flex-row gap-10 items-center">
             <img src="assets/img/bg-img/breethe_page/logo.png" alt="background" class="lg:w-full px-4 h-full">
@@ -66,7 +66,7 @@ <h1 class="main-title lg:mb-10 ">Background</h1>
 </section>
 
 <section>
-    <h1 class="main-title lg:mb-10 ">Challenge</h1>
+    <span class="main-title block lg:mb-10 ">Challenge</span>
     <div class="container">
         <div class="flex flex-col lg:flex-row gap-10 items-center">
             <p class="m-auto text-grey_font_col text-left text-16 tracking-tightest">
@@ -84,7 +84,7 @@ <h1 class="main-title lg:mb-10 ">Challenge</h1>
 </section>
 
 <section>
-    <h1 class="main-title lg:mb-10 ">Deliverables</h1>
+    <span class="main-title block lg:mb-10 ">Deliverables</span>
     <div class="container">
         <h2 class="text-dar_grey_font_col text-left text-24 lg:text-40 lg:mb-16 mb-18 tracking-tightest lg:w-[85%]">
             Sleep tracks, hypnotherapy sessions, masterclasses, music, and nature sounds playlists are just a few of the
@@ -113,7 +113,7 @@ <h2 class="text-light_title_col text-left leading-56 mb-6 text-24 lg:text-40 fon
 </section>
 
 <section class="mb-10 lg:mb-36">
-    <h1 class="main-title lg:mb-10 ">Future</h1>
+    <span class="main-title block lg:mb-10 ">Future</span>
     <div class="container">
         <div class="flex flex-col gap-8">
             <h2
@@ -128,7 +128,7 @@ <h1 class="main-title lg:mb-10 ">Future</h1>
     </div>
 </section>
 <section>
-    <h1 class="main-title">Feedback</h1>
+    <span class="main-title block">Feedback</span>
     <div class="container lg:w-1400">
         <feedback startFrom="Suren Kocharian"></feedback>
     </div>

libs/route-pages/careers/src/careers-page.component.html

@@ -13,7 +13,7 @@ <h1 class="text-light_title_col md:text-64 text-large md:leading-66 leading-44 m
     </div>
 </section>
 <section class="landing-section">
-    <h1 class="main-title">Our Values</h1>
+    <span class="main-title block">Our Values</span>
     <div class="container flex justify-between">
         <div class="px-5 lg:px-0">
             <div *ngFor="let item of valuesList;let i = index" class="pb-6 md:pb-10 relative" [class.border-l-2]="i<valuesList.length-1" [class.border-l-green]="i<valuesList.length-1">
@@ -30,7 +30,7 @@ <h1 class="main-title">Our Values</h1>
     </div>
 </section>
 <section class="landing-section">
-    <h1 class="main-title">We Offer</h1>
+    <span class="main-title block">We Offer</span>
     <div class="container md:grid md:grid-cols-2 lg:grid-cols-3 md:gap-3 lg:gap-6">
        <div *ngFor="let item of offers" class="bg-grey mb-4 md:mb-0 px-6 py-8 mx-auto md:mx-0">
            <div class="w-28 h-28 flex items-center justify-center">

libs/route-pages/dollar-street-page/src/dollar-street-page.component.html

@@ -36,7 +36,7 @@ <h1 class="text-light_title_col lg:text-64 text-40 lg:leading-66 leading-44 mb-1
 </section>
 
 <section class="landing-section py-0 mb-6 lg:mb-12 lg:ml-12 lg:mr-5 mx-0">
-    <h1 class="main-title lg:mb-10 ">Background</h1>
+    <span class="main-title block lg:mb-10 ">Background</span>
     <div class="container ">
         <div class="lg:flex flex-column justify-between lg:gap-72 mb-10">
             <img class="m-auto" src="assets/img/bg-img/dollar_street_page/dollar_street_bg.png" alt="">
@@ -78,7 +78,7 @@ <h2 class="text-light_title_col text-left  text-32 lg:text-40 font-bold mb-6 ">
 </section>
 
 <section class="landing-section py-0 mb-6 lg:mb-12 md:ml-12 mr-5 md:mx-0">
-    <h1 class="main-title lg:mb-10 ">Deliverables</h1>
+    <span class="main-title block lg:mb-10 ">Deliverables</span>
     <div class="container">
         <div class="lg:px-4 lg:flex flex-column justify-between  mb-10 gap-72">
             <div>
@@ -193,7 +193,7 @@ <h2 class="text-light_title_col text-left ml-5 lg:ml-0 text-32 lg:text-40 font-b
 </section>
 
 <section *ngIf="(project$ | async)?.feedback as feedback">
-    <h1 class="main-title">Feedback</h1>
+    <span class="main-title block">Feedback</span>
     <div class="container">
         <feedback [startFrom]="feedback"></feedback>
     </div>

libs/route-pages/for-clients/src/enterprises.component.html

@@ -29,7 +29,7 @@ <h1 class="text-light_title_col md:text-64 text-large md:leading-66 leading-44 m
     </div>
 </section>
 <section class="landing-section">
-    <h1 class="main-title">Advantages</h1>
+    <span class="main-title block">Advantages</span>
     <div class="container">
         <div
                 *ngFor="let item of advantages; index as i"
@@ -47,13 +47,13 @@ <h1 class="main-title">Advantages</h1>
     </div>
 </section>
 <section class="landing-section">
-    <h1 class="main-title">Articles</h1>
+    <span class="main-title block">Articles</span>
     <div class="container">
         <blog-preview [articlesList]="articlesList"></blog-preview>
     </div>
 </section>
 <section class="landing-section hidden md:block">
-    <h1 class="main-title">Feedback</h1>
+    <span class="main-title block">Feedback</span>
     <div class="container">
         <feedback></feedback>
     </div>

libs/route-pages/for-clients/src/nonProfit.component.html

@@ -50,7 +50,7 @@ <h1 class="text-light_title_col md:text-64 text-large md:leading-66 leading-44 m
     </div>
 </section>
 <section class="landing-section">
-    <h1 class="main-title">Advantages</h1>
+    <span class="main-title block">Advantages</span>
     <div class="container">
         <div
                 *ngFor="let item of advantages; index as i"
@@ -68,13 +68,13 @@ <h1 class="main-title">Advantages</h1>
     </div>
 </section>
 <section class="landing-section">
-    <h1 class="main-title">Articles</h1>
+    <span class="main-title block">Articles</span>
     <div class="container">
         <blog-preview [articlesList]="articlesList"></blog-preview>
     </div>
 </section>
 <section class="landing-section hidden md:block">
-    <h1 class="main-title">Feedback</h1>
+    <span class="main-title block">Feedback</span>
     <div class="container">
         <feedback></feedback>
     </div>

libs/route-pages/for-clients/src/smallMediumBusinesses.component.html

@@ -26,7 +26,7 @@ <h1 class="text-light_title_col md:text-64 text-large md:leading-66 leading-44 m
     </div>
 </section>
 <section class="landing-section">
-    <h1 class="main-title">Advantages</h1>
+    <span class="main-title block">Advantages</span>
     <div class="container">
         <div
                 *ngFor="let item of advantages; index as i"
@@ -44,13 +44,13 @@ <h1 class="main-title">Advantages</h1>
     </div>
 </section>
 <section class="landing-section">
-    <h1 class="main-title">Articles</h1>
+    <span class="main-title block">Articles</span>
     <div class="container">
         <blog-preview [articlesList]="articlesList"></blog-preview>
     </div>
 </section>
 <section class="landing-section hidden md:block">
-    <h1 class="main-title">Feedback</h1>
+    <span class="main-title block">Feedback</span>
     <div class="container">
         <feedback></feedback>
     </div>

libs/route-pages/for-clients/src/startups.component.html

@@ -23,7 +23,7 @@ <h1 class="text-light_title_col md:text-64 text-large md:leading-66 leading-44 m
     </div>
 </section>
 <section class="landing-section">
-    <h1 class="main-title">Advantages</h1>
+    <span class="main-title block">Advantages</span>
     <div class="container">
         <div
                 *ngFor="let item of advantages; index as i"
@@ -41,13 +41,13 @@ <h1 class="main-title">Advantages</h1>
     </div>
 </section>
 <section class="landing-section">
-    <h1 class="main-title">Articles</h1>
+    <span class="main-title block">Articles</span>
     <div class="container">
         <blog-preview [articlesList]="articlesList"></blog-preview>
     </div>
 </section>
 <section class="landing-section hidden md:block">
-    <h1 class="main-title">Feedback</h1>
+    <span class="main-title block">Feedback</span>
     <div class="container">
         <feedback></feedback>
     </div>

libs/route-pages/home-page/src/main-page.component.html

@@ -26,14 +26,14 @@ <h1 class="font-bold text-light_title_col text-4xl leading-44 md:leading-66 md:t
 </section>
 
 <section class="landing-section pt-16 px-5 lg:!pt-0">
-	<h1 class="main-title">Priorities</h1>
+	<span class="main-title block">Priorities</span>
 	<div class="md:max-w-[1296px] m-auto">
 		<expandable-card [cards]="cards"></expandable-card>
 	</div>
 </section>
 
 <section class="landing-section" id="technologies">
-	<h1 class="main-title">Technology</h1>
+	<span class="main-title block">Technology</span>
 	<div class="container flex justify-between flex-col lg:flex-row">
 		<div class="lg:bg-grey xl:py-16 xl:px-7 w-full max-w-455 bg-transparent mx-auto lg:mr-8">
 			<div class="grid grid-cols-4">
@@ -78,14 +78,14 @@ <h1 class="main-title">Technology</h1>
 </section>
 
 <section class="landing-section">
-	<h1 class="main-title mt-0">Services</h1>
+	<span class="main-title block mt-0">Services</span>
 	<div class="container">
 		<services-block [preview]="true"></services-block>
 	</div>
 </section>
 
 <section class="landing-section">
-	<h1 class="main-title mt-0">Businesses</h1>
+	<span class="main-title block mt-0">Businesses</span>
 	<div class="container">
 		<h3
 				class="w-10/12 md:font-40 tracking-tightest text-20 md:text-large text-light_title_col leading-28 md:leading-44 mb-10">
@@ -105,7 +105,7 @@ <h1 class="main-title mt-0">Businesses</h1>
 </section>
 
 <section class="landing-section" id="open-source">
-	<h1 class="main-title mt-0">Open Source</h1>
+	<span class="main-title block mt-0">Open Source</span>
 	<div class="container flex flex-col flex-wrap lg:flex-row">
 		<h3 class="md:text-large text-32 lg:text-56 text-light_title_col lg:leading-66 leading-44 mb-8 w-full">
 			<span>Proudly</span> contributing<span> to</span> open source
@@ -160,7 +160,7 @@ <h3 class="md:text-large text-32 lg:text-56 text-light_title_col lg:leading-66 l
 </section>
 
 <section class="landing-section" id="partners">
-	<h1 class="main-title">Partners</h1>
+	<span class="main-title block">Partners</span>
 	<div class="container lg:w-1400 lg:flex">
 
 		<div class="partners md:mb-6 md:mr-0" *ngFor="let partners of partnersList">
@@ -178,7 +178,7 @@ <h1 class="main-title">Partners</h1>
 </section>
 
 <section class="landing-section" id="feedback">
-	<h1 class="main-title ">Feedback</h1>
+	<span class="main-title block">Feedback</span>
 	<div class="container lg:w-1400">
 		<feedback></feedback>
 	</div>

libs/route-pages/liberty-flights-page/src/liberty-flights-page.component.html

@@ -32,7 +32,7 @@ <h1 class="text-light_title_col lg:text-64 text-40 lg:leading-66 leading-44 mb-1
 </section>
 
 <section>
-    <h1 class="main-title lg:mb-10 ">Background</h1>
+    <span class="main-title block lg:mb-10 ">Background</span>
     <div class="container ">
         <div class="flex lg:flex-row flex-col justify-between lg:gap-24 gap-8 mt-10 mb-10">
             <div class="m-auto">
@@ -62,7 +62,7 @@ <h2 class="text-light_title_col text-left text-32 lg:text-40 font-bold mb-6 ">
 </section>
 
 <section>
-    <h1 class="main-title lg:mb-10 ">Deliverables</h1>
+    <span class="main-title block lg:mb-10 ">Deliverables</span>
 
     <div class="container ">
         <div class="md:-ml-8 lg:-ml-10 mt-2  green-circle"></div>