Merge pull request #185 from valor-software/feat-services-pages-update

feat(services): update services pages

Author: andsonjosef

apps/valor-software-site/src/assets/img/bg-img/services_img/devops/benefits/faster-deploy.png

@@ -1,5 +1,5 @@
 {
-  "name": "Ashes Of Creation",
+  "name": "Ashes of Creation",
   "link": "https://ashesofcreation.com/",
   "feedback": "Steven Sharif",
   "sortTechnologies": ["aws", "nest_js"],
@@ -49,7 +49,7 @@
         "We took our in-depth knowledge of the user experience, user interface design, and web development in the eCommerce and MMORPG industry to create an updated web platform for the Ashes of Creation.", 
         "Our starting point was reconsideration and modification of the website architecture. In creating the design, we followed the processes described below."
       ],
-      "descriptionCards": ["UI/UX audit", "Wireframes", "UI library and style guide", "Collecting requirements", "Mood board and define the style", "Design for the website", "Competitor's analysis" ],
+      "descriptionCards": ["UI/UX audit", "Wireframes", "UI library and style guide", "Collecting requirements", "Mood board and style’s definition", "Design for the website", "Competitor's analysis" ],
       "subDescription": "We introduced a user-friendly and consistent design that would be attractive and match the game’s vibe. Only after the information structure of the site was improved, we moved on with modernizing things under the hood.",
       "comparisons": [
         {
@@ -80,7 +80,7 @@
         "Less complexity and deeper integrations with third-party services, e.g. Discord"
       ],
       "centerButton": {
-        "text": "Visit a case study to learn more",
+        "text": "Check the case study to learn more",
         "link": "https://valor-software.com/articles/scully-helped-us-reach-a-99-lighthouse-score-for-a-b2c-platform"
       }
     },

apps/valor-software-site/src/assets/portfolio/clients/ashes-of-creation.json

@@ -1,5 +1,5 @@
 export const projectsList = [
-    'Ashes Of Creation',
+    'Ashes of Creation',
     'Terminus',
     'CareerBuilder',
     'Zuora',

apps/valor-software-site/src/assets/portfolio/portfolio.list.ts

@@ -9,14 +9,14 @@
         "url": "/projects/terminus"
       },
       {
-        "title": "Career Builder (for Recruiters)",
+        "title": "Career Builder",
         "url": "/projects/careerbuilder"
       },
       {
         "title": "Honcho"
       },
       {
-        "title": "Vizabi (chats and visualization tools)",
+        "title": "Vizabi",
         "url": "/projects/vizabi"
       },
       {
@@ -93,10 +93,11 @@
     "description": "Innovation-driven solutions that combine cutting-edge technologies and the boldest ideas brought to life to grant unforgettable experiences for the audience.",
     "items": [
       {
-        "title": "Ashes of Creation"
+        "title": "Ashes of Creation",
+        "url": "/projects/ashes-of-creation"
       },
       {
-        "title": "Blackout (sleep and meditation)"
+        "title": "Blackout"
       }
     ]
   }

apps/valor-software-site/src/assets/vertical-services/vertical-services.json

@@ -5,6 +5,7 @@ import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { SendEmailService } from '../../services/senEmail.service';
 import { ReCaptchaV3Service } from 'ng-recaptcha';
 import { errorVocabulary, IError } from './errors';
