Refine text and button

canopas · Oct 10, 2023 · 5f9ebc6 · 5f9ebc6
1 parent b6f2a07
commit 5f9ebc6
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/vue-frontend/src/components/ios-app-development/LandingSection.vue b/vue-frontend/src/components/ios-app-development/LandingSection.vue
@@ -1,16 +1,18 @@
 <template>
   <div
-    class="tw-bg-gradient-to-t tw-from-[#F77D8D]/[31.07%] md:tw-from-[#F77D8D]/[27.59%] tw-to-[#FFFFFF] tw-pb-12"
+    class="tw-bg-gradient-to-t tw-from-[#F77D8D]/[31.07%] md:tw-from-[#F77D8D]/[27.59%] tw-to-[#FFFFFF] tw-pb-10"
   >
-    <div class="tw-container tw-p-4 tw-text-left md:tw-flex xl:tw-my-8">
+    <div
+      class="tw-container tw-px-4 tw-pb-4 tw-text-left md:tw-flex xl:tw-my-8"
+    >
       <div class="md:tw-flex-1 lg:tw-mt-16">
         <h1
-          class="md:!tw--tracking-[2.4px] tw-pr-2 tw-mb-2 lg:tw-w-2/4 sm:tw-mb-0 tw-font-inter-semibold md:tw-font-inter-bold md:tw-text-[2.75rem] xl:tw-text-[3.75rem] tw-text-[2rem] md:tw-leading-[3.625rem] xl:tw-leading-[5.625rem] tw-leading-[2.6rem] tw-text-black-core/[0.87] md:tw-font-inter-bold"
+          class="tw--tracking-[1.28px] tw-mb-4 md:!tw--tracking-[2.4px] tw-pr-2 tw-mb-2 lg:tw-w-2/4 sm:tw-mb-0 tw-font-opensans-bold md:tw-font-inter-bold md:tw-text-[2.75rem] xl:tw-text-[3.75rem] tw-text-[2rem] md:tw-leading-[3.625rem] xl:tw-leading-[5.625rem] tw-leading-[2.6rem] tw-text-black-core/[0.87] md:tw-font-inter-bold"
         >
           iOS App Development Company
         </h1>
         <p
-          class="tw-font-inter-medium md:tw-font-inter-regular tw-pt-2 xl:tw-text-[1.25rem] tw-text tw-text-[1rem] xl:tw-leading-[1.875rem] 2xl:tw-w-4/5 tw-leading-normal tw-text-black-core/[0.87]"
+          class="tw-font-inter-regular md:tw-font-inter-regular xl:tw-text-[1.25rem] tw-text-lg tw-leading-[1.6875rem] xl:tw-leading-[1.875rem] 2xl:tw-w-4/5 tw-text-black-core/[0.60]"
         >
           We craft tailor-made iOS apps that redefine user experience and put
           you ahead of the game. Our team work with passion and precision to
@@ -30,12 +32,12 @@
         </router-link>
       </div>
       <div
-        class="tw-flex tw-flex-col md:tw-flex-row tw-items-center tw-justify-center md:tw-flex-1"
+        class="tw-flex tw-flex-col md:tw-flex-row tw-items-center tw-justify-center md:tw-flex-1 tw-mt-6"
       >
         <img
           :src="landing400"
           :srcset="`${landing400} 400w,${landing800} 800w`"
-          class="tw-mt-7 tw-overflow-visible md:tw-mt-0 tw-h-[21.49113rem] xs:tw-h-[24.49113rem] md:tw-hidden tw-w-[23.77063rem] tw-object-cover"
+          class="tw-overflow-visible md:tw-mt-0 tw-h-[21.49113rem] xs:tw-h-[24.49113rem] md:tw-hidden tw-w-[23.77063rem] tw-object-cover"
           alt="ios-landing"
         />
         <img
@@ -57,7 +59,7 @@
           class="tw--mt-[2.7rem] tw-mr-28 xs:tw--mt-14 xs:tw-mr-40 md:tw-hidden"
         >
           <router-link
-            class="gradient-btn consultation-btn tw-w-max tw-items-left tw-rounded-full"
+            class="gradient-btn consultation-btn tw-w-max tw-items-left tw-rounded-xl"
             to="/contact"
             @click.native="mixpanel.track('tap_ios_development_cta')"
           >