-
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
840ba24
commit 55808d1
Showing
8 changed files
with
159 additions
and
3 deletions.
There are no files selected for viewing
Binary file not shown.
50 changes: 50 additions & 0 deletions
50
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,50 @@ | ||
| <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-full mx-auto"> | ||
| <img | ||
| :src="landing" | ||
| alt="backend" | ||
| class="w-full h-full object-cover" | ||
| /> | ||
| </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.webm"; | ||
| 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,69 @@ | ||
| <template> | ||
| <div> | ||
| <Header /> | ||
| <LandingSection /> | ||
| <NewFooter class="-mt-4 md:mt-0" /> | ||
| </div> | ||
| </template> | ||
| <script> | ||
| export default { | ||
| methods: { | ||
| beforeRouteEnter(to, from, next) { | ||
| if (!config.SHOW_BACKEND_DEVELOPMENT_PAGE) { | ||
| next({ | ||
| name: "Error404Page", | ||
| params: { pathMatch: "/backend-development" }, | ||
| }); | ||
| } else { | ||
| next(); | ||
| } | ||
| }, | ||
| }, | ||
| }; | ||
| </script> | ||
| <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> |
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