From 9e11e5504c40db9a3f5cf9ebd9da50e79c159424 Mon Sep 17 00:00:00 2001
From: Sumita Canopas <sumita.k@canopas.com>
Date: Fri, 27 Oct 2023 16:50:33 +0530
Subject: [PATCH] Fix css in services page

---
 nuxt-frontend/assets/css/global.css           |  2 --
 .../about/HowItAllStartedSection.vue          |  8 ++----
 .../components/about/WithCanopas.vue          |  4 +--
 .../android-app-development/BlogSection.vue   |  8 ++----
 .../CaseStudySection.vue                      | 25 +++++--------------
 .../android-app-development/CtaSection.vue    |  4 +--
 .../DevelopmentSection.vue                    | 15 +++--------
 .../PinkCtaSection.vue                        | 12 +++------
 .../components/contact/NewContactForm.vue     | 16 +++---------
 .../contact/thank-you/BenefitSection.vue      | 11 +++-----
 .../contact/thank-you/HappyClient.vue         | 12 +++------
 .../contact/thank-you/ScheduleMeeting.vue     |  8 ++----
 .../contributions/AnimatedCreation.vue        |  4 +--
 .../contributions/DesignExplore.vue           |  4 +--
 .../contributions/DesktopLanding.vue          |  7 ++----
 .../components/contributions/DevOps.vue       | 16 +++---------
 .../components/contributions/Favourite.vue    |  8 ++----
 .../contributions/GithubContribution.vue      | 24 +++++-------------
 .../contributions/MobileLanding.vue           |  8 ++----
 .../components/contributions/UnitTest.vue     |  8 ++----
 .../components/contributions/WeeklyUpdate.vue |  9 ++-----
 .../contributions/WhatsTrending.vue           | 21 ++++------------
 .../LandingSection.vue                        |  8 ++----
 .../components/home-new/BlogSection.vue       | 12 +++------
 .../home-new/ClientReviewSection.vue          | 20 ++++-----------
 .../home-new/ContributionSection.vue          |  2 +-
 .../components/home-new/HomeIndex.vue         |  5 +---
 .../components/home-new/LandingSection.vue    | 15 +++--------
 .../components/home-new/PortfolioSection.vue  |  4 +--
 .../components/home-new/ServiceSection.vue    |  5 +---
 .../home-new/ServiceSectionMobile.vue         |  8 ++----
 .../ios-app-development/BlogSection.vue       |  6 +----
 .../ios-app-development/CaseStudySection.vue  | 16 +++---------
 .../ios-app-development/CtaSection.vue        | 12 +++------
 .../DevelopmentSection.vue                    |  4 +--
 .../ios-app-development/LandingSection.vue    |  4 +--
 nuxt-frontend/components/jobs/CareerView.vue  |  9 ++-----
 nuxt-frontend/components/jobs/FaqSection.vue  |  4 +--
 nuxt-frontend/components/jobs/VirtuesView.vue |  8 ++----
 nuxt-frontend/components/jobs/WhyCanopas.vue  |  4 +--
 .../components/jobs/WhyCanopasMobile.vue      | 12 +++------
 .../jobs/thank-you/ContributionSection.vue    |  4 +--
 .../components/jobs/thank-you/LatestBlog.vue  | 12 +++------
 .../mobile-app-development/CTASection2.vue    | 14 +++--------
 .../mobile-app-development/ClientReview.vue   |  4 +--
 .../DevelopmentProcess.vue                    | 13 +++-------
 .../mobile-app-development/LandingSection.vue |  4 +--
 .../mobile-app-development/Portfolio.vue      |  4 +--
 .../mobile-app-development/Services.vue       | 12 +++------
 .../components/partials/NewFooter.vue         | 10 +++-----
 .../components/partials/NewHeader.vue         | 19 +++-----------
 .../components/portfolio/BrandingSection.vue  | 17 +++----------
 .../components/portfolio/DesignSection.vue    |  9 ++-----
 .../components/portfolio/ElementSection.vue   |  4 +--
 .../components/portfolio/LandingSection.vue   |  5 +---
 .../components/portfolio/NewCTASection.vue    |  4 +--
 .../portfolio/UserReviewSection.vue           | 12 +++------
 .../components/portfolio/VideoSection.vue     | 13 +++-------
 .../components/services/CTASection.vue        | 20 +++++----------
 .../components/services/ContactUsToday.vue    | 10 +++-----
 .../components/services/LandingSection.vue    |  9 ++-----
 .../components/services/SuccessStories.vue    |  4 +--
 .../components/services/TechnologyStack.vue   | 20 ++++-----------
 .../components/services/WhatWeOfferMobile.vue | 10 ++------
 .../components/utils/ScreenLoader.vue         |  4 +--
 nuxt-frontend/pages/about.vue                 | 12 ++++-----
 .../pages/android-app-development.vue         | 16 ++++++------
 nuxt-frontend/pages/contact.vue               |  6 ++---
 nuxt-frontend/pages/contributions.vue         | 16 ++++++------
 nuxt-frontend/pages/ios-app-development.vue   | 12 ++++-----
 nuxt-frontend/pages/jobs/[id].vue             |  8 ++----
 nuxt-frontend/pages/jobs/apply/[id].vue       | 10 ++------
 nuxt-frontend/pages/jobs/index.vue            | 16 ++++++------
 nuxt-frontend/pages/jobs/thank-you/index.vue  | 10 ++++----
 .../pages/mobile-app-development.vue          | 12 ++++-----
 nuxt-frontend/pages/portfolio/[id].vue        |  2 +-
 nuxt-frontend/pages/portfolio/index.vue       |  6 ++---
 nuxt-frontend/pages/resources/index.vue       |  1 -
 nuxt-frontend/pages/services.vue              | 18 ++++++-------
 nuxt-frontend/pages/tag/[slug].vue            |  2 +-
 nuxt-frontend/pages/thank-you.vue             |  2 +-
 nuxt-frontend/server/tsconfig.json            |  4 +--
 nuxt-frontend/tailwind.config.js              |  2 +-
 nuxt-frontend/tsconfig.json                   |  4 +--
 nuxt-frontend/utils.js                        |  4 +--
 85 files changed, 230 insertions(+), 562 deletions(-)

diff --git a/nuxt-frontend/assets/css/global.css b/nuxt-frontend/assets/css/global.css
index d680c3f3b..563a71cc5 100644
--- a/nuxt-frontend/assets/css/global.css
+++ b/nuxt-frontend/assets/css/global.css
@@ -8,7 +8,6 @@
 
 @tailwind components;
 
-
 @layer components {
   .hidden-scrollbar::-webkit-scrollbar,
   .parallax::-webkit-scrollbar,
@@ -239,4 +238,3 @@
 }
 
 @tailwind utilities;
-
diff --git a/nuxt-frontend/components/about/HowItAllStartedSection.vue b/nuxt-frontend/components/about/HowItAllStartedSection.vue
index 5d8ff4e2f..e2b36e0a8 100644
--- a/nuxt-frontend/components/about/HowItAllStartedSection.vue
+++ b/nuxt-frontend/components/about/HowItAllStartedSection.vue
@@ -6,14 +6,10 @@
       How it all started?
     </h1>
     <div
-      :class="
-        width > 1399 && width < 1536 ? '2xl:!w-full' : '2xl:!w-[1535px]'
-      "
+      :class="width > 1399 && width < 1536 ? '2xl:!w-full' : '2xl:!w-[1535px]'"
       class="flex flex-row items-center mx-auto w-full xll:w-[1530px] 3xl:w-[1595px] xl:pt-20"
     >
-      <div
-        class="flex flex-col w-[60%] xll:w-[70%] overflow-hidden py-40"
-      >
+      <div class="flex flex-col w-[60%] xll:w-[70%] overflow-hidden py-40">
         <div class="relative">
           <ul
             ref="years"
diff --git a/nuxt-frontend/components/about/WithCanopas.vue b/nuxt-frontend/components/about/WithCanopas.vue
index d3ac09711..9b2f606eb 100644
--- a/nuxt-frontend/components/about/WithCanopas.vue
+++ b/nuxt-frontend/components/about/WithCanopas.vue
@@ -57,9 +57,7 @@
               <img
                 :src="phase.image"
                 class="w-full h-full object-cover"
-                :class="
-                  phase.title == 'Marketing' ? 'h-full md:h-[84%]' : ''
-                "
+                :class="phase.title == 'Marketing' ? 'h-full md:h-[84%]' : ''"
                 loading="lazy"
                 :alt="phase.alt"
               />
diff --git a/nuxt-frontend/components/android-app-development/BlogSection.vue b/nuxt-frontend/components/android-app-development/BlogSection.vue
index b5106f294..7f9dc76d0 100644
--- a/nuxt-frontend/components/android-app-development/BlogSection.vue
+++ b/nuxt-frontend/components/android-app-development/BlogSection.vue
@@ -18,9 +18,7 @@
             class="relative flex flex-col"
           >
             <div class="overflow-hidden">
-              <div
-                class="scale-75 transition-all duration-200 ease-out"
-              >
+              <div class="scale-75 transition-all duration-200 ease-out">
                 <img
                   @click="openBlog(blog.link, 'tap_android_app_blog_section')"
                   :src="blog.image[0]"
@@ -57,9 +55,7 @@
     <div
       class="container flex hidden flex-col lg:block lg:min-h-[580px] lg:py-0"
     >
-      <p class="mb-8 text-center header-2 text-black-core/[0.87]">
-        Our blogs
-      </p>
+      <p class="mb-8 text-center 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 0efdc9999..59a0d7bc3 100644
--- a/nuxt-frontend/components/android-app-development/CaseStudySection.vue
+++ b/nuxt-frontend/components/android-app-development/CaseStudySection.vue
@@ -32,10 +32,7 @@
             loading="lazy"
           />
 
-          <div
-            :class="item.textalign"
-            class="absolute bottom-4 flex flex-col"
-          >
+          <div :class="item.textalign" class="absolute bottom-4 flex flex-col">
             <span class="header-2 text-black-core/[0.87]">{{
               item.title
             }}</span>
@@ -129,18 +126,14 @@
                 alt="case_study_result_image"
               />
 
-              <div
-                class="bg-white drop-shadow-md rounded lg:w-[457px]"
-              >
+              <div class="bg-white drop-shadow-md rounded lg:w-[457px]">
                 <div class="inline-flex p-2 lg:p-4">
                   <div class="p-[0.8rem]">
                     <span
                       class="font-opensans-semibold header-3 text-[#FF9472]"
                       >{{ item.resultcount[0] }}</span
                     >
-                    <div
-                      class="flex-1 text-black-core-[0.87] sub-h3-regular"
-                    >
+                    <div class="flex-1 text-black-core-[0.87] sub-h3-regular">
                       <span>Downloads</span>
                     </div>
                   </div>
@@ -149,9 +142,7 @@
                       class="font-opensans-semibold header-3 text-[#FF9472]"
                       >{{ item.resultcount[1] }}</span
                     >
-                    <div
-                      class="flex-1 text-black-core-[0.87] sub-h3-regular"
-                    >
+                    <div class="flex-1 text-black-core-[0.87] sub-h3-regular">
                       <span>App Rating</span>
                     </div>
                   </div>
@@ -160,9 +151,7 @@
                       class="font-opensans-semibold header-3 text-[#FF9472]"
                       >{{ item.resultcount[2] }}</span
                     >
-                    <div
-                      class="flex-1 text-black-core-[0.87] sub-h3-regular"
-                    >
+                    <div class="flex-1 text-black-core-[0.87] sub-h3-regular">
                       <span>Monthly Users</span>
                     </div>
                   </div>
@@ -185,9 +174,7 @@
             </div>
           </div>
         </swiper-slide>
-        <div
-          class="absolute top-0 left-0 w-full h-1 bg-black-core/[0.08]"
-        >
+        <div class="absolute top-0 left-0 w-full h-1 bg-black-core/[0.08]">
           <div
             class="progressbar h-1 bg-gradient-to-r from-[#FF835B] to-[#F2709C] rounded-xl"
             ref="progressBar"
diff --git a/nuxt-frontend/components/android-app-development/CtaSection.vue b/nuxt-frontend/components/android-app-development/CtaSection.vue
index be08a5147..de18a816e 100644
--- a/nuxt-frontend/components/android-app-development/CtaSection.vue
+++ b/nuxt-frontend/components/android-app-development/CtaSection.vue
@@ -46,9 +46,7 @@
         >
           <span>Let’s talk about what we can build and scale together.</span>
         </div>
-        <div
-          class="ml-auto mt-4 lg:mt-10 xl:!ml-[14%] 2xl:!ml-[-7%]"
-        >
+        <div class="ml-auto mt-4 lg:mt-10 xl:!ml-[14%] 2xl:!ml-[-7%]">
           <router-link
             class="gradient-btn primary-btn"
             to="/contact"
diff --git a/nuxt-frontend/components/android-app-development/DevelopmentSection.vue b/nuxt-frontend/components/android-app-development/DevelopmentSection.vue
index 67fb84142..bf0aa165a 100644
--- a/nuxt-frontend/components/android-app-development/DevelopmentSection.vue
+++ b/nuxt-frontend/components/android-app-development/DevelopmentSection.vue
@@ -2,16 +2,13 @@
   <div class="mt-16 md:mt-40 xl:mt-60 bg-white h-[70%]">
     <div class="sticky-parent">
       <div class="lg:sticky lg:!top-[128px] 3xl:!top-[500px]">
-        <div
-          class="container flex flex-col text-center xll:-mb-72"
-        >
+        <div class="container flex flex-col text-center xll:-mb-72">
           <span
             class="header-2 text-black-core/[0.87] lg:!mx-0 lg:!w-full xs:mx-auto xs:w-[71%]"
           >
             Android app development services</span
           >
-          <span
-            class="mt-4 md:mt-6 sub-h1-regular text-black-core/[0.60]"
+          <span class="mt-4 md:mt-6 sub-h1-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
@@ -103,9 +100,7 @@
 
         <!-- ---------------------DESKTOP UI START------------------ -->
 
-        <div
-          class="sticky sticky main overflow-hidden hidden lg:block"
-        >
+        <div class="sticky main overflow-hidden hidden lg:block">
           <div class="flex">
             <div
               v-for="(item, index) in items"
@@ -130,9 +125,7 @@
                 class="ml-auto xll:ml-[12%] xll:ml-auto rounded-[1.25rem] p-[1.88rem] !w-[39.75rem] xl:!w-[45rem] mx-auto"
                 :class="[item.bgColor]"
               >
