added effect on mouse hover

canopas · Nov 21, 2023 · 30ed077 · 30ed077
1 parent 976b2fe
commit 30ed077
Show file tree

Hide file tree

Showing 15 changed files with 156 additions and 156 deletions.
diff --git a/nuxt-frontend/components/about/HowItAllStartedSection.vue b/nuxt-frontend/components/about/HowItAllStartedSection.vue
@@ -26,8 +26,8 @@
                 index == activeIndex
                   ? 'v2-canopas-gradient-text'
                   : index < activeIndex
-                  ? 'text-black-core/[0.2]'
-                  : 'text-black-core/[0.6]'
+                    ? 'text-black-core/[0.2]'
+                    : 'text-black-core/[0.6]'
               "
               class="text-[1.5rem] leading-[2.5rem] xl:text-[1.875rem] xl:leading-[2.812rem] font-inter-medium hover:bg-clip-text hover:text-transparent hover:from-[#FF835B] hover:to-[#F2709C] hover:bg-gradient-[270.11deg]"
               @click="slide(index, story)"

diff --git a/nuxt-frontend/components/home-new/HomeIndex.vue b/nuxt-frontend/components/home-new/HomeIndex.vue
@@ -35,32 +35,32 @@ import LandingSection from "@/components/home-new/LandingSection.vue";
 import { elementInViewPort } from "@/utils.js";
 import { defineAsyncComponent } from "vue";
 
