Merge master

canopas · Oct 27, 2023 · 46d6ec3 · 46d6ec3
2 parents 1a5d9df + fdc5ed8
commit 46d6ec3
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 42 deletions.
diff --git a/nuxt-frontend/components/android-app-development/FaqSection.vue b/nuxt-frontend/components/android-app-development/FaqSection.vue
@@ -215,8 +215,6 @@ const TOTAL_FAQ_IN_SLIDE = 5;
 export default {
   data() {
     return {
-      faAngleUp,
-      faAngleDown,
       showAdditionalFAQs: false,
       faqImage: faqImage,
       faqs: [
@@ -337,7 +335,7 @@ performance testing to ensure your app runs smoothly under varying loads.",
       this.current = this.getRoundedIndex(dir);
     },
     getRoundedIndex(diff) {
-      var len = this.faqs.length / TOTAL_FAQ_IN_SLIDE;
+      let len = this.faqs.length / TOTAL_FAQ_IN_SLIDE;
       return (
         (this.current + (diff % Math.ceil(len)) + Math.ceil(len)) %
         Math.ceil(len)

diff --git a/nuxt-frontend/components/services/WhatWeOfferDesktop.vue b/nuxt-frontend/components/services/WhatWeOfferDesktop.vue
@@ -17,9 +17,9 @@
           >
             <div class="absolute top-[50%] translate-y-[-50%]">
               <div
-                class="py-5"
-                @click="showServices ? openUrl(service.url) : ''"
-                :class="showServices ? 'cursor-pointer' : ''"
+                class="tw-py-5"
+                @click="service.showServices ? openUrl(service.url) : ''"
+                :class="service.showServices ? 'tw-cursor-pointer' : ''"
               >
                 <span
                   class="font-inter-semibold text-[1.5rem] leading-9 md:text-[2.25rem] md:leading-[3.43rem] xl:text-[3.125rem] xl:leading-[4.6875rem]"
@@ -70,7 +70,6 @@ import config from "@/config.js";
 export default {
   data() {
     return {
-      showServices: !config.IS_PROD,
       services: [
         {
           path: [0, 0],
@@ -79,6 +78,7 @@ export default {
           description:
             "Take your business to new heights with an Android app! Tap into a global user base, boost customer engagement, communicate directly, and gather insightful data. Plus, enhance your visibility, add revenue streams, and provide top-notch customer service. 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. ",
           url: "/android-app-development",
+          showServices: config.SHOW_ANDROID_APP_DEVELOPMENT_PAGE,
         },
         {
           path: [100, 100],
@@ -87,6 +87,7 @@ export default {
           description:
             "Our seasoned iOS developers specialize in creating aesthetically pleasing, intuitive, and user-friendly apps that seamlessly function across all Apple devices. We leverage the latest iOS technologies to deliver solutions that give you an edge in the competitive Apple app market. Plus, our team follows Human Interface Guidelines defined by Apple to deliver exceptional user experience.",
           url: "/ios-app-development",
+          showServices: config.SHOW_IOS_APP_DEVELOPMENT_PAGE,
         },
         {
           path: [100, 100],
@@ -95,6 +96,7 @@ export default {
           description:
             "Bring your multi-platform app vision to life with our Flutter app development services. We excel in crafting high-quality, stunning applications that work flawlessly on Android, iOS, and the web, all from a single codebase, facilitating faster time to market and cost savings.",
           url: "/flutter-app-development",
+          showServices: config.SHOW_FLUTTER_APP_DEVELOPMENT_PAGE,
         },
         {
           path: [100, 100],

diff --git a/nuxt-frontend/components/services/WhatWeOfferMobile.vue b/nuxt-frontend/components/services/WhatWeOfferMobile.vue
@@ -24,9 +24,9 @@
 
         <div :class="service.class" class="px-2.5 sm:px-20">
           <div
-            class="py-5 sm:py-6"
-            @click="showServices ? openUrl(service.url) : ''"
-            :class="showServices ? 'cursor-pointer' : ''"
+            class="tw-py-5 sm:tw-py-6"
+            @click="service.showServices ? openUrl(service.url) : ''"
+            :class="service.showServices ? 'tw-cursor-pointer' : ''"
           >
             <span
               class="text-center font-inter-semibold text-[1.5rem] leading-9"
@@ -68,7 +68,6 @@ import config from "@/config.js";
 export default {
   data() {
     return {
-      showServices: !config.IS_PROD,
       services: [
         {
           images: [androidApp400w, androidApp800w],
@@ -78,6 +77,7 @@ export default {
           class:
             "bg-gradient-to-b from-[#EBF2FC]  via-[#EBF2FC]  to-white bg-gradient-[180deg] ",
           url: "/android-app-development",
+          showServices: config.SHOW_ANDROID_APP_DEVELOPMENT_PAGE,
         },
         {
           images: [iosApp400w, iosApp800w],
@@ -87,6 +87,7 @@ export default {
           class:
             "bg-gradient-to-b from-[#FADFB7]  via-[#FADFB7]  to-white bg-gradient-[180deg] ",
           url: "/ios-app-development",
+          showServices: config.SHOW_IOS_APP_DEVELOPMENT_PAGE,
         },
         {
           images: [flutterApp400w, flutterApp800w],
@@ -96,6 +97,7 @@ export default {
           class:
             "bg-gradient-to-b from-[#E0EDFF]  via-[#E0EDFF]  to-white bg-gradient-[180deg] ",
           url: "/flutter-app-development",
+          showServices: config.SHOW_FLUTTER_APP_DEVELOPMENT_PAGE,
         },
         {
           images: [uiuxdesign400w, uiuxdesign800w],

diff --git a/nuxt-frontend/config.js b/nuxt-frontend/config.js
@@ -120,9 +120,9 @@ export default Object.freeze({
     image: "https://dev-stack.canopas.com/apple-touch-icon.png",
   },
   IS_PROD: false,
+  SHOW_ANDROID_APP_DEVELOPMENT_PAGE: true,
   SHOW_FLUTTER_APP_DEVELOPMENT_PAGE: true,
   SHOW_IOS_APP_DEVELOPMENT_PAGE: true,
-  SHOW_ANDROID_APP_DEVELOPMENT_PAGE: true,
   SMILEPLUS_URL: "https://www.udini.ai/products/smile",
   WEBSITE_OPEN_SOURCE_URL: "https://github.com/canopas/canopas-website",
   MIX_PANEL_TOKEN: "acf7239a736ff487ca6058c981a55d7e",

diff --git a/nuxt-frontend/config.prod.js b/nuxt-frontend/config.prod.js
@@ -120,7 +120,7 @@ export default Object.freeze({
     image: "https://dev-stack.canopas.com/apple-touch-icon.png",
   },
   IS_PROD: true,
-  SHOW_ANDROID_APP_DEVELOPMENT_PAGE: false,
+  SHOW_ANDROID_APP_DEVELOPMENT_PAGE: true,
   SHOW_IOS_APP_DEVELOPMENT_PAGE: false,
   SHOW_FLUTTER_APP_DEVELOPMENT_PAGE: false,
   SMILEPLUS_URL: "https://www.udini.ai/products/smile",

diff --git a/nuxt-frontend/pages/android-app-development.vue b/nuxt-frontend/pages/android-app-development.vue
@@ -49,19 +49,9 @@ const NewFooter = defineAsyncComponent(() =>
 );
 
 export default {
-  data() {
-    return {
-      event: "",
-      events: {
-        successstory: "view_android_development_success_story_section",
-        footer: "view_android_development_footer_section",
-      },
-    };
-  },
   setup() {
-    const seoData = config.ANDRIOD_APP_DEVELOPMENT_SEO_META_DATA;
+    var seoData = config.ANDRIOD_APP_DEVELOPMENT_SEO_META_DATA;
     useSeoMeta({
-      robots: "noindex, nofollow",
       title: seoData.title,
       description: seoData.description,
       ogTitle: seoData.title,
@@ -83,24 +73,21 @@ export default {
     CtaSection,
     NewFooter,
   },
-  methods: {
-    sendEvent() {
-      const event = this.events[elementInViewPort(this.$refs)];
-      if (event && this.event !== event) {
-        this.event = event;
-        this.$mixpanel.track(event);
-      }
-    },
-  },
-  beforeRouteEnter(to, from, next) {
-    if (!config.SHOW_ANDROID_APP_DEVELOPMENT_PAGE) {
-      next({
-        name: "Error404Page",
-        params: { pathMatch: "/android-app-development" },
-      });
-    } else {
-      next();
-    }
+  data() {
+    return {
+      event: "",
+      events: {
+        landing: "view_android_development_landing_section",
+        footer: "view_android_development_footer",
+        development: "view_android_development_section",
+        casestudy: "view_android_development_casestudy_section",
+        faq: "view_android_development_faq_section",
+        successstory: "view_android_development_success_story_section",
+        cta1: "view_android_development_cta_section",
+        cta2: "view_android_development_cta2_section",
+        cta3: "view_android_development_cta3_section",
+      },
+    };
   },
   inject: ["mixpanel"],
   mounted() {
@@ -110,5 +97,14 @@ export default {
   unmounted() {
     window.removeEventListener("scroll", this.sendEvent);
   },
+  methods: {
+    sendEvent() {
+      const event = this.events[elementInViewPort(this.$refs)];
+      if (event && this.event !== event) {
+        this.event = event;
+        this.$mixpanel.track(event);
+      }
+    },
+  },
 };
 </script>