Unification in home page

canopas · Dec 19, 2023 · a267298 · a267298
1 parent 7cc96e0
commit a267298
Show file tree

Hide file tree

Showing 38 changed files with 286 additions and 186 deletions.
diff --git a/nuxt-frontend/components/android-app-development/BlackCtaSection.vue b/nuxt-frontend/components/android-app-development/BlackCtaSection.vue
@@ -13,9 +13,13 @@
       class="container absolute top-4 md:top-20 xl:top-32 w-full p-4 text-center text-[#FFF] xs:left-[13%] xll:left-[24%] xs:w-[75%]"
     >
       <div class="m-auto">
-        <p class="text-white mobile-header-1 lg:desk-header-1">Have an app idea?</p>
+        <p class="text-white mobile-header-1 lg:desk-header-1">
+          Have an app idea?
+        </p>
 
-        <div class="mt-2 text-white/[0.8] sub-h1-regular lg:mobile-header-2-regular md:my-4">
+        <div
+          class="mt-2 text-white/[0.8] sub-h1-regular lg:mobile-header-2-regular md:my-4"
+        >
           See if we can make it a reality.
         </div>
       </div>

diff --git a/nuxt-frontend/components/android-app-development/BlogSection.vue b/nuxt-frontend/components/android-app-development/BlogSection.vue
@@ -4,7 +4,9 @@
     <div
       class="relative z-[1] h-[27rem] sm:h-[30rem] overflow-hidden lg:hidden"
     >
-      <p class="text-center mobile-header-2 text-black-core/[0.87]">Our blogs</p>
+      <p class="text-center mobile-header-2 text-black-core/[0.87]">
+        Our blogs
+      </p>
       <div class="blog mt-6 block lg:hidden">
         <swiper
           :slidesPerView="1.425"
@@ -55,7 +57,9 @@
     <div
       class="container flex hidden flex-col lg:block lg:min-h-[580px] lg:py-0"
     >
-      <p class="mb-8 text-center desk-header-2 text-black-core/[0.87]">Our blogs</p>
+      <p class="mb-8 text-center desk-header-2 text-black-core/[0.87]">
+        Our blogs
+      </p>
       <div class="flex flex-row space-x-5 space-y-1">
         <div
           @click="openBlog(blog.link, 'tap_android_app_blog_section')"

diff --git a/nuxt-frontend/components/android-app-development/CaseStudySection.vue b/nuxt-frontend/components/android-app-development/CaseStudySection.vue
@@ -4,7 +4,9 @@
   >
     <div class="container">
       <div class="flex flex-col text-center">
-        <span class="mobile-header-2 lg:desk-header-2 text-black-core-[0.87]">Case studies</span>
+        <span class="mobile-header-2 lg:desk-header-2 text-black-core-[0.87]"
+          >Case studies</span
+        >
         <span
           class="mt-4 md:mt-6 sub-h1-regular lg:mobile-header-2-regular mx-auto xl:text-[1.5rem] xl:leading-9 text-black-core/[0.60] lg:w-[80%] xl:w-[61%]"
           >Explore our case studies to witness how we've transformed our
@@ -116,7 +118,7 @@
                 ></h2
               ></a>
               <span
-                class="mt-4 text-black-core/[0.6] sub-h3-medium md:mobile-header-3-medium "
+                class="mt-4 text-black-core/[0.6] sub-h3-medium md:mobile-header-3-medium"
                 v-html="item.description"
               ></span>
 
@@ -133,7 +135,9 @@
                       class="font-opensans-semibold desk-header-3 text-[#FF9472]"
                       >{{ item.resultcount[0] }}</span
                     >
-                    <div class="flex-1 text-black-core-[0.87] mobile-header-3-regular">
+                    <div
+                      class="flex-1 text-black-core-[0.87] mobile-header-3-regular"
+                    >
                       <span>Downloads</span>
                     </div>
                   </div>
@@ -142,7 +146,9 @@
                       class="font-opensans-semibold desk-header-3 text-[#FF9472]"
                       >{{ item.resultcount[1] }}</span
                     >
