fix(): update class names to avoid conflicts

Author: PaulPaulDevelops

src/pages/app-detailed-service/app-detailed-service.scss

@@ -73,7 +73,7 @@
     }
   }
 
-  .work {
+  .example {
     height: auto;
 
     .main-content {

src/pages/app-detailed-service/app-detailed-service.tsx

@@ -383,7 +383,7 @@ export class AppDetailedService {
         </section>
 
 
-        <section id="work" class="work">
+        <section id="example" class="example">
           <div class="main-content">
             <div class="sidebar">
               <div

src/pages/app-team-landing/app-team-landing.scss

@@ -122,7 +122,7 @@ section.team-landing {
     font-size: 12px;
   }
 
-  .cta {
+  .cta-about {
     background: linear-gradient(-160deg, #f99a2a 0%, #f9902a 100%);
     height: 114px;
 

src/pages/app-team-landing/app-team-landing.tsx

@@ -483,7 +483,7 @@ export class AppTeamLanding {
                 </div>
               </section>,
 
-              <aside class="cta text-white">
+              <aside class="cta-about text-white">
                 <div class="cta-container d-flex flex-row justify-content-center">
                   <h3 class="align-self-center">
                     <app-translate key="about.landing.cta.title" />