From be8e0324f3589f9020dba82d6b633454c40a2f89 Mon Sep 17 00:00:00 2001
From: cp-ashish-k <ashish.k@canopas.com>
Date: Fri, 15 Dec 2023 18:33:11 +0530
Subject: [PATCH] added partner with us section

---
 .../partnerwithus/maintanance.webp            | Bin 0 -> 2316 bytes
 .../partnerwithus/moneyback.webp              | Bin 0 -> 2534 bytes
 .../partnerwithus/user.webp                   | Bin 0 -> 2050 bytes
 .../PartnerWithUsSection.vue                  | 188 ++++++++++++++++++
 nuxt-frontend/pages/backend-development.vue   |   5 +
 5 files changed, 193 insertions(+)
 create mode 100644 nuxt-frontend/assets/images/backend-development/partnerwithus/maintanance.webp
 create mode 100644 nuxt-frontend/assets/images/backend-development/partnerwithus/moneyback.webp
 create mode 100644 nuxt-frontend/assets/images/backend-development/partnerwithus/user.webp
 create mode 100644 nuxt-frontend/components/backend-development/PartnerWithUsSection.vue

diff --git a/nuxt-frontend/assets/images/backend-development/partnerwithus/maintanance.webp b/nuxt-frontend/assets/images/backend-development/partnerwithus/maintanance.webp
new file mode 100644
index 0000000000000000000000000000000000000000..49cdac16a4e575fe6c3195284fb5e25076c98940
GIT binary patch
literal 2316
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

literal 0
HcmV?d00001

diff --git a/nuxt-frontend/assets/images/backend-development/partnerwithus/moneyback.webp b/nuxt-frontend/assets/images/backend-development/partnerwithus/moneyback.webp
new file mode 100644
index 0000000000000000000000000000000000000000..2e30f360f13d6f5ef78a89f1b923e9c76b88e0c1
GIT binary patch
literal 2534
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

literal 0
HcmV?d00001

diff --git a/nuxt-frontend/assets/images/backend-development/partnerwithus/user.webp b/nuxt-frontend/assets/images/backend-development/partnerwithus/user.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4dbe6b546f9e9ebb10cdbfd4d0eb8f11b80d8304
GIT binary patch
literal 2050
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

literal 0
HcmV?d00001

