diff --git a/nuxt-frontend/components/android-app-development/BlackCtaSection.vue b/nuxt-frontend/components/android-app-development/BlackCtaSection.vue
index 0c6aca7ab..d7815886b 100644
--- a/nuxt-frontend/components/android-app-development/BlackCtaSection.vue
+++ b/nuxt-frontend/components/android-app-development/BlackCtaSection.vue
@@ -13,9 +13,13 @@
       class="container absolute top-4 md:top-20 xl:top-32 w-full p-4 text-center text-[#FFF] xs:left-[13%] xll:left-[24%] xs:w-[75%]"
     >
       <div class="m-auto">
-        <p class="text-white mobile-header-1 lg:desk-header-1">Have an app idea?</p>
+        <p class="text-white mobile-header-1 lg:desk-header-1">
+          Have an app idea?
+        </p>
 
-        <div class="mt-2 text-white/[0.8] sub-h1-regular lg:mobile-header-2-regular md:my-4">
+        <div
+          class="mt-2 text-white/[0.8] sub-h1-regular lg:mobile-header-2-regular md:my-4"
+        >
           See if we can make it a reality.
         </div>
       </div>
diff --git a/nuxt-frontend/components/android-app-development/BlogSection.vue b/nuxt-frontend/components/android-app-development/BlogSection.vue
index b20028270..6b73f374d 100644
--- a/nuxt-frontend/components/android-app-development/BlogSection.vue
+++ b/nuxt-frontend/components/android-app-development/BlogSection.vue
@@ -4,7 +4,9 @@
     <div
       class="relative z-[1] h-[27rem] sm:h-[30rem] overflow-hidden lg:hidden"
     >
-      <p class="text-center mobile-header-2 text-black-core/[0.87]">Our blogs</p>
+      <p class="text-center mobile-header-2 text-black-core/[0.87]">
+        Our blogs
+      </p>
       <div class="blog mt-6 block lg:hidden">
         <swiper
           :slidesPerView="1.425"
@@ -55,7 +57,9 @@
     <div
       class="container flex hidden flex-col lg:block lg:min-h-[580px] lg:py-0"
     >
-      <p class="mb-8 text-center desk-header-2 text-black-core/[0.87]">Our blogs</p>
+      <p class="mb-8 text-center desk-header-2 text-black-core/[0.87]">
+        Our blogs
+      </p>
       <div class="flex flex-row space-x-5 space-y-1">
         <div
           @click="openBlog(blog.link, 'tap_android_app_blog_section')"
diff --git a/nuxt-frontend/components/android-app-development/CaseStudySection.vue b/nuxt-frontend/components/android-app-development/CaseStudySection.vue
index 293baa5a0..2987fd34b 100644
--- a/nuxt-frontend/components/android-app-development/CaseStudySection.vue
+++ b/nuxt-frontend/components/android-app-development/CaseStudySection.vue
@@ -4,7 +4,9 @@
   >
     <div class="container">
       <div class="flex flex-col text-center">
-        <span class="mobile-header-2 lg:desk-header-2 text-black-core-[0.87]">Case studies</span>
+        <span class="mobile-header-2 lg:desk-header-2 text-black-core-[0.87]"
+          >Case studies</span
+        >
         <span
           class="mt-4 md:mt-6 sub-h1-regular lg:mobile-header-2-regular mx-auto xl:text-[1.5rem] xl:leading-9 text-black-core/[0.60] lg:w-[80%] xl:w-[61%]"
           >Explore our case studies to witness how we've transformed our
@@ -116,7 +118,7 @@
                 ></h2
               ></a>
               <span
-                class="mt-4 text-black-core/[0.6] sub-h3-medium md:mobile-header-3-medium "
+                class="mt-4 text-black-core/[0.6] sub-h3-medium md:mobile-header-3-medium"
                 v-html="item.description"
               ></span>
 
@@ -133,7 +135,9 @@
                       class="font-opensans-semibold desk-header-3 text-[#FF9472]"
                       >{{ item.resultcount[0] }}</span
                     >
-                    <div class="flex-1 text-black-core-[0.87] mobile-header-3-regular">
+                    <div
+                      class="flex-1 text-black-core-[0.87] mobile-header-3-regular"
+                    >
                       <span>Downloads</span>
                     </div>
                   </div>
@@ -142,7 +146,9 @@
                       class="font-opensans-semibold desk-header-3 text-[#FF9472]"
                       >{{ item.resultcount[1] }}</span
                     >
-                    <div class="flex-1 text-black-core-[0.87] mobile-header-3-regular">
+                    <div
+                      class="flex-1 text-black-core-[0.87] mobile-header-3-regular"
+                    >
                       <span>App Rating</span>
                     </div>
                   </div>
@@ -151,7 +157,9 @@
                       class="font-opensans-semibold desk-header-3 text-[#FF9472]"
                       >{{ item.resultcount[2] }}</span
                     >
-                    <div class="flex-1 text-black-core-[0.87] mobile-header-3-regular">
+                    <div
+                      class="flex-1 text-black-core-[0.87] mobile-header-3-regular"
+                    >
                       <span>Monthly Users</span>
                     </div>
                   </div>
diff --git a/nuxt-frontend/components/android-app-development/DevelopmentSection.vue b/nuxt-frontend/components/android-app-development/DevelopmentSection.vue
index 11dd08b22..74d0ba07a 100644
--- a/nuxt-frontend/components/android-app-development/DevelopmentSection.vue
+++ b/nuxt-frontend/components/android-app-development/DevelopmentSection.vue
@@ -8,7 +8,8 @@
           >
             Android app development services</span
           >
-          <span class="mt-4 md:mt-6 sub-h1-regular lg:mobile-header-2-regular text-black-core/[0.60]"
+          <span
+            class="mt-4 md:mt-6 sub-h1-regular lg:mobile-header-2-regular text-black-core/[0.60]"
             >With over a decade of expertise in Android app development, our
             team can help you craft high- quality, user-friendly apps that drive
             business growth and customer engagement.</span
@@ -117,7 +118,9 @@
               <div
                 class="absolute top-[2%] xl:top-[15px] xll:top-[37.5%] ml-[45%] xll:ml-[47%] hidden h-20 !bg-white text-center lg:block 2xll:ml-[47%] xll:ml-[48%]"
               >
-                <span class="text-center mobile-header-1 lg:desk-header-1 text-black-core/[0.87]">
+                <span
+                  class="text-center mobile-header-1 lg:desk-header-1 text-black-core/[0.87]"
+                >
                   0{{ index + 1 }}</span
                 >
               </div>
@@ -137,7 +140,9 @@
                     >{{ item.title }}</span
                   >
                 </div>
-                <div class="text-black-core/[0.6] sub-h3-medium lg:mobile-header-3-medium ">
+                <div
+                  class="text-black-core/[0.6] sub-h3-medium lg:mobile-header-3-medium"
+                >
                   <ul class="pl-8 pr-4 lg:hidden">
                     <li
                       v-for="list in item.description"
diff --git a/nuxt-frontend/components/android-app-development/LandingSection.vue b/nuxt-frontend/components/android-app-development/LandingSection.vue
index d807ee2b6..bad35689f 100644
--- a/nuxt-frontend/components/android-app-development/LandingSection.vue
+++ b/nuxt-frontend/components/android-app-development/LandingSection.vue
@@ -21,7 +21,9 @@
         Android app <br />
         development company
       </h1>
-      <p class="mt-4 md:mt-6 sub-h1-regular lg:mobile-header-2-regular text-white/[0.80]">
+      <p
+        class="mt-4 md:mt-6 sub-h1-regular lg:mobile-header-2-regular text-white/[0.80]"
+      >
         We create bespoke Android applications known for their supreme
         performance, unwavering security, and utmost reliability. With an
         unshakable commitment, our team curates unique, captivating apps to