-                    <div class="flex-1 text-black-core-[0.87] mobile-header-3-regular">
+                    <div
+                      class="flex-1 text-black-core-[0.87] mobile-header-3-regular"
+                    >
                       <span>App Rating</span>
                     </div>
                   </div>
@@ -151,7 +157,9 @@
                       class="font-opensans-semibold desk-header-3 text-[#FF9472]"
                       >{{ item.resultcount[2] }}</span
                     >
-                    <div class="flex-1 text-black-core-[0.87] mobile-header-3-regular">
+                    <div
+                      class="flex-1 text-black-core-[0.87] mobile-header-3-regular"
+                    >
                       <span>Monthly Users</span>
                     </div>
                   </div>

diff --git a/nuxt-frontend/components/android-app-development/DevelopmentSection.vue b/nuxt-frontend/components/android-app-development/DevelopmentSection.vue
@@ -8,7 +8,8 @@
           >
             Android app development services</span
           >
-          <span class="mt-4 md:mt-6 sub-h1-regular lg:mobile-header-2-regular text-black-core/[0.60]"
+          <span
+            class="mt-4 md:mt-6 sub-h1-regular lg:mobile-header-2-regular text-black-core/[0.60]"
             >With over a decade of expertise in Android app development, our
             team can help you craft high- quality, user-friendly apps that drive
             business growth and customer engagement.</span
@@ -117,7 +118,9 @@
               <div
                 class="absolute top-[2%] xl:top-[15px] xll:top-[37.5%] ml-[45%] xll:ml-[47%] hidden h-20 !bg-white text-center lg:block 2xll:ml-[47%] xll:ml-[48%]"
               >
-                <span class="text-center mobile-header-1 lg:desk-header-1 text-black-core/[0.87]">
+                <span
+                  class="text-center mobile-header-1 lg:desk-header-1 text-black-core/[0.87]"
+                >
                   0{{ index + 1 }}</span
                 >
               </div>
@@ -137,7 +140,9 @@
                     >{{ item.title }}</span
                   >
                 </div>
-                <div class="text-black-core/[0.6] sub-h3-medium lg:mobile-header-3-medium ">
+                <div
+                  class="text-black-core/[0.6] sub-h3-medium lg:mobile-header-3-medium"
+                >
                   <ul class="pl-8 pr-4 lg:hidden">
                     <li
                       v-for="list in item.description"

diff --git a/nuxt-frontend/components/android-app-development/LandingSection.vue b/nuxt-frontend/components/android-app-development/LandingSection.vue
@@ -21,7 +21,9 @@
         Android app <br />
         development company
       </h1>
-      <p class="mt-4 md:mt-6 sub-h1-regular lg:mobile-header-2-regular text-white/[0.80]">
+      <p
+        class="mt-4 md:mt-6 sub-h1-regular lg:mobile-header-2-regular text-white/[0.80]"
+      >
         We create bespoke Android applications known for their supreme
         performance, unwavering security, and utmost reliability. With an
         unshakable commitment, our team curates unique, captivating apps to

diff --git a/nuxt-frontend/components/android-app-development/PinkCtaSection.vue b/nuxt-frontend/components/android-app-development/PinkCtaSection.vue
@@ -18,7 +18,9 @@
               <div class="sm:w-[90%]">{{ reason }}</div>
             </li>
           </ul>
-          <div class="text-white/[0.8] pb-8 pt-4 sub-h3-regular lg:mobile-header-3-regular xl:w-[85%]">
+          <div
+            class="text-white/[0.8] pb-8 pt-4 sub-h3-regular lg:mobile-header-3-regular xl:w-[85%]"
+          >
             Bring us your toughest challenge and we'll show you the path to a
             sleek solution.
           </div>

diff --git a/nuxt-frontend/components/android-app-development/SuccessStorySection.vue b/nuxt-frontend/components/android-app-development/SuccessStorySection.vue
@@ -1,7 +1,9 @@
 <template>
   <section>
     <div class="div relative mt-16 md:mt-40 xl:mt-60">
