feat: add cta changes

Author: luiskcs89

src/assets/i18n/en.ts

@@ -4,7 +4,7 @@ export const translations = {
       hero: {
         title: 'Mobile Solutions',
         subTitle: 'For A Digital World',
-        text: 'As experts in user experience, design, and application development, we specialize in creating mobile first, user-centered solutions to bring your ideas to life on the small screen',
+        text: 'As experts in user experience, design, and application development, we specialize in creating mobile first, user-centered solutions to bring your ideas to life on the small screen.',
         buttonText: 'What Makes Us Different?',
       },
       process: {
@@ -40,19 +40,19 @@ export const translations = {
         mobileWebApplications: {
           title: 'Mobile & Web Applications',
           text:
-            'We specialize in mobile application design, development, and App Store Optimization (ASO). Our team has been the top trusted partner of Ionic Framework since 2014 with experience in technologies such as Angular, React, Vue.js, Strapi, and VoIP. As experts in mobile application development, we can interface with any existing API or standard to deliver a secure, integrated product no matter what your product needs.',
+            'We specialize in mobile application design, development, and App Store Optimization (ASO). Our team has been the top trusted partner of Ionic Framework since 2014 with experience in technologies such as Angular, React, Vue.js, Strapi, and VoIP.',
           example: 'Mobile Measures',
         },
         digitalExperience: {
-          title: 'Digital Experience',
+          title: 'Mobile Technology',
           text:
-            'It is our firm belief that we should engage users by providing value, both fundamentally and visually. By combining the psychology of design with the capabilities of the digital age, we are able to develop solutions that think outside the box. We will go beyond the norms of basic menus and navigation layouts and truly immerse your users in a beautiful and intuitive interface that keeps them coming back.',
+            'With our combined expertise in design and marketing, you can rely on us to develop comprehensive strategies and graphics that will define your brand and inspire trust in your target audience.',
           example: 'The Voyage by New Ocean',
         },
         mobileTechnology: {
-          title: 'Mobile Technology',
+          title: 'Design & User Experience',
           text:
-            'We utilize technologies to bring the richest features to your app such as VoIP, Bluetooth LE, and other IOT tech to bring a whole new level of connectivity to your application providing your users with a rich and interactive experience that will boost engagement and retention. Our experts in mobile application development can interface with any existing API or standard to integrate systems properly and securely.',
+            'By combining the psychology of design with the capabilities of the digital age, we are able to develop solutions that think outside the box. We go beyond the norms of basic menus and navigation layouts and truly immerse your users in a beautiful and intuitive interface that keeps them coming back for more.',
           example: 'LoudCloud',
         },
       },
@@ -409,7 +409,7 @@ export const translations = {
       title: 'Got a vision?',
       subTitle: `We've got your back.`,
       text: 'Contact us today to get started!',
-      link: 'GET IN TOUCH',
+      link: `LET'S GET STARTED`,
     },
 
     header: {

src/components/app-cta/app-cta.scss

@@ -54,11 +54,12 @@
   }
 
   button {
-    background-color: #ec9b41;
-    border: solid 0.8px white;
-    border-radius: 2px;
+    background-color: #c75300;
+    border: 0.75px solid #ffffff;
+    border-radius: 16px;
     box-shadow: 0 2px 4px 0 rgba(128, 128, 128, 0.5);
-    color: $gray-dark;
+    color: #ffffff;
+    width: 223px;
     cursor: pointer;
     font-family: Roboto;
     font-size: 11px;
@@ -70,6 +71,5 @@
     line-height: 1.82;
     padding: 0.5rem 1rem;
     text-align: center;
-    width: auto;
   }
 }

src/components/app-cta/app-cta.tsx

@@ -18,9 +18,6 @@ export class AppCta {
             <p>
               <app-translate keyword="cta.subTitle" />
             </p>
-            <h2>
-              <app-translate keyword="cta.text" />
-            </h2>
 
             <stencil-route-link url="/contact">
               <button class="button">

src/pages/app-home/app-home.scss

@@ -215,8 +215,7 @@
 
       h2 {
         color: white;
-        font-size: 20px;
-        font-weight: bold;
+        font-size: 28px;
         padding: 16px;
         text-align: center;
         margin-top: 2rem;