-                <div
-                  class="justify-left flex flex-row items-center"
-                >
+                <div class="justify-left flex flex-row items-center">
                   <img
                     alt="development-icon"
                     :src="item.icon"
diff --git a/nuxt-frontend/components/android-app-development/PinkCtaSection.vue b/nuxt-frontend/components/android-app-development/PinkCtaSection.vue
index da442a2c8..04c9cbfac 100644
--- a/nuxt-frontend/components/android-app-development/PinkCtaSection.vue
+++ b/nuxt-frontend/components/android-app-development/PinkCtaSection.vue
@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="relative md:h-[376px] xl:h-[476px] 3xl:outer-container"
-  >
+  <div class="relative md:h-[376px] xl:h-[476px] 3xl:outer-container">
     <img
       :src="background"
       alt="Background-Image"
@@ -12,9 +10,7 @@
       class="container absolute left-1/2 flex w-full -translate-x-1/2 -translate-y-[116%] xl:-translate-y-[120%] transform flex-row items-center lg:mt-4"
     >
       <div class="flex w-[66%]">
-        <div
-          class="w-[80%] py-5 text-white lg:w-[90%] xl:m-auto 2xl:w-9/12"
-        >
+        <div class="w-[80%] py-5 text-white lg:w-[90%] xl:m-auto 2xl:w-9/12">
           <p class="header-2">Whether you need...</p>
           <ul class="pt-6 sub-h1-semibold">
             <li v-for="reason in reasons" :key="reason" class="flex">
@@ -22,9 +18,7 @@
               <div class="sm:w-[90%]">{{ reason }}</div>
             </li>
           </ul>
-          <div
-            class="text-white/[0.8] pb-8 pt-4 sub-h3-regular xl:w-[85%]"
-          >
+          <div class="text-white/[0.8] pb-8 pt-4 sub-h3-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/contact/NewContactForm.vue b/nuxt-frontend/components/contact/NewContactForm.vue
index bfb6da966..8130e02e8 100755
--- a/nuxt-frontend/components/contact/NewContactForm.vue
+++ b/nuxt-frontend/components/contact/NewContactForm.vue
@@ -53,9 +53,7 @@
                 class="absolute top-4 left-0 mb-5 text-black-core/[.6] font-inter-regular text-[1rem] md:text-[1.375rem] leading-[1.21rem] md:leading-[2.0625rem] transform -translate-y-4 origin-[0] scale-75 duration-300 peer-focus:text-black-core/[0.6] peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-4"
                 >Your email</label
               >
-              <span
-                v-if="showEmailValidationError"
-                class="error text-red-600"
+              <span v-if="showEmailValidationError" class="error text-red-600"
                 >Email is required</span
               >
               <span
@@ -64,9 +62,7 @@
                 >Please enter valid email address</span
               >
             </div>
-            <div
-              class="relative md:col-span-2 mb-5 md:mb-5 pt-8 text-left"
-            >
+            <div class="relative md:col-span-2 mb-5 md:mb-5 pt-8 text-left">
               <textarea
                 class="block peer mx-0 w-full min-h-[50px] md:min-h-[90px] rounded-none border-b border-slate-400 bg-transparent px-0 transition ease-in-out appearance-none text-[1rem] md:text-[1.375rem] font-inter-regular leading-[1.21rem] md:leading-[2.0625rem] text-black-core placeholder-black-core/[.6] focus:outline-none active:outline-none"
                 id="project"
@@ -95,9 +91,7 @@
                 >This field is required</span
               >
             </div>
-            <div
-              class="relative md:col-span-2 pt-6 md:pt-8 text-left"
-            >
+            <div class="relative md:col-span-2 pt-6 md:pt-8 text-left">
               <input
                 class="block peer mx-0 w-full rounded-none border-b border-slate-400 bg-transparent px-0 transition ease-in-out appearance-none text-[1rem] md:text-[1.375rem] font-inter-regular text-black-core placeholder-black-core/[.6] focus:outline-none active:outline-none"
                 type="text"
@@ -175,9 +169,7 @@
                   </li>
                 </ul>
               </div>
-              <span
-                v-if="showInvestValidationError"
-                class="error text-red-600"
+              <span v-if="showInvestValidationError" class="error text-red-600"
                 >This field is required</span
               >
             </div>
diff --git a/nuxt-frontend/components/contact/thank-you/BenefitSection.vue b/nuxt-frontend/components/contact/thank-you/BenefitSection.vue
index 65fada8f0..955bff163 100644
--- a/nuxt-frontend/components/contact/thank-you/BenefitSection.vue
+++ b/nuxt-frontend/components/contact/thank-you/BenefitSection.vue
@@ -1,7 +1,5 @@
 <template>
-  <section
-    class="relative mt-[30px] xl:mt-[100px] 2xl:mt-[130px] mb-[150px]"
-  >
+  <section class="relative mt-[30px] xl:mt-[100px] 2xl:mt-[130px] mb-[150px]">
     <h1
       class="mt-8 mb-8 v2-canopas-gradient-text text-center text-[2.5rem] md:text-[3.5rem] lg:text-[5rem] leading-[3rem] md:leading-[4rem] lg:leading-[5.5rem] font-inter-bold"
     >
@@ -46,9 +44,7 @@
       </div>
     </div>
     <div class="lg:mt-32">
-      <div
-        class="xll:container absolute 2xl:inset-0 hidden lg:block"
-      >
+      <div class="xll:container absolute 2xl:inset-0 hidden lg:block">
         <img
           :src="width > 2440 ? benefitbg2Images[2] : benefitbg2Images[0]"
           :srcset="
@@ -201,8 +197,7 @@ For the sake of simplicity, we prefer using one channel once the contract is est
           title: `Transparency and honesty`,
           description: `We believe in building trust with our clients. That's why we are transparent and honest about our products or services. 
 You can expect clear and upfront pricing, honest product descriptions, and easy-to understand terms and conditions.`,
-          className:
-            "top-[4.5rem] left-12 w-[20%] h-[131px]   border-l-[3px]",
+          className: "top-[4.5rem] left-12 w-[20%] h-[131px]   border-l-[3px]",
           secondBorder:
             "top-[2.95rem] xl:top-[1.9rem] 2xl:top-[0.9rem]  left-[-5.4rem] xl:left-[-6.4rem] 2xl:left-[-7.335rem] h-[166px] xl:h-[199px] 2xl:h-[231px] border-l-[3px]  -rotate-90",
           thirdBorder:
diff --git a/nuxt-frontend/components/contact/thank-you/HappyClient.vue b/nuxt-frontend/components/contact/thank-you/HappyClient.vue
index 28f9ab0d4..4c65e4d37 100644
--- a/nuxt-frontend/components/contact/thank-you/HappyClient.vue
+++ b/nuxt-frontend/components/contact/thank-you/HappyClient.vue
@@ -1,12 +1,8 @@
 <template>
   <section>
     <div class="container my-20 md:my-32">
-      <div
-        class="flex flex-col lg:flex-row gap-y-20 xl:justify-between"
-      >
-        <div
-          class="flex flex-col items-center justify-center basis-[40%]"
-        >
+      <div class="flex flex-col lg:flex-row gap-y-20 xl:justify-between">
+        <div class="flex flex-col items-center justify-center basis-[40%]">
           <span
             class="text-[1.875rem] md:text-[3.4375rem] leading-[2.4375rem] md:leading-[5.15625rem] text-center lg:text-left font-inter-bold md:font-inter-semibold text-black-core/[0.87]"
             >Join our happy Clients!</span
@@ -74,9 +70,7 @@
                           alt="reviewClutchImage"
                         />
                       </div>
-                      <div
-                        class="flex flex-col mt-2.5 sm:mt-5 sm:justify-end"
-                      >
+                      <div class="flex flex-col mt-2.5 sm:mt-5 sm:justify-end">
                         <span class="flex flex-row">
                           <Icon
                             v-for="i in 5"
diff --git a/nuxt-frontend/components/contact/thank-you/ScheduleMeeting.vue b/nuxt-frontend/components/contact/thank-you/ScheduleMeeting.vue
index 9e6c299b9..45c9db7ce 100644
--- a/nuxt-frontend/components/contact/thank-you/ScheduleMeeting.vue
+++ b/nuxt-frontend/components/contact/thank-you/ScheduleMeeting.vue
@@ -18,9 +18,7 @@
       <hr
         class="absolute top-[30.8rem] xl:top-[36.8rem] w-full h-[3px] hidden lg:block border-[1px] bg-gray-500"
       />
-      <div
-        class="container md:mx-auto lg:max-w-[652px] xl:max-w-[797px]"
-      >
+      <div class="container md:mx-auto lg:max-w-[652px] xl:max-w-[797px]">
         <p
           class="text-center font-inter-bold text-[1.125rem] md:text-[1.563rem] xl:text-[1.875rem] leading-[1.688rem] md:leading-[2.375rem] xl:leading-[2.813rem] text-black-core/[0.87]"
         >
@@ -118,9 +116,7 @@
               class="relative flex flex-col w-full border-1 border-gray border-solid rounded-md rounded-3xl bg-white bg-clip-padding outline-0"
             >
               <div class="relative flex-auto">
-                <CalendlyIframe
-                  class="w-full h-screen overflow-hidden"
-                />
+                <CalendlyIframe class="w-full h-screen overflow-hidden" />
 
                 <button
                   type="button"
diff --git a/nuxt-frontend/components/contributions/AnimatedCreation.vue b/nuxt-frontend/components/contributions/AnimatedCreation.vue
index b4cd0749f..6066a2e8d 100755
--- a/nuxt-frontend/components/contributions/AnimatedCreation.vue
+++ b/nuxt-frontend/components/contributions/AnimatedCreation.vue
@@ -39,9 +39,7 @@
     </div>
     <!-- Mobile UI end -->
     <!-- Desktop UI start -->
-    <div
-      class="container mt-[50px] hidden flex-row gap-8 md:flex"
-    >
+    <div class="container mt-[50px] hidden flex-row gap-8 md:flex">
       <div class="flex w-[50%] flex-col gap-8">
         <div v-for="animation in animations.slice(0, 3)" :key="animation.id">
           <div
diff --git a/nuxt-frontend/components/contributions/DesignExplore.vue b/nuxt-frontend/components/contributions/DesignExplore.vue
index 2fda92ec8..63ae94be0 100644
--- a/nuxt-frontend/components/contributions/DesignExplore.vue
+++ b/nuxt-frontend/components/contributions/DesignExplore.vue
@@ -22,9 +22,7 @@
               v-for="(item, index) in mobileGrid"
               :key="index"
               class="ml-8 flex flex-[0_0_320px] flex-col justify-center rounded-2xl text-left text-[1rem] leading-[1.125rem] sm:flex-[0_0_480px] md:text-[1.0625rem] md:leading-[1.5rem] lg:flex-[0_0_528px] lg:text-[1.1875rem] lg:leading-[1.875rem]"
-              :class="
-                pausedId == index ? 'scale-[0.97] cursor-pointer' : ''
-              "
+              :class="pausedId == index ? 'scale-[0.97] cursor-pointer' : ''"
               @mouseover="pausedId = index"
               @mouseleave="pausedId = 0"
               @touchstart.passive="pausedId = index"
diff --git a/nuxt-frontend/components/contributions/DesktopLanding.vue b/nuxt-frontend/components/contributions/DesktopLanding.vue
index 47b5203b5..0bb3d623d 100644
--- a/nuxt-frontend/components/contributions/DesktopLanding.vue
+++ b/nuxt-frontend/components/contributions/DesktopLanding.vue
@@ -2,9 +2,7 @@
   <section
     class="mb-48 2xl:mb-56 2xll:mb-64 xll:mb-[25rem] mt-[25px] bg-gradient-to-r from-[#FFFFFF] via-[#F2709C]/[0.05] to-[#FFFFFF] bg-gradient-[180.05deg]"
   >
-    <div
-      class="relative xll:container w-full h-full pb-16 lg:pt-12"
-    >
+    <div class="relative xll:container w-full h-full pb-16 lg:pt-12">
       <div
         class="flex flex-col items-center mx-auto w-[52%] lg:w-[55%] xl:w-[62%] 2xll:w-[45%] xll:w-[60%] 3xl:w-[60%] md:text-center"
       >
@@ -90,8 +88,7 @@
             >
               3K+</span
             >
-            <span
-              class="mt-2.5 font-inter-medium text-base text-white"
+            <span class="mt-2.5 font-inter-medium text-base text-white"
               >Daily Visitors on Our Blog
             </span>
           </div>
diff --git a/nuxt-frontend/components/contributions/DevOps.vue b/nuxt-frontend/components/contributions/DevOps.vue
index f9b0ad181..26c221108 100644
--- a/nuxt-frontend/components/contributions/DevOps.vue
+++ b/nuxt-frontend/components/contributions/DevOps.vue
@@ -11,9 +11,7 @@
     <div class="mt-12 block md:hidden">
       <swiper :slidesPerView="1.325" :centeredSlides="true" :spaceBetween="0">
         <swiper-slide v-for="(blog, index) in devOps" :key="index">
-          <div
-            class="scale-75 transition-all duration-200 ease-out"
-          >
+          <div class="scale-75 transition-all duration-200 ease-out">
             <img
               @click="openBlog(blog.link, 'tap_contribution_Devops_section')"
               :src="blog.image[0]"
@@ -33,14 +31,10 @@
     </div>
     <!-- Mobile UI end -->
     <!-- Desktop UI start -->
-    <div
-      class="container mt-16 hidden flex-col gap-10 md:flex"
-    >
+    <div class="container mt-16 hidden flex-col gap-10 md:flex">
       <div class="flex flex-row gap-10 overflow-hidden">
         <div v-for="blog in devOps.slice(0, 2)" :key="blog.id">
-          <div
-            class="group relative h-full w-full cursor-pointer"
-          >
+          <div class="group relative h-full w-full cursor-pointer">
             <img
               :src="blog.image[0]"
               :srcset="`${blog.image[0]} 400w, ${blog.image[1]} 800w`"
@@ -108,9 +102,7 @@
       </div>
       <div class="flex flex-row gap-10 overflow-hidden">
         <div v-for="blog in devOps.slice(3, 5)" :key="blog.id">
-          <div
-            class="group relative h-full w-full cursor-pointer"
-          >
+          <div class="group relative h-full w-full cursor-pointer">
             <img
               :src="blog.image[0]"
               :srcset="`${blog.image[0]} 400w, ${blog.image[1]} 800w`"