diff --git a/nuxt-frontend/components/android-app-development/PinkCtaSection.vue b/nuxt-frontend/components/android-app-development/PinkCtaSection.vue
index 285de2427..0166bec3b 100644
--- a/nuxt-frontend/components/android-app-development/PinkCtaSection.vue
+++ b/nuxt-frontend/components/android-app-development/PinkCtaSection.vue
@@ -18,7 +18,9 @@
               <div class="sm:w-[90%]">{{ reason }}</div>
             </li>
           </ul>
-          <div class="text-white/[0.8] pb-8 pt-4 sub-h3-regular lg:mobile-header-3-regular xl:w-[85%]">
+          <div
+            class="text-white/[0.8] pb-8 pt-4 sub-h3-regular lg:mobile-header-3-regular xl:w-[85%]"
+          >
             Bring us your toughest challenge and we'll show you the path to a
             sleek solution.
           </div>
diff --git a/nuxt-frontend/components/android-app-development/SuccessStorySection.vue b/nuxt-frontend/components/android-app-development/SuccessStorySection.vue
index 1dfc1e3ab..8aabc4057 100644
--- a/nuxt-frontend/components/android-app-development/SuccessStorySection.vue
+++ b/nuxt-frontend/components/android-app-development/SuccessStorySection.vue
@@ -1,7 +1,9 @@
 <template>
   <section>
     <div class="div relative mt-16 md:mt-40 xl:mt-60">
-      <h2 class="sm:pb-10 text-center mobile-header-2 lg:desk-header-2 text-black-core/[0.87]">
+      <h2
+        class="sm:pb-10 text-center mobile-header-2 lg:desk-header-2 text-black-core/[0.87]"
+      >
         Success stories
       </h2>
       <!-- ---------------------MOBILE UI START------------------ -->
diff --git a/nuxt-frontend/components/backend-development/CaseStudySection.vue b/nuxt-frontend/components/backend-development/CaseStudySection.vue
index 8b7413d89..326f8248b 100644
--- a/nuxt-frontend/components/backend-development/CaseStudySection.vue
+++ b/nuxt-frontend/components/backend-development/CaseStudySection.vue
@@ -2,8 +2,12 @@
   <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="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]">
+        <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>
diff --git a/nuxt-frontend/components/backend-development/LandingSection.vue b/nuxt-frontend/components/backend-development/LandingSection.vue
index b706ddcb6..37cd05351 100644
--- a/nuxt-frontend/components/backend-development/LandingSection.vue
+++ b/nuxt-frontend/components/backend-development/LandingSection.vue
@@ -4,10 +4,14 @@
       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="mobile-header-1 lg:desk-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 lg:mobile-header-2-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
diff --git a/nuxt-frontend/components/contact/NewContactForm.vue b/nuxt-frontend/components/contact/NewContactForm.vue
index 50b547eab..46ab5fa61 100755
--- a/nuxt-frontend/components/contact/NewContactForm.vue
+++ b/nuxt-frontend/components/contact/NewContactForm.vue
@@ -10,7 +10,7 @@
               <input
                 type="text"
                 id="username"
-                class="block peer mx-0 w-full pb-1 rounded-none border-b border-black/[0.08] bg-transparent px-0 transition ease-in-out appearance-none sub-h3-medium lg:mobile-header-3-medium  text-black-core/[0.87] focus:outline-none active:outline-none"
+                class="block peer mx-0 w-full pb-1 rounded-none border-b border-black/[0.08] bg-transparent px-0 transition ease-in-out appearance-none sub-h3-medium lg:mobile-header-3-medium text-black-core/[0.87] focus:outline-none active:outline-none"
                 name="username"
                 required
                 autocomplete="given-username"
@@ -173,7 +173,9 @@
                 >This field is required</span
               >
             </div>
-            <div class="mt-8 sub-h4-regular lg:sub-h3-regular text-black-core/[0.87]">
+            <div
+              class="mt-8 sub-h4-regular lg:sub-h3-regular text-black-core/[0.87]"
+            >
               We sign NDA for all of our projects.
             </div>
           </div>
@@ -315,7 +317,7 @@ export default {
                   });
                   localStorage.setItem(
                     "client-name",
-                    JSON.stringify(formData.name),
+                    JSON.stringify(formData.name)
                   );
                   this.resetForm();
                 })
diff --git a/nuxt-frontend/components/contact/NewContactLanding.vue b/nuxt-frontend/components/contact/NewContactLanding.vue
index 7e795e0e7..203a4c658 100644
--- a/nuxt-frontend/components/contact/NewContactLanding.vue
+++ b/nuxt-frontend/components/contact/NewContactLanding.vue
@@ -1,7 +1,9 @@
 <template>
   <div>
     <div class="flex items-center lg:pt-0">
-      <h1 class="mobile-header-2 lg:desk-header-2 primary-color pr-2">Hey Smarty</h1>
+      <h1 class="mobile-header-2 lg:desk-header-2 primary-color pr-2">
+        Hey Smarty
+      </h1>
       <img
         :src="HandWing"
         alt="HandWing"
@@ -9,9 +11,13 @@
       />
     </div>
 
-    <div class="my-6 sub-h1-regular  lg:mobile-header-2-regular  text-black-core/[0.87]">
+    <div
+      class="my-6 sub-h1-regular lg:mobile-header-2-regular text-black-core/[0.87]"
+    >
       Thanks for reaching out to us. This form requires
-      <span class=" sub-h1-semibold lg:mobile-header-2-semibold primary-color">less than 60 seconds</span>
+      <span class="sub-h1-semibold lg:mobile-header-2-semibold primary-color"
+        >less than 60 seconds</span
+      >
       to fill up.
     </div>
     <div class="sub-h3-semibold lg:sub-h2-medium text-black-core/[0.60]">
@@ -27,7 +33,9 @@
           <span
             class="mt-2 md:mt-3 mr-[15px] w-2 md:w-[8.81px] h-2 md:h-[9px] rounded-full bg-[#F2709C]"
           ></span>
-          <div class="w-11/12 lg:w-[90%] sub-h3-regular lg:mobile-header-3-regular text-black-core/[0.87]">
+          <div
+            class="w-11/12 lg:w-[90%] sub-h3-regular lg:mobile-header-3-regular text-black-core/[0.87]"
+          >
             <span v-html="reason.title"></span>
           </div>
         </li>
diff --git a/nuxt-frontend/components/flutter-app-development/CaseStudySection.vue b/nuxt-frontend/components/flutter-app-development/CaseStudySection.vue
index df4d9ccca..ef6ef625c 100644
--- a/nuxt-frontend/components/flutter-app-development/CaseStudySection.vue
+++ b/nuxt-frontend/components/flutter-app-development/CaseStudySection.vue
@@ -3,8 +3,12 @@
     <div
       class="container flex flex-col gap-4 lg:gap-6 pb-6 lg:pb-[4.5rem] lg:w-[51.625rem]"
     >
-      <h2 class="mobile-header-2 lg:desk-header-2 text-black-core/[0.87]">Case studies</h2>
-      <span class="sub-h1-regular lg:mobile-header-2-regular lg: text-black-core/[0.6]">
+      <h2 class="mobile-header-2 lg:desk-header-2 text-black-core/[0.87]">
+        Case studies
+      </h2>
+      <span
+        class="sub-h1-regular lg:mobile-header-2-regular lg: text-black-core/[0.6]"
+      >
         Explore our case studies to witness how we've transformed our client's
         ideas into successful Flutter apps.
       </span>
