{"id":285,"date":"2022-12-12T10:38:16","date_gmt":"2022-12-12T10:38:16","guid":{"rendered":"http:\/\/codestage.com\/?page_id=285"},"modified":"2022-12-12T11:05:15","modified_gmt":"2022-12-12T11:05:15","slug":"contact","status":"publish","type":"page","link":"https:\/\/codestage.com\/ro\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"285\" class=\"elementor elementor-285\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5109717 cds-container elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5109717\" 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-9d7614a\" data-id=\"9d7614a\" 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-d7cac45 elementor-widget elementor-widget-cds_contact\" data-id=\"d7cac45\" data-element_type=\"widget\" data-widget_type=\"cds_contact.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"mt-10 w-full flex flex-col md:flex-row gap-10\">\n            <div class=\"w-12\/12 md:w-4\/12 rounded-cds bg-[#F5F6FA] p-10 flex flex-col gap-10\">\n                <div class=\"flex flex-row gap-3\">\n                    <div class=\"flex items-center justify-center\">\n                        <div class=\"bg-white rounded-lg p-2\">\n                            <!-- chat icon -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10 text-[#FF15DE]\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                                <path fill-rule=\"evenodd\" d=\"M10 2a8 8 0 00-8 8 8 8 0 008 8 8 8 0 008-8 8 8 0 00-8-8zm0 14a6 6 0 01-6-6 6 6 0 016-6 6 6 0 016 6 6 6 0 01-6 6zm2-9a2 2 0 11-4 0 2 2 0 014 0zm-6 0a2 2 0 11-4 0 2 2 0 014 0z\" clip-rule=\"evenodd\" \/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex flex-col justify-center\">\n                        <h2 class=\"gilroy text-xl\">Discut\u0103 cu noi<\/h2>\n                        <p class=\"text-[#FF15DE] gilroy !mb-0\">Suntem aici s\u0103 te ajut\u0103m<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-row gap-3\">\n                    <div class=\"flex items-center justify-center\">\n                        <div class=\"bg-white rounded-lg p-2\">\n                            <!-- email icon -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10 text-[#FF15DE]\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                                <path fill-rule=\"evenodd\" d=\"M2 4a2 2 0 012-2h12a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V4zm2 0v12h12V4H4zm2 2a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1H6z\" clip-rule=\"evenodd\" \/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex flex-col justify-center\">\n                        <h2 class=\"gilroy text-xl\">Email<\/h2>\n                        <p class=\"text-[#FF15DE] gilroy !mb-0 flex flex-row items-center\">\n                            contact \n                            <svg class=\"w-4 h-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"#FF15DE\"><g data-name=\"Layer 2\"><path d=\"M13 2a10 10 0 0 0-5 19.1 10.15 10.15 0 0 0 4 .9 10 10 0 0 0 6.08-2.06 1 1 0 0 0 .19-1.4 1 1 0 0 0-1.41-.19A8 8 0 1 1 12.77 4 8.17 8.17 0 0 1 20 12.22v.68a1.71 1.71 0 0 1-1.78 1.7 1.82 1.82 0 0 1-1.62-1.88V8.4a1 1 0 0 0-1-1 1 1 0 0 0-1 .87 5 5 0 0 0-3.44-1.36A5.09 5.09 0 1 0 15.31 15a3.6 3.6 0 0 0 5.55.61A3.67 3.67 0 0 0 22 12.9v-.68A10.2 10.2 0 0 0 13 2zm-1.82 13.09A3.09 3.09 0 1 1 14.27 12a3.1 3.1 0 0 1-3.09 3.09z\" data-name=\"at\"\/><\/g><\/svg>\n                            codestage.ro\n                        <\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-row gap-3\">\n                    <div class=\"flex items-center justify-center\">\n                        <div class=\"bg-white rounded-lg p-2\">\n                            <!-- facebook icon -->\n                            <svg class=\"h-10 w-10\" fill=\"#FF15DE\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" data-name=\"Layer 1\" viewbox=\"0 0 24 24\"><path d=\"M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex flex-col justify-center\">\n                        <h2 class=\"gilroy text-xl\">Facebook<\/h2>\n                        <p class=\"text-[#FF15DE] gilroy !mb-0\">Suntem aici s\u0103 te ajut\u0103m<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"w-12\/12 md:w-8\/12 flex flex-col gap-10\" id=\"contact-app\">\n                    <h1 class=\"gilroy text-4xl font-[800] !mb-0\">S\u0103 lu\u0103m leg\u0103tura<\/h1>\n                    <template v-if=\"enquiry.step == 1\">\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5 w-full\">\n                                                            <div @click=\"toggleService('consulting')\" class=\"flex flex-col justify-end cursor-pointer items-center bg-[#F5F6FA] rounded-cds min-h-[180px] relative\">\n                                    <div :class=\"{'bg-[#FF15DE]': enquiry.services.includes('consulting')}\" class=\"transition absolute w-8 h-8 rounded-full bg-white top-6 right-6\"><\/div>\n                                    <div class=\"text-[#FF15DE] text-center mt-5 gilroy font-bold text-2xl mb-5\">Consultan\u021b\u0103<\/div>\n                                <\/div>\n                                                            <div @click=\"toggleService('cybersecurity-assessment')\" class=\"flex flex-col justify-end cursor-pointer items-center bg-[#F5F6FA] rounded-cds min-h-[180px] relative\">\n                                    <div :class=\"{'bg-[#FF15DE]': enquiry.services.includes('cybersecurity-assessment')}\" class=\"transition absolute w-8 h-8 rounded-full bg-white top-6 right-6\"><\/div>\n                                    <div class=\"text-[#FF15DE] text-center mt-5 gilroy font-bold text-2xl mb-5\">Cybersecurity Assessment<\/div>\n                                <\/div>\n                                                            <div @click=\"toggleService('maintenance')\" class=\"flex flex-col justify-end cursor-pointer items-center bg-[#F5F6FA] rounded-cds min-h-[180px] relative\">\n                                    <div :class=\"{'bg-[#FF15DE]': enquiry.services.includes('maintenance')}\" class=\"transition absolute w-8 h-8 rounded-full bg-white top-6 right-6\"><\/div>\n                                    <div class=\"text-[#FF15DE] text-center mt-5 gilroy font-bold text-2xl mb-5\">Mentenan\u021b\u0103<\/div>\n                                <\/div>\n                                                            <div @click=\"toggleService('software-outsourcing')\" class=\"flex flex-col justify-end cursor-pointer items-center bg-[#F5F6FA] rounded-cds min-h-[180px] relative\">\n                                    <div :class=\"{'bg-[#FF15DE]': enquiry.services.includes('software-outsourcing')}\" class=\"transition absolute w-8 h-8 rounded-full bg-white top-6 right-6\"><\/div>\n                                    <div class=\"text-[#FF15DE] text-center mt-5 gilroy font-bold text-2xl mb-5\">Outsourcing de software<\/div>\n                                <\/div>\n                                                    <\/div>\n                    <\/template>\n                    <template v-if=\"enquiry.step == 2\">\n                        <div class=\"flex flex-col gap-5\">\n                            <div class=\"flex flex-col gap-2\">\n                                <label class=\"gilroy text-xl font-bold\">Nume*<\/label>\n                                <input v-model=\"contact.name\" type=\"text\" class=\"gilroy text-xl border-b border-[#FF15DE] focus:outline-none focus:border-[#FF15DE]\" required>\n                            <\/div>\n                            <div class=\"flex flex-col gap-2\">\n                                <label class=\"gilroy text-xl font-bold\">Email*<\/label>\n                                <input v-model=\"contact.email\" type=\"email\" class=\"gilroy text-xl border-b border-[#FF15DE] focus:outline-none focus:border-[#FF15DE]\" required>\n                            <\/div>\n                            <div class=\"flex flex-col gap-2\">\n                                <label class=\"gilroy text-xl font-bold\">Mesaj<\/label>\n                                <textarea v-model=\"contact.message\" class=\"gilroy text-xl border-b border-[#FF15DE] focus:outline-none focus:border-[#FF15DE]\">{{ contact.message }}<\/textarea>\n                            <\/div>\n                        <\/div>\n                    <\/template>\n                    <template v-if=\"enquiry.step == 3\">\n                        <h1 class=\"gilroy text-4xl font-[800] !mb-0\">Thank you!<\/h1>\n                        <p class=\"gilroy text-xl\">We will get back to you as soon as possible.<\/p>\n                    <\/template>\n                <div class=\"w-full flex flex-row gap-3\">\n                    <span v-if=\"enquiry.step > 1\" @click=\"previousStep\" class=\"rounded-full cursor-pointer bg-[#F5F6FA] inline-block flex items-center justify-center w-16\">\n                        <svg fill=\"#FF15DE\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\"><path fill=\"none\" d=\"M0 0h24v24H0V0z\" opacity=\".87\"\/><path d=\"M16.62 2.99c-.49-.49-1.28-.49-1.77 0L6.54 11.3c-.39.39-.39 1.02 0 1.41l8.31 8.31c.49.49 1.28.49 1.77 0s.49-1.28 0-1.77L9.38 12l7.25-7.25c.48-.48.48-1.28-.01-1.76z\"\/><\/svg>\n                    <\/span>\n                    <span @click=\"nextStep\" class=\"bg-[#FF15DE] gilroy font-bold text-xl w-full block text-center rounded-cds text-white py-3 cursor-pointer hover:bg-[#7F21CE] transition\">Continu\u0103<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        <script>\n        createApp({\n            data() {\n                return {\n                    enquiry: {\n                        services: [],\n                        step: 1\n                    },\n                    contact: {\n                        name: '',\n                        email: '',\n                        message: 'Hi, I would like to enquire about the following services:'\n                    },\n                }\n            },\n\n            mounted() {\n                \/\/ watch step\n                this.$watch('enquiry.step', (step) => {\n                    if(step == 2) {\n                        this.contact.message = 'Hi, I would like to enquire about the following services: ' + this.enquiry.services.map(s => s.replace('-', ' ')).join(', ')\n                    }\n                })\n            },\n\n            methods: {\n                toggleService(service) {\n                    if(this.enquiry.services.includes(service)) {\n                        this.enquiry.services = this.enquiry.services.filter(s => s !== service)\n                        return\n                    } else this.enquiry.services.push(service);\n                },\n\n                nextStep() {\n                    if(this.enquiry.step == 1 && this.enquiry.services.length == 0) return;\n\n                    if(this.enquiry.step == 2) {\n                        if(this.contact.name == '' || this.contact.email == '' || this.contact.email.indexOf('@') == -1) return;\n\n                        var xhttp = new XMLHttpRequest();\n                        xhttp.onreadystatechange = function() {\n                            if (this.readyState == 4 && this.status == 200) {\n                                window.location.hash = 'thanks';\n                            }\n                        };\n\n                        xhttp.open(\"POST\", \"https:\/\/core.codestage.ro\/api\/contact\", true);\n                        xhttp.setRequestHeader(\"Content-type\", \"application\/x-www-form-urlencoded\");\n                        xhttp.send(\"email=\" + this.contact.email + \"&name=\" + this.contact.name + \"&message=\" + this.contact.message);\n                    }\n\n                    this.enquiry.step++\n                },\n\n                previousStep() {\n                    if(this.enquiry.step == 1) return;\n\n                    this.enquiry.step--\n                },\n            }\n        }).mount('#contact-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<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-285","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>Contact - 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\/contact\/\" \/>\n<meta property=\"og:locale\" content=\"ro_RO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact - Codestage\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codestage.com\/ro\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"Codestage\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-12T11:05:15+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\/ro\/contact\/\",\"url\":\"https:\/\/codestage.com\/ro\/contact\/\",\"name\":\"Contact - Codestage\",\"isPartOf\":{\"@id\":\"https:\/\/codestage.com\/#website\"},\"datePublished\":\"2022-12-12T10:38:16+00:00\",\"dateModified\":\"2022-12-12T11:05:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/codestage.com\/ro\/contact\/#breadcrumb\"},\"inLanguage\":\"ro-RO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codestage.com\/ro\/contact\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codestage.com\/ro\/contact\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codestage.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@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":"Contact - 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\/contact\/","og_locale":"ro_RO","og_type":"article","og_title":"Contact - Codestage","og_url":"https:\/\/codestage.com\/ro\/contact\/","og_site_name":"Codestage","article_modified_time":"2022-12-12T11:05:15+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/codestage.com\/ro\/contact\/","url":"https:\/\/codestage.com\/ro\/contact\/","name":"Contact - Codestage","isPartOf":{"@id":"https:\/\/codestage.com\/#website"},"datePublished":"2022-12-12T10:38:16+00:00","dateModified":"2022-12-12T11:05:15+00:00","breadcrumb":{"@id":"https:\/\/codestage.com\/ro\/contact\/#breadcrumb"},"inLanguage":"ro-RO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codestage.com\/ro\/contact\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/codestage.com\/ro\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codestage.com\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@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\/285","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=285"}],"version-history":[{"count":4,"href":"https:\/\/codestage.com\/ro\/wp-json\/wp\/v2\/pages\/285\/revisions"}],"predecessor-version":[{"id":307,"href":"https:\/\/codestage.com\/ro\/wp-json\/wp\/v2\/pages\/285\/revisions\/307"}],"wp:attachment":[{"href":"https:\/\/codestage.com\/ro\/wp-json\/wp\/v2\/media?parent=285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}