-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f881fb2
commit 04fc6ee
Showing
8 changed files
with
128 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
51 changes: 51 additions & 0 deletions
51
nuxt-frontend/components/backend-development/LandingSection.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,51 @@ | ||
| <template> | ||
| <section class="bg-ios-landing-background bg-opacity-10 3xl:outer-container"> | ||
| <div | ||
| class="container flex flex-col lg:flex-row pt-6 lg:py-[7.5rem] gap-4 text-center lg:text-left" | ||
| > | ||
| <div class="flex flex-col gap-4 lg:gap-6 lg:flex-1"> | ||
| <h1 class="header-1 text-black-core/[0.87] lg:w-1/2"> | ||
| Backend development company | ||
| </h1> | ||
| <p class="sub-h1-regular xs:px-4 lg:!px-0 text-black-core/[0.6]"> | ||
| Our backend development team isn’t just about writing code; it's about | ||
| crafting powerful, efficient, scalable, and secure foundations that | ||
| drive innovative applications. We shape, optimize, and elevate digital | ||
| platforms ensuring they're ready for tomorrow's challenges. | ||
| </p> | ||
| <nuxt-link | ||
| class="gradient-btn primary-btn ml-0 hidden lg:flex" | ||
| to="/contact" | ||
| @click.native="$mixpanel.track('tap_backend_landing_cta')" | ||
| > | ||
| <span class="sub-h3-semibold xl:sub-h4-semibold" | ||
| >Be Future-Ready With Us</span | ||
| ></nuxt-link | ||
| > | ||
| </div> | ||
| <div class="flex flex-col -gap-1 lg:flex-1 lg:my-auto"> | ||
| <div class="w-4/5 md:w-3/5 lg:w-[35rem] mx-auto"> | ||
| <img | ||
| :src="landing" | ||
| alt="backend" | ||
| class="w-full h-full object-cover" | ||
| loading="lazy" | ||
| /> | ||
| </div> | ||
| <nuxt-link | ||
| class="gradient-btn primary-btn mb-16 lg:hidden" | ||
| to="/contact" | ||
| @click.native="$mixpanel.track('tap_backend_landing_cta')" | ||
| > | ||
| <span class="sub-h3-semibold" | ||
| >Be Future-Ready With Us</span | ||
| ></nuxt-link | ||
| > | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </template> | ||
| <script setup> | ||
| import landing from "@/assets/images/backend-development/landing/landing.gif"; | ||
| const { $mixpanel } = useNuxtApp(); | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,53 @@ | ||
| <template> | ||
| <div> | ||
| <Header /> | ||
| <LandingSection /> | ||
| <NewFooter class="-mt-4 md:mt-0" /> | ||
| </div> | ||
| </template> | ||
| <script setup> | ||
| import Header from "@/components/partials/NewHeader.vue"; | ||
| import config from "@/config.js"; | ||
| import { defineAsyncComponent } from "vue"; | ||
| import { elementInViewPort } from "@/utils.js"; | ||
| import LandingSection from "@/components/backend-development/LandingSection.vue"; | ||
| const NewFooter = defineAsyncComponent( | ||
| () => import("@/components/partials/NewFooter.vue"), | ||
| ); | ||
| const { $mixpanel } = useNuxtApp(); | ||
| const footer = ref(null); | ||
| const seoData = config.BACKEND_DEVELOPMENT_SEO_META_DATA; | ||
| useSeoMeta({ | ||
| robots: "noindex,nofollow", | ||
| title: seoData.title, | ||
| description: seoData.description, | ||
| ogTitle: seoData.title, | ||
| ogType: seoData.type, | ||
| ogUrl: seoData.url, | ||
| ogImage: seoData.image, | ||
| }); | ||
| let event = ""; | ||
| let events = { | ||
| footer: "view_backend_development_footer", | ||
| }; | ||
| let elements; | ||
| onMounted(() => { | ||
| elements = ref({ | ||
| footer: footer, | ||
| }); | ||
| window.addEventListener("scroll", sendEvent); | ||
| $mixpanel.track("view_backend_development_page"); | ||
| }); | ||
| onUnmounted(() => { | ||
| window.removeEventListener("scroll", sendEvent); | ||
| }); | ||
| function sendEvent() { | ||
| const newEvent = events[elementInViewPort(elements.value)]; | ||
| if (newEvent && event !== newEvent) { | ||
| event = newEvent; | ||
| $mixpanel.track(event); | ||
| } | ||
| } | ||
| </script> |