@@ -57,7 +61,9 @@
                 class="absolute flex flex-col gap-6 w-[27.25rem] top-1/2 left-14 -translate-y-1/2"
               >
                 <h3 class="desk-header-3">{{ portfolio.title }}</h3>
-                <span class="mobile-header-2-regular">{{ portfolio.description }}</span>
+                <span class="mobile-header-2-regular">{{
+                  portfolio.description
+                }}</span>
               </div>
             </div>
           </div>
diff --git a/nuxt-frontend/components/flutter-app-development/CtaSection.vue b/nuxt-frontend/components/flutter-app-development/CtaSection.vue
index 04090c352..93c2c6224 100644
--- a/nuxt-frontend/components/flutter-app-development/CtaSection.vue
+++ b/nuxt-frontend/components/flutter-app-development/CtaSection.vue
@@ -31,7 +31,9 @@
             class="flex flex-col gap-4 lg:gap-6 lg:text-left lg:flex-1 my-auto"
           >
             <div class="text-black-core/[0.87]">
-              <p class="mobile-header-1 lg:desk-header-1">Let's code your success story together!</p>
+              <p class="mobile-header-1 lg:desk-header-1">
+                Let's code your success story together!
+              </p>
             </div>
             <div class="text-black-core/[0.6]">
               <span class="sub-h1-regular lg:mobile-header-2-regular">
diff --git a/nuxt-frontend/components/flutter-app-development/CtaSection2.vue b/nuxt-frontend/components/flutter-app-development/CtaSection2.vue
index aac2ef84b..8d4e943c6 100644
--- a/nuxt-frontend/components/flutter-app-development/CtaSection2.vue
+++ b/nuxt-frontend/components/flutter-app-development/CtaSection2.vue
@@ -12,7 +12,8 @@
           Crafting tomorrow's technology starts with one click.
           <span class="border-text"> Will you take the leap? </span>
         </p>
-        <span class="text-black-core/[0.6] sub-h1-regular lg:mobile-header-2-regular"
+        <span
+          class="text-black-core/[0.6] sub-h1-regular lg:mobile-header-2-regular"
           >Discover how we can elevate your project.</span
         >
         <nuxt-link
@@ -20,7 +21,9 @@
           to="/contact"
           @click.native="$mixpanel.track('tap_flutter_development_cta')"
         >
-          <span class="sub-h3-semibold lg:mobile-header-3-semibold border-none">Drop Us a Line </span>
+          <span class="sub-h3-semibold lg:mobile-header-3-semibold border-none"
+            >Drop Us a Line
+          </span>
           <Icon name="fa6-solid:arrow-right" class="fa ml-3" />
         </nuxt-link>
       </div>
@@ -37,7 +40,9 @@
           to="/contact"
           @click.native="$mixpanel.track('tap_flutter_development_cta')"
         >
-          <span class="sub-h3-semibold lg:mobile-header-3-semibold border-none">Drop Us a Line </span>
+          <span class="sub-h3-semibold lg:mobile-header-3-semibold border-none"
+            >Drop Us a Line
+          </span>
           <Icon name="fa6-solid:arrow-right" class="fa ml-3" />
         </nuxt-link>
       </div>
diff --git a/nuxt-frontend/components/flutter-app-development/DevelopmentSection.vue b/nuxt-frontend/components/flutter-app-development/DevelopmentSection.vue
index 1d1334a72..ae7c58a44 100644
--- a/nuxt-frontend/components/flutter-app-development/DevelopmentSection.vue
+++ b/nuxt-frontend/components/flutter-app-development/DevelopmentSection.vue
@@ -3,7 +3,9 @@
     class="py-14 lg:py-[7.5rem] bg-[#121212] text-white text-center 3xl:outer-container"
   >
     <div class="container flex flex-col gap-4 lg:gap-6 lg:pb-[4.5rem]">
-      <span class="mobile-header-2 lg:desk-header-2"> Flutter app development services </span>
+      <span class="mobile-header-2 lg:desk-header-2">
+        Flutter app development services
+      </span>
       <span class="sub-h1-regular lg:mobile-header-2-regular text-white/[0.8]">
         We leverage Flutter's rich, customizable widgets and fast development
         capabilities to create beautiful and user-friendly apps that save you
diff --git a/nuxt-frontend/components/flutter-app-development/FaqSection.vue b/nuxt-frontend/components/flutter-app-development/FaqSection.vue
index a6c8717a9..bfd9836ea 100644
--- a/nuxt-frontend/components/flutter-app-development/FaqSection.vue
+++ b/nuxt-frontend/components/flutter-app-development/FaqSection.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="bg-[#121212] text-white">
     <div class="container pt-14 pb-20 lg:pt-[7.5rem] lg:pb-14">
-      <p class="text-center mobile-header-2 lg:desk-header-2 mb-6 lg:mb-[4.5rem]">
+      <p
+        class="text-center mobile-header-2 lg:desk-header-2 mb-6 lg:mb-[4.5rem]"
+      >
         FAQs on Flutter app development
       </p>
       <transition-group tag="div" :name="'faq-' + faqTransitionName">
@@ -31,7 +33,9 @@
                     "
                   />
                 </div>
-                <div class="sub-h1-semibold lg:mobile-header-2-semibold  w-[90%]">
+                <div
+                  class="sub-h1-semibold lg:mobile-header-2-semibold w-[90%]"
+                >
                   {{ faq.question }}
                 </div>
               </div>
@@ -85,7 +89,9 @@
                       "
                     />
                   </div>
-                  <div class="sub-h1-semibold lg:mobile-header-2-semibold w-[90%]">
+                  <div
+                    class="sub-h1-semibold lg:mobile-header-2-semibold w-[90%]"
+                  >
                     {{ faq.question }}
                   </div>
                 </div>
@@ -146,9 +152,7 @@
         @click="slide(1)"
         @click.native="$mixpanel.track('tap_flutter_app_faq_next_arrow')"
       >
-        <span class="sub-h1-semibold"
-          >View More Questions</span
-        >
+        <span class="sub-h1-semibold">View More Questions</span>
         <Icon
           class="ml-2 h-5 w-5"
           name="fa6-solid:arrow-right"
diff --git a/nuxt-frontend/components/flutter-app-development/LandingSection.vue b/nuxt-frontend/components/flutter-app-development/LandingSection.vue
index 7f526ce77..25051cf12 100644
--- a/nuxt-frontend/components/flutter-app-development/LandingSection.vue
+++ b/nuxt-frontend/components/flutter-app-development/LandingSection.vue
@@ -2,8 +2,12 @@
   <section class="mt-6 lg:mt-[6.75rem]">
     <div class="container lg:text-left text-center lg:flex xl:my-8 pb-16">
       <div class="flex flex-col gap-4 lg:gap-6 lg:flex-1">
-        <h1 class="mobile-header-1 lg:desk-header-1">Flutter App Development Company</h1>
-        <p class="sub-h1-regular lg:mobile-header-2-regular text-black-core/[0.6]">
+        <h1 class="mobile-header-1 lg:desk-header-1">
+          Flutter App Development Company
+        </h1>
+        <p
+          class="sub-h1-regular lg:mobile-header-2-regular text-black-core/[0.6]"
+        >
           We harness the power of Flutter to create visually stunning, fast, and
           highly responsive applications that effortlessly work on both iOS and
           Android platforms. Our team turns your unique business requirements
@@ -16,7 +20,8 @@
             to="/contact"
             @click.native="$mixpanel.track('tap_flutter_development_cta')"
           >