diff --git a/nuxt-frontend/components/contributions/Favourite.vue b/nuxt-frontend/components/contributions/Favourite.vue
index d01d58f38..5c11060ba 100755
--- a/nuxt-frontend/components/contributions/Favourite.vue
+++ b/nuxt-frontend/components/contributions/Favourite.vue
@@ -1,7 +1,5 @@
 <template>
-  <section
-    class="my-20 overflow-hidden md:mt-[8.063rem] lg:mt-[14.063rem]"
-  >
+  <section class="my-20 overflow-hidden md:mt-[8.063rem] lg:mt-[14.063rem]">
     <!-- Mobile UI start -->
     <p
       class="container text-center font-inter-bold text-[1.875rem] leading-[2.438rem] text-black-core/[0.87] md:ml-[6%] md:w-[39%] md:text-left lg:hidden lg:text-[3.438rem] lg:leading-[5.156rem]"
@@ -15,9 +13,7 @@
           :key="index"
           class="relative flex flex-col pl-4 sm:pl-8"
         >
-          <div
-            class="mb-2 flex flex-row items-center justify-end gap-2"
-          >
+          <div class="mb-2 flex flex-row items-center justify-end gap-2">
             <img
               :src="like_100w"
               alt="like"
diff --git a/nuxt-frontend/components/contributions/GithubContribution.vue b/nuxt-frontend/components/contributions/GithubContribution.vue
index 98a61c148..e81bd9615 100644
--- a/nuxt-frontend/components/contributions/GithubContribution.vue
+++ b/nuxt-frontend/components/contributions/GithubContribution.vue
@@ -57,9 +57,7 @@
           <div
             class="z-[1] mx-auto mb-10 mt-[-23px] flex max-w-[95%] flex-col rounded-[10px] bg-white py-4 drop-shadow-2xl sm:max-w-[85%] md:max-w-[70%]"
           >
-            <div
-              class="flex flex-row items-center justify-start gap-8 px-4"
-            >
+            <div class="flex flex-row items-center justify-start gap-8 px-4">
               <div
                 class="flex h-[1.875rem] w-[4.75rem] items-center justify-center rounded-full from-[#ff835b] to-[#f2709c] px-2.5 font-inter-semibold text-[1rem] text-white bg-gradient-[270.11deg]"
               >
@@ -94,9 +92,7 @@
               ><br />{{ contribution.description }}
             </p>
             <div class="mt-4 flex flex-row items-center px-4">
-              <p class="mr-2 font-inter-semibold text-base">
-                Contributors:
-              </p>
+              <p class="mr-2 font-inter-semibold text-base">Contributors:</p>
               <div
                 class="ml-2 flex flex-row items-center"
                 v-for="(contributor, index) in contribution.contributors"
@@ -124,9 +120,7 @@
         class="flip-card-inner mx-auto relative h-[368px] w-[48%] cursor-pointer md:-mt-12 lg:mt-4 lg:h-[440px] xl:mt-8 xl:h-[500px] 2xl:h-[550px]"
         @click="openBlog(contribution.link, contribution.event)"
       >
-        <div
-          class="flip-card-front absolute w-full h-full overflow-hidden"
-        >
+        <div class="flip-card-front absolute w-full h-full overflow-hidden">
           <img
             :src="contribution.deskImage[1]"
             :srcset="`${contribution.deskImage[0]} 400w, ${contribution.deskImage[1]} 800w`"
@@ -140,13 +134,9 @@
           <div
             class="flex flex-row items-center justify-between pl-6 pr-4 pt-6 xl:px-12 xl:pt-10"
           >
-            <div
-              class="flex flex-row items-center gap-2 text-white"
-            >
+            <div class="flex flex-row items-center gap-2 text-white">
               <span>
-                <Icon
-                  class="fa h-6 w-6"
-                  name="fa6-solid:code-fork" /></span
+                <Icon class="fa h-6 w-6" name="fa6-solid:code-fork" /></span
               ><span
                 class="font-inter-semibold text-[1.625rem] leading-[1.625rem]"
                 >{{ contribution.forks }}</span
@@ -181,9 +171,7 @@
           >
             {{ contribution.description }}
           </p>
-          <div
-            class="mt-4 flex flex-row items-center px-6 xl:px-12 lg:mt-8"
-          >
+          <div class="mt-4 flex flex-row items-center px-6 xl:px-12 lg:mt-8">
             <p
               class="mr-2 font-inter-semibold text-[1.625rem] leading-[2.438rem] text-white"
             >
diff --git a/nuxt-frontend/components/contributions/MobileLanding.vue b/nuxt-frontend/components/contributions/MobileLanding.vue
index 003753e19..9a72e6a68 100644
--- a/nuxt-frontend/components/contributions/MobileLanding.vue
+++ b/nuxt-frontend/components/contributions/MobileLanding.vue
@@ -35,15 +35,11 @@
             >
               100K+</span
             >
-            <span
-              class="font-inter-medium text-base text-black-core/[0.87]"
+            <span class="font-inter-medium text-base text-black-core/[0.87]"
               >Monthly minutes Read on blog
             </span>
           </div>
-          <Icon
-            class="h-4 w-4 animate-zoomIn"
-            name="fa6-brands:github"
-          />
+          <Icon class="h-4 w-4 animate-zoomIn" name="fa6-brands:github" />
         </div>
         <div
           class="flex flex-col items-center justify-start gap-[3.75rem] xs:justify-end xs:gap-y-[4.5rem]"
diff --git a/nuxt-frontend/components/contributions/UnitTest.vue b/nuxt-frontend/components/contributions/UnitTest.vue
index 0af998df9..49a7a8f32 100644
--- a/nuxt-frontend/components/contributions/UnitTest.vue
+++ b/nuxt-frontend/components/contributions/UnitTest.vue
@@ -4,9 +4,7 @@
       class="container text-center font-inter-bold text-[1.875rem] leading-[2.4375rem] text-black-core/[0.8] lg:text-[3.4375rem] lg:leading-[5.15625rem]"
       >WHY and How to Write Unit Tests?</span
     >
-    <div
-      class="swiper-content mt-16 block h-full pl-[5%] md:hidden"
-    >
+    <div class="swiper-content mt-16 block h-full pl-[5%] md:hidden">
       <swiper
         :slidesPerView="1.1"
         :centeredSlides="false"
@@ -37,9 +35,7 @@
               alt="UnitTestImage"
               loading="lazy"
             />
-            <div
-              class="content mb-8 rounded-b-lg bg-white p-5 drop-shadow-md"
-            >
+            <div class="content mb-8 rounded-b-lg bg-white p-5 drop-shadow-md">
               <span class="font-inter-medium text-black-core/[0.87]">{{
                 test.title
               }}</span>
diff --git a/nuxt-frontend/components/contributions/WeeklyUpdate.vue b/nuxt-frontend/components/contributions/WeeklyUpdate.vue
index c171331f9..9384ba466 100644
--- a/nuxt-frontend/components/contributions/WeeklyUpdate.vue
+++ b/nuxt-frontend/components/contributions/WeeklyUpdate.vue
@@ -1,8 +1,6 @@
 <template>
   <section class="mb-[200px]">
-    <div
-      class="container mt-12 flex flex-col items-center gap-y-2.5 lg:mt-24"
-    >
+    <div class="container mt-12 flex flex-col items-center gap-y-2.5 lg:mt-24">
       <div class="text-center">
         <span
           class="font-inter-bold text-[1.875rem] leading-[2.4375rem] text-black-core/[.87] lg:text-[3.4375rem] lg:leading-[5.15625rem]"
@@ -66,10 +64,7 @@
     </div>
     <!-- Mobile UI end -->
     <!-- Desktop UI start -->
-    <ul
-      id="scrollContainer"
-      class="w-full mt-20 lg:mt-28 hidden md:block"
-    >
+    <ul id="scrollContainer" class="w-full mt-20 lg:mt-28 hidden md:block">
       <li
         v-for="(weekly, index) in weeklies"
         :key="index"
diff --git a/nuxt-frontend/components/contributions/WhatsTrending.vue b/nuxt-frontend/components/contributions/WhatsTrending.vue
index 665207270..ef5e05740 100644
--- a/nuxt-frontend/components/contributions/WhatsTrending.vue
+++ b/nuxt-frontend/components/contributions/WhatsTrending.vue
@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="mt-5 xll:container md:mt-[8.063rem] lg:mt-[14.063rem]"
-  >
+  <div class="mt-5 xll:container md:mt-[8.063rem] lg:mt-[14.063rem]">
     <div
       class="container text-center font-inter-bold text-[1.875rem] leading-[2.25rem] lg:text-[3.4375rem] lg:leading-[5.1875rem]"
     >
@@ -22,9 +20,7 @@
               v-for="(post, index) in mobileGrid"
               :key="index"
               class="ml-8 flex flex-[0_0_320px] flex-col justify-center rounded-2xl text-left text-[1rem] leading-[1.125rem] sm:flex-[0_0_480px] md:text-[1.0625rem] md:leading-[1.5rem] lg:flex-[0_0_528px] lg:text-[1.1875rem] lg:leading-[1.875rem]"
-              :class="
-                pausedId == post.id ? 'scale-[0.97] cursor-pointer' : ''
-              "
+              :class="pausedId == post.id ? 'scale-[0.97] cursor-pointer' : ''"
               @mouseover="pausedId = post.id"
               @mouseleave="pausedId = 0"
               @touchstart.passive="pausedId = post.id"
@@ -76,17 +72,12 @@
           class="animate-gridAnimation"
           :class="[pausedId == 0 ? 'animation-running' : 'animation-paused']"
         >
-          <div
-            class="mb-16 ml-40 mt-8 flex"
-            v-if="grid1.length > 0"
-          >
+          <div class="mb-16 ml-40 mt-8 flex" v-if="grid1.length > 0">
             <div
               v-for="(post, index) in grid1"
               :key="index"
               class="relative ml-8 flex flex-[0_0_320px] flex-col justify-center rounded-2xl text-left text-[1rem] leading-[1.125rem] sm:flex-[0_0_480px] md:text-[1.0625rem] md:leading-6 lg:flex-[0_0_528px] lg:text-[1.1875rem] lg:leading-[1.875rem]"
-              :class="
-                pausedId == post.id ? 'scale-[0.97] cursor-pointer' : ''
-              "
+              :class="pausedId == post.id ? 'scale-[0.97] cursor-pointer' : ''"
               @mouseover="pausedId = post.id"
               @mouseleave="pausedId = 0"
               @touchstart.passive="pausedId = post.id"
@@ -135,9 +126,7 @@
               v-for="(post, index) in grid2"
               :key="index"
               class="relative ml-8 mt-8 flex flex-[0_0_320px] flex-col justify-center rounded-2xl text-left text-[1rem] leading-[1.125rem] sm:flex-[0_0_480px] md:text-[1.0625rem] md:leading-6 lg:flex-[0_0_528px] lg:text-[1.1875rem] lg:leading-[1.875rem]"
-              :class="
-                pauseId == post.id ? 'scale-[0.97] cursor-pointer' : ''
-              "
+              :class="pauseId == post.id ? 'scale-[0.97] cursor-pointer' : ''"
               @mouseover="pauseId = post.id"
               @mouseleave="pauseId = 0"
               @touchstart.passive="pauseId = post.id"
diff --git a/nuxt-frontend/components/flutter-app-development/LandingSection.vue b/nuxt-frontend/components/flutter-app-development/LandingSection.vue
index ed690ac61..1a6baf245 100644
--- a/nuxt-frontend/components/flutter-app-development/LandingSection.vue
+++ b/nuxt-frontend/components/flutter-app-development/LandingSection.vue
@@ -1,11 +1,7 @@
 <template>
   <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 lg:items-start"
-      >
+    <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 lg:items-start">
         <h1 class="header-1">Flutter App Development Company</h1>
         <p class="sub-h1-regular text-black-core/[0.89]">
           We harness the power of Flutter to create visually stunning, fast, and
diff --git a/nuxt-frontend/components/home-new/BlogSection.vue b/nuxt-frontend/components/home-new/BlogSection.vue
index c4acbd209..833206879 100755
--- a/nuxt-frontend/components/home-new/BlogSection.vue
+++ b/nuxt-frontend/components/home-new/BlogSection.vue
@@ -1,10 +1,6 @@
 <template>
-  <div
-    class="my-8 lg:my-[7.813rem] text-black-core/[.87] overflow-hidden"
-  >
-    <div
-      class="container flex flex-col items-center m-auto w-full"
-    >
+  <div class="my-8 lg:my-[7.813rem] text-black-core/[.87] overflow-hidden">
+    <div class="container flex flex-col items-center m-auto w-full">
       <div class="container">
         <p
           class="text-black-core/[.03] text-[2.5rem] md:text-[3.75rem] xl:text-[5rem] leading-[1.875rem] md:leading-[4.0625rem] xl:leading-[5rem] text-center"
@@ -119,9 +115,7 @@
                     />
                   </span>
                 </div>
-                <hr
-                  class="h-[0.063rem] mt-[18px] md:mt-[45px] bg-[#C6C6C6]"
-                />
+                <hr class="h-[0.063rem] mt-[18px] md:mt-[45px] bg-[#C6C6C6]" />
                 <div
                   v-if="activeIndex == index"
                   @click="openBlog(blog.link, 'tap_blog_post')"
diff --git a/nuxt-frontend/components/home-new/ClientReviewSection.vue b/nuxt-frontend/components/home-new/ClientReviewSection.vue
index 6d82c27ec..fd45dea85 100755
--- a/nuxt-frontend/components/home-new/ClientReviewSection.vue
+++ b/nuxt-frontend/components/home-new/ClientReviewSection.vue
@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="container my-4 mt-[6.25rem] md:mt-[14.063rem] ml-auto mx-auto"
-  >
+  <div class="container my-4 mt-[6.25rem] md:mt-[14.063rem] ml-auto mx-auto">
     <div class="swiper-content">
       <swiper
         :slidesPerView="1"
@@ -36,9 +34,7 @@
               :class="reading ? 'scale-[0.98]' : ''"
               v-html="client.review"
             ></div>
-            <div
-              class="flex flex-row justify-between mt-11 md:mt-20"
-            >
+            <div class="flex flex-row justify-between mt-11 md:mt-20">
               <div class="flex flex-col">
                 <span
                   class="v2-canopas-gradient-text font-inter-semibold text-[1rem] md:text-[1.625rem]"