+import { Router } from '@angular/router';
 
 @Component({
     // eslint-disable-next-line @angular-eslint/component-selector
@@ -42,7 +43,8 @@ export class ContactModalComponent implements OnDestroy {
     constructor(
         private modalService: ModalService<ContactModalComponent>,
         private sendEmailServ: SendEmailService,
-        private recaptchaV3Service: ReCaptchaV3Service
+        private recaptchaV3Service: ReCaptchaV3Service,
+        private router: Router
     ) {
         this._state = this.modalService.state.subscribe((res: boolean) => {
             setTimeout(() => {
@@ -54,6 +56,12 @@ export class ContactModalComponent implements OnDestroy {
         if (element) {
             element.style.display = 'block';
         }
+
+        if (this.router.url.includes('/services')) {
+            this.form.get('type')?.setValue('service');
+        } else if (this.router.url.includes('/careers')) {
+            this.form.get('type')?.setValue('career');
+        }
     }
 
     closeModal() {

libs/common-docs/src/components/contact-modal/contactModal.components.ts

@@ -24,7 +24,7 @@ export const servicesList = [
         path: '/services/devops'
     },
     {
-        title: 'Maintenance & Support',
+        title: 'Support & Maintenance',
         description: 'With the comprehensive support in simplifying and optimizing your ecosystems, you’ll shift smoothly from reactive to preemptive engagement models to deliver superior customer experiences.',
         img: 'assets/img/bg-img/services_img/services_5.svg',
         path: 'support-&-Maintenance'

libs/common-docs/src/components/services_block/services.model.ts

@@ -242,7 +242,7 @@ const ex: { [key: string]: { nameType: 'meta' | 'title', name: string, nameValue
             nameType: 'meta',
             name: 'name',
             nameValue: 'description',
-            content: 'Valor can help you in various ways, starting from the support of solutions that leverage open-source technologies up to the scale of your enterprise-level systems and the transformation of your customer service with AI.'
+            content: 'Valor can help you in various ways, starting from the support of solutions that leverage open-source technologies up to the scale of your enterprise-level systems and the transformation of your customer service with artificial intelligence (AI).'
         },
         {
             nameType: 'meta',
@@ -254,7 +254,7 @@ const ex: { [key: string]: { nameType: 'meta' | 'title', name: string, nameValue
             nameType: 'meta',
             name: 'property',
             nameValue: 'og:description',
-            content: 'Valor can help you in various ways, starting from the support of solutions that leverage open-source technologies up to the scale of your enterprise-level systems and the transformation of your customer service with AI.'
+            content: 'Valor can help you in various ways, starting from the support of solutions that leverage open-source technologies up to the scale of your enterprise-level systems and the transformation of your customer service with artificial intelligence (AI).'
         },
         {
             nameType: 'meta',
@@ -266,7 +266,7 @@ const ex: { [key: string]: { nameType: 'meta' | 'title', name: string, nameValue
             nameType: 'meta',
             name: 'property',
             nameValue: 'twitter:description',
-            content: 'Valor can help you in various ways, starting from the support of solutions that leverage open-source technologies up to the scale of your enterprise-level systems and the transformation of your customer service with AI.'
+            content: 'Valor can help you in various ways, starting from the support of solutions that leverage open-source technologies up to the scale of your enterprise-level systems and the transformation of your customer service with artificial intelligence (AI).'
         },
         {
             nameType: 'title',

libs/common-docs/src/services/seo.service.ts

@@ -35,7 +35,7 @@ export const feedBack = [
         position: 'The owner and CEO of TablesReady'
     },
     {
-        project: 'Ashes Of Creation',
+        project: 'Ashes of Creation',
         text: 'We’ve been working with Valor, and they have been doing some amazing stuff with the website. They have a great dedicated team of professionals who we have had an absolute pleasure working with to help support our platform needs. Those who might be in the enterprise business and need technical support and web development support, I would give a major shout-out to the Valor team. They’re doing a great job!',
         img: 'assets/img/feedback/ashes_of_creation.jpg',
         author: 'Steven Sharif',

libs/feedback/src/feedback.model.ts

@@ -57,10 +57,10 @@ <h1 class="main-title">Background</h1>
         <div class="lg:flex justify-center align-center hidden lg:block flex-1">
           <img class="w-2/3 xl:w-1/2" src="assets/img/bg-img/ashes_page/ashes_logo.svg" alt="" />
         </div>
-        <div class="lg:pr-6 lg:flex-1">
+        <div class="lg:px-5 lg:flex-1">
           <p class="mt-4 font-workSans text-grey_font_col">
-            <ng-container *ngFor="let ch of project.background; let i=index">
-              <span [class]="i === 1 ? 'block mb-4 text-20 italic': 'block mb-4'">{{ch}}</span>
+            <ng-container *ngFor="let ch of background; let i=index">
+              <span class="block mb-4" [ngClass]="{'text-20': i === 1}" [innerHtml]="ch"></span>
             </ng-container>
           </p>
         </div>
@@ -75,7 +75,7 @@ <h1 class="main-title">Background</h1>
   <section class="landing-section">
     <h1 class="main-title">Challenge</h1>
     <div class="container">
-      <div class="lg:flex lg:justify-center">
+      <div class="lg:flex lg:justify-center lg:items-center">
         <div class="lg:pr-6 lg:w-2/3">
           <p class="mt-4 font-workSans text-grey_font_col">
             <ng-container *ngFor="let ch of project.challenge">
@@ -102,7 +102,7 @@ <h2 class="text-dar_grey_font_col text-left text-24 lg:text-40 mb-14 lg:w-10/12
         and
         <b class="text-feedback_font_col">modernization</b>
         directions for
-        <b class="text-feedback_font_col">Ashes Of Creation</b>.
+        <b class="text-feedback_font_col">Ashes of Creation</b>.
       </h2>
       <ng-container *ngFor="let deliverable of project.deliverables">
         <div class="md:ml-8 flex mb-10">
@@ -115,7 +115,8 @@ <h2 class="text-feedback_font_col text-left text-24 lg:text-40 font-bold mb-4 lg
                 {{deliverable.text}}
               </h2>
 
-              <p class="text-dar_grey_font_col text-left text-14 mb-8" *ngFor="let description of deliverable.descriptions">
+              <p class="text-dar_grey_font_col text-left text-14 mb-8"
+                *ngFor="let description of deliverable.descriptions">
                 {{description}}
               </p>
             </div>

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

@@ -82,6 +82,12 @@ export class AshesPageComponent {
     }
   ];
 
+  background: string[] = [
+    "Intrepid Studios, authors of the most anticipated MMORPG – Ashes of Creation, inspire unity and bring people together through the game. Avoiding pay-to-win or cash grab elements, they simply create games the way people want them to be, with great respect and devotion to the community.",
+    "<i>“I want to see the players dictate the direction of our story. I want to see the AoC world adapts and reacts to the player’s actions. Most importantly, I want to see a game built by gamers FOR gamers.”</i> – says Steven Sharif, the Creative Director of Ashes of Creation, describing what stands behind the idea of AoC.",
+    "Ashes of Creation hasn’t just offered a beautiful fantasy world with over 100 locations but redefined the MMORPG genre giving the community the power to participate in the direction of the world's development and influence literally every aspect of the game. However the Ashes of Creation universe is more than just the game client, it also needs a great website for people to discover the game, dive deeper into the lore, meet the community and pick up the latest merch. This is the direction where Valor’s team had a big time of success."
+  ];
+
   constructor(
     private getProjectsServ: GetPortfolioService,
     private cdr: ChangeDetectorRef,