-            <span class="sub-h3-semibold lg:mobile-header-3-semibold border-none"
+            <span
+              class="sub-h3-semibold lg:mobile-header-3-semibold border-none"
               >Get Free Consultation</span
             >
           </nuxt-link>
@@ -38,7 +43,9 @@
           to="/contact"
           @click.native="$mixpanel.track('tap_flutter_development_cta')"
         >
-          <span class="sub-h3-semibold lg:mobile-header-3-semibold border-none">Get Free Consultation</span>
+          <span class="sub-h3-semibold lg:mobile-header-3-semibold border-none"
+            >Get Free Consultation</span
+          >
         </nuxt-link>
       </div>
     </div>
diff --git a/nuxt-frontend/components/flutter-app-development/SuccessStorySection.vue b/nuxt-frontend/components/flutter-app-development/SuccessStorySection.vue
index a1e81f2cb..494378287 100644
--- a/nuxt-frontend/components/flutter-app-development/SuccessStorySection.vue
+++ b/nuxt-frontend/components/flutter-app-development/SuccessStorySection.vue
@@ -28,14 +28,18 @@
           >
             <swiper-slide v-for="(client, index) in clients" :key="index">
               <div class="flex flex-col gap-6 lg:gap-10">
-                <div class="sub-h1-semibold lg:mobile-header-2-semibold">"{{ client.review }}"</div>
+                <div class="sub-h1-semibold lg:mobile-header-2-semibold">
+                  "{{ client.review }}"
+                </div>
                 <div class="flex flex-col">
-                  <span class="sub-h3-semibold lg:mobile-header-3-semibold opacity-80">{{
-                    client.name
-                  }}</span>
-                  <span class="sub-h3-regular lg:mobile-header-3-regular opacity-60">{{
-                    client.designation
-                  }}</span>
+                  <span
+                    class="sub-h3-semibold lg:mobile-header-3-semibold opacity-80"
+                    >{{ client.name }}</span
+                  >
+                  <span
+                    class="sub-h3-regular lg:mobile-header-3-regular opacity-60"
+                    >{{ client.designation }}</span
+                  >
                 </div>
               </div>
             </swiper-slide>
diff --git a/nuxt-frontend/components/home-new/BlogSection.vue b/nuxt-frontend/components/home-new/BlogSection.vue
index aa7c78e86..8d8d92f9c 100755
--- a/nuxt-frontend/components/home-new/BlogSection.vue
+++ b/nuxt-frontend/components/home-new/BlogSection.vue
@@ -1,18 +1,20 @@
 <template>
-  <div class="my-16 lg:my-60 text-black-core/[.87] overflow-hidden md:overflow-visible">
+  <div
+    class="my-16 lg:my-60 text-black-core/[.87] overflow-hidden md:overflow-visible"
+  >
     <div class="container flex flex-col items-center m-auto w-full">
       <div class="container">
-        <p
-          class="text-black-core/[.03] background-text text-center"
+        <p class="text-black-core/[.03] background-text text-center">Blogs</p>
+        <h2
+          class="-mt-5 md:mt-[-50px] mx-auto lg:w-[71%] xl:w-[65%] mobile-header-2 lg:desk-header-2 text-center"
         >
-          Blogs
-        </p>
-        <h2 class="-mt-5 md:mt-[-50px] mx-auto lg:w-[71%] xl:w-[65%] mobile-header-2 lg:desk-header-2 text-center">
           Do we have a team with the right skills?
         </h2>
       </div>
       <div class="mt-4 lg:w-[80%]">
-        <div class="w-full text-center text-black-core/[0.60] sub-h1-regular lg:mobile-header-2-regular">
+        <div
+          class="w-full text-center text-black-core/[0.60] sub-h1-regular lg:mobile-header-2-regular"
+        >
           Well, at least the community says Hell Yeah. Our blogs hosted on
           medium have
           <span class="secondary-color">100k+</span>
@@ -20,7 +22,10 @@
         </div>
       </div>
     </div>
-    <div class="relative mt-8 h-full" :class="width > 767 && width < 992 ? 'container' : ''">
+    <div
+      class="relative mt-8 h-full"
+      :class="width > 767 && width < 992 ? 'container' : ''"
+    >
       <div class="w-full h-full mr-0">
         <img
           :src="bgMobile"
@@ -50,8 +55,12 @@
                 v-if="index == 0"
                 class="hidden md:block md:ml-[82px] 2xl:ml-[95px] h-[0.063rem]"
               />
-              <div class="flex gap-8 md:gap-4 lg:gap-8 mt-[18px] md:mt-4 lg:mt-8">
-                <div class="flex flex-col items-center text-black-core/[0.87] lg:text-black-core/[0.6]">
+              <div
+                class="flex gap-8 md:gap-4 lg:gap-8 mt-[18px] md:mt-4 lg:mt-8"
+              >
+                <div
+                  class="flex flex-col items-center text-black-core/[0.87] lg:text-black-core/[0.6]"
+                >
                   <span class="mobile-header-2 lg:desk-header-2">
                     {{ blog.pubDate[1] }}
                   </span>
@@ -99,10 +108,11 @@
                       class="lg:w-[7.938rem] cursor-pointer sub-h3-semibold lg:mobile-header-3-semibold lg:v2-canopas-gradient-text"
                     >
                       Read more
-                    <Icon
-                      class="!hidden lg:!inline-block arrow fa w-4 h-4 text-pink-300"
-                      name="fa6-solid:arrow-right-long"
-                      id="leftArrow" />
+                      <Icon
+                        class="!hidden lg:!inline-block arrow fa w-4 h-4 text-pink-300"
+                        name="fa6-solid:arrow-right-long"
+                        id="leftArrow"
+                      />
                     </span>
                   </div>
                   <hr class="h-[0.063rem] mt-4 lg:mt-8 bg-[#C6C6C6]" />
@@ -128,28 +138,28 @@
           </div>
         </div>
       </div>
-      <div class="hidden md:flex lg:justify-end 3xl:justify-center flex-[40%]" >
+      <div class="hidden md:flex lg:justify-end 3xl:justify-center flex-[40%]">
         <div>
           <img
-           v-if="width > 767 && width < 991 || width > 3839 "
+            v-if="(width > 767 && width < 991) || width > 3839"
             :src="bgNew"
             loading="lazy"
             class="3xl:w-[55%] 3xl:mr-0 relative ml-[300px] 3xl:ml-[1156px] mt-[30px] 3xl:-mt-[24px]"
             alt="blog-background-image"
           />
-            <img
-           v-else
+          <img
+            v-else
             :src="bg"
             loading="lazy"
             class="relative mt-14 lg:mt-[4.5rem]"
             alt="blog-background-image"
           />
-          
+
           <img
             v-if="activeBlog !== null"
             @click="openBlog(activeBlog.link, 'tap_blog_post')"
             :src="activeBlog.thumbnail"
-            class="absolute inline-block inset-0 m-auto w-[90%] md:top-8 lg:top-[5.5rem]  xl:top-[7.5rem] 3xl:-top-[3.5rem] md:w-[47%] lg:w-[37%] xl:w-[35%] 2xl:w-[30%] xll:w-[26%] 3xl:w-[17%] md:-right-[387px] lg:-right-[570px] xl:-right-[680px] 2xl:-right-[945px] xll:-right-[1600px] 3xl:-right-[1246px]  cursor-pointer"
+            class="absolute inline-block inset-0 m-auto w-[90%] md:top-8 lg:top-[5.5rem] xl:top-[7.5rem] 3xl:-top-[3.5rem] md:w-[47%] lg:w-[37%] xl:w-[35%] 2xl:w-[30%] xll:w-[26%] 3xl:w-[17%] md:-right-[387px] lg:-right-[570px] xl:-right-[680px] 2xl:-right-[945px] xll:-right-[1600px] 3xl:-right-[1246px] cursor-pointer"
             :class="animate ? 'animate-fadeInRight' : ''"
             loading="lazy"
             :alt="activeBlog.title"