@@ -54,12 +50,8 @@
                 target="_blank"
                 @click.native="$mixpanel.track('tap_clutch_ratings')"
               >
-                <div
-                  class="flex flex-row sm:justify-end w-[132px] sm:w-fit"
-                >
-                  <div
-                    class="flex flex-col sm:justify-center mt-1 sm:mt-[7px]"
-                  >
+                <div class="flex flex-row sm:justify-end w-[132px] sm:w-fit">
+                  <div class="flex flex-col sm:justify-center mt-1 sm:mt-[7px]">
                     <span
                       class="sm:justify-between mr-1 md:mr-2 text-[0.5rem] md:text-[0.625rem] leading-[1.375rem] text-black-core/[0.87]"
                     >
@@ -72,9 +64,7 @@
                       alt="reviewClutchImage"
                     />
                   </div>
-                  <div
-                    class="flex flex-col mt-2.5 sm:mt-5 sm:justify-end"
-                  >
+                  <div class="flex flex-col mt-2.5 sm:mt-5 sm:justify-end">
                     <span class="flex flex-row">
                       <Icon
                         v-for="i in 5"
diff --git a/nuxt-frontend/components/home-new/ContributionSection.vue b/nuxt-frontend/components/home-new/ContributionSection.vue
index 27be1de8b..852080e61 100644
--- a/nuxt-frontend/components/home-new/ContributionSection.vue
+++ b/nuxt-frontend/components/home-new/ContributionSection.vue
@@ -185,7 +185,7 @@ export default {
         () => this.cData,
         (data) => {
           setGithubStars(this.contributions, data);
-        }
+        },
       );
       if (this.cData != null) {
         setGithubStars(this.contributions, this.cData);
diff --git a/nuxt-frontend/components/home-new/HomeIndex.vue b/nuxt-frontend/components/home-new/HomeIndex.vue
index 4f1835db4..10e7305e2 100644
--- a/nuxt-frontend/components/home-new/HomeIndex.vue
+++ b/nuxt-frontend/components/home-new/HomeIndex.vue
@@ -8,10 +8,7 @@
     <ClientReview ref="clientReview" />
     <BlogSection ref="blogs" />
     <ContributionSection class="hidden lg:block" ref="contributions" />
-    <ContributionSectionMobile
-      class="block lg:hidden"
-      ref="contributions"
-    />
+    <ContributionSectionMobile class="block lg:hidden" ref="contributions" />
     <CTASection
       ref="cta"
       class="!mt-[100px] md:!mt-[220px] pt-10 bg-black-core/[0.85] mb-[-15px]"
diff --git a/nuxt-frontend/components/home-new/LandingSection.vue b/nuxt-frontend/components/home-new/LandingSection.vue
index ec42d3165..de0c0ae67 100644
--- a/nuxt-frontend/components/home-new/LandingSection.vue
+++ b/nuxt-frontend/components/home-new/LandingSection.vue
@@ -13,10 +13,7 @@
     <div
       class="container flex flex-col items-center lg:flex-row-reverse lg:items-start pb-[1.563rem] md:pb-[3.125rem]"
     >
-      <aspect-ratio
-        class="flex-[45%] lg:block hidden mt-10"
-        height="66%"
-      >
+      <aspect-ratio class="flex-[45%] lg:block hidden mt-10" height="66%">
         <img
           class="w-full h-full object-contain"
           :src="landing800"
@@ -24,11 +21,9 @@
           alt="landing-view-image"
         />
       </aspect-ratio>
-      <div
-        class="flex-[55%] flex flex-col mt-10 md:mt-5 lg:mt-[6.25rem]"
-      >
+      <div class="flex-[55%] flex flex-col mt-10 md:mt-5 lg:mt-[6.25rem]">
         <h1
-          class="w-[100%] sm:w-[85%] pb-5 lg:pb-8 xl:pb-10 tracking-[0] text-[2.1875rem] leading-[2.8125rem] md:text-[2.65625rem] md:leading-[3.28125rem] lg:text-[3.28125rem] lg:leading-[3.70625rem] 2xl:text-[4.0625rem] 2xl:leading-[4.6875rem] text-black-core/[.87] font-roboto-bold v2-header-3-text "
+          class="w-[100%] sm:w-[85%] pb-5 lg:pb-8 xl:pb-10 tracking-[0] text-[2.1875rem] leading-[2.8125rem] md:text-[2.65625rem] md:leading-[3.28125rem] lg:text-[3.28125rem] lg:leading-[3.70625rem] 2xl:text-[4.0625rem] 2xl:leading-[4.6875rem] text-black-core/[.87] font-roboto-bold v2-header-3-text"
         >
           For Over A Decade We Have Helped Businesses Grow Exponentially.
           <div>
@@ -72,9 +67,7 @@
             >
           </div>
 
-          <div
-            class="flex items-center pb-3.5 md:pl-7 lg:pl-3 xl:pl-7 lg:pb-0"
-          >
+          <div class="flex items-center pb-3.5 md:pl-7 lg:pl-3 xl:pl-7 lg:pb-0">
             <div v-for="client in clients" :key="client">
               <div
                 v-if="client.image"
diff --git a/nuxt-frontend/components/home-new/PortfolioSection.vue b/nuxt-frontend/components/home-new/PortfolioSection.vue
index 3c10fd07e..3b8037a8f 100755
--- a/nuxt-frontend/components/home-new/PortfolioSection.vue
+++ b/nuxt-frontend/components/home-new/PortfolioSection.vue
@@ -10,9 +10,7 @@
           portfolio.classes,
           portfolio.id != 8 ? 'p-4 sm:p-8' : '',
           portfolio.id == 4 ? 'sm:!pb-12' : '',
-          activeIndex == portfolio.id
-            ? 'scale-105 md:scale-[1.2] z-[2] '
-            : '',
+          activeIndex == portfolio.id ? 'scale-105 md:scale-[1.2] z-[2] ' : '',
         ]"
         class="relative transition-all duration-500 ease-in-out transform cursor-pointer"
         @mouseover="activeIndex = portfolio.id"
diff --git a/nuxt-frontend/components/home-new/ServiceSection.vue b/nuxt-frontend/components/home-new/ServiceSection.vue
index 74503996d..49957c1aa 100644
--- a/nuxt-frontend/components/home-new/ServiceSection.vue
+++ b/nuxt-frontend/components/home-new/ServiceSection.vue
@@ -47,10 +47,7 @@
           </p>
         </div>
       </div>
-      <div
-        v-else
-        class="ml-0 text-xl xl:text-[1.5625rem] xl:leading-8"
-      >
+      <div v-else class="ml-0 text-xl xl:text-[1.5625rem] xl:leading-8">
         0{{ index + 1 }}
         <span class="pl-[25px] xl:pl-[70px]">
           {{ service.title }}
diff --git a/nuxt-frontend/components/home-new/ServiceSectionMobile.vue b/nuxt-frontend/components/home-new/ServiceSectionMobile.vue
index b72817f4d..4b615c56c 100644
--- a/nuxt-frontend/components/home-new/ServiceSectionMobile.vue
+++ b/nuxt-frontend/components/home-new/ServiceSectionMobile.vue
@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="container relative m-0 mt-10 max-w-full p-0 text-center"
-  >
+  <div class="container relative m-0 mt-10 max-w-full p-0 text-center">
     <div>
       <p
         class="text-center text-[2.5rem] leading-[1.875rem] text-black-core/[.03]"
@@ -27,9 +25,7 @@
     >
       <div
         :class="
-          index % 2 == 0
-            ? 'items-end text-right'
-            : 'items-start text-left'
+          index % 2 == 0 ? 'items-end text-right' : 'items-start text-left'
         "
         class="mx-5 flex flex-[70%] flex-col text-black-900"
       >
diff --git a/nuxt-frontend/components/ios-app-development/BlogSection.vue b/nuxt-frontend/components/ios-app-development/BlogSection.vue
index ebed4ac14..badb7be69 100644
--- a/nuxt-frontend/components/ios-app-development/BlogSection.vue
+++ b/nuxt-frontend/components/ios-app-development/BlogSection.vue
@@ -26,11 +26,7 @@
         :spaceBetween="10"
         :modules="modules"
       >
-        <swiper-slide
-          v-for="(blog, index) in blogs"
-          :key="index"
-          class="mt-8"
-        >
+        <swiper-slide v-for="(blog, index) in blogs" :key="index" class="mt-8">
           <div
             :class="blog.className"
             class="w-80 h-[350px] drop-shadow-md text-left cursor-pointer mx-auto"
diff --git a/nuxt-frontend/components/ios-app-development/CaseStudySection.vue b/nuxt-frontend/components/ios-app-development/CaseStudySection.vue
index fa78fa4cf..089bc4a9b 100644
--- a/nuxt-frontend/components/ios-app-development/CaseStudySection.vue
+++ b/nuxt-frontend/components/ios-app-development/CaseStudySection.vue
@@ -2,9 +2,7 @@
   <div
     class="my-16 xs:my-24 md:mt-24 xl:!mt-60 md:!mb-0 flex flex-col 3xl:container"
   >
-    <div
-      class="container mb-2.5 flex flex-col text-center md:mb-20"
-    >
+    <div class="container mb-2.5 flex flex-col text-center md:mb-20">
       <h2
         class="tracking-[-0.04rem] mb-2.5 font-opensans-bold text-2xl leading-9 text-black-core/[0.87] md:!mx-0 md:!w-full md:text-[2.46875rem] lg:text-[3.4375rem] md:leading-[3.359375rem] lg:leading-[4.46875rem] xs:mx-auto xs:w-[71%]"
       >
@@ -27,9 +25,7 @@
         <div
           class="basis-[50%] flex"
           :class="
-            index == 0 || index == 2
-              ? 'items-end justify-end xs:-mr-6'
-              : ''
+            index == 0 || index == 2 ? 'items-end justify-end xs:-mr-6' : ''
           "
         >
           <img
@@ -100,9 +96,7 @@
           @slideChange="onSlideChange"
         >
           <swiper-slide v-for="(portfolio, index) in portfolios" :key="index">
-            <div
-              class="hidden md:flex flex-row justify-center h-screen"
-            >
+            <div class="hidden md:flex flex-row justify-center h-screen">
               <div
                 :class="portfolio.row1Background"
                 class="flex flex-col justify-center !basis-[40%] justify-around px-8"
@@ -149,9 +143,7 @@
                 class="flex flex-row !basis-[60%] items-center p-8 lg:p-12 2xll:p-20 bg-white"
                 :class="portfolio.row2Background"
               >
-                <div
-                  class="basis-[50%] mt-48 flex items-end justify-end"
-                >
+                <div class="basis-[50%] mt-48 flex items-end justify-end">
                   <img
                     :src="portfolio.image[2]"
                     :srcset="`${portfolio.image[2]} 800w`"
diff --git a/nuxt-frontend/components/ios-app-development/CtaSection.vue b/nuxt-frontend/components/ios-app-development/CtaSection.vue
index 36c9ae834..b6f9c7910 100644
--- a/nuxt-frontend/components/ios-app-development/CtaSection.vue
+++ b/nuxt-frontend/components/ios-app-development/CtaSection.vue
@@ -1,8 +1,6 @@
 <template>
   <section>
-    <div
-      class="relative mb-16 h-48 md:h-72 xll:h-[30rem] md:hidden"
-    >
+    <div class="relative mb-16 h-48 md:h-72 xll:h-[30rem] md:hidden">
       <img
         :src="BackgroundImage[0]"
         :srcset="`${BackgroundImage[0]} 400w`"
@@ -37,9 +35,7 @@
       </div>
     </div>
     <!-- Desktop view start -->
-    <div
-      class="relative mb-16 h-80 lg:h-[476px] hidden md:block"
-    >
+    <div class="relative mb-16 h-80 lg:h-[476px] hidden md:block">
       <img
         :src="BackgroundImage[1]"
         :srcset="`${BackgroundImage[1]} 800w,${BackgroundImage[2]} 1200w,${BackgroundImage[3]} 2400w`"
@@ -51,9 +47,7 @@
         class="container absolute left-1/2 flex w-full -translate-x-1/2 -translate-y-[15.55rem] lg:-translate-y-[24rem] transform flex-row items-center"
       >
         <div class="flex w-[66%]">
-          <div
-            class="w-[95%] py-5 text-white xl:m-auto 2xl:w-4/5"
-          >
+          <div class="w-[95%] py-5 text-white xl:m-auto 2xl:w-4/5">
             <p
               class="font-inter-bold text-[2.188rem] leading-[2.625rem] lg:text-[3.4375rem] lg:leading-[5.15625rem]"
             >
diff --git a/nuxt-frontend/components/ios-app-development/DevelopmentSection.vue b/nuxt-frontend/components/ios-app-development/DevelopmentSection.vue
index 734c3dc17..60818a313 100644
--- a/nuxt-frontend/components/ios-app-development/DevelopmentSection.vue
+++ b/nuxt-frontend/components/ios-app-development/DevelopmentSection.vue
@@ -125,9 +125,7 @@
             :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"
-            >
+            <div class="justify-start px-5 mt-3 lg:my-3 flex flex-row">
               <span
                 class="font-inter-semibold text-[1.5625rem] leading-[4.03125rem] lg:text-[1.625rem] lg:leading-[2.4375rem] v2-canopas-gradient-text mr-1.5"
                 >{{ index + 1 }}.
diff --git a/nuxt-frontend/components/ios-app-development/LandingSection.vue b/nuxt-frontend/components/ios-app-development/LandingSection.vue
index 58e3bc2c6..a9a8fd153 100644
--- a/nuxt-frontend/components/ios-app-development/LandingSection.vue
+++ b/nuxt-frontend/components/ios-app-development/LandingSection.vue
@@ -53,9 +53,7 @@
           alt="ios-landing"
         />
 
-        <div
-          class="-mt-[2.7rem] mr-28 xs:-mt-14 xs:mr-40 md:hidden"
-        >
+        <div class="-mt-[2.7rem] mr-28 xs:-mt-14 xs:mr-40 md:hidden">
           <nuxt-link
             class="gradient-btn consultation-btn w-max items-left rounded-full"
             to="/contact"
diff --git a/nuxt-frontend/components/jobs/CareerView.vue b/nuxt-frontend/components/jobs/CareerView.vue
index 2ebea3368..93df2acb2 100644
--- a/nuxt-frontend/components/jobs/CareerView.vue
+++ b/nuxt-frontend/components/jobs/CareerView.vue
@@ -4,9 +4,7 @@
       <p class="header-text canopas-gradient-text">
         <span class="underline-text">Find t</span>he career of your dreams
       </p>
