{"id":1379,"date":"2022-06-10T17:48:13","date_gmt":"2022-06-10T15:48:13","guid":{"rendered":"https:\/\/staging.u-experten.decontact"},"modified":"2023-02-21T17:05:29","modified_gmt":"2023-02-21T16:05:29","slug":"contact","status":"publish","type":"page","link":"https:\/\/staging.u-experten.de\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<div data-block-name=\"hero\" data-block-top x-data=\"hero\" class=\"relative pt-56 ph:pt-32\" x-bind:class=\"additionalBottomSpacing ? 'pb-[264px] ph:pb-[220px]' : 'pb-30 ph:pb-14'\" x-argh:animate-long=\"false\">\n    <div x-show=\"animateLong\" x-cloak x-ref=\"animatedImage\" x-bind=\"animatedImage\" class=\"absolute top-1\/2 left-1\/2 overflow-hidden bg-cover bg-center -translate-x-1\/2 -translate-y-1\/2 ease-hero\"><\/div>\n\n            <div x-ref=\"slider\" x-cloak class=\"swiper-container absolute inset-0 overflow-hidden\">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide relative\">\n                        <div class=\"absolute inset-0 bg-cover bg-center\" style=\"background-image: url(https:\/\/staging.u-experten.de\/wp-content\/uploads\/2022\/06\/kontakt-smart-products-uexperten.jpg)\">\n                                                            <div class=\"absolute inset-0\" style=\"background-color: rgba(25,34,57,0.5)\"><\/div>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n\n                    <\/div>\n    \n    <div x-show=\"isReady\" x-cloak class=\"absolute inset-0 -bottom-full overflow-hidden pointer-events-none\">\n        <div x-bind=\"circle1\" class=\"absolute top-1\/4 left-1\/2 border border-orange rounded-full ease-hero before:block before:pt-full\"><\/div>\n        <div x-bind=\"circle2\" class=\"absolute top-1\/4 left-1\/2 border border-orange rounded-full ease-hero before:block before:pt-full\"><\/div>\n        <div x-bind=\"circle3\" class=\"absolute top-1\/4 left-1\/2 border border-orange rounded-full ease-hero before:block before:pt-full\"><\/div>\n    <\/div>\n\n    <div class=\"wrapper pointer-events-buttons relative\">\n        <div x-ref=\"innerBlocks\" x-cloak class=\"prose max-w-[560px]\" x-bind:class=\"animateLong ? 'prose-animate-2' : 'prose-animate-1'\">\n            \n\n<p class=\"is-style-narrow has-fz-80-font-size\"><strong>CONTACT<\/strong><\/p>\n\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<div\n    data-block-name=\"section\"\n    data-block-top\n    x-data=\"section\"\n    x-bind=\"root\"\n    x-argh:background-color=\"'default'\"\n    x-argh:custom-background-color=\"''\"\n    x-argh:padding-top=\"120\"\n    x-argh:padding-bottom=\"240\"\n    x-argh:wrapper-max-width=\"'1296px'\"\n    x-argh:vertical-spacing=\"56\"\n    x-argh:overflow=\"'visible'\"\n    id=\"\"\n    data-gradient-start=\"false\"\n    data-gradient-start-color=\"#4E2154\"\n    data-gradient-end=\"false\"\n    data-gradient-end-color=\"#192239\"\n    style=\"--column-gap: 86px\"\n>\n    <div class=\"wrapper wrapper-default\">\n        <div x-ref=\"innerBlocks\" x-bind=\"innerBlocks\">\n            \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div data_block_name=\"vcard\" \n    x-data=\"vcard\"\n    x-bind=\"vcard\"\n    x-argh:style=\"'vertical'\"\n    class=\"flex ph:max-w-[420px] ph:items-start\"\n>\n    <div x-bind=\"image\" class=\"relative rounded-full border-2 border-orange ph:w-24 before:block before:pt-[100%] shrink-0\">\n        <div \n            class=\"absolute rounded-full bg-center bg-cover w-3\/4 h-3\/4 right-[5%] top-[18%]\"\n            style=\"background-image: url('https:\/\/staging.u-experten.de\/wp-content\/uploads\/2023\/06\/Alexander-W.-Jonke-Geschaeftsfuehrer-U-Experten\u00a9-UX-Gruppe-M4.jpg')\"\n        ><\/div>\n    <\/div>\n\n    <div style=\"color: \" class=\"flex flex-col font-narrow\">\n        <span class=\"text-24 font-strong\">Alexander W. Jonke<\/span>\n        <span>Managing Director U-Experten<\/span>\n        <div style=\"color: \" class=\"mt-8 flex flex-col\">\n            <a class=\"flex gap-x-2 items-center hover:text-orange focus:text-orange whitespace-nowrap transition\" href=\"tel:+49 8105 77839-128\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <i class=\"icon-phone text-24\"><\/i>\n                <span>+49 8105 77839-128<\/span>\n            <\/a>\n            <a class=\"flex gap-x-2 items-center hover:text-orange focus:text-orange whitespace-nowrap transition\" href=\"mailto:info@u-experten.de\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <i class=\"icon-envelope text-24\"><\/i>\n                <span>info@u-experten.de<\/span>\n            <\/a>\n                    <\/div>\n    <\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"is-style-outlined has-orange-color has-text-color has-fz-64-font-size\">GET IN TOUCH<\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<form data-block-name=\"form\" x-data=\"form\" x-on:submit.prevent=\"onSubmit()\" style=\"--form-primary-color: #EF7D00; --form-secondary-color: #192239; --form-text-color: #FFFFFF;\">\n    <input type=\"hidden\" name=\"action\" value=\"ue_form\">\n    <input type=\"hidden\" name=\"post_id\" value=\"1379\">\n    <input type=\"hidden\" name=\"form_id\" value=\"1656\">\n\n    <div class=\"space-y-10\">\n        <div class=\"space-y-10 transition duration-300\" x-bind:class=\"(submitting || successMessage) &#038;&#038; 'pointer-events-none opacity-40'\">\n            <div data-block-name=\"text-input\" x-data x-id=\"['text-input']\" class=\"flex flex-col items-start\">\n    <div class=\"relative w-full py-2 border-b border-orange\/20 focus-within:border-orange transition duration-300\" x-bind:class=\"fieldErrors['Surname'] &#038;&#038; '!border-signal-red'\">\n                    <input class=\"input block w-full h-8 bg-transparent border-none outline-none font-narrow text-white text-24 tracking-normal\" type=\"text\" placeholder=\" \" name=\"Surname\" x-bind:id=\"$id('text-input')\">\n        \n        <label class=\"absolute top-2 pointer-events-none font-narrow text-orange text-24 leading-none tracking-normal transition-all duration-300\" x-bind:for=\"$id('text-input')\">Your name*<\/label>\n    <\/div>\n    <span class=\"pt-px pb-0.5 px-1.5 bg-signal-red rounded-b-4 text-white text-12\" x-show=\"fieldErrors['Surname']\" x-text=\"fieldErrors['Surname']\"><\/span>\n<\/div>\n\n<div data-block-name=\"text-input\" x-data x-id=\"['text-input']\" class=\"flex flex-col items-start\">\n    <div class=\"relative w-full py-2 border-b border-orange\/20 focus-within:border-orange transition duration-300\" x-bind:class=\"fieldErrors['company'] &#038;&#038; '!border-signal-red'\">\n                    <input class=\"input block w-full h-8 bg-transparent border-none outline-none font-narrow text-white text-24 tracking-normal\" type=\"text\" placeholder=\" \" name=\"company\" x-bind:id=\"$id('text-input')\">\n        \n        <label class=\"absolute top-2 pointer-events-none font-narrow text-orange text-24 leading-none tracking-normal transition-all duration-300\" x-bind:for=\"$id('text-input')\">Company<\/label>\n    <\/div>\n    <span class=\"pt-px pb-0.5 px-1.5 bg-signal-red rounded-b-4 text-white text-12\" x-show=\"fieldErrors['company']\" x-text=\"fieldErrors['company']\"><\/span>\n<\/div>\n\n<div data-block-name=\"text-input\" x-data x-id=\"['text-input']\" class=\"flex flex-col items-start\">\n    <div class=\"relative w-full py-2 border-b border-orange\/20 focus-within:border-orange transition duration-300\" x-bind:class=\"fieldErrors['e-mail'] &#038;&#038; '!border-signal-red'\">\n                    <input class=\"input block w-full h-8 bg-transparent border-none outline-none font-narrow text-white text-24 tracking-normal\" type=\"text\" placeholder=\" \" name=\"e-mail\" x-bind:id=\"$id('text-input')\">\n        \n        <label class=\"absolute top-2 pointer-events-none font-narrow text-orange text-24 leading-none tracking-normal transition-all duration-300\" x-bind:for=\"$id('text-input')\">Your email*<\/label>\n    <\/div>\n    <span class=\"pt-px pb-0.5 px-1.5 bg-signal-red rounded-b-4 text-white text-12\" x-show=\"fieldErrors['e-mail']\" x-text=\"fieldErrors['e-mail']\"><\/span>\n<\/div>\n\n<div data-block-name=\"text-input\" x-data x-id=\"['text-input']\" class=\"flex flex-col items-start\">\n    <div class=\"relative w-full py-2 border-b border-orange\/20 focus-within:border-orange transition duration-300\" x-bind:class=\"fieldErrors['phones'] &#038;&#038; '!border-signal-red'\">\n                    <input class=\"input block w-full h-8 bg-transparent border-none outline-none font-narrow text-white text-24 tracking-normal\" type=\"text\" placeholder=\" \" name=\"phones\" x-bind:id=\"$id('text-input')\">\n        \n        <label class=\"absolute top-2 pointer-events-none font-narrow text-orange text-24 leading-none tracking-normal transition-all duration-300\" x-bind:for=\"$id('text-input')\">Your phone number<\/label>\n    <\/div>\n    <span class=\"pt-px pb-0.5 px-1.5 bg-signal-red rounded-b-4 text-white text-12\" x-show=\"fieldErrors['phones']\" x-text=\"fieldErrors['phones']\"><\/span>\n<\/div>\n\n<div data-block-name=\"text-input\" x-data x-id=\"['text-input']\" class=\"flex flex-col items-start\">\n    <div class=\"relative w-full py-2 border-b border-orange\/20 focus-within:border-orange transition duration-300\" x-bind:class=\"fieldErrors['message'] &#038;&#038; '!border-signal-red'\">\n                    <textarea class=\"input block w-full resize-y bg-transparent border-none outline-none font-narrow text-white text-24 tracking-normal\" rows=\"2\" placeholder=\" \" name=\"message\" x-bind:id=\"$id('text-input')\"><\/textarea>\n        \n        <label class=\"absolute top-2 pointer-events-none font-narrow text-orange text-24 leading-none tracking-normal transition-all duration-300\" x-bind:for=\"$id('text-input')\">Your message*<\/label>\n    <\/div>\n    <span class=\"pt-px pb-0.5 px-1.5 bg-signal-red rounded-b-4 text-white text-12\" x-show=\"fieldErrors['message']\" x-text=\"fieldErrors['message']\"><\/span>\n<\/div>\n\n<div data-block-name=\"checkbox\" x-data x-id=\"['checkbox']\">\n    <label x-bind:for=\"$id('checkbox')\" class=\"flex text-16 tp:text-18\">\n        <input\n            type=\"checkbox\"\n            name=\"legal\"\n            x-bind:id=\"$id('checkbox')\"\n            class=\"peer sr-only\"\n            \n        >\n        <span data-checkbox class=\"shrink-0 flex w-[15px] h-[15px] mt-1 mr-3 pt-px border border-orange rounded-2 peer-checked:bg-orange text-transparent peer-checked:text-blue text-[6px] transition-all duration-300\">\n            <i class=\"icon-check m-auto\"><\/i>\n        <\/span>\n        <span x-ref=\"innerBlocks\" class=\"ml-px font-narrow text-orange\">\n            \n\n<p>I hereby agree to the <a rel=\"noreferrer noopener\" href=\"https:\/\/staging.u-experten.deen\/data-privacy\/\" data-type=\"page\" data-id=\"1492\" target=\"_blank\">data privacy declaration<\/a><\/p>\n\n\n        <\/span>\n    <\/label>\n    <span class=\"inline-block mt-2 ml-7 pt-px pb-0.5 px-1.5 bg-signal-red rounded-4 text-white text-12\" x-show=\"fieldErrors['legal']\" x-text=\"fieldErrors['legal']\"><\/span>\n<\/div>\n\n            <div x-show=\"!successMessage\" class=\"full-width-tp\">\n                <button\n    data-block-name=\"button\"\n    x-data=\"button\"\n    x-bind=\"simpleRoot\"\n    x-argh:size=\"'base'\"\n    x-argh:color=\"'orange'\"\n    x-argh:custom-color=\"''\"\n    x-argh:arrow-color=\"''\"\n    x-argh:arrow-position=\"'left'\"\n    class=\"group relative inline-flex items-center transition-all duration-300\"\n    \n    type=\"submit\"\n    data-block-id=\"block_62a5c06a1b2ad\"\n>\n    <style>\n        \n            <\/style>\n\n            <span x-bind=\"simpleInner\" class=\"w-full px-12 py-1 group-hover:!bg-transparent group-focus:!bg-transparent border rounded-full font-narrow text-24 transition-all duration-300\">\n            Submit\n        <\/span>\n    <\/button>            <\/div>\n        <\/div>\n\n        <div x-show=\"successMessage\" x-html=\"successMessage\" class=\"text-orange\"><\/div>\n    <\/div>\n<\/form><\/div>\n<\/div>\n\n\n        <\/div>\n    <\/div>\n<\/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":{"_acf_changed":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/pages\/1379"}],"collection":[{"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/comments?post=1379"}],"version-history":[{"count":10,"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/pages\/1379\/revisions"}],"predecessor-version":[{"id":1974,"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/pages\/1379\/revisions\/1974"}],"wp:attachment":[{"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/media?parent=1379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}