@@ -163,7 +173,7 @@
 <script type="module">
 import bgMobile from "@/assets/images/blog/bg/bg400.svg";
 import bg from "@/assets/images/blog/bg/bg2400.svg";
-import bgNew from "@/assets/images/blog/bg/bg.webp"
+import bgNew from "@/assets/images/blog/bg/bg.webp";
 import axios from "axios";
 import Config from "@/config.js";
 import { openBlog } from "@/utils.js";
diff --git a/nuxt-frontend/components/home-new/ContributionSection.vue b/nuxt-frontend/components/home-new/ContributionSection.vue
index 75d224d58..13116f2b8 100644
--- a/nuxt-frontend/components/home-new/ContributionSection.vue
+++ b/nuxt-frontend/components/home-new/ContributionSection.vue
@@ -4,7 +4,9 @@
       <div
         class="flex flex-col justify-center w-[36%] xl:w-[39%] h-full float-right xl:pl-12"
       >
-        <span class="text-black-core/[.87] mobile-header-2 lg:mobile-header-1 xl:desk-header-2">
+        <span
+          class="text-black-core/[.87] mobile-header-2 lg:mobile-header-1 xl:desk-header-2"
+        >
           We are here to Contribute
         </span>
         <div class="mt-2 md:mt-0 text-black-core/[0.6] mobile-header-2-regular">
@@ -78,14 +80,17 @@
               </div>
             </div>
             <div>
-              <p class="mt-[41px] text-black-core/[0.87] mobile-header-2-semibold">
+              <p
+                class="mt-[41px] text-black-core/[0.87] mobile-header-2-semibold"
+              >
                 {{ contribution.title }}
               </p>
             </div>
             <div class="mt-5">
-              <span class="text-black-core/[0.6] sub-h3-regular xl:mobile-header-3-regular">{{
-                contribution.description
-              }}</span>
+              <span
+                class="text-black-core/[0.6] sub-h3-regular xl:mobile-header-3-regular"
+                >{{ contribution.description }}</span
+              >
             </div>
             <div
               class="flex flex-row justify-between mt-[30px] text-black-core/[0.87] sub-h4-regular xl:sub-h1-regular"
diff --git a/nuxt-frontend/components/home-new/HomeIndex.vue b/nuxt-frontend/components/home-new/HomeIndex.vue
index 73138e7b6..b77171849 100644
--- a/nuxt-frontend/components/home-new/HomeIndex.vue
+++ b/nuxt-frontend/components/home-new/HomeIndex.vue
@@ -3,10 +3,7 @@
     <ScreenHeader />
     <LandingSection ref="landing" />
     <ServiceSection class="hidden lg:block" ref="service" />
-    <ServiceSectionMobile
-      class="block lg:hidden"
-      ref="service"
-    />
+    <ServiceSectionMobile class="block lg:hidden" ref="service" />
     <CaseStudy ref="casestudies" />
     <ClientReview ref="clientReview" />
     <BlogSection ref="blogs" />
@@ -20,11 +17,10 @@
       class="block lg:hidden"
       ref="contributions"
     />
-    <CTASection
-      ref="cta"
-      class=" pt-10 bg-[#121212]"
+    <CTASection ref="cta" class="pt-10 bg-[#121212]" />
+    <NewFooter
+      class="bg-gradient-to-b from-[#F2709C]/[0] to-[#F2709C]/[0.16]"
     />
-    <NewFooter class="bg-gradient-to-b from-[#F2709C]/[0] to-[#F2709C]/[0.16]"/>
   </div>
 </template>
 
@@ -34,32 +30,32 @@ import LandingSection from "@/components/home-new/LandingSection.vue";
 import { elementInViewPort } from "@/utils.js";
 import { defineAsyncComponent } from "vue";
 