-      <div
-        class="my-[30px] mx-[2%] md:my-[50px] md:mx-20 normal-text"
-      >
+      <div class="my-[30px] mx-[2%] md:my-[50px] md:mx-20 normal-text">
         <div class="font-bold">
           When was the last time you did something for the first time?
         </div>
@@ -120,10 +118,7 @@
               </div>
             </div>
           </collapse-transition>
-          <div
-            class="bg-[#e2e2e2] h-px"
-            v-if="index <= careers.length"
-          ></div>
+          <div class="bg-[#e2e2e2] h-px" v-if="index <= careers.length"></div>
         </div>
       </div>
     </div>
diff --git a/nuxt-frontend/components/jobs/FaqSection.vue b/nuxt-frontend/components/jobs/FaqSection.vue
index afba840ad..e7ddf52e1 100644
--- a/nuxt-frontend/components/jobs/FaqSection.vue
+++ b/nuxt-frontend/components/jobs/FaqSection.vue
@@ -58,9 +58,7 @@
                         "
                       />
                     </div>
-                    <div
-                      class="faq-question text-black-900 font-bold w-[90%]"
-                    >
+                    <div class="faq-question text-black-900 font-bold w-[90%]">
                       {{ faq.question }}
                     </div>
                   </div>
diff --git a/nuxt-frontend/components/jobs/VirtuesView.vue b/nuxt-frontend/components/jobs/VirtuesView.vue
index bab9e5187..f69e7ef06 100644
--- a/nuxt-frontend/components/jobs/VirtuesView.vue
+++ b/nuxt-frontend/components/jobs/VirtuesView.vue
@@ -49,9 +49,7 @@
           </div>
         </div>
       </div>
-      <div
-        class="flex-div flex flex-wrap m-auto md:w-[70%] lg:w-[60%]"
-      >
+      <div class="flex-div flex flex-wrap m-auto md:w-[70%] lg:w-[60%]">
         <div
           class="relative flex-[100%] md:flex-[33%]"
           v-for="virtue in virtues.slice(3, 5)"
@@ -139,9 +137,7 @@
           </div>
         </div>
       </div>
-      <div
-        class="flex-div flex flex-wrap m-auto md:w-[70%] lg:w-[60%]"
-      >
+      <div class="flex-div flex flex-wrap m-auto md:w-[70%] lg:w-[60%]">
         <div
           class="relative flex-[100%] md:flex-[33%]"
           v-for="virtue in virtues.slice(8, 10)"
diff --git a/nuxt-frontend/components/jobs/WhyCanopas.vue b/nuxt-frontend/components/jobs/WhyCanopas.vue
index f4a5e5001..25f01f7c8 100644
--- a/nuxt-frontend/components/jobs/WhyCanopas.vue
+++ b/nuxt-frontend/components/jobs/WhyCanopas.vue
@@ -10,9 +10,7 @@
         loading="lazy"
         class="w-full h-full left-0 absolute object-contain -z-[5]"
       />
-      <div
-        class="container flex my-[150px] mx-auto m-0 p-0 relative"
-      >
+      <div class="container flex my-[150px] mx-auto m-0 p-0 relative">
         <div
           v-for="reason in reasons"
           :key="reason"
diff --git a/nuxt-frontend/components/jobs/WhyCanopasMobile.vue b/nuxt-frontend/components/jobs/WhyCanopasMobile.vue
index c29d243ea..4c914d810 100644
--- a/nuxt-frontend/components/jobs/WhyCanopasMobile.vue
+++ b/nuxt-frontend/components/jobs/WhyCanopasMobile.vue
@@ -1,10 +1,6 @@
 <template>
-  <div
-    class="text-center container m-0 p-0 max-w-full relative"
-  >
-    <div
-      class="header-text main-text text-[2.5625rem] leading-[2.125rem]"
-    >
+  <div class="text-center container m-0 p-0 max-w-full relative">
+    <div class="header-text main-text text-[2.5625rem] leading-[2.125rem]">
       <span class="underline-text">Why Ca</span>nopas?
     </div>
     <img
@@ -31,9 +27,7 @@
             class="bullets w-[50px] h-[50px] -mr-5"
           />
           <div class="header-text py-[15px] px-0">{{ reason.title }}</div>
-          <div
-            class="normal-text description py-[15px] px-0 sm:w-[70%]"
-          >
+          <div class="normal-text description py-[15px] px-0 sm:w-[70%]">
             {{ reason.description }}
           </div>
         </div>
diff --git a/nuxt-frontend/components/jobs/thank-you/ContributionSection.vue b/nuxt-frontend/components/jobs/thank-you/ContributionSection.vue
index 0c08799df..1932b6bf8 100755
--- a/nuxt-frontend/components/jobs/thank-you/ContributionSection.vue
+++ b/nuxt-frontend/components/jobs/thank-you/ContributionSection.vue
@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="xll:container flex flex-col lg:flex-row my-20 lg:mb-40"
-  >
+  <div class="xll:container flex flex-col lg:flex-row my-20 lg:mb-40">
     <div
       class="flex flex-col xl:mt-10 lg:w-[50%] 2xl:w-[40%] lg:pl-[5%] 2xll:pl-[13%] xll:pl-0"
     >
diff --git a/nuxt-frontend/components/jobs/thank-you/LatestBlog.vue b/nuxt-frontend/components/jobs/thank-you/LatestBlog.vue
index 621ccb394..57789281c 100644
--- a/nuxt-frontend/components/jobs/thank-you/LatestBlog.vue
+++ b/nuxt-frontend/components/jobs/thank-you/LatestBlog.vue
@@ -1,8 +1,6 @@
 <template>
   <section class="container -mt-20 md:-mt-12 md:mt-0 md:mb-36">
-    <div
-      class="flex flex-col items-center mb-7 m-auto w-full"
-    >
+    <div class="flex flex-col items-center mb-7 m-auto w-full">
       <h2
         class="text-[1.875rem] md:text-[3.4375rem] leading-[2.8125rem] md:leading-[5.15625rem] text-center text-black-core/[0.87] font-inter-bold"
       >
@@ -12,9 +10,7 @@
 
     <!-- MOBILE UI START  -->
 
-    <div
-      class="block lg:hidden flex flex-col md:flex-row md:mt-16"
-    >
+    <div class="block lg:hidden flex flex-col md:flex-row md:mt-16">
       <div
         class="relative flex flex-col items-center md:items-start md:justify-center md:flex-[60%] md:ml-[5%]"
       >
@@ -60,9 +56,7 @@
     <!-- MOBILE UI END -->
 
     <!-- DESKTOP UI START  -->
-    <div
-      class="hidden lg:block flex flex-col lg:min-h-[580px] lg:py-0"
-    >
+    <div class="hidden lg:block flex flex-col lg:min-h-[580px] lg:py-0">
       <div class="relative flex flex-row space-y-1 space-x-5">
         <div
           v-for="(blog, index) in blogs.slice(0, 1)"
diff --git a/nuxt-frontend/components/mobile-app-development/CTASection2.vue b/nuxt-frontend/components/mobile-app-development/CTASection2.vue
index 77b764ac4..1f22bb118 100644
--- a/nuxt-frontend/components/mobile-app-development/CTASection2.vue
+++ b/nuxt-frontend/components/mobile-app-development/CTASection2.vue
@@ -10,21 +10,15 @@
     <div
       class="container xll:max-w-[1640px] flex flex-col items-center md:flex-row md:flex-row-reverse"
     >
-      <div
-        class="flex flex-col md:relative md:items-end lg:flex-[55%]"
-      >
+      <div class="flex flex-col md:relative md:items-end lg:flex-[55%]">
         <p
           class="text-center font-inter-bold text-[2.625rem] leading-[3.125rem] text-white md:text-right md:text-[3.275rem] md:leading-[3.875rem] xl:text-[5.625rem] xl:leading-[6.125rem]"
         >
-          <span class="bg-gradient-L bg-clip-text text-transparent"
-            >L</span
-          >et's
-          <span
-            class="mr-[-0.2rem] bg-gradient-W bg-clip-text text-transparent"
+          <span class="bg-gradient-L bg-clip-text text-transparent">L</span>et's
+          <span class="mr-[-0.2rem] bg-gradient-W bg-clip-text text-transparent"
             >W</span
           >ork
-          <span
-            class="mr-[-0.2rem] bg-gradient-T bg-clip-text text-transparent"
+          <span class="mr-[-0.2rem] bg-gradient-T bg-clip-text text-transparent"
             >T</span
           >ogether
         </p>
diff --git a/nuxt-frontend/components/mobile-app-development/ClientReview.vue b/nuxt-frontend/components/mobile-app-development/ClientReview.vue
index ed5d3658a..a71fd00a1 100755
--- a/nuxt-frontend/components/mobile-app-development/ClientReview.vue
+++ b/nuxt-frontend/components/mobile-app-development/ClientReview.vue
@@ -14,9 +14,7 @@
         What our <br />
         Clients Say
       </p>
-      <div
-        class="flex items-center md:flex-row lg:gap-12 xl:items-start"
-      >
+      <div class="flex items-center md:flex-row lg:gap-12 xl:items-start">
         <swiper
           :spaceBetween="30"
           :loop="true"
diff --git a/nuxt-frontend/components/mobile-app-development/DevelopmentProcess.vue b/nuxt-frontend/components/mobile-app-development/DevelopmentProcess.vue
index d8e065ed7..c04c3b2b6 100644
--- a/nuxt-frontend/components/mobile-app-development/DevelopmentProcess.vue
+++ b/nuxt-frontend/components/mobile-app-development/DevelopmentProcess.vue
@@ -9,10 +9,7 @@
       >
         DEVELOPMENT PROCESS
       </p>
-      <div
-        class="cards relative h-full w-full pt-[550px]"
-        ref="cards"
-      >
+      <div class="cards relative h-full w-full pt-[550px]" ref="cards">
         <div
           class="absolute bottom-0 left-0 right-0 top-0 m-auto h-[22.80088rem] w-[22.625rem] rounded-[1.25rem] border border-[#f77881] bg-[#3d3d3d] pt-5 transition-all duration-500 sm:w-[24.625rem]"
           :style="{ zIndex: process.zIndex }"
@@ -37,9 +34,7 @@
                 {{ process.title }}
               </p>
             </div>
-            <p
-              class="mt-5 text-center font-inter-regular text-base text-white"
-            >
+            <p class="mt-5 text-center font-inter-regular text-base text-white">
               {{ process.description }}
             </p>
           </div>
@@ -65,9 +60,7 @@
               :key="process"
               class="flex flex-col"
             >
-              <div
-                class="mb-4 mt-12 flex flex-row items-center gap-2"
-              >
+              <div class="mb-4 mt-12 flex flex-row items-center gap-2">
                 <div
                   :class="
                     activeIndex == index
diff --git a/nuxt-frontend/components/mobile-app-development/LandingSection.vue b/nuxt-frontend/components/mobile-app-development/LandingSection.vue
index 67428705e..982e6585f 100644
--- a/nuxt-frontend/components/mobile-app-development/LandingSection.vue
+++ b/nuxt-frontend/components/mobile-app-development/LandingSection.vue
@@ -42,9 +42,7 @@
           class="h-[35rem] border-l border-[#434343]/[0.4] lg:h-[45rem] xl:h-[50rem]"
         ></p>
       </div>
-      <div
-        class="absolute top-[12.5rem] flex flex-row lg:top-[17.5rem]"
-      >
+      <div class="absolute top-[12.5rem] flex flex-row lg:top-[17.5rem]">
         <div
           class="relative flex flex-[55%] flex-row gap-4 lg:flex-[55%] xll:max-w-[38%]"
         >
diff --git a/nuxt-frontend/components/mobile-app-development/Portfolio.vue b/nuxt-frontend/components/mobile-app-development/Portfolio.vue
index e74da0b17..e27b7f50a 100755
--- a/nuxt-frontend/components/mobile-app-development/Portfolio.vue
+++ b/nuxt-frontend/components/mobile-app-development/Portfolio.vue
@@ -4,9 +4,7 @@
   >
     <!-- MOBILE UI START -->
     <div class="container md:hidden">
-      <p
-        class="text-center font-inter-bold text-[1.875rem] leading-9"
-      >
+      <p class="text-center font-inter-bold text-[1.875rem] leading-9">
         CASE STUDIES
       </p>
       <p
diff --git a/nuxt-frontend/components/mobile-app-development/Services.vue b/nuxt-frontend/components/mobile-app-development/Services.vue
index c132b43a7..90623ebff 100755
--- a/nuxt-frontend/components/mobile-app-development/Services.vue
+++ b/nuxt-frontend/components/mobile-app-development/Services.vue
@@ -11,9 +11,7 @@
       v-for="(service, index) in services"
       :key="index"
     >
-      <div
-        class="flex flex-row items-start justify-center gap-4"
-      >
+      <div class="flex flex-row items-start justify-center gap-4">
         <img
           :src="service.image"
           alt="mobile-service"
@@ -28,9 +26,7 @@
       <div
         class="mt-4 flex h-full w-full flex-col rounded-[20px] bg-[#3F3F3F] px-4 py-[1.56rem]"
       >
-        <div
-          class="flex flex-row items-start justify-center gap-4"
-        >
+        <div class="flex flex-row items-start justify-center gap-4">
           <div v-for="(technology, index) in service.technologies" :key="index">
             <div class="flex flex-col items-center gap-1">
               <img
@@ -61,9 +57,7 @@
       :key="index"
     >
       <div class="flex flex-row">
-        <div
-          class="mb-auto mt-6 flex flex-row items-center gap-4"
-        >
+        <div class="mb-auto mt-6 flex flex-row items-center gap-4">
           <img
             :src="service.image"
             alt="mobile-service"
diff --git a/nuxt-frontend/components/partials/NewFooter.vue b/nuxt-frontend/components/partials/NewFooter.vue
index 818df888c..d5cab20a1 100644
--- a/nuxt-frontend/components/partials/NewFooter.vue
+++ b/nuxt-frontend/components/partials/NewFooter.vue
@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="relative overflow-hidden px-0 font-inter-medium z-[1]"
-  >
+  <div class="relative overflow-hidden px-0 font-inter-medium z-[1]">
     <img
       :src="bg"
       class="absolute top-[15px] sm:top-0 left-0 w-full h-full xl2:h-[unset] -z-[1] object-cover xl2:object-fill"
