From fdcb60bb3a43b76f3a72d3e17b3853d2fcf85cee Mon Sep 17 00:00:00 2001
From: cp-jagruti-a <jagruti.a@canopas.com>
Date: Tue, 19 Dec 2023 14:51:52 +0530
Subject: [PATCH] Unification in home page

---
 .../backend-development/CaseStudySection.vue         | 12 ++++++------
 .../backend-development/LandingSection.vue           |  6 +++---
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/nuxt-frontend/components/backend-development/CaseStudySection.vue b/nuxt-frontend/components/backend-development/CaseStudySection.vue
index 5f76ec210..8b7413d89 100644
--- a/nuxt-frontend/components/backend-development/CaseStudySection.vue
+++ b/nuxt-frontend/components/backend-development/CaseStudySection.vue
@@ -2,8 +2,8 @@
   <section class="mt-16 mb-16 lg:mt-60 lg:mb-0 3xl:outer-container">
     <div class="container">
       <div class="flex flex-col gap-4 lg:gap-6 text-center">
-        <h2 class="header-2 text-black-core/[0.87]">Case studies</h2>
-        <p class="sub-h1-regular px-4 text-black-core/[0.6]">
+        <h2 class="mobile-header-2 lg:desk-header-2 text-black-core/[0.87]">Case studies</h2>
+        <p class="sub-h1-regular lg:mobile-header-2-regular px-4 text-black-core/[0.6]">
           Explore our case studies to witness how we've transformed
           <br class="hidden lg:flex" />our client's ideas into successful apps.
         </p>
@@ -33,7 +33,7 @@
             :class="item.textalign"
             class="absolute bottom-4 flex flex-col gap-2"
           >
-            <h2 class="header-2 text-black-core/[0.87]">
+            <h2 class="mobile-header-2 text-black-core/[0.87]">
               {{ item.title }}
             </h2>
             <p
@@ -69,7 +69,7 @@
           >
             <div class="flex flex-col gap-8 my-auto text-left flex-1">
               <div class="white-btn">
-                <span class="header-3">
+                <span class="desk-header-3">
                   {{ item.title }}
                 </span>
               </div>
@@ -81,12 +81,12 @@
                   :target="item.target"
                 >
                   <h3
-                    class="header-3 text-black-core/[0.87]"
+                    class="desk-header-3 text-black-core/[0.87]"
                     v-html="item.deskcontent"
                   ></h3
                 ></a>
                 <p
-                  class="text-black-core/[0.6] sub-h3-medium"
+                  class="text-black-core/[0.6] mobile-header-3-medium"
                   v-html="item.description"
                 ></p>
               </div>
diff --git a/nuxt-frontend/components/backend-development/LandingSection.vue b/nuxt-frontend/components/backend-development/LandingSection.vue
index 36738e569..b706ddcb6 100644
--- a/nuxt-frontend/components/backend-development/LandingSection.vue
+++ b/nuxt-frontend/components/backend-development/LandingSection.vue
@@ -4,10 +4,10 @@
       class="container flex flex-col lg:flex-row pt-6 lg:py-[7.5rem] gap-4 text-center lg:text-left"
     >
       <div class="flex flex-col gap-4 lg:gap-6 lg:flex-1">
-        <h1 class="header-1 text-black-core/[0.87] lg:w-1/2">
+        <h1 class="mobile-header-1 lg:desk-header-1  text-black-core/[0.87] lg:w-1/2">
           Backend development company
         </h1>
-        <p class="sub-h1-regular xs:px-4 lg:!px-0 text-black-core/[0.6]">
+        <p class="sub-h1-regular lg:mobile-header-2-regular xs:px-4 lg:!px-0 text-black-core/[0.6]">
           Our backend development team isn’t just about writing code; it's about
           crafting powerful, efficient, scalable, and secure foundations that
           drive innovative applications. We shape, optimize, and elevate digital
@@ -18,7 +18,7 @@
           to="/contact"
           @click.native="$mixpanel.track('tap_backend_landing_cta')"
         >
-          <span class="sub-h3-semibold xl:sub-h4-semibold"
+          <span class="sub-h3-semibold lg:sub-h1-semibold"
             >Be Future-Ready With Us</span
           ></nuxt-link
         >