{"id":39,"date":"2025-11-26T11:11:32","date_gmt":"2025-11-26T10:11:32","guid":{"rendered":"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/?page_id=39"},"modified":"2025-11-26T14:38:27","modified_gmt":"2025-11-26T13:38:27","slug":"kontakt","status":"publish","type":"page","link":"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/?page_id=39","title":{"rendered":"Kontakt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"39\" class=\"elementor elementor-39\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad184c4 e-con-full e-flex e-con e-parent\" data-id=\"ad184c4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f501ff elementor-widget elementor-widget-html\" data-id=\"3f501ff\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FONT -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito+Sans:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* GLOBAL FIX \u2013 usuwa przerw\u0119 nad headerem *\/\r\nbody.elementor-page {\r\n    margin-top: 0 !important;\r\n    padding-top: 0 !important;\r\n}\r\n\r\n\/* ===== HEADER ===== *\/\r\n.hero-header {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 25px 60px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    z-index: 50;\r\n    border-bottom: 1px solid rgba(255,255,255,0.25);\r\n    background: rgba(255,255,255,0.08);\r\n    backdrop-filter: blur(6px);\r\n}\r\n\r\n.hero-header .logo {\r\n    font-family: 'Nunito Sans', sans-serif;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    font-size: 32px;\r\n    letter-spacing: 1px;\r\n    text-shadow: 0 0 6px rgba(0,0,0,0.4);\r\n}\r\n\r\n.hero-header .menu {\r\n    display:flex;\r\n}\r\n\r\n.hero-header .menu a {\r\n    color: #fff;\r\n    text-decoration: none;\r\n    margin-left: 65px; \r\n    font-family: 'Nunito Sans', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 20px;\r\n    text-shadow: 0 0 6px rgba(0,0,0,0.4);\r\n}\r\n\r\n\/* ===== HAMBURGER ===== *\/\r\n.hamburger {\r\n    display: none;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    cursor: pointer;\r\n}\r\n\r\n.hamburger span {\r\n    width: 28px;\r\n    height: 3px;\r\n    background: #fff;\r\n    display: block;\r\n    border-radius: 3px;\r\n}\r\n\r\n\/* ===== MOBILE MENU ===== *\/\r\n.mobile-menu {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0,0,0,0.95);\r\n    z-index: 999;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 30px;\r\n    transform: translateY(-100%);\r\n    transition: 0.4s;\r\n}\r\n\r\n.mobile-menu.active {\r\n    transform: translateY(0);\r\n}\r\n\r\n.mobile-menu a {\r\n    color: #fff;\r\n    font-size: 26px;\r\n    font-family: 'Nunito Sans', sans-serif;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* ===== RESPONSYWNO\u015a\u0106 ===== *\/\r\n@media (max-width: 768px){\r\n    .hero-header{ padding: 15px 20px; }\r\n    .hero-header .menu{ display:none; }\r\n    .hamburger{ display:flex; }\r\n    .hero-header .logo{ font-size: 24px; }\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- ===== HEADER ===== -->\r\n<header class=\"hero-header\">\r\n    <div class=\"logo\">SPICHLERZ<\/div>\r\n\r\n    <nav class=\"menu\">\r\n        <a href=\"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/\">Home<\/a>\r\n        <a href=\"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/?page_id=173\">O obiekcie<\/a>\r\n        <a href=\"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/?page_id=22\">Galeria<\/a>\r\n        <a href=\"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/?page_id=56\">Oferta<\/a>\r\n        <a href=\"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/?page_id=39\">Kontakt<\/a>\r\n    <\/nav>\r\n\r\n    <div class=\"hamburger\" id=\"hamburger\">\r\n        <span><\/span><span><\/span><span><\/span>\r\n    <\/div>\r\n<\/header>\r\n\r\n<!-- MOBILE MENU -->\r\n<div class=\"mobile-menu\" id=\"mobileMenu\">\r\n    <a href=\"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/\">Home<\/a>\r\n    <a href=\"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/?page_id=173\">O obiekcie<\/a>\r\n    <a href=\"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/?page_id=22\">Galeria<\/a>\r\n    <a href=\"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/?page_id=56\">Oferta<\/a>\r\n    <a href=\"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/?page_id=39\">Kontakt<\/a>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ HAMBURGER\r\nconst burger = document.getElementById(\"hamburger\");\r\nconst mobileMenu = document.getElementById(\"mobileMenu\");\r\n\r\nburger.addEventListener(\"click\", ()=>{\r\n    mobileMenu.classList.toggle(\"active\");\r\n});\r\n\r\nmobileMenu.querySelectorAll(\"a\").forEach(link=>{\r\n    link.addEventListener(\"click\", ()=>{\r\n        mobileMenu.classList.remove(\"active\");\r\n    });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2582179 e-con-full e-flex e-con e-parent\" data-id=\"2582179\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e49e097 elementor-widget elementor-widget-html\" data-id=\"e49e097\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"elm-contact-section\">\r\n  <div class=\"elm-contact-card\">\r\n    <h2 class=\"elm-contact-title\">Skontaktuj si\u0119 z nami<\/h2>\r\n\r\n    <form class=\"elm-contact-form\" action=\"#\" method=\"post\">\r\n      <div class=\"row\">\r\n        <label class=\"field\">\r\n          <span class=\"label-text\">Imi\u0119 i nazwisko<\/span>\r\n          <input type=\"text\" name=\"name\" required placeholder=\"Jan Kowalski\">\r\n        <\/label>\r\n\r\n        <label class=\"field\">\r\n          <span class=\"label-text\">E-mail<\/span>\r\n          <input type=\"email\" name=\"email\" required placeholder=\"twoj@email.pl\">\r\n        <\/label>\r\n      <\/div>\r\n\r\n      <div class=\"row\">\r\n        <label class=\"field\">\r\n          <span class=\"label-text\">Telefon<\/span>\r\n          <input type=\"tel\" name=\"phone\" placeholder=\"695 019 972\">\r\n        <\/label>\r\n      <\/div>\r\n\r\n      <label class=\"field\">\r\n        <span class=\"label-text\">Wiadomo\u015b\u0107<\/span>\r\n        <textarea name=\"message\" required placeholder=\"Napisz wiadomo\u015b\u0107...\"><\/textarea>\r\n      <\/label>\r\n\r\n      <div class=\"checkboxes\">\r\n        <label class=\"checkbox\">\r\n          <input type=\"checkbox\" name=\"marketing\">\r\n          <span>Zgoda marketingowa (opcjonalna)<\/span>\r\n        <\/label>\r\n\r\n        <label class=\"checkbox\">\r\n          <input type=\"checkbox\" name=\"privacy\" required>\r\n          <span>Akceptuj\u0119 polityk\u0119 prywatno\u015bci (wymagane)<\/span>\r\n        <\/label>\r\n      <\/div>\r\n\r\n      <button type=\"submit\" class=\"btn-submit\">Wy\u015blij wiadomo\u015b\u0107<\/button>\r\n    <\/form>\r\n\r\n    <div class=\"contact-phone\">\r\n      Nr tel: <a href=\"tel:+48695019972\">695 019 972<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.elm-contact-section{\r\n  padding: 40px 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n  background: transparent;\r\n  font-family: system-ui, sans-serif;\r\n}\r\n\r\n.elm-contact-card{\r\n  width: 100%;\r\n  max-width: 900px;\r\n  padding: 32px;\r\n  border-radius: 16px;\r\n\r\n  \/* \u2705 przyciemnienie TYLKO na formularzu *\/\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(10,10,10,0.65),\r\n    rgba(0,0,0,0.75)\r\n  );\r\n\r\n  border: 1px solid rgba(255,255,255,0.15);\r\n  box-shadow: 0 10px 35px rgba(0,0,0,0.7);\r\n  backdrop-filter: blur(14px) saturate(120%);\r\n  -webkit-backdrop-filter: blur(14px) saturate(120%);\r\n  color: #fff;\r\n}\r\n\r\n.elm-contact-title{\r\n  font-size: 1.6rem;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.row{\r\n  display: flex;\r\n  gap: 14px;\r\n  margin-bottom: 14px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.field{\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n  font-size: 0.9rem;\r\n  color: rgba(255,255,255,0.8);\r\n}\r\n\r\ninput, textarea{\r\n  padding: 12px 14px;\r\n  border-radius: 10px;\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  background: rgba(255,255,255,0.05);\r\n  color: #fff;\r\n  font-size: 0.95rem;\r\n  outline: none;\r\n}\r\n\r\ninput::placeholder, textarea::placeholder{\r\n  color: rgba(255,255,255,0.4);\r\n}\r\n\r\ninput:focus, textarea:focus{\r\n  border-color: rgba(255,255,255,0.3);\r\n}\r\n\r\ntextarea{\r\n  min-height: 110px;\r\n  resize: vertical;\r\n}\r\n\r\n.checkboxes{\r\n  margin: 14px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n  font-size: 0.9rem;\r\n}\r\n\r\n.checkbox{\r\n  display: flex;\r\n  gap: 10px;\r\n  align-items: center;\r\n}\r\n\r\n.checkbox input{\r\n  width: 18px;\r\n  height: 18px;\r\n  accent-color: #fff;\r\n}\r\n\r\n.btn-submit{\r\n  padding: 12px 24px;\r\n  border-radius: 10px;\r\n  border: 1px solid rgba(255,255,255,0.2);\r\n  background: rgba(255,255,255,0.1);\r\n  color: #fff;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: 0.2s;\r\n}\r\n\r\n.btn-submit:hover{\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 20px rgba(0,0,0,0.6);\r\n}\r\n\r\n.contact-phone{\r\n  margin-top: 20px;\r\n  font-size: 1rem;\r\n  color: rgba(255,255,255,0.85);\r\n}\r\n\r\n.contact-phone a{\r\n  color: #fff;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n}\r\n\r\n.contact-phone a:hover{\r\n  text-decoration: underline;\r\n}\r\n\r\n\/* \u2705 RESPONSYWNO\u015a\u0106 *\/\r\n@media(max-width: 720px){\r\n  .row{flex-direction: column;}\r\n  .elm-contact-card{padding: 22px;}\r\n}\r\n\r\n@media(max-width: 420px){\r\n  .btn-submit{width: 100%;}\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.querySelector('.elm-contact-form').addEventListener('submit', function(e){\r\n  if(!this.querySelector('input[name=\"privacy\"]').checked){\r\n    e.preventDefault();\r\n    alert('Musisz zaakceptowa\u0107 polityk\u0119 prywatno\u015bci.');\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SPICHLERZ Home O obiekcie Galeria Oferta Kontakt Home O obiekcie Galeria Oferta Kontakt Skontaktuj si\u0119 z nami Imi\u0119 i nazwisko E-mail Telefon Wiadomo\u015b\u0107 Zgoda marketingowa (opcjonalna) Akceptuj\u0119 polityk\u0119 prywatno\u015bci (wymagane) Wy\u015blij wiadomo\u015b\u0107 Nr tel: 695 019 972<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/index.php?rest_route=\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=39"}],"version-history":[{"count":10,"href":"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":198,"href":"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions\/198"}],"wp:attachment":[{"href":"http:\/\/spichlerz-inwestycja.twojewuwuwu.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}