-const CaseStudy = defineAsyncComponent(() =>
-  import("@/components/home-new/CaseStudy.vue"),
+const CaseStudy = defineAsyncComponent(
+  () => import("@/components/home-new/CaseStudy.vue"),
 );
-const ServiceSection = defineAsyncComponent(() =>
-  import("@/components/home-new/ServiceSection.vue"),
+const ServiceSection = defineAsyncComponent(
+  () => import("@/components/home-new/ServiceSection.vue"),
 );
-const ServiceSectionMobile = defineAsyncComponent(() =>
-  import("@/components/home-new/ServiceSectionMobile.vue"),
+const ServiceSectionMobile = defineAsyncComponent(
+  () => import("@/components/home-new/ServiceSectionMobile.vue"),
 );
-const ContributionSection = defineAsyncComponent(() =>
-  import("@/components/home-new/ContributionSection.vue"),
+const ContributionSection = defineAsyncComponent(
+  () => import("@/components/home-new/ContributionSection.vue"),
 );
-const ContributionSectionMobile = defineAsyncComponent(() =>
-  import("@/components/home-new/ContributionSectionMobile.vue"),
+const ContributionSectionMobile = defineAsyncComponent(
+  () => import("@/components/home-new/ContributionSectionMobile.vue"),
 );
-const ClientReview = defineAsyncComponent(() =>
-  import("@/components/home-new/ClientReviewSection.vue"),
+const ClientReview = defineAsyncComponent(
+  () => import("@/components/home-new/ClientReviewSection.vue"),
 );
-const CTASection = defineAsyncComponent(() =>
-  import("@/components/mobile-app-development/CTASection2.vue"),
+const CTASection = defineAsyncComponent(
+  () => import("@/components/mobile-app-development/CTASection2.vue"),
 );
-const BlogSection = defineAsyncComponent(() =>
-  import("@/components/home-new/BlogSection.vue"),
+const BlogSection = defineAsyncComponent(
+  () => import("@/components/home-new/BlogSection.vue"),
 );
-const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue"),
+const NewFooter = defineAsyncComponent(
+  () => import("@/components/partials/NewFooter.vue"),
 );
 
 export default {

diff --git a/nuxt-frontend/components/home-new/UserReview.vue b/nuxt-frontend/components/home-new/UserReview.vue
@@ -193,8 +193,8 @@ export default {
     };
   },
   components: {
-    LottieAnimation: defineAsyncComponent(() =>
-      import("@/components/utils/LottieAnimation.vue"),
+    LottieAnimation: defineAsyncComponent(
+      () => import("@/components/utils/LottieAnimation.vue"),
     ),
   },
   mounted() {

diff --git a/nuxt-frontend/pages/about.vue b/nuxt-frontend/pages/about.vue
@@ -22,23 +22,23 @@ import config from "@/config.js";
 import { elementInViewPort } from "@/utils.js";
 import { defineAsyncComponent } from "vue";
 
-const HowItAllStartedSectionMobile = defineAsyncComponent(() =>
-  import("@/components/about/HowItAllStartedSectionMobile.vue"),
+const HowItAllStartedSectionMobile = defineAsyncComponent(
+  () => import("@/components/about/HowItAllStartedSectionMobile.vue"),
 );
-const AboutusVirtue = defineAsyncComponent(() =>
-  import("@/components/about/AboutusVirtue.vue"),
+const AboutusVirtue = defineAsyncComponent(
+  () => import("@/components/about/AboutusVirtue.vue"),
 );
-const WithCanopasSection = defineAsyncComponent(() =>
-  import("@/components/about/WithCanopas.vue"),
+const WithCanopasSection = defineAsyncComponent(
+  () => import("@/components/about/WithCanopas.vue"),
 );
-const ClientReviewSection = defineAsyncComponent(() =>
-  import("@/components/home-new/ClientReviewSection.vue"),
+const ClientReviewSection = defineAsyncComponent(
+  () => import("@/components/home-new/ClientReviewSection.vue"),
 );
-const CTASection = defineAsyncComponent(() =>
-  import("@/components/about/CTASection.vue"),
+const CTASection = defineAsyncComponent(
+  () => import("@/components/about/CTASection.vue"),
 );
-const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue"),
+const NewFooter = defineAsyncComponent(
+  () => 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
@@ -23,29 +23,29 @@ import { defineAsyncComponent } from "vue";
 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"),
+const CaseStudy = defineAsyncComponent(
+  () => import("@/components/android-app-development/CaseStudySection.vue"),
 );
-const SuccessStorySection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/SuccessStorySection.vue"),
+const SuccessStorySection = defineAsyncComponent(
+  () => import("@/components/android-app-development/SuccessStorySection.vue"),
 );
-const FaqSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/FaqSection.vue"),
+const FaqSection = defineAsyncComponent(
+  () => import("@/components/android-app-development/FaqSection.vue"),
 );
-const PinkCtaSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/PinkCtaSection.vue"),
+const PinkCtaSection = defineAsyncComponent(
+  () => import("@/components/android-app-development/PinkCtaSection.vue"),
 );
-const CtaSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/CtaSection.vue"),
+const CtaSection = defineAsyncComponent(
+  () => import("@/components/android-app-development/CtaSection.vue"),
 );
-const BlackCtaSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/BlackCtaSection.vue"),
+const BlackCtaSection = defineAsyncComponent(
+  () => import("@/components/android-app-development/BlackCtaSection.vue"),
 );
-const BlogSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/BlogSection.vue"),
+const BlogSection = defineAsyncComponent(
+  () => import("@/components/android-app-development/BlogSection.vue"),
 );
-const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue"),
+const NewFooter = defineAsyncComponent(
+  () => import("@/components/partials/NewFooter.vue"),
 );
 
 export default {

diff --git a/nuxt-frontend/pages/contributions.vue b/nuxt-frontend/pages/contributions.vue
@@ -27,30 +27,30 @@ import MobileLandingSection from "@/components/contributions/MobileLanding.vue";
 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"),
+const WeeklyUpdateSection = defineAsyncComponent(
+  () => import("@/components/contributions/WeeklyUpdate.vue"),
 );
-const WhatsTrending = defineAsyncComponent(() =>
-  import("@/components/contributions/WhatsTrending.vue"),
+const WhatsTrending = defineAsyncComponent(
+  () => import("@/components/contributions/WhatsTrending.vue"),
 );
-const Favourite = defineAsyncComponent(() =>
-  import("@/components/contributions/Favourite.vue"),
+const Favourite = defineAsyncComponent(
+  () => import("@/components/contributions/Favourite.vue"),
 );
-const AnimatedCreation = defineAsyncComponent(() =>
-  import("@/components/contributions/AnimatedCreation.vue"),
+const AnimatedCreation = defineAsyncComponent(
+  () => import("@/components/contributions/AnimatedCreation.vue"),
 );
-const UnitTest = defineAsyncComponent(() =>
-  import("@/components/contributions/UnitTest.vue"),
+const UnitTest = defineAsyncComponent(
+  () => import("@/components/contributions/UnitTest.vue"),
 );
-const DevOps = defineAsyncComponent(() =>
-  import("@/components/contributions/DevOps.vue"),
+const DevOps = defineAsyncComponent(
+  () => import("@/components/contributions/DevOps.vue"),
 );
-const ExploreDesign = defineAsyncComponent(() =>
-  import("@/components/contributions/DesignExplore.vue"),
+const ExploreDesign = defineAsyncComponent(
+  () => import("@/components/contributions/DesignExplore.vue"),
 );
 
-const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue"),
+const NewFooter = defineAsyncComponent(
+  () => import("@/components/partials/NewFooter.vue"),
 );
 
 export default {

diff --git a/nuxt-frontend/pages/flutter-app-development.vue b/nuxt-frontend/pages/flutter-app-development.vue
@@ -15,17 +15,17 @@ import config from "@/config.js";
 import { defineAsyncComponent } from "vue";
 import { elementInViewPort } from "@/utils.js";
 import LandingSection from "@/components/flutter-app-development/LandingSection.vue";
-const CtaSection = defineAsyncComponent(() =>
-  import("@/components/flutter-app-development/CtaSection.vue"),
+const CtaSection = defineAsyncComponent(
+  () => import("@/components/flutter-app-development/CtaSection.vue"),
 );
-const SuccessStory = defineAsyncComponent(() =>
-  import("@/components/flutter-app-development/SuccessStorySection.vue"),
+const SuccessStory = defineAsyncComponent(
+  () => import("@/components/flutter-app-development/SuccessStorySection.vue"),
 );
-const BlogSection = defineAsyncComponent(() =>
-  import("@/components/flutter-app-development/BlogSection.vue"),
+const BlogSection = defineAsyncComponent(
+  () => import("@/components/flutter-app-development/BlogSection.vue"),
 );
-const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue"),
+const NewFooter = defineAsyncComponent(
+  () => import("@/components/partials/NewFooter.vue"),
 );
 export default {
   data() {

diff --git a/nuxt-frontend/pages/ios-app-development.vue b/nuxt-frontend/pages/ios-app-development.vue
@@ -19,23 +19,23 @@ import { defineAsyncComponent } from "vue";
 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"),
+const SuccessStorySection = defineAsyncComponent(
+  () => import("@/components/ios-app-development/SuccessStory.vue"),
 );
-const BlogSection = defineAsyncComponent(() =>
-  import("@/components/ios-app-development/BlogSection.vue"),
+const BlogSection = defineAsyncComponent(
+  () => import("@/components/ios-app-development/BlogSection.vue"),
 );
-const FaqSection = defineAsyncComponent(() =>
-  import("@/components/ios-app-development/FaqSection.vue"),
+const FaqSection = defineAsyncComponent(
+  () => import("@/components/ios-app-development/FaqSection.vue"),
 );
-const CtaSection = defineAsyncComponent(() =>
-  import("@/components/ios-app-development/CtaSection.vue"),
+const CtaSection = defineAsyncComponent(
+  () => import("@/components/ios-app-development/CtaSection.vue"),
 );
-const CtaSection2 = defineAsyncComponent(() =>
-  import("@/components/ios-app-development/CtaSection2.vue"),
+const CtaSection2 = defineAsyncComponent(
+  () => import("@/components/ios-app-development/CtaSection2.vue"),
 );
-const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue"),
+const NewFooter = defineAsyncComponent(
+  () => import("@/components/partials/NewFooter.vue"),
 );
 
 export default {

diff --git a/nuxt-frontend/pages/jobs/apply/[id].vue b/nuxt-frontend/pages/jobs/apply/[id].vue
@@ -503,8 +503,8 @@ function submitApplication() {
         referenceBy.value != ""
         ? reference.value + " - " + referenceBy.value
         : reference.value && reference.value != ""
-        ? reference.value
-        : "NA",
+          ? reference.value
+          : "NA",
     );
 
     formData.append("file", file.value, fileName);

diff --git a/nuxt-frontend/pages/jobs/index.vue b/nuxt-frontend/pages/jobs/index.vue
@@ -26,29 +26,29 @@ import { defineAsyncComponent } from "vue";
 import config from "@/config.js";
 import { elementInViewPort, handleAnimationOnScroll } from "@/utils.js";
 
-const VirtuesView = defineAsyncComponent(() =>
-  import("@/components/jobs/VirtuesView.vue"),
+const VirtuesView = defineAsyncComponent(
+  () => import("@/components/jobs/VirtuesView.vue"),
 );
-const LifeAtCanopas = defineAsyncComponent(() =>
-  import("@/components/jobs/LifeAtCanopas.vue"),
+const LifeAtCanopas = defineAsyncComponent(
+  () => import("@/components/jobs/LifeAtCanopas.vue"),
 );
-const Career = defineAsyncComponent(() =>
-  import("@/components/jobs/CareerView.vue"),
+const Career = defineAsyncComponent(
+  () => import("@/components/jobs/CareerView.vue"),
 );
-const PerksAndBenefits = defineAsyncComponent(() =>
-  import("@/components/jobs/PerksAndBenefits.vue"),
+const PerksAndBenefits = defineAsyncComponent(
+  () => import("@/components/jobs/PerksAndBenefits.vue"),
 );
-const WhyCanopas = defineAsyncComponent(() =>
-  import("@/components/jobs/WhyCanopas.vue"),
+const WhyCanopas = defineAsyncComponent(
+  () => import("@/components/jobs/WhyCanopas.vue"),
 );
-const WhyCanopasMobile = defineAsyncComponent(() =>
-  import("@/components/jobs/WhyCanopasMobile.vue"),
+const WhyCanopasMobile = defineAsyncComponent(
+  () => import("@/components/jobs/WhyCanopasMobile.vue"),
 );
-const FaqSection = defineAsyncComponent(() =>
-  import("@/components/jobs/FaqSection.vue"),
+const FaqSection = defineAsyncComponent(
+  () => import("@/components/jobs/FaqSection.vue"),
 );
-const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue"),
+const NewFooter = defineAsyncComponent(
+  () => 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
@@ -17,20 +17,20 @@ import InterviewProcess from "@/components/jobs/thank-you/InterviewProcess.vue";
 import { defineAsyncComponent } from "vue";
 import { elementInViewPort } from "@/utils.js";
 
-const VirtueView = defineAsyncComponent(() =>
-  import("@/components/jobs/VirtuesView.vue"),
+const VirtueView = defineAsyncComponent(
+  () => import("@/components/jobs/VirtuesView.vue"),
 );
-const LifeAtCanopasVue = defineAsyncComponent(() =>
-  import("@/components/jobs/PerksAndBenefits.vue"),
+const LifeAtCanopasVue = defineAsyncComponent(
+  () => import("@/components/jobs/PerksAndBenefits.vue"),
 );
-const LatestBlog = defineAsyncComponent(() =>
-  import("@/components/jobs/thank-you/LatestBlog.vue"),
+const LatestBlog = defineAsyncComponent(
+  () => import("@/components/jobs/thank-you/LatestBlog.vue"),
 );
-const ContributionSection = defineAsyncComponent(() =>
-  import("@/components/jobs/thank-you/ContributionSection.vue"),
+const ContributionSection = defineAsyncComponent(
+  () => import("@/components/jobs/thank-you/ContributionSection.vue"),
 );
-const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue"),
+const NewFooter = defineAsyncComponent(
+  () => 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
@@ -26,23 +26,23 @@ import config from "@/config.js";
 import { defineAsyncComponent } from "vue";
 import { elementInViewPort } from "@/utils.js";
 
-const Portfolio = defineAsyncComponent(() =>
-  import("@/components/mobile-app-development/Portfolio.vue"),
+const Portfolio = defineAsyncComponent(
+  () => import("@/components/mobile-app-development/Portfolio.vue"),
 );
-const CTASection = defineAsyncComponent(() =>
-  import("@/components/mobile-app-development/CTASection.vue"),
+const CTASection = defineAsyncComponent(
+  () => import("@/components/mobile-app-development/CTASection.vue"),
 );
-const DevelopmentProcess = defineAsyncComponent(() =>
-  import("@/components/mobile-app-development/DevelopmentProcess.vue"),
+const DevelopmentProcess = defineAsyncComponent(
+  () => import("@/components/mobile-app-development/DevelopmentProcess.vue"),
 );
-const ClientReview = defineAsyncComponent(() =>
-  import("@/components/mobile-app-development/ClientReview.vue"),
+const ClientReview = defineAsyncComponent(
+  () => import("@/components/mobile-app-development/ClientReview.vue"),
 );
-const CTASection2 = defineAsyncComponent(() =>
-  import("@/components/mobile-app-development/CTASection2.vue"),
+const CTASection2 = defineAsyncComponent(
+  () => import("@/components/mobile-app-development/CTASection2.vue"),
 );
-const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue"),
+const NewFooter = defineAsyncComponent(
+  () => import("@/components/partials/NewFooter.vue"),
 );
 
 export default {