Mixpanel changes

canopas · Oct 3, 2023 · 92f8c49 · 92f8c49
1 parent f89d748
commit 92f8c49
Show file tree

Hide file tree

Showing 48 changed files with 84 additions and 74 deletions.
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -54,7 +54,7 @@ jobs:
 
       - name: Build frontend
         run: |
-          cd vue-frontend
+          cd nuxt-frontend
           yarn install --frozen-lockfile
           npx prettier -c .
           npx eslint .

diff --git a/nuxt-frontend/assets/css/global.css b/nuxt-frontend/assets/css/global.css
@@ -103,7 +103,7 @@
   }
 
   .gradient-btn {
-    @apply tw-rounded-[0.6rem] tw-border tw-border-solid tw-border-transparent tw-from-[#ff835b] tw-to-[#f2709c] tw-p-4 tw-text-center tw-text-white tw-bg-gradient-[270.11deg] hover:tw-bg-gradient-to-r hover:tw-from-[#ff9472] hover:tw-via-[#ff909c] hover:tw-to-[#f2709c] hover:tw-shadow-[inset_2px_1000px_1px_#fff] active:tw-scale-[0.98] lg:tw-px-4 lg:tw-py-4;
+    @apply tw-mb-0 tw-ml-auto tw-mr-auto tw-mt-5 tw-rounded-[0.6rem] tw-border tw-border-solid tw-border-transparent tw-from-[#ff835b] tw-to-[#f2709c] tw-p-4 tw-text-center tw-text-white tw-bg-gradient-[270.11deg] hover:tw-bg-gradient-to-r hover:tw-from-[#ff9472] hover:tw-via-[#ff909c] hover:tw-to-[#f2709c] hover:tw-shadow-[inset_2px_1000px_1px_#fff] active:tw-scale-[0.98] lg:tw-mb-0 lg:tw-ml-2 lg:tw-mr-2 lg:tw-mt-5 lg:tw-px-4 lg:tw-py-4;
   }
 
   .gradient-btn > span {

diff --git a/nuxt-frontend/components/about/CTASection.vue b/nuxt-frontend/components/about/CTASection.vue
@@ -32,7 +32,7 @@
           <nuxt-link
             class="tw-flex tw-items-center tw-w-max tw-m-0 tw-rounded-full tw-p-3 tw-text-center gradient-btn consultation-btn"
             to="/contact"
-            @click.native="mixpanel.track('tap_about_cta_contact')"
+            @click.native="$mixpanel.track('tap_about_cta_contact')"
           >
             <span
               class="tw-mr-2.5 tw-font-normal tw-text-[1rem] tw-leading-[1.1875rem] md:tw-text-[1.09375rem] md:tw-leading-[1.3125rem] lg:tw-text-[1.1875rem] lg:tw-leading-[1.4375rem] tw-font-inter-medium"

diff --git a/nuxt-frontend/components/about/LandingSection.vue b/nuxt-frontend/components/about/LandingSection.vue
@@ -27,7 +27,7 @@
           <nuxt-link
             class="tw-relative tw-bg-gradient-[1deg] v2-canopas-gradient-text gradient-underline tw-no-underline after:tw-absolute after:tw-bottom-0 after:tw-left-0 after:tw-w-full after:tw-h-[2px] after:tw-bg-gradient-to-l after:tw-to-pink-300 after:tw-from-orange-300"
             to="/contact"
-            @click.native="mixpanel.track('tap_about_landing_contact')"
+            @click.native="$mixpanel.track('tap_about_landing_contact')"
           >
             Let's do it again</nuxt-link
           >

diff --git a/nuxt-frontend/components/android-app-development/BlackCtaSection.vue b/nuxt-frontend/components/android-app-development/BlackCtaSection.vue
@@ -29,7 +29,7 @@
         <nuxt-link
           class="gradient-btn consultation-btn tw-m-0 tw-mx-auto tw-flex tw-w-max tw-items-center tw-rounded-full tw-p-3 tw-px-7 tw-text-center"
           to="/contact"
-          @click.native="mixpanel.track('tap_android_development_cta')"
+          @click.native="$mixpanel.track('tap_android_development_cta')"
         >
           <span
             class="tw-mr-2.5 tw-font-inter-medium tw-text-[1rem] tw-font-normal tw-leading-[1.1875rem] md:tw-block md:tw-text-[1.09375rem] md:tw-leading-[1.3125rem] lg:tw-text-[1.1875rem] lg:tw-leading-[1.4375rem]"

diff --git a/nuxt-frontend/components/android-app-development/BlogSection.vue b/nuxt-frontend/components/android-app-development/BlogSection.vue
@@ -41,7 +41,7 @@
                   {{ blog.publishDate }}
                 </p>
                 <a
-                  @click.native="mixpanel.track('tap_android__app_blog_title')"
+                  @click.native="$mixpanel.track('tap_android__app_blog_title')"
                   :href="blog.link"
                   target="_blank"
                 >

diff --git a/nuxt-frontend/components/android-app-development/CaseStudySection.vue b/nuxt-frontend/components/android-app-development/CaseStudySection.vue
@@ -24,7 +24,7 @@
         <a
           class="tw-cursor-pointer"
           :href="item.url"
-          @click.native="mixpanel.track('tap_android_app_portfolio')"
+          @click.native="$mixpanel.track('tap_android_app_portfolio')"
           :target="item.target"
         >
           <img
@@ -79,7 +79,7 @@
             <nuxt-link
               class="white-btn gradient-border-btn tw-flex tw-h-[2.8125rem] tw-w-max tw-items-center tw-rounded-full tw-border-none"
               to="/contact"
-              @click.native="mixpanel.track('tap_android_development_cta4')"
+              @click.native="$mixpanel.track('tap_android_development_cta4')"
             >
               <span
                 class="tw-font-inter-semibold tw-text-[1rem] tw-font-normal tw-leading-[1.21rem] !tw-tracking-[0] md:tw-text-[1.09375rem] md:tw-text-[1.1875rem] md:tw-leading-[1.3125rem] md:tw-leading-[1.4375rem] lg:tw-text-[1.1875rem] lg:tw-leading-[1.4375rem]"
@@ -124,7 +124,7 @@
               <a
                 class="tw-cursor-pointer"
                 :href="item.url"
-                @click.native="mixpanel.track('tap_android_app_portfolio')"
+                @click.native="$mixpanel.track('tap_android_app_portfolio')"
                 :target="item.target"
               >
                 <h2
@@ -191,7 +191,7 @@
               <a
                 class="tw-cursor-pointer"
                 :href="item.url"
-                @click.native="mixpanel.track('tap_android_app_portfolio')"
+                @click.native="$mixpanel.track('tap_android_app_portfolio')"
                 :target="item.target"
               >
                 <img

diff --git a/nuxt-frontend/components/android-app-development/CtaSection.vue b/nuxt-frontend/components/android-app-development/CtaSection.vue
@@ -22,7 +22,7 @@
         <nuxt-link
           class="gradient-btn consultation-btn tw-m-0 tw-mx-auto tw-flex tw-w-max tw-items-center tw-rounded-full tw-p-3 tw-text-center"
           to="/contact"
-          @click.native="mixpanel.track('tap_android_development_cta')"
+          @click.native="$mixpanel.track('tap_android_development_cta')"
         >
           <span
             class="tw-mr-2.5 tw-font-inter-medium tw-text-[1rem] tw-font-normal tw-leading-[1.1875rem] !tw-tracking-[0] md:tw-block md:tw-text-[1.09375rem] md:tw-text-[1.1875rem] md:tw-leading-[1.3125rem] md:tw-leading-[1.436875rem] lg:tw-text-[1.1875rem] lg:tw-leading-[1.4375rem]"

diff --git a/nuxt-frontend/components/android-app-development/FaqSection.vue b/nuxt-frontend/components/android-app-development/FaqSection.vue
@@ -99,7 +99,7 @@
         :disabled="!isActivePrev"
         class="clients-indicators tw-mx-1 tw-my-0 tw-cursor-pointer tw-drop-shadow-md sm:tw-mx-2"
         @click="slide(-1)"
-        @click.native="mixpanel.track('tap_android_app_faq_previous_arrow')"
+        @click.native="$mixpanel.track('tap_android_app_faq_previous_arrow')"
         aria-label="leftArrow"
       >
         <Icon
@@ -115,7 +115,7 @@
         :disabled="!isActiveNext"
         class="clients-indicators tw-mx-1 tw-my-0 tw-cursor-pointer tw-drop-shadow-md tw-drop-shadow-md sm:tw-mx-2"
         @click="slide(1)"
-        @click.native="mixpanel.track('tap_android_app_faq_next_arrow')"
+        @click.native="$mixpanel.track('tap_android_app_faq_next_arrow')"
         aria-label="rightArrow"
       >
         <Icon

diff --git a/nuxt-frontend/components/android-app-development/LandingSection.vue b/nuxt-frontend/components/android-app-development/LandingSection.vue
@@ -38,7 +38,7 @@
         <nuxt-link
           class="white-btn gradient-border-btn tw-flex tw-h-[3.3rem] tw-w-max tw-items-center tw-rounded-full tw-border-none"
           to="/contact"
-          @click.native="mixpanel.track('tap_android_development_cta')"
+          @click.native="$mixpanel.track('tap_android_development_cta')"
         >
           <span
             class="tw-font-inter-semibold tw-text-[1rem] tw-font-normal tw-leading-[1.21rem] !tw-tracking-[0] md:tw-text-[1.1875rem] md:tw-leading-[1.4375rem] lg:tw-text-[1.1875rem] lg:tw-leading-[1.4375rem]"

diff --git a/nuxt-frontend/components/android-app-development/PinkCtaSection.vue b/nuxt-frontend/components/android-app-development/PinkCtaSection.vue
@@ -38,7 +38,7 @@
         <nuxt-link
           class="cta-button tw-mx-auto tw-flex tw-w-max tw-items-center tw-rounded-full tw-border tw-border-solid tw-border-white tw-bg-white tw-p-3 tw-px-[1.875rem] tw-text-center tw-font-inter-medium tw-font-inter-medium tw-text-[1rem] tw-font-normal tw-leading-[1.1875rem] !tw-tracking-[0] hover:tw-bg-transparent hover:tw-text-white active:tw-scale-[0.98] md:tw-text-[1.09375rem] md:tw-leading-[1.3125rem] lg:tw-mx-0 lg:tw-text-[1.1875rem] lg:tw-leading-[1.436875rem]"
           to="/contact"
-          @click.native="mixpanel.track('tap_android_development_cta')"
+          @click.native="$mixpanel.track('tap_android_development_cta')"
         >
           <span
             class="tw-from-[#ff9472] tw-to-[#f2709c] tw-bg-clip-text tw-font-inter-medium tw-text-transparent tw-bg-gradient-[270.11deg]"

diff --git a/nuxt-frontend/components/contact/NewContactForm.vue b/nuxt-frontend/components/contact/NewContactForm.vue
@@ -20,7 +20,7 @@
                   showNameValidationError =
                     $event.target.value.trim().length === 0
                 "
-                @click.native="mixpanel.track('tap_contact_name_input')"
+                @click.native="$mixpanel.track('tap_contact_name_input')"
               />
               <label
                 for="username"
@@ -46,7 +46,7 @@
                     $event.target.value.trim().length === 0
                 "
                 @blur="showValidEmailError = isValidEmail()"
-                @click.native="mixpanel.track('tap_contact_email_input')"
+                @click.native="$mixpanel.track('tap_contact_email_input')"
               />
               <label
                 for="email"
@@ -80,7 +80,7 @@
                   showProjectInfoValidationError =
                     $event.target.value.trim().length === 0
                 "
-                @click.native="mixpanel.track('tap_contact_project_info_input')"
+                @click.native="$mixpanel.track('tap_contact_project_info_input')"
               ></textarea>
               <label
                 for="project"
@@ -109,7 +109,7 @@
                   showReferenceValidationError =
                     $event.target.value.trim().length === 0
                 "
-                @click.native="mixpanel.track('tap_contact_reference_input')"
+                @click.native="$mixpanel.track('tap_contact_reference_input')"
               />
               <label
                 for="reference"

diff --git a/nuxt-frontend/components/contact/thank-you/HappyClient.vue b/nuxt-frontend/components/contact/thank-you/HappyClient.vue
@@ -54,7 +54,7 @@
                   <a
                     :href="clutchLink"
                     target="_blank"
-                    @click.native="mixpanel.track('tap_clutch_ratings')"
+                    @click.native="$mixpanel.track('tap_clutch_ratings')"
                   >
                     <div
                       class="tw-flex tw-flex-row tw--mt-[0.15rem] sm:tw--mt-3 md:tw--mt-2 lg:tw-mt-[0.1rem] tw-w-[132px] sm:tw-w-fit"

diff --git a/nuxt-frontend/components/contributions/DesignExplore.vue b/nuxt-frontend/components/contributions/DesignExplore.vue
@@ -36,7 +36,7 @@
             >
               <div class="image-container sm:tw-px-5">
                 <img
-                  @click.native="mixpanel.track('tap_explore_design')"
+                  @click.native="$mixpanel.track('tap_explore_design')"
                   :src="item.images[0]"
                   :srcset="`${item.images[0]} 400w, ${item.images[1]} 800w`"
                   alt="explore_uiux_design"

diff --git a/nuxt-frontend/components/contributions/WhatsTrending.vue b/nuxt-frontend/components/contributions/WhatsTrending.vue
@@ -37,7 +37,7 @@
               >
                 <div class="">
                   <img
-                    @click.native="mixpanel.track('tap_whats_trending_blog')"
+                    @click.native="$mixpanel.track('tap_whats_trending_blog')"
                     :src="post.images[0]"
                     :srcset="`${post.images[0]} 400w, ${post.images[1]} 600w`"
                     alt="trending"
@@ -108,7 +108,7 @@
                 class="tw-border tw-border-solid tw-border-transparent"
               >
                 <img
-                  @click.native="mixpanel.track('tap_whats_trending_blog')"
+                  @click.native="$mixpanel.track('tap_whats_trending_blog')"
                   :src="post.images[0]"
                   :srcset="`${post.images[0]} 400w, ${post.images[1]} 600w`"
                   alt="trending"
@@ -158,7 +158,7 @@
                 class="tw-border tw-border-solid tw-border-transparent"
               >
                 <img
-                  @click.native="mixpanel.track('tap_whats_trending_blog')"
+                  @click.native="$mixpanel.track('tap_whats_trending_blog')"
                   :src="post.images[0]"
                   :srcset="`${post.images[0]} 400w, ${post.images[1]} 600w`"
                   alt="trending"

diff --git a/nuxt-frontend/pages/[...404].vue → nuxt-frontend/components/error404/index.vue b/nuxt-frontend/pages/[...404].vue → nuxt-frontend/components/error404/index.vue
diff --git a/nuxt-frontend/components/home-new/BlogSection.vue b/nuxt-frontend/components/home-new/BlogSection.vue
@@ -51,7 +51,7 @@
           @mouseover="activeIndex = index"
           @mouseleave="activeIndex = index"
           @touchstart.passive="activeIndex = index"
-          @click.native="mixpanel.track('tap_blog_post')"
+          @click.native="$mixpanel.track('tap_blog_post')"
           class="tw-w-full"
         >
           <div class="tw-flex tw-flex-col 2xl:tw-pr-16">

diff --git a/nuxt-frontend/components/home-new/CTASection.vue b/nuxt-frontend/components/home-new/CTASection.vue
@@ -27,7 +27,7 @@
           <nuxt-link
             class="tw-flex tw-w-max tw-items-center tw-rounded-full tw-py-3 tw-px-3 gradient-btn consultation-btn"
             to="/contact"
-            @click.native="mixpanel.track('tap_home_touch_cta')"
+            @click.native="$mixpanel.track('tap_home_touch_cta')"
           >
             <span
               class="tw-mr-2.5 tw-font-normal tw-text-[1rem] tw-leading-[1.1875rem] md:tw-text-[1.09375rem] md:tw-leading-[1.3125rem] lg:tw-text-[1.1875rem] lg:tw-leading-[1.4375rem] tw-font-inter-medium !tw-tracking-[0]"

diff --git a/nuxt-frontend/components/home-new/CaseStudy.vue b/nuxt-frontend/components/home-new/CaseStudy.vue
@@ -33,7 +33,7 @@
           index == navbars.length - 1 ? '' : 'sm:tw-mr-2.5',
         ]"
         :href="navbar.url"
-        @click.native="mixpanel.track(navbar.event)"
+        @click.native="$mixpanel.track(navbar.event)"
         :target="navbar.target ? '_blank' : '_self'"
       >
         {{ navbar.name }}

diff --git a/nuxt-frontend/components/home-new/ClientReviewSection.vue b/nuxt-frontend/components/home-new/ClientReviewSection.vue
@@ -52,7 +52,7 @@
               <a
                 :href="clutchLink"
                 target="_blank"
-                @click.native="mixpanel.track('tap_clutch_ratings')"
+                @click.native="$mixpanel.track('tap_clutch_ratings')"
               >
                 <div
                   class="tw-flex tw-flex-row sm:tw-justify-end tw-w-[132px] sm:tw-w-fit"

diff --git a/nuxt-frontend/components/home-new/ContributionSection.vue b/nuxt-frontend/components/home-new/ContributionSection.vue
@@ -20,7 +20,7 @@
             class="tw-relative tw-bg-gradient-[1deg] tw-pb-[5px] v2-canopas-gradient-text tw-font-inter-medium gradient-underline tw-no-underline tw-cursor-pointer after:tw-absolute after:tw-bottom-0 after:tw-left-0 after:tw-w-full after:tw-h-0.5 after:tw-bg-gradient-to-l after:tw-to-pink-300 after:tw-from-orange-300"
             :href="websiteOpenSourceUrl"
             target="_blank"
-            @click.native="mixpanel.track('tap_canopas_website_github')"
+            @click.native="$mixpanel.track('tap_canopas_website_github')"
             >canopas is open source!</a
           >
         </div>
@@ -82,7 +82,7 @@
                     class="tw-flex tw-items-center tw-font-inter-bold tw-text-[1.25rem] tw-leading-[2.5625rem] tw-duration-300 tw-ease-in-out hover:tw-scale-[1.1]"
                     :href="contribution.link"
                     target="_blank"
-                    @click.native="mixpanel.track('tap_library')"
+                    @click.native="$mixpanel.track('tap_library')"
                   >
                     <Icon
                       class="tw-mr-2.5 tw-w-[1.75rem] tw-h-[1.75rem] tw-text-pink-300"
@@ -116,7 +116,7 @@
                 :href="contribution.link"
                 :aria-label="contribution.title"
                 target="_blank"
-                @click.native="mixpanel.track('tap_library')"
+                @click.native="$mixpanel.track('tap_library')"
               >
                 <Icon
                   class="arrow fa tw-w-4 tw-h-4"

diff --git a/nuxt-frontend/components/home-new/ContributionSectionMobile.vue b/nuxt-frontend/components/home-new/ContributionSectionMobile.vue
@@ -16,7 +16,7 @@
             class="tw-relative tw-bg-gradient-[1deg] tw-pb-[5px] v2-canopas-gradient-text tw-font-inter-medium gradient-underline tw-no-underline after:tw-absolute after:tw-bottom-0 after:tw-left-0 after:tw-w-full after:tw-h-0.5 after:tw-bg-gradient-to-l after:tw-to-pink-300 after:tw-from-orange-300"
             :href="websiteOpenSourceUrl"
             target="_blank"
-            @click.native="mixpanel.track('tap_canopas_website_github')"
+            @click.native="$mixpanel.track('tap_canopas_website_github')"
             >canopas is open source!</a
           ></span
         >
@@ -65,7 +65,7 @@
                     class="tw-flex tw-items-center tw-font-inter-bold tw-text-[0.75rem] md:tw-text-[1.25rem] tw-leading-[2.5625rem] tw-duration-300 tw-ease-in-out hover:tw-scale-[1.1]"
                     :href="contribution.link"
                     target="_blank"
-                    @click.native="mixpanel.track('tap_library')"
+                    @click.native="$mixpanel.track('tap_library')"
                   >
                     <Icon
                       class="tw-mr-1 md:tw-mr-2.5 tw-w-4 md:tw-w-[1.75rem] tw-h-4 md:tw-h-7 tw-text-pink-300"
@@ -99,7 +99,7 @@
                 :href="contribution.link"
                 :aria-label="contribution.title"
                 target="_blank"
-                @click.native="mixpanel.track('tap_library')"
+                @click.native="$mixpanel.track('tap_library')"
               >
                 <Icon
                   class="arrow fa tw-w-4 tw-h-4"

diff --git a/nuxt-frontend/components/home-new/LandingSection.vue b/nuxt-frontend/components/home-new/LandingSection.vue
@@ -59,7 +59,7 @@
             <nuxt-link
               class="tw-flex tw-items-center tw-w-max tw-m-0 tw-rounded-full tw-p-3 tw-text-center gradient-btn consultation-btn"
               to="/contact"
-              @click.native="mixpanel.track('tap_landing_cta')"
+              @click.native="$mixpanel.track('tap_landing_cta')"
             >
               <span
                 class="tw-mr-2.5 tw-font-normal tw-text-[1rem] tw-leading-[1.1875rem] md:tw-text-[1.09375rem] md:tw-leading-[1.3125rem] lg:tw-text-[1.1875rem] lg:tw-leading-[1.4375rem] tw-font-inter-medium !tw-tracking-[0]"

diff --git a/nuxt-frontend/components/home-new/PortfolioCTASection.vue b/nuxt-frontend/components/home-new/PortfolioCTASection.vue
@@ -39,7 +39,7 @@
           <nuxt-link
             class="tw-flex tw-items-center tw-mx-auto lg:tw-mx-0 tw-w-max tw-rounded-full tw-p-3 tw-text-center tw-font-normal tw-text-[1rem] tw-leading-[1.1875rem] md:tw-text-[1.09375rem] md:tw-leading-[1.3125rem] lg:tw-text-[1.1875rem] lg:tw-leading-[1.4375rem] tw-font-inter-medium !tw-tracking-[0] tw-border tw-border-solid tw-border-white tw-bg-white hover:tw-bg-transparent hover:tw-text-white active:tw-scale-[0.98] cta-button"
             to="/contact"
-            @click.native="mixpanel.track('tap_home_portfolio_cta')"
+            @click.native="$mixpanel.track('tap_home_portfolio_cta')"
           >
             <span
               class="tw-bg-gradient-[270.11deg] tw-bg-clip-text tw-text-transparent tw-from-[#ff9472] tw-to-[#f2709c] tw-font-inter-semibold"

diff --git a/nuxt-frontend/components/home-new/PortfolioPageCTASection.vue b/nuxt-frontend/components/home-new/PortfolioPageCTASection.vue
@@ -41,7 +41,7 @@
           <nuxt-link
             class="tw-flex tw-items-center tw-mx-auto lg:tw-mx-0 tw-w-max tw-rounded-full tw-p-3 tw-text-center tw-font-normal tw-text-[1rem] tw-leading-[1.1875rem] md:tw-text-[1.09375rem] md:tw-leading-[1.3125rem] xl:tw-text-[1.1875rem] xl:tw-leading-[1.4375rem] tw-font-inter-medium !tw-tracking-[0] gradient-btn hover:tw-text-white active:tw-scale-[0.98]"
             to="/contact"
-            @click.native="mixpanel.track('tap_portfolio_page_cta')"
+            @click.native="$mixpanel.track('tap_portfolio_page_cta')"
           >
             <span class="tw-text-white tw-font-inter-semibold"
               >Talk to our experts</span

diff --git a/nuxt-frontend/components/ios-app-development/CtaSection.vue b/nuxt-frontend/components/ios-app-development/CtaSection.vue
@@ -26,7 +26,7 @@
           <nuxt-link
             class="gradient-btn consultation-btn tw-m-0 tw-mx-auto tw-flex tw-text-[#FFF] tw-w-max tw-items-center tw-rounded-full tw-p-3 tw-px-7 tw-text-center"
             to="/contact"
-            @click.native="mixpanel.track('tap_ios_development_cta')"
+            @click.native="$mixpanel.track('tap_ios_development_cta')"
           >
             <span
               class="tw-mr-2.5 tw-font-inter-semibold tw-text-base tw-leading-[1.21rem] md:tw-block"
@@ -65,7 +65,7 @@
           <nuxt-link
             class="gradient-btn consultation-btn tw-m-0 tw-mx-auto tw-flex tw-text-[#FFF] tw-w-max tw-items-center tw-rounded-full tw-p-3 tw-px-7 tw-text-center"
             to="/contact"
-            @click.native="mixpanel.track('tap_ios_development_cta')"
+            @click.native="$mixpanel.track('tap_ios_development_cta')"
           >
             <span
               class="tw-mr-2.5 tw-font-inter-medium tw-text-base tw-leading-[1.21rem] lg:tw-text-[1.1875rem] lg:tw-leading-[1.436875rem]"

diff --git a/nuxt-frontend/components/ios-app-development/CtaSection2.vue b/nuxt-frontend/components/ios-app-development/CtaSection2.vue
@@ -31,7 +31,7 @@
         <nuxt-link
           class="gradient-btn consultation-btn tw-m-0 tw-mx-auto tw-flex tw-w-max tw-items-center tw-rounded-full tw-p-3 tw-px-7 tw-text-center"
           to="/contact"
-          @click.native="mixpanel.track('tap_ios_development_cta')"
+          @click.native="$mixpanel.track('tap_ios_development_cta')"
         >
           <span
             class="tw-mr-2.5 tw-font-inter-medium tw-text-base tw-leading-[1.21rem] md:tw-block md:tw-text-[1.09375rem] md:tw-leading-[1.3125rem] lg:tw-text-[1.1875rem] lg:tw-leading-[1.4375rem]"