@@ -21,9 +19,7 @@
             v-for="icon in socialMediaIcons"
             :key="icon"
             class="flex justify-center !items-center w-10 h-10 md:w-[62px] md:h-[62px] !rounded-[50%] text-center cursor-pointer"
-            :class="
-              icon.image ? 'm-[5px]' : 'gradient-border-btn border-0'
-            "
+            :class="icon.image ? 'm-[5px]' : 'gradient-border-btn border-0'"
           >
             <a :href="icon.url" target="_blank" aria-label="footerLink">
               <Icon
@@ -37,7 +33,7 @@
       <div
         class="mb-8 md:mb-9 text-[0.75rem] leading-[0.9375rem] md:text-[0.84375rem] md:leading-[1.03125rem] lg:text-[0.9375rem] lg:leading-[1.125rem] text-white/[.87]"
       >
-        <Icon name="fa6-regular:copyright" class="box-content"/>
+        <Icon name="fa6-regular:copyright" class="box-content" />
         {{ new Date().getFullYear() }} Canopas Software LLP. All rights
         reserved.
       </div>
diff --git a/nuxt-frontend/components/partials/NewHeader.vue b/nuxt-frontend/components/partials/NewHeader.vue
index eab3c92a5..ad63eaff2 100755
--- a/nuxt-frontend/components/partials/NewHeader.vue
+++ b/nuxt-frontend/components/partials/NewHeader.vue
@@ -1,9 +1,6 @@
 <template>
   <header class="relative z-10 font-inter-medium">
-    <div
-      class="sticky top-0"
-      :style="{ height: navContainerHeight + 'px' }"
-    >
+    <div class="sticky top-0" :style="{ height: navContainerHeight + 'px' }">
       <nav
         class="ease z-[1] w-full bg-white py-5 tracking-[0] text-black-core/[.87] transition-all duration-500 md:px-0 md:py-4"
         :class="[
@@ -18,9 +15,7 @@
         }"
         ref="mainHeader"
       >
-        <div
-          class="container flex flex-row flex-wrap items-center"
-        >
+        <div class="container flex flex-row flex-wrap items-center">
           <nuxt-link to="/" replace>
             <div
               class="mr-4 mt-2 whitespace-nowrap text-[1.25rem] no-underline"
@@ -32,18 +27,12 @@
               />
             </div>
           </nuxt-link>
-          <div
-            class="relative flex grow basis-[auto] items-center"
-          >
+          <div class="relative flex grow basis-[auto] items-center">
             <ul
               class="hidden w-full flex-wrap justify-evenly text-[1rem] leading-[1.125rem] md:text-[1.09375rem] md:leading-[1.28125rem] lg:flex lg:flex-row lg:items-center xl:justify-end xl:text-[1.1875rem] xl:leading-[1.4375rem]"
               @mouseleave="showContributionMenu = false"
             >
-              <li
-                v-for="navbar in navbars"
-                :key="navbar"
-                class="my-2 py-2"
-              >
+              <li v-for="navbar in navbars" :key="navbar" class="my-2 py-2">
                 <nuxt-link
                   @mouseover="
                     showContributionMenu = navbar.name == 'Contribution'
diff --git a/nuxt-frontend/components/portfolio/BrandingSection.vue b/nuxt-frontend/components/portfolio/BrandingSection.vue
index a71af3e5a..a8c7c548c 100755
--- a/nuxt-frontend/components/portfolio/BrandingSection.vue
+++ b/nuxt-frontend/components/portfolio/BrandingSection.vue
@@ -56,10 +56,7 @@
     </aspect-ratio>
   </section>
 
-  <section
-    class="bg-white"
-    :ref="response.details ? response.details.ref : ''"
-  >
+  <section class="bg-white" :ref="response.details ? response.details.ref : ''">
     <div
       class="container flex flex-col md:flex-row md:gap-x-16 pt-24 md:pt-48 xl:pt-80"
     >
@@ -71,11 +68,7 @@
               :style="[data.background ? { background: data.background } : {}]"
             >
               <div
-                :class="[
-                  data.video
-                    ? 'px-4 pb-4 md:px-2 lg:px-8 lg:pb-8'
-                    : '',
-                ]"
+                :class="[data.video ? 'px-4 pb-4 md:px-2 lg:px-8 lg:pb-8' : '']"
               >
                 <img
                   v-if="data.image"
@@ -141,11 +134,7 @@
               :style="[data.background ? { background: data.background } : {}]"
             >
               <div
-                :class="[
-                  data.video
-                    ? 'px-4 pb-4 md:px-2 lg:px-8 lg:pb-8'
-                    : '',
-                ]"
+                :class="[data.video ? 'px-4 pb-4 md:px-2 lg:px-8 lg:pb-8' : '']"
               >
                 <img
                   v-if="data.image"
diff --git a/nuxt-frontend/components/portfolio/DesignSection.vue b/nuxt-frontend/components/portfolio/DesignSection.vue
index 5e7f4449e..e2e836be9 100755
--- a/nuxt-frontend/components/portfolio/DesignSection.vue
+++ b/nuxt-frontend/components/portfolio/DesignSection.vue
@@ -5,13 +5,8 @@
   >
     <div class="relative container">
       <div :ref="response[0].designref ? response[0].designref : ''">
-        <div
-          class="pt-20 lg:py-80 flex flex-col justify-between xl:w-3/4"
-        >
-          <div
-            class="v2-title-text font-bold"
-            v-html="response[0].title"
-          ></div>
+        <div class="pt-20 lg:py-80 flex flex-col justify-between xl:w-3/4">
+          <div class="v2-title-text font-bold" v-html="response[0].title"></div>
           <div
             v-if="response[0].description"
             class="description pt-5 w-4/5 lg:pt-10 xl:pt-20 xl:w-full"
diff --git a/nuxt-frontend/components/portfolio/ElementSection.vue b/nuxt-frontend/components/portfolio/ElementSection.vue
index 33ed86993..92a462c1a 100755
--- a/nuxt-frontend/components/portfolio/ElementSection.vue
+++ b/nuxt-frontend/components/portfolio/ElementSection.vue
@@ -5,9 +5,7 @@
         <div class="lg:pt-40 pb-12 lg:pb-80 pt-0 md:pt-28">
           <div
             :class="
-              response.class
-                ? response.class
-                : 'v2-header-3-text font-medium'
+              response.class ? response.class : 'v2-header-3-text font-medium'
             "
             v-html="response.title"
           ></div>
diff --git a/nuxt-frontend/components/portfolio/LandingSection.vue b/nuxt-frontend/components/portfolio/LandingSection.vue
index 803fe35ef..2e79eb6e3 100644
--- a/nuxt-frontend/components/portfolio/LandingSection.vue
+++ b/nuxt-frontend/components/portfolio/LandingSection.vue
@@ -10,10 +10,7 @@
     </div>
   </section>
 
-  <section
-    class="background-image relative z-[-1]"
-    :ref="response.landingref2"
-  >
+  <section class="background-image relative z-[-1]" :ref="response.landingref2">
     <aspect-ratio :height="isMobile ? '100%' : '56.26%'">
       <img
         :src="response.backgroundImage[3]"
diff --git a/nuxt-frontend/components/portfolio/NewCTASection.vue b/nuxt-frontend/components/portfolio/NewCTASection.vue
index 30ab45ae9..8fb084d51 100644
--- a/nuxt-frontend/components/portfolio/NewCTASection.vue
+++ b/nuxt-frontend/components/portfolio/NewCTASection.vue
@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="relative top-10 sm:top-0.5 pt-12 font-inter-medium"
-  >
+  <div class="relative top-10 sm:top-0.5 pt-12 font-inter-medium">
     <div class="flex flex-col items-center">
       <img
         :src="Cta2400"
diff --git a/nuxt-frontend/components/portfolio/UserReviewSection.vue b/nuxt-frontend/components/portfolio/UserReviewSection.vue
index 63614cc5f..ae2951894 100755
--- a/nuxt-frontend/components/portfolio/UserReviewSection.vue
+++ b/nuxt-frontend/components/portfolio/UserReviewSection.vue
@@ -8,9 +8,7 @@
       <br />
       say about us...
     </div>
-    <div
-      class="mt-8 text-left overflow-x-hidden overflow-y-auto scrollbar-0"
-    >
+    <div class="mt-8 text-left overflow-x-hidden overflow-y-auto scrollbar-0">
       <div
         class="animate-gridAnimationReverse"
         :class="[pausedId == 0 ? gridAnimation : 'animation-paused']"
@@ -25,9 +23,7 @@
               :key="element.id"
               class="flex flex-col justify-center flex-[0_0_320px] sm:flex-[0_0_480px] lg:flex-[0_0_528px] mt-8 ml-8 rounded-2xl border border-solid border-transparent shadow-[inset_2px_1000px_1px_#fff] from-[#ff9472] via-[#ff909c] to-[#f2709c] bg-gradient-to-r p-[16px] lg:p-[20px] text-[1rem] leading-[1.125rem] md:text-[1.0625rem] md:leading-6 lg:text-[1.1875rem] lg:leading-[1.875rem] text-left"
               :class="
-                pausedId == element.id
-                  ? 'scale-[0.97] cursor-pointer'
-                  : ''
+                pausedId == element.id ? 'scale-[0.97] cursor-pointer' : ''
               "
               @mouseover="pausedId = element.id"
               @mouseleave="pausedId = 0"
@@ -52,9 +48,7 @@
               :key="element.id"
               class="flex flex-col justify-center flex-[0_0_320px] sm:flex-[0_0_480px] lg:flex-[0_0_528px] mt-8 ml-8 rounded-2xl border border-solid border-transparent shadow-[inset_2px_1000px_1px_#fff] from-[#ff9472] via-[#ff909c] to-[#f2709c] bg-gradient-to-r p-4 lg:p-5 text-[1rem] leading-[1.125rem] md:text-[1.0625rem] md:leading-[1.5rem] lg:text-[1.1875rem] lg:leading-[1.875rem] text-left"
               :class="
-                pausedId == element.id
-                  ? 'scale-[0.97] cursor-pointer'
-                  : ''
+                pausedId == element.id ? 'scale-[0.97] cursor-pointer' : ''
               "
               @mouseover="pausedId = element.id"
               @mouseleave="pausedId = 0"
diff --git a/nuxt-frontend/components/portfolio/VideoSection.vue b/nuxt-frontend/components/portfolio/VideoSection.vue
index ebdb546f2..6f9dedd6d 100755
--- a/nuxt-frontend/components/portfolio/VideoSection.vue
+++ b/nuxt-frontend/components/portfolio/VideoSection.vue
@@ -42,10 +42,7 @@
       </div>
     </div>
   </section>
-  <section
-    v-if="response.video"
-    class="container video relative z-[-1]"
-  >
+  <section v-if="response.video" class="container video relative z-[-1]">
     <aspect-ratio height="56.25%" class="overflow-hidden">
       <video
         class="w-full h-full object-cover"
@@ -82,9 +79,7 @@
     </aspect-ratio>
   </section>
   <section v-if="response.features" class="bg-white mt-20 lg:mt-0">
-    <div
-      class="container flex flex-col md:flex-row md:pr-6 lg:pr-10 xl:pr-14"
-    >
+    <div class="container flex flex-col md:flex-row md:pr-6 lg:pr-10 xl:pr-14">
       <div v-if="response.features.gridData1" class="basis-1/2">
         <div v-for="data in response.features.gridData1" :key="data">
           <aspect-ratio
@@ -128,9 +123,7 @@
 
   <section v-if="response.solution" class="bg-white relative">
     <div class="container" :ref="response.solution.ref">
-      <div
-        class="flex flex-col justify-between pt-20 lg:flex-row lg:pt-80"
-      >
+      <div class="flex flex-col justify-between pt-20 lg:flex-row lg:pt-80">
         <div class="v2-normal-text font-bold">
           {{ response.solution.title }}
         </div>
diff --git a/nuxt-frontend/components/services/CTASection.vue b/nuxt-frontend/components/services/CTASection.vue
index aff8151ec..c3a637ccf 100644
--- a/nuxt-frontend/components/services/CTASection.vue
+++ b/nuxt-frontend/components/services/CTASection.vue
@@ -35,9 +35,7 @@
           </span>
         </nuxt-link>
       </div>
-      <div
-        class="hidden xl:block relative w-[53%] xl:w-[40%] 2xl:w-[50%]"
-      >
+      <div class="hidden xl:block relative w-[53%] xl:w-[40%] 2xl:w-[50%]">
         <img
           :src="ctaImages[0]"
           :srcset="`${ctaImages[0]} 400w, ${ctaImages[1]} 800w`"
@@ -74,23 +72,17 @@
               class="cursor-pointer"
             >
               <div
-                :class="
-                  slide.hasStar ? 'justify-between' : 'justify-center'
-                "
+                :class="slide.hasStar ? 'justify-between' : 'justify-center'"
                 class="flex flex-col items-center rounded-2xl bg-gradient-to-r from-[#FF835B]/[0.3] to-[#F2709C]/[0.3] w-[50%] p-5 h-[140px]"
               >
-                <span
-                  class="font-inter-bold text-[1.5rem] leading-9"
-                  >{{ slide.title }}</span
-                >
+                <span class="font-inter-bold text-[1.5rem] leading-9">{{
+                  slide.title
+                }}</span>
                 <span
                   class="font-inter-regular text-[1.1875rem] leading-[1.78125rem] text-black-core/[0.6]"
                   >{{ slide.content }}</span
                 >
-                <div
-                  v-if="slide.hasStar"
-                  class="flex justify-between mt-[3px]"
-                >
+                <div v-if="slide.hasStar" class="flex justify-between mt-[3px]">
                   <Icon
                     v-for="i in 5"
                     :key="i"
diff --git a/nuxt-frontend/components/services/ContactUsToday.vue b/nuxt-frontend/components/services/ContactUsToday.vue
index f3974e1ea..5d3d3d30b 100644
--- a/nuxt-frontend/components/services/ContactUsToday.vue
+++ b/nuxt-frontend/components/services/ContactUsToday.vue
@@ -20,13 +20,11 @@
           class="font-inter-regular text-[1.875rem] md:text-[2.5rem] lg:text-[3rem] leading-[2.813rem] md:leading-[3.75rem] lg:leading-[4.5rem] text-center lg:text-left text-black-core/[0.87]"
         >
           Do you want to