diff --git a/nuxt-frontend/components/backend-development/PartnerWithUsSection.vue b/nuxt-frontend/components/backend-development/PartnerWithUsSection.vue
new file mode 100644
index 000000000..622b1cfff
--- /dev/null
+++ b/nuxt-frontend/components/backend-development/PartnerWithUsSection.vue
@@ -0,0 +1,188 @@
+<template>
+  <section class="bg-[#121212] 3xl:outer-container">
+    <div class="py-14 lg:pt-[7.5rem] lg:pb-0 container text-white">
+      <!-- ---------------------MOBILE UI START------------------ -->
+      <div class="flex flex-col gap-8 lg:hidden">
+        <h2 class="header-1 text-center">
+          Why should you partner with Canopas?
+        </h2>
+        <div class="flex flex-col gap-6" v-for="item in items" :key="item">
+          <div class="flex gap-4">
+            <img
+              :src="item.image"
+              class="w-9 h-9 object-contain"
+              :alt="item.title"
+            />
+            <div class="flex flex-col gap-3">
+              <span class="sub-h1-semibold">{{ item.title }}</span>
+              <span
+                class="sub-h3-regular text-white/[0.8]"
+                v-html="item.description"
+              ></span>
+            </div>
+          </div>
+        </div>
+        <nuxt-link
+          class="gradient-btn primary-btn mt-0"
+          to="/contact"
+          @click.native="$mixpanel.track('tap_backend_partner_with_us_cta')"
+        >
+          <span class="sub-h3-semibold">Let’s Work Together</span></nuxt-link
+        >
+      </div>
+      <!-- ---------------------MOBILE UI END-------------------- -->
+
+      <!-- ---------------------DESKTOP UI START------------------ -->
+      <div class="hidden lg:block stickyparent h-[300vh]">
+        <div class="sticky relative top-[8.5rem] h-screen main">
+          <div
+            class="text-white/[0.12]"
+            :class="{
+              '!absolute !-translate-y-full !top-1/2 !ease-in-out !flex flex-1':
+                isAnimated,
+            }"
+          >
+            <div
+              class="flex-col my-auto opacity-100 transition-all delay-1000 transform ease-in-out"
+              :class="{ '!flex !text-white': isAnimated }"
+            >
+              <span class="header-text">Why should you</span>
+              <span
+                class="block ml-2 transition-all delay-700 transform ease-in-out"
+                :class="{
+                  '!header-text !ml-0': isAnimated,
+                  text1: !isAnimated,
+                }"
+                >partner
+                <span
+                  class="hidden transition-all delay-700 transform ease-in-out"
+                  :class="{ '!inline-block': isAnimated }"
+                  >with</span
+                ></span
+              >
+              <div
+                class="flex ml-0 xl:ml-32 gap-6 transition-all delay-1000 transform ease-in-out"
+                :class="{ '!ml-0': isAnimated }"
+              >
+                <span
+                  class="my-auto -rotate-90 header-text transition-all delay-700 transform ease-in-out"
+                  :class="{ '!hidden !rotate-0': isAnimated }"
+                  >with</span
+                ><span
+                  class="transition-all delay-700 transform ease-in-out"
+                  :class="{ '!header-text': isAnimated, text1: !isAnimated }"
+                  >Canopas?</span
+                >
+              </div>
+              <nuxt-link
+                class="gradient-btn primary-btn ml-0 mt-10 animate-fadeIn"
+                :class="{ hidden: !isAnimated }"
+                to="/contact"
+                @click.native="
+                  $mixpanel.track('tap_backend_partner_with_us_cta')
+                "
+              >
+                <span class="sub-h3-semibold"
+                  >Let’s Work Together</span
+                ></nuxt-link
+              >
+            </div>
+            <nuxt-link
+              class="gradient-btn primary-btn mt-[5.69rem]"
+              :class="{ '!hidden': isAnimated }"
+              to="/contact"
+              @click.native="$mixpanel.track('tap_backend_partner_with_us_cta')"
+            >
+              <span class="sub-h3-semibold"
+                >Let’s Work Together</span
+              ></nuxt-link
+            >
+          </div>
+          <div
+            :class="{
+              'block absolute w-[50%] left-1/2 ': isAnimated,
+              hidden: !isAnimated,
+            }"
+          >
+            <div
+              v-for="item in items"
+              :key="item"
+              class="flex flex-col mb-10 item opacity-0"
+              :class="{
+                'animate-fadeInLeft duration-1000 !opacity-100': isAnimated,
+                hidden: !isAnimated,
+              }"
+            >
+              <div class="flex gap-[1.69rem]">
+                <img
+                  :src="item.image"
+                  class="w-14 h-14 object-contain"
+                  :alt="item.title"
+                />
+                <div class="flex flex-col gap-4">
+                  <span class="sub-h1-semibold">{{ item.title }}</span>
+                  <span
+                    class="sub-h3-regular text-white/[0.8]"
+                    v-html="item.description"
+                  ></span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- ---------------------DESKTOP UI END-------------------- -->
+    </div>
+  </section>
+</template>
+<script setup>
+import maintainance from "@/assets/images/backend-development/partnerwithus/maintanance.webp";
+import moneyback from "@/assets/images/backend-development/partnerwithus/moneyback.webp";
+import user from "@/assets/images/backend-development/partnerwithus/user.webp";
+const { $mixpanel } = useNuxtApp();
+const isAnimated = ref(false);
+const items = [
+  {
+    title: "Skin In The Game",
+    image: maintainance,
+    description: `To prove our skin in the game, we offer <span class="text-[#FF9472] sub-h3-semibold">6 Months of Free Post Deployment Maintenance</span> for all the work we do on your project. If any bugs arise in the project within 6 months of deployment, we'll do it for free. This approach ensures careful development, as neglect could result in significant expenses.`,
+  },
+  {
+    title: "100% Risk Free Experience / Money Back Guarantee",
+    image: moneyback,
+    description: `To walk the talk, we offer a <span class="text-[#FF9472] sub-h3-semibold">100% Money Back Guarantee for two weeks of work at any time during our engagement</span>. If you work with us, you will get a feedback survey every Monday. If you ain't happy with the work we did in the past week, get your money back.`,
+  },
+  {
+    title: "Achieving Excellence - One step at a time",
+    image: user,
+    description: `Whether your goal is user growth, user engagement, revenue growth, user satisfaction, improved user experience, unforgettable branding, customer loyalty, or all of them, we know how to achieve it, one step at a time!`,
+  },
+];
+
+onMounted(() => {
+  window.addEventListener("scroll", handleScroll);
+});
+
+onUnmounted(() => {
+  window.removeEventListener("scroll", handleScroll);
+});
+function handleScroll() {
+  const stickyparent = document.querySelector(".stickyparent");
+  const main = document.querySelector(".main");
+  const stickyparenthead = stickyparent.getBoundingClientRect();
+  const mainhead = main.getBoundingClientRect().top;
+  var scrolled = window.scrollY;
+  var scroll = stickyparent.scrollTop;
+  console.log(stickyparenthead, mainhead, scrolled, scroll);
+  if (mainhead == 136) {
+    isAnimated.value = true;
+  } else {
+    isAnimated.value = false;
+  }
+}
+</script>
+<style scoped>
+.text1 {
+  @apply text-[12.5rem] leading-[16.25rem] font-bold;
+}
+</style>
diff --git a/nuxt-frontend/pages/backend-development.vue b/nuxt-frontend/pages/backend-development.vue
index 7651e85f7..35b75a54a 100644
--- a/nuxt-frontend/pages/backend-development.vue
+++ b/nuxt-frontend/pages/backend-development.vue
@@ -2,6 +2,7 @@
   <div>
     <Header />
     <LandingSection />
+    <PartnerWithUsSection />
     <NewFooter class="-mt-4 md:mt-0" />
   </div>
 </template>
@@ -11,6 +12,9 @@ import config from "@/config.js";
 import { defineAsyncComponent } from "vue";
 import { elementInViewPort } from "@/utils.js";
 import LandingSection from "@/components/backend-development/LandingSection.vue";
+const PartnerWithUsSection = defineAsyncComponent(
+  () => import("@/components/backend-development/PartnerWithUsSection.vue"),
+);
 const NewFooter = defineAsyncComponent(
   () => import("@/components/partials/NewFooter.vue"),
 );
@@ -29,6 +33,7 @@ export default {
   components: {
     Header,
     LandingSection,
+    PartnerWithUsSection,
     NewFooter,
   },
   setup() {