-const CaseStudy = defineAsyncComponent(
-  () => import("@/components/home-new/CaseStudy.vue"),
+const CaseStudy = defineAsyncComponent(() =>
+  import("@/components/home-new/CaseStudy.vue")
 );
-const ServiceSection = defineAsyncComponent(
-  () => import("@/components/home-new/ServiceSection.vue"),
+const ServiceSection = defineAsyncComponent(() =>
+  import("@/components/home-new/ServiceSection.vue")
 );
-const ServiceSectionMobile = defineAsyncComponent(
-  () => import("@/components/home-new/ServiceSectionMobile.vue"),
+const ServiceSectionMobile = defineAsyncComponent(() =>
+  import("@/components/home-new/ServiceSectionMobile.vue")
 );
-const ContributionSection = defineAsyncComponent(
-  () => import("@/components/home-new/ContributionSection.vue"),
+const ContributionSection = defineAsyncComponent(() =>
+  import("@/components/home-new/ContributionSection.vue")
 );
-const ContributionSectionMobile = defineAsyncComponent(
-  () => import("@/components/home-new/ContributionSectionMobile.vue"),
+const ContributionSectionMobile = defineAsyncComponent(() =>
+  import("@/components/home-new/ContributionSectionMobile.vue")
 );
-const ClientReview = defineAsyncComponent(
-  () => import("@/components/home-new/ClientReviewSection.vue"),
+const ClientReview = defineAsyncComponent(() =>
+  import("@/components/home-new/ClientReviewSection.vue")
 );
-const CTASection = defineAsyncComponent(
-  () => import("@/components/mobile-app-development/CTASection2.vue"),
+const CTASection = defineAsyncComponent(() =>
+  import("@/components/mobile-app-development/CTASection2.vue")
 );
-const BlogSection = defineAsyncComponent(
-  () => import("@/components/home-new/BlogSection.vue"),
+const BlogSection = defineAsyncComponent(() =>
+  import("@/components/home-new/BlogSection.vue")
 );
-const NewFooter = defineAsyncComponent(
-  () => import("@/components/partials/NewFooter.vue"),
+const NewFooter = defineAsyncComponent(() =>
+  import("@/components/partials/NewFooter.vue")
 );
 
 export default {
diff --git a/nuxt-frontend/components/home-new/LandingSection.vue b/nuxt-frontend/components/home-new/LandingSection.vue
index 5721f6f17..b7ca795cd 100644
--- a/nuxt-frontend/components/home-new/LandingSection.vue
+++ b/nuxt-frontend/components/home-new/LandingSection.vue
@@ -172,6 +172,6 @@ export default {
   components: {
     AspectRatio,
   },
-  inject: ["mixpanel"]
+  inject: ["mixpanel"],
 };
 </script>
diff --git a/nuxt-frontend/components/home-new/PortfolioCTASection.vue b/nuxt-frontend/components/home-new/PortfolioCTASection.vue
index 92f8a9332..9a444e338 100644
--- a/nuxt-frontend/components/home-new/PortfolioCTASection.vue
+++ b/nuxt-frontend/components/home-new/PortfolioCTASection.vue
@@ -18,7 +18,9 @@
       >
         <div class="text-white">
           <p class="mobile-header-1 xl:desk-header-2">Whether you need...</p>
-          <ul class="pt-6 sub-h3-semibold lg:sub-h1-semibold xl:mobile-header-2-semibold pl-0">
+          <ul
+            class="pt-6 sub-h3-semibold lg:sub-h1-semibold xl:mobile-header-2-semibold pl-0"
+          >
             <li v-for="reason in reasons" :key="reason" class="flex">
               <span class="pr-1">*</span>
               <div class="sm:w-[90%]">{{ reason }}</div>
diff --git a/nuxt-frontend/components/home-new/PortfolioSection.vue b/nuxt-frontend/components/home-new/PortfolioSection.vue
index b9283ab50..ae96b6612 100755
--- a/nuxt-frontend/components/home-new/PortfolioSection.vue
+++ b/nuxt-frontend/components/home-new/PortfolioSection.vue
@@ -11,7 +11,7 @@
           activeIndex == portfolio.id
             ? 'lg:scale-105 lg::scale-[1.2] lg:z-[2] '
             : '',
-          portfolio.video ? 'sm:!p-0' :''
+          portfolio.video ? 'sm:!p-0' : '',
         ]"
         class="relative lg:transition-all lg:duration-500 lg:ease-in-out lg:transform cursor-pointer rounded-xl mt-4 lg:mt-0 md:w-[80%] md:mx-auto"
         @mouseover="activeIndex = portfolio.id"
@@ -41,7 +41,7 @@
             loop
             muted
             playsinline
-            class="lozad mx-auto sm:h-[400px] 2xl:h-[509px]"          
+            class="lozad mx-auto sm:h-[400px] 2xl:h-[509px]"
           >
             <source :data-src="portfolio.video[1]" type="video/webm" />
             <source :data-src="portfolio.video[0]" type="video/mp4" />
@@ -68,8 +68,12 @@
             activeIndex == portfolio.id
               ? 'lg:scale-[0.8]'
               : 'lg:text-transparent',
-            portfolio.id == 7 ? 'lg:px-2.5 lg:-mt-[20px] 2xl:-mt-[23px]' : 'lg:-mt-[46px] 2xl:-mt-[41px]',
-            portfolio.video ? 'sm:-mt-[50px] lg:-mt-[74px] xl:-mt-[70px] 2xl:-mt-[75px]' : ''
+            portfolio.id == 7
+              ? 'lg:px-2.5 lg:-mt-[20px] 2xl:-mt-[23px]'
+              : 'lg:-mt-[46px] 2xl:-mt-[41px]',
+            portfolio.video
+              ? 'sm:-mt-[50px] lg:-mt-[74px] xl:-mt-[70px] 2xl:-mt-[75px]'
+              : '',
           ]"
         >
           {{ portfolio.description }}
diff --git a/nuxt-frontend/components/home-new/ServiceSectionMobile.vue b/nuxt-frontend/components/home-new/ServiceSectionMobile.vue
index 4bbf6a4f3..08b4fb83c 100644
--- a/nuxt-frontend/components/home-new/ServiceSectionMobile.vue
+++ b/nuxt-frontend/components/home-new/ServiceSectionMobile.vue
@@ -2,7 +2,9 @@
   <div class="container relative m-0 mt-16 max-w-full p-0 text-center">
     <div>
       <p class="text-center background-text text-black-core/[.03]">Services</p>
-      <p class="-mt-5 pb-8 text-center mobile-header-2 lg:desk-header-2 text-black-core/[0.87]">
+      <p
+        class="-mt-5 pb-8 text-center mobile-header-2 lg:desk-header-2 text-black-core/[0.87]"
+      >
         How we can help you
       </p>
     </div>
diff --git a/nuxt-frontend/components/home-new/UserReview.vue b/nuxt-frontend/components/home-new/UserReview.vue
index 30820ab32..eb0de38d3 100644
--- a/nuxt-frontend/components/home-new/UserReview.vue
+++ b/nuxt-frontend/components/home-new/UserReview.vue
@@ -193,8 +193,8 @@ export default {
     };
   },
   components: {
-    LottieAnimation: defineAsyncComponent(
-      () => import("@/components/utils/LottieAnimation.vue"),
+    LottieAnimation: defineAsyncComponent(() =>
+      import("@/components/utils/LottieAnimation.vue")
     ),
   },
   mounted() {
diff --git a/nuxt-frontend/components/ios-app-development/CaseStudySection.vue b/nuxt-frontend/components/ios-app-development/CaseStudySection.vue
index 12e1be5f9..eecf40de7 100644
--- a/nuxt-frontend/components/ios-app-development/CaseStudySection.vue
+++ b/nuxt-frontend/components/ios-app-development/CaseStudySection.vue
@@ -2,12 +2,12 @@
   <div class="md:!mb-0 flex flex-col 3xl:outer-container">
     <div class="container mb-2.5 flex flex-col text-center md:mb-20">
       <h2
-        class="mobile-header-2 lg:desk-header-2  mb-2.5 text-black-core/[0.87] md:!mx-0 md:!w-full xs:mx-auto xs:w-[71%]"
+        class="mobile-header-2 lg:desk-header-2 mb-2.5 text-black-core/[0.87] md:!mx-0 md:!w-full xs:mx-auto xs:w-[71%]"
       >
         Case studies
       </h2>
       <span
-        class="sub-h1-regular lg:mobile-header-2-regular  text-black-core/[0.60] w-11/12 2xl:w-9/12 mx-auto"
+        class="sub-h1-regular lg:mobile-header-2-regular text-black-core/[0.60] w-11/12 2xl:w-9/12 mx-auto"
         >Explore our case studies to witness how we've transformed our client's
         ideas into successful iOS apps.</span
       >
@@ -48,7 +48,7 @@
             class="w-[94%] sm:w-9/12 flex flex-col ml-[10%] pr-3.5 xs:p-3"
             :class="index == 1 ? 'pl-3.5 !w-[91%] sm:!w-[66%]' : ''"
           >
-            <h2 class="mb-2.5 mobile-header-2 ">
+            <h2 class="mb-2.5 mobile-header-2">
               {{ portfolio.title }}
             </h2>
             <span class="sub-h1-regular text-black-core/[0.60]">{{
diff --git a/nuxt-frontend/components/ios-app-development/CtaSection.vue b/nuxt-frontend/components/ios-app-development/CtaSection.vue
index e9a6bf5f1..7f4fbaa4e 100644
--- a/nuxt-frontend/components/ios-app-development/CtaSection.vue
+++ b/nuxt-frontend/components/ios-app-development/CtaSection.vue
@@ -24,9 +24,7 @@
             to="/contact"
             @click.native="$mixpanel.track('tap_ios_development_cta')"
           >
-            <span class="mr-2.5 sub-h3-semibold lg:block"
-              >Contact Us
-            </span>
+            <span class="mr-2.5 sub-h3-semibold lg:block">Contact Us </span>
           </router-link>
         </div>
       </div>
diff --git a/nuxt-frontend/components/ios-app-development/CtaSection2.vue b/nuxt-frontend/components/ios-app-development/CtaSection2.vue
index 8bdf42cad..325f529ba 100644
--- a/nuxt-frontend/components/ios-app-development/CtaSection2.vue
+++ b/nuxt-frontend/components/ios-app-development/CtaSection2.vue
@@ -14,11 +14,15 @@
     >
       <div class="flex w-full lg:mb-10">
         <div class="m-auto">
-          <p class="mobile-header-1 lg:desk-header-1 text-black-core/[0.87] mb-4 lg:mb-6">
+          <p
+            class="mobile-header-1 lg:desk-header-1 text-black-core/[0.87] mb-4 lg:mb-6"
+          >
             Have an app idea?
           </p>
 
-          <div class="sub-h1-regular lg:mobile-header-2-regular text-black-core/[0.60]">
+          <div
+            class="sub-h1-regular lg:mobile-header-2-regular text-black-core/[0.60]"
+          >
             See if we can make it a reality.
           </div>
         </div>
diff --git a/nuxt-frontend/components/ios-app-development/DevelopmentSection.vue b/nuxt-frontend/components/ios-app-development/DevelopmentSection.vue
index e340c2eef..6b3431a71 100644
--- a/nuxt-frontend/components/ios-app-development/DevelopmentSection.vue
+++ b/nuxt-frontend/components/ios-app-development/DevelopmentSection.vue
@@ -49,7 +49,10 @@
             <div
               class="justify-center px-5 h-16 mb-5 flex flex-row items-center"
             >
-              <span class="mobile-header-3-semibold text-[#FF9472]" v-html="item.title"></span>
+              <span
+                class="mobile-header-3-semibold text-[#FF9472]"
+                v-html="item.title"
+              ></span>
             </div>
             <div class="sub-h3-regular text-black-core/[0.87]">
               <p v-for="list in item.description" :key="list" class="mb-4">
@@ -112,15 +115,13 @@
             :key="index"
             class="lg:px-8 lg:pt-2 2xl:px-11"
           >
-            <div class="justify-start px-5 mt-3 lg:my-3 flex flex-row desk-header-3 primary-color">
-              <span class="mr-1.5"
-                >{{ index + 1 }}.
-              </span>
-              <span class="mr-1.5">{{
-                item.desktoptitle
-              }}</span>
+            <div
+              class="justify-start px-5 mt-3 lg:my-3 flex flex-row desk-header-3 primary-color"
+            >
+              <span class="mr-1.5">{{ index + 1 }}. </span>
+              <span class="mr-1.5">{{ item.desktoptitle }}</span>
             </div>
-            <div class="px-5 mobile-header-3-semibold  text-black-core/[0.60]">
+            <div class="px-5 mobile-header-3-semibold text-black-core/[0.60]">
               <p v-for="list in item.description" :key="list" class="mb-6">
                 {{ list }}
               </p>
diff --git a/nuxt-frontend/components/ios-app-development/FaqSection.vue b/nuxt-frontend/components/ios-app-development/FaqSection.vue
index 7e58a8703..855813261 100644
--- a/nuxt-frontend/components/ios-app-development/FaqSection.vue
+++ b/nuxt-frontend/components/ios-app-development/FaqSection.vue
@@ -3,7 +3,7 @@
     <div class="lg:container">
       <div class="mx-[2%] my-0 flex flex-col gap-4 lg:my-0">
         <div class="text-center">
-          <span class="mobile-header-2 lg:desk-header-2  text-black-core/[0.87]"
+          <span class="mobile-header-2 lg:desk-header-2 text-black-core/[0.87]"
             >FAQs on iOS app development</span
           >
         </div>
diff --git a/nuxt-frontend/components/ios-app-development/LandingSection.vue b/nuxt-frontend/components/ios-app-development/LandingSection.vue
index 092af8276..5c6dc292c 100644
--- a/nuxt-frontend/components/ios-app-development/LandingSection.vue
+++ b/nuxt-frontend/components/ios-app-development/LandingSection.vue
@@ -6,10 +6,14 @@
       class="container px-4 pb-4 3xl:pb-28 text-left lg:flex mb-4 md:mb-7 lg:mb-14"
     >
       <div class="lg:flex-1 mb-6">
-        <h1 class="mobile-header-1 lg:desk-header-1 mb-4 pr-2 lg:w-2/4 text-black-core/[0.87]">
+        <h1
+          class="mobile-header-1 lg:desk-header-1 mb-4 pr-2 lg:w-2/4 text-black-core/[0.87]"
+        >
           iOS app development company
         </h1>
-        <p class="sub-h1-regular lg:mobile-header-2-regular 2xl:w-4/5 text-black-core/[0.60]">
+        <p
+          class="sub-h1-regular lg:mobile-header-2-regular 2xl:w-4/5 text-black-core/[0.60]"
+        >
           We craft tailor-made iOS apps that redefine user experience and put
           you ahead of the game. Our team work with passion and precision to
           transform your business vision into reality, giving your brand the
diff --git a/nuxt-frontend/components/ios-app-development/SuccessStory.vue b/nuxt-frontend/components/ios-app-development/SuccessStory.vue
index 0e0fa5310..4c1d4e351 100644
--- a/nuxt-frontend/components/ios-app-development/SuccessStory.vue
+++ b/nuxt-frontend/components/ios-app-development/SuccessStory.vue
@@ -2,7 +2,7 @@
   <section class="my-20 lg:my-60 3xl:mt-[315px]">
     <div class="container md:mt-36 lg:mb-8 mb-7 mx-auto text-center">
       <span
-        class="mb-2.5 mobile-header-2  md:hidden text-black-core/[0.87] md:!mx-0 md:!w-full  xs:mx-auto xs:w-[71%]"
+        class="mb-2.5 mobile-header-2 md:hidden text-black-core/[0.87] md:!mx-0 md:!w-full xs:mx-auto xs:w-[71%]"
       >
         Success Stories</span
       >
@@ -57,10 +57,9 @@
                 <span class="sub-h3-medium text-white/[0.80]">{{
                   client.name
                 }}</span>
-                <span
-                  class="sub-h4-regular text-white/[0.60] mt-[0.3rem]"
-                  >{{ client.designation }}</span
-                >
+                <span class="sub-h4-regular text-white/[0.60] mt-[0.3rem]">{{
+                  client.designation
+                }}</span>
               </div>
             </div>
           </swiper-slide>
@@ -75,7 +74,9 @@
       <div
         class="w-2/5 flex justify-center items-center bg-[#F4F4F4] rounded-tl-xl rounded-bl-xl"
       >
-        <h2 class="desk-header-2 w-3/4 2xl:w-[65%] mx-auto text-black-core/[0.87]">
+        <h2
+          class="desk-header-2 w-3/4 2xl:w-[65%] mx-auto text-black-core/[0.87]"
+        >
           What our clients says!
         </h2>
       </div>
@@ -114,20 +115,16 @@
                     class="fa-star w-[1.375rem] h-[1.375rem] lg:w-6 lg:h-6 text-[#FFC700]"
                     name="fa6-solid:star"
                 /></span>
-                <div
-                  class="mobile-header-2-semibold"
-                >
+                <div class="mobile-header-2-semibold">
                   {{ client.review }}
                 </div>
                 <div class="flex flex-col text-left mt-6">
-                  <span
-                    class="opacity-80 sub-h2-medium "
-                    >{{ client.name }}</span
-                  >
-                  <span
-                    class="opacity-60 sub-h1-regular"
-                    >{{ client.designation }}</span
-                  >
+                  <span class="opacity-80 sub-h2-medium">{{
+                    client.name
+                  }}</span>
+                  <span class="opacity-60 sub-h1-regular">{{
+                    client.designation
+                  }}</span>
                 </div>
               </div>
             </swiper-slide>
diff --git a/nuxt-frontend/components/mobile-app-development/CTASection2.vue b/nuxt-frontend/components/mobile-app-development/CTASection2.vue
index 9c404efd7..a881ca666 100644
--- a/nuxt-frontend/components/mobile-app-development/CTASection2.vue
+++ b/nuxt-frontend/components/mobile-app-development/CTASection2.vue
@@ -25,7 +25,7 @@
           >ogether
         </p>
         <p
-          class="mt-4 lg:mt-[2.5rem] w-[98%] md:w-[70%] lg:w-[80%] xl:w-[75%] 2xl:w-[65%] xll:w-[52%] text-center sub-h1-regular lg:mobile-header-2-regular text-white/[0.80] lg:text-right "
+          class="mt-4 lg:mt-[2.5rem] w-[98%] md:w-[70%] lg:w-[80%] xl:w-[75%] 2xl:w-[65%] xll:w-[52%] text-center sub-h1-regular lg:mobile-header-2-regular text-white/[0.80] lg:text-right"
         >
           Not sure where to start? We also offer code and architecture reviews,
           strategic planning, and more.
@@ -34,9 +34,7 @@
           class="gradient-btn primary-btn mr-0 hidden lg:flex lg:mt-[2.5rem]"
           to="/contact"
         >
-          <span class="sub-h1-semibold"
-            >Get Free Consultation
-          </span>
+          <span class="sub-h1-semibold">Get Free Consultation </span>
         </nuxt-link>
       </div>
       <div class="relative lg:flex-[45%]">
@@ -50,9 +48,7 @@
       </div>
 
       <nuxt-link class="gradient-btn primary-btn lg:hidden" to="/contact">
-        <span class="sub-h3-semibold"
-          >Get Free Consultation
-        </span>
+        <span class="sub-h3-semibold">Get Free Consultation </span>
       </nuxt-link>
     </div>
   </section>
diff --git a/nuxt-frontend/components/mobile-app-development/ClientReview.vue b/nuxt-frontend/components/mobile-app-development/ClientReview.vue
index 00c9d4552..0e4277a41 100755
--- a/nuxt-frontend/components/mobile-app-development/ClientReview.vue
+++ b/nuxt-frontend/components/mobile-app-development/ClientReview.vue
@@ -1,5 +1,7 @@
 <template>
-  <section class="pb-[50px] pt-[100px] md:pb-[141px] 3xl:pb-[146px] md:pt-[200px]">
+  <section
+    class="pb-[50px] pt-[100px] md:pb-[141px] 3xl:pb-[146px] md:pt-[200px]"
+  >
     <div class="container">
       <div class="hidden md:block">
         <span
diff --git a/nuxt-frontend/components/partials/NewFooter.vue b/nuxt-frontend/components/partials/NewFooter.vue
index 2fb68e721..144279343 100644
--- a/nuxt-frontend/components/partials/NewFooter.vue
+++ b/nuxt-frontend/components/partials/NewFooter.vue
@@ -1,6 +1,5 @@
 <template>
   <div class="pt-14 px-0 font-inter-medium z-[1] bg-[#121212]">
-    
     <div class="container text-center">
       <div class="mb-8 md:mb-[60px]">
         <div
diff --git a/nuxt-frontend/pages/flutter-app-development.vue b/nuxt-frontend/pages/flutter-app-development.vue
index 2a111b28f..518345047 100644
--- a/nuxt-frontend/pages/flutter-app-development.vue
+++ b/nuxt-frontend/pages/flutter-app-development.vue
@@ -9,7 +9,10 @@
     <BlogSection />
     <CtaSection2 />
     <FaqSection />
-    <NewFooter class="-mt-4 md:mt-auto bg-gradient-to-b from-[#F2709C]/[0] to-[#F2709C]/[0.16]" ref="flutterFooter" />
+    <NewFooter
+      class="-mt-4 md:mt-auto bg-gradient-to-b from-[#F2709C]/[0] to-[#F2709C]/[0.16]"
+      ref="flutterFooter"
+    />
   </div>
 </template>
 <script>
@@ -19,26 +22,26 @@ import { defineAsyncComponent } from "vue";
 import { elementInViewPort } from "@/utils.js";
 import LandingSection from "@/components/flutter-app-development/LandingSection.vue";
 import DevelopmentSection from "@/components/flutter-app-development/DevelopmentSection.vue";
-const CaseStudySection = defineAsyncComponent(
-  () => import("@/components/flutter-app-development/CaseStudySection.vue"),
+const CaseStudySection = defineAsyncComponent(() =>
+  import("@/components/flutter-app-development/CaseStudySection.vue")
 );
-const CtaSection = defineAsyncComponent(
-  () => import("@/components/flutter-app-development/CtaSection.vue"),
+const CtaSection = defineAsyncComponent(() =>
+  import("@/components/flutter-app-development/CtaSection.vue")
 );
-const SuccessStory = defineAsyncComponent(
-  () => import("@/components/flutter-app-development/SuccessStorySection.vue"),
+const SuccessStory = defineAsyncComponent(() =>
+  import("@/components/flutter-app-development/SuccessStorySection.vue")
 );
-const BlogSection = defineAsyncComponent(
-  () => import("@/components/flutter-app-development/BlogSection.vue"),
+const BlogSection = defineAsyncComponent(() =>
+  import("@/components/flutter-app-development/BlogSection.vue")
 );
-const CtaSection2 = defineAsyncComponent(
-  () => import("@/components/flutter-app-development/CtaSection2.vue"),
+const CtaSection2 = defineAsyncComponent(() =>
+  import("@/components/flutter-app-development/CtaSection2.vue")
 );
-const FaqSection = defineAsyncComponent(
-  () => import("@/components/flutter-app-development/FaqSection.vue"),
+const FaqSection = defineAsyncComponent(() =>
+  import("@/components/flutter-app-development/FaqSection.vue")
 );
-const NewFooter = defineAsyncComponent(
-  () => import("@/components/partials/NewFooter.vue"),
+const NewFooter = defineAsyncComponent(() =>
+  import("@/components/partials/NewFooter.vue")
 );
 
 export default {
diff --git a/nuxt-frontend/pages/mobile-app-development.vue b/nuxt-frontend/pages/mobile-app-development.vue
index 664763146..36a20944b 100755
--- a/nuxt-frontend/pages/mobile-app-development.vue
+++ b/nuxt-frontend/pages/mobile-app-development.vue
@@ -14,7 +14,9 @@
         <CTASection2 ref="cta" />
       </div>
     </div>
-    <NewFooter class="bg-gradient-to-b from-[#F2709C]/[0] to-[#F2709C]/[0.16]" />
+    <NewFooter
+      class="bg-gradient-to-b from-[#F2709C]/[0] to-[#F2709C]/[0.16]"
+    />
   </div>
 </template>
 
@@ -26,23 +28,23 @@ import config from "@/config.js";
 import { defineAsyncComponent } from "vue";
 import { elementInViewPort } from "@/utils.js";
 
-const Portfolio = defineAsyncComponent(
-  () => import("@/components/mobile-app-development/Portfolio.vue"),
+const Portfolio = defineAsyncComponent(() =>
+  import("@/components/mobile-app-development/Portfolio.vue")
 );
-const CTASection = defineAsyncComponent(
-  () => import("@/components/mobile-app-development/CTASection.vue"),
+const CTASection = defineAsyncComponent(() =>
+  import("@/components/mobile-app-development/CTASection.vue")
 );
-const DevelopmentProcess = defineAsyncComponent(
-  () => import("@/components/mobile-app-development/DevelopmentProcess.vue"),
+const DevelopmentProcess = defineAsyncComponent(() =>
+  import("@/components/mobile-app-development/DevelopmentProcess.vue")
 );
-const ClientReview = defineAsyncComponent(
-  () => import("@/components/mobile-app-development/ClientReview.vue"),
+const ClientReview = defineAsyncComponent(() =>
+  import("@/components/mobile-app-development/ClientReview.vue")
 );
-const CTASection2 = defineAsyncComponent(
-  () => import("@/components/mobile-app-development/CTASection2.vue"),
+const CTASection2 = defineAsyncComponent(() =>
+  import("@/components/mobile-app-development/CTASection2.vue")
 );
-const NewFooter = defineAsyncComponent(
-  () => import("@/components/partials/NewFooter.vue"),
+const NewFooter = defineAsyncComponent(() =>
+  import("@/components/partials/NewFooter.vue")
 );
 
 const { $mixpanel } = useNuxtApp();