-          <span
-            class="font-inter-bold lg:text-[3.438rem] lg:leading-[5.156rem]"
+          <span class="font-inter-bold lg:text-[3.438rem] lg:leading-[5.156rem]"
             >provide your customers</span
           >
           with value at
-          <span
-            class="font-inter-bold lg:text-[3.438rem] lg:leading-[5.156rem]"
+          <span class="font-inter-bold lg:text-[3.438rem] lg:leading-[5.156rem]"
             >their fingertips?</span
           >
         </h2>
@@ -39,9 +37,7 @@
           >
         </div>
       </div>
-      <div
-        class="flex flex-col items-center lg:w-[41%] xl:w-[50%]"
-      >
+      <div class="flex flex-col items-center lg:w-[41%] xl:w-[50%]">
         <img
           class="h-full w-full object-cover"
           :src="contactImages[0]"
diff --git a/nuxt-frontend/components/services/LandingSection.vue b/nuxt-frontend/components/services/LandingSection.vue
index 486eb516f..eaaa57686 100644
--- a/nuxt-frontend/components/services/LandingSection.vue
+++ b/nuxt-frontend/components/services/LandingSection.vue
@@ -15,10 +15,7 @@
     <div
       class="container flex flex-col items-center lg:flex-row-reverse mt-[30px] pb-[25px]"
     >
-      <aspect-ratio
-        class="flex-[45%] 2xl:w-[50%] lg:block hidden"
-        height="60%"
-      >
+      <aspect-ratio class="flex-[45%] 2xl:w-[50%] lg:block hidden" height="60%">
         <img
           class="absolute lg:top-[-35px] right-0 xll:right-auto h-full object-cover"
           :src="landingImages[0]"
@@ -26,9 +23,7 @@
           alt="landing-view-image"
         />
       </aspect-ratio>
-      <div
-        class="relative flex flex-col flex-[55%] 2xl:w-[50%] items-center"
-      >
+      <div class="relative flex flex-col flex-[55%] 2xl:w-[50%] items-center">
         <h1
           class="text-[2.5rem] md:text-[3.125rem] xl:text-[3.75rem] leading-[3.25rem] md:leading-[4.5rem] xl:leading-[5.625rem] text-center lg:text-left font-inter-bold text-black-core/[0.87]"
         >
diff --git a/nuxt-frontend/components/services/SuccessStories.vue b/nuxt-frontend/components/services/SuccessStories.vue
index cde06cb23..98eade67e 100644
--- a/nuxt-frontend/components/services/SuccessStories.vue
+++ b/nuxt-frontend/components/services/SuccessStories.vue
@@ -27,9 +27,7 @@
         </span>
       </nuxt-link>
     </div>
-    <div
-      class="swiper-content mt-12 lg:w-[50%] 2xl:w-[60%] pl-4 md:pl-0"
-    >
+    <div class="swiper-content mt-12 lg:w-[50%] 2xl:w-[60%] pl-4 md:pl-0">
       <swiper
         :slidesPerView="1.1"
         :centeredSlides="false"
diff --git a/nuxt-frontend/components/services/TechnologyStack.vue b/nuxt-frontend/components/services/TechnologyStack.vue
index 588949225..b21c2ae37 100644
--- a/nuxt-frontend/components/services/TechnologyStack.vue
+++ b/nuxt-frontend/components/services/TechnologyStack.vue
@@ -30,9 +30,7 @@
           >{{ stack.title }}
         </span>
       </span>
-      <div
-        class="flex flex-row flex-wrap items-center my-7 pl-7"
-      >
+      <div class="flex flex-row flex-wrap items-center my-7 pl-7">
         <img
           v-for="techs in stack.image"
           :key="techs"
@@ -43,9 +41,7 @@
       </div>
     </div>
     <div class="hidden xl:block">
-      <div
-        class="grid grid-rows-2 grid-flow-col gap-x-4 xl:gap-x-12"
-      >
+      <div class="grid grid-rows-2 grid-flow-col gap-x-4 xl:gap-x-12">
         <div class="row-start-2 row-span-1 -mt-40">
           <div v-for="stack in stack1" :key="stack" class="flex">
             <div
@@ -59,9 +55,7 @@
                   >{{ stack.title }}
                 </span>
               </span>
-              <div
-                class="flex flex-wrap my-7 px-[30px] pb-[30px]"
-              >
+              <div class="flex flex-wrap my-7 px-[30px] pb-[30px]">
                 <div
                   v-for="techs in stack.icons"
                   :key="techs"
@@ -98,9 +92,7 @@
                   >{{ stack.title }}
                 </span>
               </span>
-              <div
-                class="flex flex-wrap my-7 px-[30px] pb-[30px]"
-              >
+              <div class="flex flex-wrap my-7 px-[30px] pb-[30px]">
                 <div
                   v-for="techs in stack.icons"
                   :key="techs"
@@ -138,9 +130,7 @@
                   >{{ stack.title }}
                 </span>
               </span>
-              <div
-                class="flex flex-wrap my-7 px-[30px] pb-[30px]"
-              >
+              <div class="flex flex-wrap my-7 px-[30px] pb-[30px]">
                 <div
                   v-for="techs in stack.icons"
                   :key="techs"
diff --git a/nuxt-frontend/components/services/WhatWeOfferMobile.vue b/nuxt-frontend/components/services/WhatWeOfferMobile.vue
index 300852f8f..98d422c3c 100644
--- a/nuxt-frontend/components/services/WhatWeOfferMobile.vue
+++ b/nuxt-frontend/components/services/WhatWeOfferMobile.vue
@@ -7,11 +7,7 @@
     </div>
 
     <div class="flex flex-col">
-      <div
-        v-for="service in services"
-        :key="service"
-        class="m-auto md:w-[70%]"
-      >
+      <div v-for="service in services" :key="service" class="m-auto md:w-[70%]">
         <div>
           <img
             :src="service.images[0]"
@@ -33,9 +29,7 @@
               >{{ service.title }}</span
             >
           </div>
-          <div
-            class="mb-10 text-center font-inter-regular text-base sm:mb-14"
-          >
+          <div class="mb-10 text-center font-inter-regular text-base sm:mb-14">
             <p>{{ service.description }}</p>
           </div>
         </div>
diff --git a/nuxt-frontend/components/utils/ScreenLoader.vue b/nuxt-frontend/components/utils/ScreenLoader.vue
index 5eded9bb6..e52f36b3c 100644
--- a/nuxt-frontend/components/utils/ScreenLoader.vue
+++ b/nuxt-frontend/components/utils/ScreenLoader.vue
@@ -1,9 +1,7 @@
 <template>
   <div
     :class="
-      loader
-        ? 'fixed z-[1] top-0 left-0 w-full h-full bg-[#00000080]'
-        : ''
+      loader ? 'fixed z-[1] top-0 left-0 w-full h-full bg-[#00000080]' : ''
     "
     v-if="isLoad"
   >
diff --git a/nuxt-frontend/pages/about.vue b/nuxt-frontend/pages/about.vue
index b5559dbc8..cfb2d8735 100644
--- a/nuxt-frontend/pages/about.vue
+++ b/nuxt-frontend/pages/about.vue
@@ -23,22 +23,22 @@ import { elementInViewPort } from "@/utils.js";
 import { defineAsyncComponent } from "vue";
 
 const HowItAllStartedSectionMobile = defineAsyncComponent(() =>
-  import("@/components/about/HowItAllStartedSectionMobile.vue")
+  import("@/components/about/HowItAllStartedSectionMobile.vue"),
 );
 const AboutusVirtue = defineAsyncComponent(() =>
-  import("@/components/about/AboutusVirtue.vue")
+  import("@/components/about/AboutusVirtue.vue"),
 );
 const WithCanopasSection = defineAsyncComponent(() =>
-  import("@/components/about/WithCanopas.vue")
+  import("@/components/about/WithCanopas.vue"),
 );
 const ClientReviewSection = defineAsyncComponent(() =>
-  import("@/components/home-new/ClientReviewSection.vue")
+  import("@/components/home-new/ClientReviewSection.vue"),
 );
 const CTASection = defineAsyncComponent(() =>
-  import("@/components/about/CTASection.vue")
+  import("@/components/about/CTASection.vue"),
 );
 const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue")
+  import("@/components/partials/NewFooter.vue"),
 );
 
 export default {
diff --git a/nuxt-frontend/pages/android-app-development.vue b/nuxt-frontend/pages/android-app-development.vue
index b9992a8db..fa97630ec 100644
--- a/nuxt-frontend/pages/android-app-development.vue
+++ b/nuxt-frontend/pages/android-app-development.vue
@@ -24,28 +24,28 @@ import { elementInViewPort } from "@/utils.js";
 import LandingSection from "@/components/android-app-development/LandingSection.vue";
 import DevelopmentSection from "@/components/android-app-development/DevelopmentSection.vue";
 const CaseStudy = defineAsyncComponent(() =>
-  import("@/components/android-app-development/CaseStudySection.vue")
+  import("@/components/android-app-development/CaseStudySection.vue"),
 );
 const SuccessStorySection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/SuccessStorySection.vue")
+  import("@/components/android-app-development/SuccessStorySection.vue"),
 );
 const FaqSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/FaqSection.vue")
+  import("@/components/android-app-development/FaqSection.vue"),
 );
 const PinkCtaSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/PinkCtaSection.vue")
+  import("@/components/android-app-development/PinkCtaSection.vue"),
 );
 const CtaSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/CtaSection.vue")
+  import("@/components/android-app-development/CtaSection.vue"),
 );
 const BlackCtaSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/BlackCtaSection.vue")
+  import("@/components/android-app-development/BlackCtaSection.vue"),
 );
 const BlogSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/BlogSection.vue")
+  import("@/components/android-app-development/BlogSection.vue"),
 );
 const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue")