-      <h2 class="sm:pb-10 text-center mobile-header-2 lg:desk-header-2 text-black-core/[0.87]">
+      <h2
+        class="sm:pb-10 text-center mobile-header-2 lg:desk-header-2 text-black-core/[0.87]"
+      >
         Success stories
       </h2>
       <!-- ---------------------MOBILE UI START------------------ -->

diff --git a/nuxt-frontend/components/backend-development/CaseStudySection.vue b/nuxt-frontend/components/backend-development/CaseStudySection.vue
@@ -2,8 +2,12 @@
   <section class="mt-16 mb-16 lg:mt-60 lg:mb-0 3xl:outer-container">
     <div class="container">
       <div class="flex flex-col gap-4 lg:gap-6 text-center">
-        <h2 class="mobile-header-2 lg:desk-header-2 text-black-core/[0.87]">Case studies</h2>
-        <p class="sub-h1-regular lg:mobile-header-2-regular px-4 text-black-core/[0.6]">
+        <h2 class="mobile-header-2 lg:desk-header-2 text-black-core/[0.87]">
+          Case studies
+        </h2>
+        <p
+          class="sub-h1-regular lg:mobile-header-2-regular px-4 text-black-core/[0.6]"
+        >
           Explore our case studies to witness how we've transformed
           <br class="hidden lg:flex" />our client's ideas into successful apps.
         </p>

diff --git a/nuxt-frontend/components/backend-development/LandingSection.vue b/nuxt-frontend/components/backend-development/LandingSection.vue
@@ -4,10 +4,14 @@
       class="container flex flex-col lg:flex-row pt-6 lg:py-[7.5rem] gap-4 text-center lg:text-left"
     >
       <div class="flex flex-col gap-4 lg:gap-6 lg:flex-1">
-        <h1 class="mobile-header-1 lg:desk-header-1  text-black-core/[0.87] lg:w-1/2">
+        <h1
+          class="mobile-header-1 lg:desk-header-1 text-black-core/[0.87] lg:w-1/2"
+        >
           Backend development company
         </h1>
-        <p class="sub-h1-regular lg:mobile-header-2-regular xs:px-4 lg:!px-0 text-black-core/[0.6]">
+        <p
+          class="sub-h1-regular lg:mobile-header-2-regular xs:px-4 lg:!px-0 text-black-core/[0.6]"
+        >
           Our backend development team isn’t just about writing code; it's about
           crafting powerful, efficient, scalable, and secure foundations that
           drive innovative applications. We shape, optimize, and elevate digital

diff --git a/nuxt-frontend/components/contact/NewContactForm.vue b/nuxt-frontend/components/contact/NewContactForm.vue
@@ -10,7 +10,7 @@
               <input
                 type="text"
                 id="username"
-                class="block peer mx-0 w-full pb-1 rounded-none border-b border-black/[0.08] bg-transparent px-0 transition ease-in-out appearance-none sub-h3-medium lg:mobile-header-3-medium  text-black-core/[0.87] focus:outline-none active:outline-none"
+                class="block peer mx-0 w-full pb-1 rounded-none border-b border-black/[0.08] bg-transparent px-0 transition ease-in-out appearance-none sub-h3-medium lg:mobile-header-3-medium text-black-core/[0.87] focus:outline-none active:outline-none"
                 name="username"
                 required
                 autocomplete="given-username"
@@ -173,7 +173,9 @@
                 >This field is required</span
               >
             </div>
-            <div class="mt-8 sub-h4-regular lg:sub-h3-regular text-black-core/[0.87]">
+            <div
+              class="mt-8 sub-h4-regular lg:sub-h3-regular text-black-core/[0.87]"
+            >
               We sign NDA for all of our projects.
             </div>
           </div>
@@ -315,7 +317,7 @@ export default {
                   });
                   localStorage.setItem(
                     "client-name",
-                    JSON.stringify(formData.name),
+                    JSON.stringify(formData.name)
                   );
                   this.resetForm();
                 })

diff --git a/nuxt-frontend/components/contact/NewContactLanding.vue b/nuxt-frontend/components/contact/NewContactLanding.vue
@@ -1,17 +1,23 @@
 <template>
   <div>
     <div class="flex items-center lg:pt-0">
