{"id":284,"date":"2022-12-12T10:38:16","date_gmt":"2022-12-12T10:38:16","guid":{"rendered":"http:\/\/codestage.com\/?page_id=284"},"modified":"2022-12-14T15:15:03","modified_gmt":"2022-12-14T15:15:03","slug":"solutions","status":"publish","type":"page","link":"https:\/\/codestage.com\/ro\/solutions\/","title":{"rendered":"Solu\u021bii"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"284\" class=\"elementor elementor-284\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e4c584f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e4c584f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-63e66d8\" data-id=\"63e66d8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\t<div class=\"elementor-element elementor-element-33c9a9c elementor-widget elementor-widget-spacer\" data-id=\"33c9a9c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 26-03-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f817f13 elementor-widget elementor-widget-cds_text\" data-id=\"f817f13\" data-element_type=\"widget\" data-widget_type=\"cds_text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t            <h1 class=\"text-4xl font-[800] text-[]  gilroy text-center block m-auto max-w-max mb-0\">Solu\u021bii<\/h1>        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2cd3d2 elementor-widget elementor-widget-cds_text\" data-id=\"a2cd3d2\" data-element_type=\"widget\" data-widget_type=\"cds_text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t            <span class=\"text-md font-normal text-[#4D4D4D]  inter text-center block m-auto max-w-max mb-0\">See how Codestage managed to <\/span>        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb3d5a3 elementor-widget elementor-widget-spacer\" data-id=\"cb3d5a3\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6ee1396 cds-container elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ee1396\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-6e188c1\" data-id=\"6e188c1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e731f4 elementor-widget elementor-widget-cds_solutions\" data-id=\"3e731f4\" data-element_type=\"widget\" data-widget_type=\"cds_solutions.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div id=\"solutions-app\">\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10\">\n                                <select class=\"w-full p-2 inter border-b-2 focus:border-[#E517DB] bg-transparent transition duration-300\" id=\"verticals\" @change=\"updateVertical($event)\">\n                    <option value=\"all\">All verticals<\/option>\n                    <option :value=\"vertical.slug\" v-for=\"vertical in verticals\" v-bind:key=\"vertical.id\">{{ vertical.name }}<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"flex flex-col md:flex-row mt-10\">\n\n                                <template v-if=\"filterByVertical.length == 0\">\n                        <h2 class=\"text-2xl font-bold gilroy text-center block mx-auto\">No solutions found \ud83d\ude41<\/h2>\n                    <\/template>\n                    <div v-for=\"solution in filterByVertical\" class=\"bg-white border rounded-cds flex flex-col overflow-hidden w-12\/12 md:w-4\/12\" @mouseleave=\"gradient['solution_' + solution.id] = false\" @mouseover=\"gradient['solution_' + solution.id] = true\" :id=\"'solution_' + solution.id\">\n                        <div class=\"h-72 md:h-96 relative overflow-hidden\">\n                            <div class=\"absolute top-0 left-0 !w-full !h-full z-20 p-10\"> \n                                <img :src=\"solution.featured\" :alt=\"solution.post_title\" class=\"w-full h-full object-cover !m-0\" \/>\n                            <\/div>\n                            <div class=\"w-full h-full absolute top-0 left-0 bg-gradient-radial from-white to-gray-200 transition duration-300 z-10\" :class=\"{'opacity-0': gradient['solution_' + solution.id] == true}\" ><\/div>\n                            <div class=\"w-full h-full absolute top-0 left-0 bg-gradient-radial z-0\" :class=\"randomGradient\"><\/div>\n                        <\/div>\n                        <div class=\"p-10\">\n                            <h3 class=\"text-2xl font-bold\">{{ solution.post_title }}<\/h3>\n                            <div class=\"flex flex-row gap-5 mt-5\">\n                                <div class=\"flex flex-row gap-2\">\n                                    <div class=\"w-4 h-4 rounded-full bg-red-500\"><\/div>\n                                    <span class=\"text-sm\">{{ solution.vertical }}<\/span>\n                                <\/div>\n                            <\/div>\n                            <p class=\"text-sm\">{{ solution.post_excerpt }}<\/p>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n        <script>\n            createApp({\n                data() {\n                    return {\n                        gradient: null,\n                        vertical: 'all',\n                        verticals: [{\"id\":7,\"name\":\"EdTech\",\"slug\":\"edtech\"},{\"id\":9,\"name\":\"Health\",\"slug\":\"health\"},{\"id\":8,\"name\":\"Media\",\"slug\":\"media\"}],\n                        solutions: [{\"id\":387,\"post_title\":\"BackDesk\",\"post_excerpt\":\"\",\"vertical\":\"EdTech\",\"vertical_slug\":\"edtech\",\"featured\":\"https:\\\/\\\/codestage.com\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/wellair-cover.png\"}]                    }\n                },\n\n                methods: {\n                    updateVertical(event) {\n                        console.log(event.target.value);\n                        this.vertical = event.target.value;\n                    }\n                },\n\n                beforeMount() {                    \n                    this.gradient = {};\n                                            this.gradient['solution_' + 387] = false;\n                                    },\n\n                computed: {\n                    filterByVertical() {\n                        if (this.vertical == 'all') {\n                            return this.solutions;\n                        } \n                        \n                        return this.solutions.filter(solution => solution.vertical_slug == this.vertical);\n                    },\n\n                    randomGradient() {\n                        return 'from-green-500 to-green-600';\n                    }\n                }\n            }).mount('#solutions-app');\n        <\/script>\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Solutions See how Codestage managed to<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-284","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Solutions - Codestage<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codestage.com\/ro\/solutions\/\" \/>\n<meta property=\"og:locale\" content=\"ro_RO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Solutions - Codestage\" \/>\n<meta property=\"og:description\" content=\"Solutions See how Codestage managed to\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codestage.com\/ro\/solutions\/\" \/>\n<meta property=\"og:site_name\" content=\"Codestage\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-14T15:15:03+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codestage.com\/solutions\/\",\"url\":\"https:\/\/codestage.com\/solutions\/\",\"name\":\"Solutions - Codestage\",\"isPartOf\":{\"@id\":\"https:\/\/codestage.com\/#website\"},\"datePublished\":\"2022-12-12T10:38:16+00:00\",\"dateModified\":\"2022-12-14T15:15:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/codestage.com\/solutions\/#breadcrumb\"},\"inLanguage\":\"ro-RO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codestage.com\/solutions\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codestage.com\/solutions\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codestage.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Solutions\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codestage.com\/#website\",\"url\":\"https:\/\/codestage.com\/\",\"name\":\"Codestage\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/codestage.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codestage.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"ro-RO\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codestage.com\/#organization\",\"name\":\"Codestage\",\"url\":\"https:\/\/codestage.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@id\":\"https:\/\/codestage.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/codestage.com\/wp-content\/uploads\/2022\/12\/Codestage-inline.png\",\"contentUrl\":\"https:\/\/codestage.com\/wp-content\/uploads\/2022\/12\/Codestage-inline.png\",\"width\":1011,\"height\":199,\"caption\":\"Codestage\"},\"image\":{\"@id\":\"https:\/\/codestage.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Solutions - Codestage","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codestage.com\/ro\/solutions\/","og_locale":"ro_RO","og_type":"article","og_title":"Solutions - Codestage","og_description":"Solutions See how Codestage managed to","og_url":"https:\/\/codestage.com\/ro\/solutions\/","og_site_name":"Codestage","article_modified_time":"2022-12-14T15:15:03+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/codestage.com\/solutions\/","url":"https:\/\/codestage.com\/solutions\/","name":"Solutions - Codestage","isPartOf":{"@id":"https:\/\/codestage.com\/#website"},"datePublished":"2022-12-12T10:38:16+00:00","dateModified":"2022-12-14T15:15:03+00:00","breadcrumb":{"@id":"https:\/\/codestage.com\/solutions\/#breadcrumb"},"inLanguage":"ro-RO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codestage.com\/solutions\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/codestage.com\/solutions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codestage.com\/"},{"@type":"ListItem","position":2,"name":"Solutions"}]},{"@type":"WebSite","@id":"https:\/\/codestage.com\/#website","url":"https:\/\/codestage.com\/","name":"Codestage","description":"","publisher":{"@id":"https:\/\/codestage.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codestage.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ro-RO"},{"@type":"Organization","@id":"https:\/\/codestage.com\/#organization","name":"Codestage","url":"https:\/\/codestage.com\/","logo":{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/codestage.com\/#\/schema\/logo\/image\/","url":"https:\/\/codestage.com\/wp-content\/uploads\/2022\/12\/Codestage-inline.png","contentUrl":"https:\/\/codestage.com\/wp-content\/uploads\/2022\/12\/Codestage-inline.png","width":1011,"height":199,"caption":"Codestage"},"image":{"@id":"https:\/\/codestage.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/codestage.com\/ro\/wp-json\/wp\/v2\/pages\/284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codestage.com\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codestage.com\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codestage.com\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codestage.com\/ro\/wp-json\/wp\/v2\/comments?post=284"}],"version-history":[{"count":15,"href":"https:\/\/codestage.com\/ro\/wp-json\/wp\/v2\/pages\/284\/revisions"}],"predecessor-version":[{"id":393,"href":"https:\/\/codestage.com\/ro\/wp-json\/wp\/v2\/pages\/284\/revisions\/393"}],"wp:attachment":[{"href":"https:\/\/codestage.com\/ro\/wp-json\/wp\/v2\/media?parent=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}