+  import("@/components/partials/NewFooter.vue"),
 );
 
 export default {
diff --git a/nuxt-frontend/pages/contact.vue b/nuxt-frontend/pages/contact.vue
index 739068b09..d8f09967c 100644
--- a/nuxt-frontend/pages/contact.vue
+++ b/nuxt-frontend/pages/contact.vue
@@ -2,9 +2,7 @@
   <div ref="contactScreen">
     <Header />
     <ScreenLoader v-if="isLoading" v-bind:loader="true" />
-    <div
-      class="container lg:flex lg:flex-row mt-10 md:mt-0 lg:mt-20"
-    >
+    <div class="container lg:flex lg:flex-row mt-10 md:mt-0 lg:mt-20">
       <NewContactLanding class="basis-3/6 2xl:basis-[40%]" />
       <NewContactForm
         v-on:isLoading="setLoader"
@@ -53,7 +51,7 @@ export default {
     recaptchaScript.setAttribute(
       "src",
       "https://www.google.com/recaptcha/enterprise.js?render=" +
-        config.VITE_RECAPTCHA_SITE_KEY
+        config.VITE_RECAPTCHA_SITE_KEY,
     );
     recaptchaScript.setAttribute("async", "true");
     recaptchaScript.setAttribute("defer", "true");
diff --git a/nuxt-frontend/pages/contributions.vue b/nuxt-frontend/pages/contributions.vue
index 786a2b47d..14a31b67b 100755
--- a/nuxt-frontend/pages/contributions.vue
+++ b/nuxt-frontend/pages/contributions.vue
@@ -28,29 +28,29 @@ import DesktopLandingSection from "@/components/contributions/DesktopLanding.vue
 import GithubContribution from "@/components/contributions/GithubContribution.vue";
 import { elementInViewPort } from "@/utils.js";
 const WeeklyUpdateSection = defineAsyncComponent(() =>
-  import("@/components/contributions/WeeklyUpdate.vue")
+  import("@/components/contributions/WeeklyUpdate.vue"),
 );
 const WhatsTrending = defineAsyncComponent(() =>
-  import("@/components/contributions/WhatsTrending.vue")
+  import("@/components/contributions/WhatsTrending.vue"),
 );
 const Favourite = defineAsyncComponent(() =>
-  import("@/components/contributions/Favourite.vue")
+  import("@/components/contributions/Favourite.vue"),
 );
 const AnimatedCreation = defineAsyncComponent(() =>
-  import("@/components/contributions/AnimatedCreation.vue")
+  import("@/components/contributions/AnimatedCreation.vue"),
 );
 const UnitTest = defineAsyncComponent(() =>
-  import("@/components/contributions/UnitTest.vue")
+  import("@/components/contributions/UnitTest.vue"),
 );
 const DevOps = defineAsyncComponent(() =>
-  import("@/components/contributions/DevOps.vue")
+  import("@/components/contributions/DevOps.vue"),
 );
 const ExploreDesign = defineAsyncComponent(() =>
-  import("@/components/contributions/DesignExplore.vue")
+  import("@/components/contributions/DesignExplore.vue"),
 );
 
 const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue")
+  import("@/components/partials/NewFooter.vue"),
 );
 
 export default {
diff --git a/nuxt-frontend/pages/ios-app-development.vue b/nuxt-frontend/pages/ios-app-development.vue
index ad52614d0..4d0c7af74 100644
--- a/nuxt-frontend/pages/ios-app-development.vue
+++ b/nuxt-frontend/pages/ios-app-development.vue
@@ -20,22 +20,22 @@ import { elementInViewPort } from "@/utils.js";
 import LandingSection from "@/components/ios-app-development/LandingSection.vue";
 import DevelopmentSection from "@/components/ios-app-development/DevelopmentSection.vue";
 const SuccessStorySection = defineAsyncComponent(() =>
-  import("@/components/ios-app-development/SuccessStory.vue")
+  import("@/components/ios-app-development/SuccessStory.vue"),
 );
 const BlogSection = defineAsyncComponent(() =>
-  import("@/components/ios-app-development/BlogSection.vue")
+  import("@/components/ios-app-development/BlogSection.vue"),
 );
 const FaqSection = defineAsyncComponent(() =>
-  import("@/components/ios-app-development/FaqSection.vue")
+  import("@/components/ios-app-development/FaqSection.vue"),
 );
 const CtaSection = defineAsyncComponent(() =>
-  import("@/components/ios-app-development/CtaSection.vue")
+  import("@/components/ios-app-development/CtaSection.vue"),
 );
 const CtaSection2 = defineAsyncComponent(() =>
-  import("@/components/ios-app-development/CtaSection2.vue")
+  import("@/components/ios-app-development/CtaSection2.vue"),
 );
 const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue")
+  import("@/components/partials/NewFooter.vue"),
 );
 
 export default {
diff --git a/nuxt-frontend/pages/jobs/[id].vue b/nuxt-frontend/pages/jobs/[id].vue
index 400d057d4..6bcb1f7bf 100644
--- a/nuxt-frontend/pages/jobs/[id].vue
+++ b/nuxt-frontend/pages/jobs/[id].vue
@@ -44,9 +44,7 @@
           >
             {{ job.title }}
           </h1>
-          <hr
-            class="m-0 mt-6 border border-solid border-[#e2e2e2]"
-          />
+          <hr class="m-0 mt-6 border border-solid border-[#e2e2e2]" />
           <div class="summary-text mt-12">
             {{ job.summary }}
           </div>
@@ -57,9 +55,7 @@
               v-html="job.description"
             ></div>
           </div>
-          <div
-            class="mt-12 flex justify-center text-[1rem] md:text-[1.125rem]"
-          >
+          <div class="mt-12 flex justify-center text-[1rem] md:text-[1.125rem]">
             <nuxt-link
               @click.native="$mixpanel.track('tap_job_read_more_apply_now')"
               class="gradient-btn flex items-center px-16 py-4 md:px-20 md:py-4"
diff --git a/nuxt-frontend/pages/jobs/apply/[id].vue b/nuxt-frontend/pages/jobs/apply/[id].vue
index 19501e185..5b5d6e8c9 100644
--- a/nuxt-frontend/pages/jobs/apply/[id].vue
+++ b/nuxt-frontend/pages/jobs/apply/[id].vue
@@ -155,10 +155,7 @@
                 </div>
               </div>
 
-              <div
-                v-if="isShowingReferenceInput"
-                class="mb-8 reference-input"
-              >
+              <div v-if="isShowingReferenceInput" class="mb-8 reference-input">
                 <label class="">Reference</label>
                 <input
                   class="block w-full border border-solid border-[#e2e2e2] rounded-[10px] text-[#3d3d3d] text-[1.125rem] mt-[5px] py-2.5 px-4 focus:border focus:border-solid focus:border-[#e2e2e2] focus:outline-hidden focus:outline-0 disabled:opacity-80 disabled:cursor-not-allowed reference-by-input"
@@ -243,10 +240,7 @@
                 v-if="showLoader"
                 alt="loader-image"
               />
-              <div
-                class="relative flex flex-col items-center"
-                v-else
-              >
+              <div class="relative flex flex-col items-center" v-else>
                 <div
                   class="absolute text-center -top-10 sm:-top-[1.875rem] right-0 sm:-right-28 lg:-right-24 xl:-right-40 2xl:-right-[13.5rem] sm:w-max"
                 >
diff --git a/nuxt-frontend/pages/jobs/index.vue b/nuxt-frontend/pages/jobs/index.vue
index b6a888fae..c423b4977 100644
--- a/nuxt-frontend/pages/jobs/index.vue
+++ b/nuxt-frontend/pages/jobs/index.vue
@@ -27,28 +27,28 @@ import config from "@/config.js";
 import { elementInViewPort, handleAnimationOnScroll } from "@/utils.js";
 
 const VirtuesView = defineAsyncComponent(() =>
-  import("@/components/jobs/VirtuesView.vue")
+  import("@/components/jobs/VirtuesView.vue"),
 );
 const LifeAtCanopas = defineAsyncComponent(() =>
-  import("@/components/jobs/LifeAtCanopas.vue")
+  import("@/components/jobs/LifeAtCanopas.vue"),
 );
 const Career = defineAsyncComponent(() =>
-  import("@/components/jobs/CareerView.vue")
+  import("@/components/jobs/CareerView.vue"),
 );
 const PerksAndBenefits = defineAsyncComponent(() =>
-  import("@/components/jobs/PerksAndBenefits.vue")
+  import("@/components/jobs/PerksAndBenefits.vue"),
 );
 const WhyCanopas = defineAsyncComponent(() =>
-  import("@/components/jobs/WhyCanopas.vue")
+  import("@/components/jobs/WhyCanopas.vue"),
 );
 const WhyCanopasMobile = defineAsyncComponent(() =>
-  import("@/components/jobs/WhyCanopasMobile.vue")
+  import("@/components/jobs/WhyCanopasMobile.vue"),
 );
 const FaqSection = defineAsyncComponent(() =>
-  import("@/components/jobs/FaqSection.vue")
+  import("@/components/jobs/FaqSection.vue"),
 );
 const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue")
+  import("@/components/partials/NewFooter.vue"),
 );
 
 const { $mixpanel } = useNuxtApp();
diff --git a/nuxt-frontend/pages/jobs/thank-you/index.vue b/nuxt-frontend/pages/jobs/thank-you/index.vue
index fbc467cca..edc813e3a 100644
--- a/nuxt-frontend/pages/jobs/thank-you/index.vue
+++ b/nuxt-frontend/pages/jobs/thank-you/index.vue
@@ -18,19 +18,19 @@ import { defineAsyncComponent } from "vue";
 import { elementInViewPort } from "@/utils.js";
 
 const VirtueView = defineAsyncComponent(() =>
-  import("@/components/jobs/VirtuesView.vue")
+  import("@/components/jobs/VirtuesView.vue"),
 );
 const LifeAtCanopasVue = defineAsyncComponent(() =>
-  import("@/components/jobs/PerksAndBenefits.vue")
+  import("@/components/jobs/PerksAndBenefits.vue"),
 );
 const LatestBlog = defineAsyncComponent(() =>
-  import("@/components/jobs/thank-you/LatestBlog.vue")
+  import("@/components/jobs/thank-you/LatestBlog.vue"),
 );
 const ContributionSection = defineAsyncComponent(() =>
-  import("@/components/jobs/thank-you/ContributionSection.vue")
+  import("@/components/jobs/thank-you/ContributionSection.vue"),
 );
 const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue")
+  import("@/components/partials/NewFooter.vue"),
 );
 
 import config from "@/config.js";
diff --git a/nuxt-frontend/pages/mobile-app-development.vue b/nuxt-frontend/pages/mobile-app-development.vue
index e907228e6..a1a9fd7b3 100755
--- a/nuxt-frontend/pages/mobile-app-development.vue
+++ b/nuxt-frontend/pages/mobile-app-development.vue
@@ -27,22 +27,22 @@ import { defineAsyncComponent } from "vue";
 import { elementInViewPort } from "@/utils.js";
 
 const Portfolio = defineAsyncComponent(() =>
-  import("@/components/mobile-app-development/Portfolio.vue")
+  import("@/components/mobile-app-development/Portfolio.vue"),
 );
 const CTASection = defineAsyncComponent(() =>
-  import("@/components/mobile-app-development/CTASection.vue")
+  import("@/components/mobile-app-development/CTASection.vue"),
 );
 const DevelopmentProcess = defineAsyncComponent(() =>
-  import("@/components/mobile-app-development/DevelopmentProcess.vue")
+  import("@/components/mobile-app-development/DevelopmentProcess.vue"),
 );
 const ClientReview = defineAsyncComponent(() =>
-  import("@/components/mobile-app-development/ClientReview.vue")
+  import("@/components/mobile-app-development/ClientReview.vue"),
 );
 const CTASection2 = defineAsyncComponent(() =>
-  import("@/components/mobile-app-development/CTASection2.vue")
+  import("@/components/mobile-app-development/CTASection2.vue"),
 );
 const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue")
+  import("@/components/partials/NewFooter.vue"),
 );
 
 export default {
diff --git a/nuxt-frontend/pages/portfolio/[id].vue b/nuxt-frontend/pages/portfolio/[id].vue
index aacd46440..1eae2bed3 100644
--- a/nuxt-frontend/pages/portfolio/[id].vue
+++ b/nuxt-frontend/pages/portfolio/[id].vue
@@ -121,7 +121,7 @@ watch(
   (currentValue, oldValue) => {
     getData(currentValue);
   },
-  { immediate: true, deep: true }
+  { immediate: true, deep: true },
 );
 </script>
 
diff --git a/nuxt-frontend/pages/portfolio/index.vue b/nuxt-frontend/pages/portfolio/index.vue
index 122746a4c..200e17016 100644
--- a/nuxt-frontend/pages/portfolio/index.vue
+++ b/nuxt-frontend/pages/portfolio/index.vue
@@ -19,13 +19,13 @@ import { defineAsyncComponent } from "vue";
 import { elementInViewPort } from "@/utils.js";
 
 const UserReview = defineAsyncComponent(() =>
-  import("@/components/home-new/UserReview.vue")
+  import("@/components/home-new/UserReview.vue"),
 );
 const CTASection = defineAsyncComponent(() =>
-  import("@/components/home-new/CTASection.vue")
+  import("@/components/home-new/CTASection.vue"),
 );
 const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue")
+  import("@/components/partials/NewFooter.vue"),
 );
 
 export default {
diff --git a/nuxt-frontend/pages/resources/index.vue b/nuxt-frontend/pages/resources/index.vue
index f41da8bf7..64dde484d 100644
--- a/nuxt-frontend/pages/resources/index.vue
+++ b/nuxt-frontend/pages/resources/index.vue
@@ -12,4 +12,3 @@ import config from "./../../config";
 
 const { $mixpanel } = useNuxtApp();
 </script>
-
diff --git a/nuxt-frontend/pages/services.vue b/nuxt-frontend/pages/services.vue
index 545eca1df..482ce969b 100644
--- a/nuxt-frontend/pages/services.vue
+++ b/nuxt-frontend/pages/services.vue
@@ -28,31 +28,31 @@ import { defineAsyncComponent } from "vue";
 import { elementInViewPort } from "@/utils.js";
 
 const SuccessStories = defineAsyncComponent(() =>
-  import("@/components/services/SuccessStories.vue")
+  import("@/components/services/SuccessStories.vue"),
 );
 const BlogSection = defineAsyncComponent(() =>
-  import("@/components/home-new/BlogSection.vue")
+  import("@/components/home-new/BlogSection.vue"),
 );
 const CTASection = defineAsyncComponent(() =>
-  import("@/components/home-new/PortfolioPageCTASection.vue")
+  import("@/components/home-new/PortfolioPageCTASection.vue"),
 );
 const ContributionSection = defineAsyncComponent(() =>
-  import("@/components/home-new/ContributionSection.vue")
+  import("@/components/home-new/ContributionSection.vue"),
 );
 const ContributionSectionMobile = defineAsyncComponent(() =>
-  import("@/components/home-new/ContributionSectionMobile.vue")
+  import("@/components/home-new/ContributionSectionMobile.vue"),
 );
 const ClientReviewSection = defineAsyncComponent(() =>
-  import("@/components/home-new/ClientReviewSection.vue")
+  import("@/components/home-new/ClientReviewSection.vue"),
 );
 const CTASection2 = defineAsyncComponent(() =>
-  import("@/components/services/CTASection.vue")
+  import("@/components/services/CTASection.vue"),
 );
 const TechnologyStack = defineAsyncComponent(() =>
-  import("@/components/services/TechnologyStack.vue")
+  import("@/components/services/TechnologyStack.vue"),
 );
 const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue")
+  import("@/components/partials/NewFooter.vue"),
 );
 
 export default {
diff --git a/nuxt-frontend/pages/tag/[slug].vue b/nuxt-frontend/pages/tag/[slug].vue
index bbfb82fc2..9e407d5a1 100644
--- a/nuxt-frontend/pages/tag/[slug].vue
+++ b/nuxt-frontend/pages/tag/[slug].vue
@@ -27,4 +27,4 @@ function showNotFound() {
     name: "Error404Page",
   });
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/nuxt-frontend/pages/thank-you.vue b/nuxt-frontend/pages/thank-you.vue
index 6b27d41ec..e57623b65 100644
--- a/nuxt-frontend/pages/thank-you.vue
+++ b/nuxt-frontend/pages/thank-you.vue
@@ -2,7 +2,7 @@
   <div>
     <Header />
     <div>
-      <LandingSection :name="clientName"/>
+      <LandingSection :name="clientName" />
       <BenefitSection
         class="overflow-y-hidden 2xl:overflow-y-visible 3xl:overflow-y-hidden"
       />
diff --git a/nuxt-frontend/server/tsconfig.json b/nuxt-frontend/server/tsconfig.json
index a177e33a4..b9ed69c19 100644
--- a/nuxt-frontend/server/tsconfig.json
+++ b/nuxt-frontend/server/tsconfig.json
@@ -1,3 +1,3 @@
 {
-    "extends": "../.nuxt/tsconfig.server.json"
-}
\ No newline at end of file
+  "extends": "../.nuxt/tsconfig.server.json"
+}
diff --git a/nuxt-frontend/tailwind.config.js b/nuxt-frontend/tailwind.config.js
index 94253c779..540124e6b 100644
--- a/nuxt-frontend/tailwind.config.js
+++ b/nuxt-frontend/tailwind.config.js
@@ -254,7 +254,7 @@ module.exports = {
             120: "120deg",
             135: "135deg",
           }),
-        }
+        },
       );
     }),
     function ({ addComponents }) {
diff --git a/nuxt-frontend/tsconfig.json b/nuxt-frontend/tsconfig.json
index cb3b1e5c4..4b34df157 100644
--- a/nuxt-frontend/tsconfig.json
+++ b/nuxt-frontend/tsconfig.json
@@ -1,3 +1,3 @@
 {
-    "extends": "./.nuxt/tsconfig.json"
-}
\ No newline at end of file
+  "extends": "./.nuxt/tsconfig.json"
+}
diff --git a/nuxt-frontend/utils.js b/nuxt-frontend/utils.js
index 2c08877b1..c522b7001 100644
--- a/nuxt-frontend/utils.js
+++ b/nuxt-frontend/utils.js
@@ -34,7 +34,7 @@ function setGithubStars(contributions, githubRepos) {
       .filter(
         (repo) =>
           repo.name ==
-          contribution.link.slice(contribution.link.lastIndexOf("/") + 1)
+          contribution.link.slice(contribution.link.lastIndexOf("/") + 1),
       )
       .map((repo) => repo.stargazers_count.toString())[0];
   });
@@ -77,7 +77,7 @@ function getJobDates() {
     currentDay <= maxDays
       ? startDateOfMonth
       : new Date(
-          startDateOfMonth.setDate(startDateOfMonth.getDate() + maxDays)
+          startDateOfMonth.setDate(startDateOfMonth.getDate() + maxDays),
         );
 
   const datePosted = jobPosted.toISOString().split("T")[0];