-      <h1 class="mobile-header-2 lg:desk-header-2 primary-color pr-2">Hey Smarty</h1>
+      <h1 class="mobile-header-2 lg:desk-header-2 primary-color pr-2">
+        Hey Smarty
+      </h1>
       <img
         :src="HandWing"
         alt="HandWing"
         class="w-[32px] md:w-[49.38px] h-[32px] md:h-[50.29px]"
       />
     </div>
 
-    <div class="my-6 sub-h1-regular  lg:mobile-header-2-regular  text-black-core/[0.87]">
+    <div
+      class="my-6 sub-h1-regular lg:mobile-header-2-regular text-black-core/[0.87]"
+    >
       Thanks for reaching out to us. This form requires
-      <span class=" sub-h1-semibold lg:mobile-header-2-semibold primary-color">less than 60 seconds</span>
+      <span class="sub-h1-semibold lg:mobile-header-2-semibold primary-color"
+        >less than 60 seconds</span
+      >
       to fill up.
     </div>
     <div class="sub-h3-semibold lg:sub-h2-medium text-black-core/[0.60]">
@@ -27,7 +33,9 @@
           <span
             class="mt-2 md:mt-3 mr-[15px] w-2 md:w-[8.81px] h-2 md:h-[9px] rounded-full bg-[#F2709C]"
           ></span>
-          <div class="w-11/12 lg:w-[90%] sub-h3-regular lg:mobile-header-3-regular text-black-core/[0.87]">
+          <div
+            class="w-11/12 lg:w-[90%] sub-h3-regular lg:mobile-header-3-regular text-black-core/[0.87]"
+          >
             <span v-html="reason.title"></span>
           </div>
         </li>

diff --git a/nuxt-frontend/components/flutter-app-development/CaseStudySection.vue b/nuxt-frontend/components/flutter-app-development/CaseStudySection.vue
@@ -3,8 +3,12 @@
     <div
       class="container flex flex-col gap-4 lg:gap-6 pb-6 lg:pb-[4.5rem] lg:w-[51.625rem]"
     >
-      <h2 class="mobile-header-2 lg:desk-header-2 text-black-core/[0.87]">Case studies</h2>
-      <span class="sub-h1-regular lg:mobile-header-2-regular lg: text-black-core/[0.6]">
+      <h2 class="mobile-header-2 lg:desk-header-2 text-black-core/[0.87]">
+        Case studies
+      </h2>
+      <span
+        class="sub-h1-regular lg:mobile-header-2-regular lg: text-black-core/[0.6]"
+      >
         Explore our case studies to witness how we've transformed our client's
         ideas into successful Flutter apps.
       </span>
@@ -57,7 +61,9 @@
                 class="absolute flex flex-col gap-6 w-[27.25rem] top-1/2 left-14 -translate-y-1/2"
               >
                 <h3 class="desk-header-3">{{ portfolio.title }}</h3>
-                <span class="mobile-header-2-regular">{{ portfolio.description }}</span>
+                <span class="mobile-header-2-regular">{{
+                  portfolio.description
+                }}</span>
               </div>
             </div>
           </div>

diff --git a/nuxt-frontend/components/flutter-app-development/CtaSection.vue b/nuxt-frontend/components/flutter-app-development/CtaSection.vue
@@ -31,7 +31,9 @@
             class="flex flex-col gap-4 lg:gap-6 lg:text-left lg:flex-1 my-auto"
           >
             <div class="text-black-core/[0.87]">
-              <p class="mobile-header-1 lg:desk-header-1">Let's code your success story together!</p>
+              <p class="mobile-header-1 lg:desk-header-1">
+                Let's code your success story together!
+              </p>
             </div>
             <div class="text-black-core/[0.6]">
               <span class="sub-h1-regular lg:mobile-header-2-regular">

diff --git a/nuxt-frontend/components/flutter-app-development/CtaSection2.vue b/nuxt-frontend/components/flutter-app-development/CtaSection2.vue
@@ -12,15 +12,18 @@
           Crafting tomorrow's technology starts with one click.
           <span class="border-text"> Will you take the leap? </span>
         </p>
