{"id":397,"date":"2026-01-25T02:49:38","date_gmt":"2026-01-25T02:49:38","guid":{"rendered":"https:\/\/gerart.online\/?page_id=397"},"modified":"2026-06-28T21:40:54","modified_gmt":"2026-06-29T00:40:54","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/gerart.online\/en\/kontakt\/","title":{"rendered":"Kontakt"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"397\" class=\"elementor elementor-397\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ab0106 e-flex e-con-boxed e-con e-parent\" data-id=\"0ab0106\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e4e433 elementor-widget elementor-widget-html\" data-id=\"0e4e433\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<body>\n\n<!-- ============================================ -->\n<!-- GLOBAL TOKENS & RESET                        -->\n<!-- ============================================ -->\n<style>\n  :root {\n    --ink: #0A0A0B;\n    --paper: #FFFFFF;\n    --paper-2: #F7F6F4;\n    --rule: #E5E5E0;\n    --muted: #737373;\n    --electric: #0047FF;\n    --vermilion: #E63946;\n    --font-display: \"Outfit\", sans-serif;\n    --font-body: \"Inter\", sans-serif;\n  }\n\n  *, *::before, *::after {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  body {\n    font-family: var(--font-body);\n    color: var(--ink);\n    background: var(--paper);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  img {\n    max-width: 100%;\n    display: block;\n  }\n<\/style>\n\n<!-- ============================================ -->\n<!-- SECTION \u2014 CONTACT PAGE BODY                  -->\n<!-- ============================================ -->\n<style>\n  .contact-section {\n    padding: clamp(4rem, 8vw, 8rem) clamp(1.5rem, 5vw, 3rem);\n    background: var(--paper);\n  }\n\n  .contact-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    gap: 3rem;\n  }\n\n  @media (min-width: 1024px) {\n    .contact-container {\n      grid-template-columns: 5fr 7fr;\n      gap: 3.5rem;\n    }\n  }\n\n  \/* Eyebrow *\/\n  .contact-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-family: var(--font-display);\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: var(--vermilion);\n  }\n\n  .contact-eyebrow::before {\n    content: \"\";\n    display: block;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: var(--vermilion);\n  }\n\n  \/* Title *\/\n  .contact-title {\n    font-family: var(--font-display);\n    font-size: clamp(2.25rem, 5.5vw, 4.75rem);\n    font-weight: 800;\n    line-height: 1.05;\n    letter-spacing: -0.03em;\n    color: var(--ink);\n    margin-top: 1rem;\n  }\n\n  \/* Lead *\/\n  .contact-lead {\n    font-family: var(--font-body);\n    font-size: clamp(0.9375rem, 1.1vw, 1.125rem);\n    line-height: 1.7;\n    color: rgba(10, 10, 11, 0.7);\n    max-width: 28rem;\n    margin-top: 1.5rem;\n  }\n\n  \/* Contact Info List *\/\n  .contact-info {\n    margin-top: 2.5rem;\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem;\n  }\n\n  .contact-info__item {\n    display: flex;\n    align-items: flex-start;\n    gap: 1rem;\n  }\n\n  .contact-info__icon {\n    width: 2.5rem;\n    height: 2.5rem;\n    flex-shrink: 0;\n    display: grid;\n    place-items: center;\n    background: var(--electric);\n    color: var(--paper);\n  }\n\n  .contact-info__icon.--dark {\n    background: var(--ink);\n  }\n\n  .contact-info__icon svg {\n    width: 1.25rem;\n    height: 1.25rem;\n  }\n\n  .contact-info__label {\n    font-family: var(--font-display);\n    font-size: 0.6875rem;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: rgba(10, 10, 11, 0.5);\n  }\n\n  .contact-info__value {\n    font-family: var(--font-display);\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--ink);\n    text-decoration: none;\n    transition: color 0.2s ease;\n  }\n\n  @media (min-width: 640px) {\n    .contact-info__value {\n      font-size: 1.125rem;\n    }\n  }\n\n  .contact-info__value:hover {\n    color: var(--electric);\n  }\n\n  \/* Form *\/\n  .contact-form {\n    background: var(--paper-2);\n    padding: 2rem;\n  }\n\n  @media (min-width: 1024px) {\n    .contact-form {\n      padding: 3rem;\n    }\n  }\n\n  .contact-form__grid {\n    display: grid;\n    gap: 1.25rem;\n  }\n\n  @media (min-width: 640px) {\n    .contact-form__grid {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  .contact-form__field {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .contact-form__label {\n    font-family: var(--font-display);\n    font-size: 0.6875rem;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: rgba(10, 10, 11, 0.6);\n  }\n\n  .contact-form__input,\n  .contact-form__textarea {\n    margin-top: 0.5rem;\n    width: 100%;\n    border: 1px solid var(--rule);\n    background: var(--paper);\n    padding: 0.75rem 1rem;\n    font-family: var(--font-body);\n    font-size: 0.875rem;\n    color: var(--ink);\n    transition: border-color 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .contact-form__input::placeholder,\n  .contact-form__textarea::placeholder {\n    color: rgba(10, 10, 11, 0.4);\n  }\n\n  .contact-form__input:focus,\n  .contact-form__textarea:focus {\n    outline: none;\n    border-color: var(--electric);\n    box-shadow: 0 0 0 1px var(--electric);\n  }\n\n  .contact-form__textarea {\n    resize: vertical;\n    min-height: 150px;\n  }\n\n  .contact-form__submit {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    background: var(--ink);\n    color: var(--paper);\n    border: none;\n    padding: 1rem 1.5rem;\n    font-family: var(--font-display);\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    cursor: pointer;\n    transition: background 0.2s ease;\n  }\n\n  @media (min-width: 640px) {\n    .contact-form__submit {\n      width: auto;\n    }\n  }\n\n  .contact-form__submit:hover {\n    background: var(--electric);\n  }\n<\/style>\n\n<section class=\"contact-section\">\n  <div class=\"contact-container\">\n\n    <!-- Left column: info -->\n    <div>\n      <p class=\"contact-eyebrow\">Kontakt<\/p>\n      <h1 class=\"contact-title\">Napisz do nas<\/h1>\n      <p class=\"contact-lead\">Masz pytanie, sugesti\u0119 lub potrzebujesz pomocy? Napisz do nas \u2014 odpowiadamy zazwyczaj w ci\u0105gu 24 godzin.<\/p>\n\n      <ul class=\"contact-info\">\n        <li class=\"contact-info__item\">\n          <span class=\"contact-info__icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\n          <\/span>\n          <div>\n            <p class=\"contact-info__label\">E-mail<\/p>\n            <a href=\"mailto:contact@gerart.online\" class=\"contact-info__value\">contact@gerart.online<\/a>\n          <\/div>\n        <\/li>\n        <li class=\"contact-info__item\">\n          <span class=\"contact-info__icon --dark\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 6v6l4 2\"\/><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg>\n          <\/span>\n          <div>\n            <p class=\"contact-info__label\">Godziny odpowiedzi<\/p>\n            <p class=\"contact-info__value\" style=\"color: var(--ink);\">Odpowiadamy w ci\u0105gu 24h<\/p>\n          <\/div>\n        <\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- Right column: form -->\n    <form class=\"contact-form\" aria-label=\"Formularz kontaktowy\" onsubmit=\"event.preventDefault();\" action=\"\">\n      <div class=\"contact-form__grid\">\n        <div class=\"contact-form__field\">\n          <label for=\"imie\" class=\"contact-form__label\">Imi\u0119<\/label>\n          <input id=\"imie\" type=\"text\" required class=\"contact-form__input\" \/>\n        <\/div>\n        <div class=\"contact-form__field\">\n          <label for=\"email\" class=\"contact-form__label\">E-mail<\/label>\n          <input id=\"email\" type=\"email\" required class=\"contact-form__input\" \/>\n        <\/div>\n      <\/div>\n      <div class=\"contact-form__field\" style=\"margin-top: 1.25rem;\">\n        <label for=\"temat\" class=\"contact-form__label\">Temat<\/label>\n        <input id=\"temat\" type=\"text\" required class=\"contact-form__input\" \/>\n      <\/div>\n      <div class=\"contact-form__field\" style=\"margin-top: 1.25rem;\">\n        <label for=\"wiadomosc\" class=\"contact-form__label\">Wiadomo\u015b\u0107<\/label>\n        <textarea id=\"wiadomosc\" rows=\"6\" required class=\"contact-form__textarea\" placeholder=\"Opisz, w czym mo\u017cemy pom\u00f3c...\"><\/textarea>\n      <\/div>\n      <button type=\"submit\" class=\"contact-form__submit\" style=\"margin-top: 1.25rem;\">Wy\u015blij wiadomo\u015b\u0107<\/button>\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\n  <\/div>\n<\/section>\n\n<\/body>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Kontakt Napisz do nas Masz pytanie, sugesti\u0119 lub potrzebujesz pomocy? Napisz do nas \u2014 odpowiadamy zazwyczaj w ci\u0105gu 24 godzin. E-mail contact@gerart.online Godziny odpowiedzi Odpowiadamy w ci\u0105gu 24h Imi\u0119 E-mail Temat Wiadomo\u015b\u0107 Wy\u015blij wiadomo\u015b\u0107<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[],"class_list":["post-397","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/pages\/397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/comments?post=397"}],"version-history":[{"count":13,"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/pages\/397\/revisions"}],"predecessor-version":[{"id":7083,"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/pages\/397\/revisions\/7083"}],"wp:attachment":[{"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/media?parent=397"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/folder?post=397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}