{"id":178,"date":"2026-06-15T21:11:03","date_gmt":"2026-06-15T21:11:03","guid":{"rendered":"https:\/\/laopalia.com\/?page_id=178"},"modified":"2026-10-12T11:40:56","modified_gmt":"2026-10-12T11:40:56","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/laopalia.com\/en\/kontakt\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<style>\n.lo-contact {\n  font-family: 'DM Sans', sans-serif;\n  max-width: 100vw;\n  overflow-x: hidden;\n}\n\n\/* Hero *\/\n.lo-contact-hero {\n  padding: 80px 24px 64px;\n  background: #fff;\n}\n@media (min-width: 769px) {\n  .lo-contact-hero {\n    padding: 120px 72px 80px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: start;\n  }\n}\n\n.lo-contact-hero-left h1 {\n  font-family: 'Abril Fatface', serif;\n  font-size: 48px;\n  font-weight: 400;\n  color: #1a1a1a;\n  line-height: 1.1;\n  margin: 0 0 24px;\n}\n@media (min-width: 769px) {\n  .lo-contact-hero-left h1 { font-size: 72px; }\n}\n\n.lo-contact-hero-left p {\n  font-size: 15px;\n  line-height: 1.9;\n  color: #666;\n  font-weight: 300;\n  max-width: 380px;\n  margin: 0 0 40px;\n}\n\n.lo-contact-channels {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.lo-contact-channel {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  text-decoration: none;\n  padding: 20px 24px;\n  border: 0.5px solid #eee;\n  transition: border-color 0.2s, background 0.2s;\n}\n.lo-contact-channel:hover {\n  border-color: #FFB6E3;\n  background: #fff9fc;\n}\n\n.lo-contact-channel-icon {\n  width: 40px;\n  height: 40px;\n  background: #FFB6E3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n.lo-contact-channel-icon svg {\n  width: 18px;\n  height: 18px;\n}\n\n.lo-contact-channel-text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.lo-contact-channel-label {\n  font-size: 9px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: #aaa;\n  font-weight: 400;\n}\n.lo-contact-channel-value {\n  font-size: 14px;\n  color: #1a1a1a;\n  font-weight: 300;\n}\n\n\/* Formularz *\/\n.lo-contact-form-wrap {\n  background: #fafafa;\n  padding: 48px 24px;\n}\n@media (min-width: 769px) {\n  .lo-contact-form-wrap {\n    padding: 0;\n    background: transparent;\n  }\n}\n\n.lo-contact-form-wrap h2 {\n  font-family: 'Abril Fatface', serif;\n  font-size: 28px;\n  font-weight: 400;\n  color: #1a1a1a;\n  margin: 0 0 32px;\n}\n\n.lo-form {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.lo-form-row {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n@media (min-width: 769px) {\n  .lo-form-row.lo-form-row--2 {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n  }\n}\n\n.lo-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.lo-form-field label {\n  font-size: 9px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: #888;\n  font-weight: 400;\n}\n\n.lo-form-field input,\n.lo-form-field textarea,\n.lo-form-field select {\n  border: 0.5px solid #ddd;\n  border-radius: 0;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 16px;\n  font-weight: 300;\n  padding: 14px 16px;\n  color: #1a1a1a;\n  background: #fff;\n  outline: none;\n  transition: border-color 0.2s;\n  width: 100%;\n  box-sizing: border-box;\n  -webkit-appearance: none;\n}\n.lo-form-field input:focus,\n.lo-form-field textarea:focus {\n  border-color: #1a1a1a;\n}\n.lo-form-field textarea {\n  height: 140px;\n  resize: vertical;\n}\n\n.lo-form-submit {\n  background: #1a1a1a;\n  color: #FFB6E3;\n  border: 1.5px solid #1a1a1a;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 11px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  font-weight: 400;\n  padding: 18px 40px;\n  cursor: pointer;\n  transition: background 0.25s, color 0.25s;\n  min-height: 54px;\n  align-self: flex-start;\n  width: 100%;\n}\n@media (min-width: 769px) {\n  .lo-form-submit { width: auto; }\n}\n.lo-form-submit:hover {\n  background: #FFB6E3;\n  color: #1a1a1a;\n}\n\n.lo-form-note {\n  font-size: 11px;\n  color: #aaa;\n  font-weight: 300;\n  line-height: 1.7;\n}\n\n\/* Sukces *\/\n.lo-form-success {\n  display: none;\n  padding: 24px;\n  background: #fff9fc;\n  border-left: 3px solid #FFB6E3;\n  font-size: 14px;\n  color: #555;\n  font-weight: 300;\n  line-height: 1.8;\n}\n<\/style>\n\n<div class=\"lo-contact\">\n  <div class=\"lo-contact-hero\">\n\n    <!-- Lewa kolumna -->\n    <div class=\"lo-contact-hero-left\">\n      <h1>Napisz<br>do nas<\/h1>\n      <p>Masz pytanie o produkt, rozmiar, dostaw\u0119 lub chcesz z\u0142o\u017cy\u0107 zam\u00f3wienie na indywidualny kolor? Odpiszemy w ci\u0105gu 24 godzin.<\/p>\n\n      <div class=\"lo-contact-channels\">\n        <a class=\"lo-contact-channel\" href=\"mailto:laopaliacontact@gmail.com\">\n          <div class=\"lo-contact-channel-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\">\n              <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\n              <polyline points=\"2,4 12,13 22,4\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"lo-contact-channel-text\">\n            <span class=\"lo-contact-channel-label\">Email<\/span>\n            <span class=\"lo-contact-channel-value\">laopaliacontact@gmail.com<\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"lo-contact-channel\" href=\"https:\/\/www.instagram.com\/laopaliastore\" target=\"_blank\" rel=\"noopener\">\n          <div class=\"lo-contact-channel-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\">\n              <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\n              <circle cx=\"17.5\" cy=\"6.5\" r=\"0.8\" fill=\"#1a1a1a\" stroke=\"none\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"lo-contact-channel-text\">\n            <span class=\"lo-contact-channel-label\">Instagram<\/span>\n            <span class=\"lo-contact-channel-value\">@laopaliastore<\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"lo-contact-channel\" href=\"https:\/\/www.tiktok.com\/@laopalia_store\" target=\"_blank\" rel=\"noopener\">\n          <div class=\"lo-contact-channel-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"#1a1a1a\">\n              <path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.17 8.17 0 004.78 1.52V6.75a4.85 4.85 0 01-1.01-.06z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"lo-contact-channel-text\">\n            <span class=\"lo-contact-channel-label\">TikTok<\/span>\n            <span class=\"lo-contact-channel-value\">@laopalia_store<\/span>\n          <\/div>\n        <\/a>\n      <\/div>\n\n      <div class=\"lo-contact-company\" style=\"margin-top:32px;font-size:13px;line-height:1.8;color:#555;font-weight:300;\">\n        <span style=\"display:block;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:#1a1a1a;margin-bottom:6px;\">Dane sprzedawcy<\/span>\n        Magdalena Paw\u0142owska La Opalia<br>ul. Klinkierowa 1\/46, 02-237 Warszawa<br>NIP: 5223373172\n      <\/div>\n    <\/div>\n\n    <!-- Prawa kolumna, formularz -->\n    <div class=\"lo-contact-form-wrap\">\n      <h2>Formularz kontaktowy<\/h2>\n\n      <div class=\"lo-form-success\" id=\"loFormSuccess\">\n        \u2713 Dzi\u0119kujemy za wiadomo\u015b\u0107! Odpiszemy w ci\u0105gu 24 godzin na podany adres email.\n      <\/div>\n\n      <form class=\"lo-form\" id=\"loContactForm\">\n        <div class=\"lo-form-row lo-form-row--2\">\n          <div class=\"lo-form-field\">\n            <label for=\"lo-name\">Imi\u0119<\/label>\n            <input type=\"text\" id=\"lo-name\" name=\"name\" placeholder=\"Anna\" required>\n          <\/div>\n          <div class=\"lo-form-field\">\n            <label for=\"lo-email\">Email<\/label>\n            <input type=\"email\" id=\"lo-email\" name=\"email\" placeholder=\"anna@gmail.com\" required>\n          <\/div>\n        <\/div>\n\n        <div class=\"lo-form-field\">\n          <label for=\"lo-subject\">Temat<\/label>\n          <select id=\"lo-subject\" name=\"subject\">\n            <option value=\"\">Wybierz temat&#8230;<\/option>\n            <option value=\"produkt\">Pytanie o produkt<\/option>\n            <option value=\"zamowienie\">Zam\u00f3wienie<\/option>\n            <option value=\"dostawa\">Dostawa i p\u0142atno\u015b\u0107<\/option>\n            <option value=\"zwrot\">Zwrot \/ reklamacja<\/option>\n            <option value=\"inne\">Inne<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"lo-form-field\">\n          <label for=\"lo-message\">Wiadomo\u015b\u0107<\/label>\n          <textarea id=\"lo-message\" name=\"message\" placeholder=\"Napisz do nas...\" required><\/textarea>\n        <\/div>\n\n        <p class=\"lo-form-note\">Wysy\u0142aj\u0105c formularz wyra\u017casz zgod\u0119 na przetwarzanie danych osobowych w celu odpowiedzi na wiadomo\u015b\u0107. Szczeg\u00f3\u0142y w <a href=\"\/polityka-prywatnosci\/\" style=\"color:#1a1a1a;\">Polityce prywatno\u015bci<\/a>.<\/p>\n\n        <button type=\"submit\" class=\"lo-form-submit\">Wy\u015blij wiadomo\u015b\u0107<\/button>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\ndocument.getElementById('loContactForm').addEventListener('submit', function(e) {\n  e.preventDefault();\n  const name = document.getElementById('lo-name').value;\n  const email = document.getElementById('lo-email').value;\n  const subject = document.getElementById('lo-subject').value;\n  const message = document.getElementById('lo-message').value;\n\n  const mailtoLink = 'mailto:laopaliacontact@gmail.com'\n    + '?subject=' + encodeURIComponent('[La Opalia] ' + (subject || 'Formularz kontaktowy') + ' \u2013 ' + name)\n    + '&body=' + encodeURIComponent('Imi\u0119: ' + name + '\\nEmail: ' + email + '\\n\\nWiadomo\u015b\u0107:\\n' + message);\n\n  window.location.href = mailtoLink;\n\n  document.getElementById('loContactForm').style.display = 'none';\n  document.getElementById('loFormSuccess').style.display = 'block';\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Napiszdo nas Masz pytanie o produkt, rozmiar, dostaw\u0119 lub chcesz z\u0142o\u017cy\u0107 zam\u00f3wienie na indywidualny kolor? Odpiszemy w ci\u0105gu 24 godzin. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-178","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/laopalia.com\/en\/wp-json\/wp\/v2\/pages\/178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laopalia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laopalia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laopalia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laopalia.com\/en\/wp-json\/wp\/v2\/comments?post=178"}],"version-history":[{"count":4,"href":"https:\/\/laopalia.com\/en\/wp-json\/wp\/v2\/pages\/178\/revisions"}],"predecessor-version":[{"id":625,"href":"https:\/\/laopalia.com\/en\/wp-json\/wp\/v2\/pages\/178\/revisions\/625"}],"wp:attachment":[{"href":"https:\/\/laopalia.com\/en\/wp-json\/wp\/v2\/media?parent=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}