-        <span class="text-black-core/[0.6] sub-h1-regular lg:mobile-header-2-regular"
+        <span
+          class="text-black-core/[0.6] sub-h1-regular lg:mobile-header-2-regular"
           >Discover how we can elevate your project.</span
         >
         <nuxt-link
           class="gradient-btn primary-btn hidden lg:flex mx-0"
           to="/contact"
           @click.native="$mixpanel.track('tap_flutter_development_cta')"
         >
-          <span class="sub-h3-semibold lg:mobile-header-3-semibold border-none">Drop Us a Line </span>
+          <span class="sub-h3-semibold lg:mobile-header-3-semibold border-none"
+            >Drop Us a Line
+          </span>
           <Icon name="fa6-solid:arrow-right" class="fa ml-3" />
         </nuxt-link>
       </div>
@@ -37,7 +40,9 @@
           to="/contact"
           @click.native="$mixpanel.track('tap_flutter_development_cta')"
         >
-          <span class="sub-h3-semibold lg:mobile-header-3-semibold border-none">Drop Us a Line </span>
+          <span class="sub-h3-semibold lg:mobile-header-3-semibold border-none"
+            >Drop Us a Line
+          </span>
           <Icon name="fa6-solid:arrow-right" class="fa ml-3" />
         </nuxt-link>
       </div>

diff --git a/nuxt-frontend/components/flutter-app-development/DevelopmentSection.vue b/nuxt-frontend/components/flutter-app-development/DevelopmentSection.vue
@@ -3,7 +3,9 @@
     class="py-14 lg:py-[7.5rem] bg-[#121212] text-white text-center 3xl:outer-container"
   >
     <div class="container flex flex-col gap-4 lg:gap-6 lg:pb-[4.5rem]">
-      <span class="mobile-header-2 lg:desk-header-2"> Flutter app development services </span>
+      <span class="mobile-header-2 lg:desk-header-2">
+        Flutter app development services
+      </span>
       <span class="sub-h1-regular lg:mobile-header-2-regular text-white/[0.8]">
         We leverage Flutter's rich, customizable widgets and fast development
         capabilities to create beautiful and user-friendly apps that save you

diff --git a/nuxt-frontend/components/flutter-app-development/FaqSection.vue b/nuxt-frontend/components/flutter-app-development/FaqSection.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="bg-[#121212] text-white">
     <div class="container pt-14 pb-20 lg:pt-[7.5rem] lg:pb-14">
-      <p class="text-center mobile-header-2 lg:desk-header-2 mb-6 lg:mb-[4.5rem]">
+      <p
+        class="text-center mobile-header-2 lg:desk-header-2 mb-6 lg:mb-[4.5rem]"
+      >
         FAQs on Flutter app development
       </p>
       <transition-group tag="div" :name="'faq-' + faqTransitionName">
@@ -31,7 +33,9 @@
                     "
                   />
                 </div>
-                <div class="sub-h1-semibold lg:mobile-header-2-semibold  w-[90%]">
+                <div
+                  class="sub-h1-semibold lg:mobile-header-2-semibold w-[90%]"
+                >
                   {{ faq.question }}
                 </div>
               </div>
@@ -85,7 +89,9 @@
                       "
                     />
                   </div>
-                  <div class="sub-h1-semibold lg:mobile-header-2-semibold w-[90%]">
+                  <div
+                    class="sub-h1-semibold lg:mobile-header-2-semibold w-[90%]"
+                  >
                     {{ faq.question }}
                   </div>
                 </div>
@@ -146,9 +152,7 @@
         @click="slide(1)"
         @click.native="$mixpanel.track('tap_flutter_app_faq_next_arrow')"
       >
-        <span class="sub-h1-semibold"
-          >View More Questions</span
-        >
+        <span class="sub-h1-semibold">View More Questions</span>
         <Icon
           class="ml-2 h-5 w-5"
           name="fa6-solid:arrow-right"