{"id":7,"date":"2026-07-26T12:11:10","date_gmt":"2026-07-26T10:11:10","guid":{"rendered":"https:\/\/farandaway.pl\/index.php\/strona-glowna\/"},"modified":"2026-07-26T12:11:10","modified_gmt":"2026-07-26T10:11:10","slug":"strona-glowna","status":"publish","type":"page","link":"http:\/\/farandaway.pl\/","title":{"rendered":"Strona g\u0142\u00f3wna"},"content":{"rendered":"\n<style>\n\/* ==== Reset theme wrapper so our landing page owns the full viewport ==== *\/\nbody .wp-site-blocks > header.wp-block-template-part,\nbody .wp-site-blocks > footer.wp-block-template-part,\nbody > header.wp-block-template-part,\nbody > footer.wp-block-template-part {\n  display: none !important;\n}\nbody .wp-site-blocks,\nbody main.wp-block-group,\nbody .wp-block-post-content,\nbody .entry-content {\n  margin: 0 !important;\n  padding: 0 !important;\n  max-width: none !important;\n}\n\n.fa-landing, .fa-landing * { box-sizing: border-box; }\n.fa-landing {\n  --fa-dark: #0F2B2E;\n  --fa-dark-2: #143A3E;\n  --fa-accent: #C96342;\n  --fa-accent-2: #E0855F;\n  --fa-sand: #F4EDE4;\n  --fa-cream: #FBF8F3;\n  --fa-text: #1A1A1A;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  color: var(--fa-text);\n  line-height: 1.6;\n  background: var(--fa-cream);\n  overflow-x: hidden;\n}\n.fa-landing h1, .fa-landing h2, .fa-landing h3 {\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-weight: 400;\n  line-height: 1.15;\n  margin: 0 0 0.5em;\n}\n.fa-landing a { text-decoration: none; color: inherit; }\n.fa-landing ul { list-style: none; margin: 0; padding: 0; }\n.fa-landing img { max-width: 100%; display: block; }\n\n.fa-full {\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n}\n.fa-container {\n  max-width: 1160px;\n  margin: 0 auto;\n  padding: 0 24px;\n}\n\n\/* ---- Nav ---- *\/\n.fa-nav {\n  position: sticky;\n  top: 0;\n  z-index: 50;\n  background: rgba(15, 43, 46, 0.92);\n  backdrop-filter: saturate(160%) blur(6px);\n}\n.fa-nav .fa-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n.fa-logo {\n  color: #fff;\n  font-family: Georgia, serif;\n  font-size: 1.4rem;\n  letter-spacing: 0.02em;\n}\n.fa-logo span { color: var(--fa-accent-2); }\n.fa-nav-links {\n  display: flex;\n  gap: 32px;\n}\n.fa-nav-links a {\n  color: #EDEDED;\n  font-size: 0.95rem;\n  transition: color 0.2s;\n}\n.fa-nav-links a:hover { color: var(--fa-accent-2); }\n.fa-nav-cta {\n  background: var(--fa-accent);\n  color: #fff !important;\n  padding: 10px 20px;\n  border-radius: 999px;\n  font-size: 0.9rem;\n}\n.fa-nav-cta:hover { background: var(--fa-accent-2); }\n.fa-burger { display: none; }\n.fa-burger-toggle { display: none; }\n\n@media (max-width: 780px) {\n  .fa-nav-links {\n    position: absolute;\n    top: 100%; left: 0; right: 0;\n    background: var(--fa-dark);\n    flex-direction: column;\n    align-items: center;\n    gap: 0;\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease;\n  }\n  .fa-nav-links a { padding: 14px 0; width: 100%; text-align: center; }\n  .fa-burger-toggle:checked ~ .fa-nav-links { max-height: 320px; }\n  .fa-burger {\n    display: block;\n    color: #fff;\n    font-size: 1.6rem;\n    cursor: pointer;\n    line-height: 1;\n    padding: 4px 8px;\n  }\n}\n\n\/* ---- Hero ---- *\/\n.fa-hero {\n  background: radial-gradient(ellipse at top right, var(--fa-dark-2) 0%, var(--fa-dark) 55%, #0A2023 100%);\n  color: #fff;\n  padding: 110px 0 140px;\n  position: relative;\n}\n.fa-hero .fa-container {\n  position: relative;\n  z-index: 2;\n  max-width: 760px;\n  text-align: center;\n  margin: 0 auto;\n}\n.fa-eyebrow {\n  display: inline-block;\n  color: var(--fa-accent-2);\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  font-size: 0.78rem;\n  margin-bottom: 18px;\n}\n.fa-hero h1 {\n  font-size: clamp(2.1rem, 5vw, 3.4rem);\n  color: #fff;\n}\n.fa-hero p.fa-lead {\n  font-size: 1.15rem;\n  color: #D8DEDD;\n  max-width: 560px;\n  margin: 18px auto 34px;\n}\n.fa-btn-row { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\n.fa-btn {\n  display: inline-block;\n  padding: 14px 30px;\n  border-radius: 999px;\n  font-size: 0.98rem;\n  transition: transform 0.15s, background 0.2s;\n}\n.fa-btn-primary { background: var(--fa-accent); color: #fff; }\n.fa-btn-primary:hover { background: var(--fa-accent-2); transform: translateY(-1px); }\n.fa-btn-ghost { border: 1px solid rgba(255,255,255,0.4); color: #fff; }\n.fa-btn-ghost:hover { border-color: #fff; transform: translateY(-1px); }\n\n.fa-wave {\n  position: absolute;\n  left: 0; right: 0; bottom: -1px;\n  line-height: 0;\n}\n\n\/* ---- Section headings ---- *\/\n.fa-section { padding: 90px 0; }\n.fa-section-head {\n  text-align: center;\n  max-width: 620px;\n  margin: 0 auto 56px;\n}\n.fa-section-head .fa-eyebrow { color: var(--fa-accent); }\n.fa-section-head h2 {\n  font-size: clamp(1.8rem, 3.4vw, 2.4rem);\n  color: var(--fa-dark);\n}\n.fa-section-head p { color: #555; font-size: 1.02rem; }\n\n\/* ---- Oferta ---- *\/\n.fa-offer-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n}\n@media (max-width: 980px) { .fa-offer-grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 560px) { .fa-offer-grid { grid-template-columns: 1fr; } }\n.fa-card {\n  background: #fff;\n  border-radius: 16px;\n  padding: 32px 24px;\n  box-shadow: 0 6px 24px rgba(15,43,46,0.06);\n  border: 1px solid #EFE7DA;\n  transition: transform 0.2s, box-shadow 0.2s;\n}\n.fa-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(15,43,46,0.1); }\n.fa-card .fa-icon {\n  width: 46px; height: 46px;\n  border-radius: 12px;\n  background: var(--fa-sand);\n  display: flex; align-items: center; justify-content: center;\n  margin-bottom: 18px;\n  color: var(--fa-accent);\n}\n.fa-card h3 { font-size: 1.15rem; color: var(--fa-dark); }\n.fa-card p { font-size: 0.94rem; color: #5c5c5c; margin: 0; }\n\n\/* ---- O nas ---- *\/\n.fa-about {\n  background: var(--fa-sand);\n}\n.fa-about .fa-container {\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: 56px;\n  align-items: center;\n}\n@media (max-width: 860px) { .fa-about .fa-container { grid-template-columns: 1fr; } }\n.fa-about h2 { color: var(--fa-dark); font-size: clamp(1.8rem, 3.2vw, 2.3rem); }\n.fa-about p { color: #494949; }\n.fa-values { margin-top: 24px; display: grid; gap: 16px; }\n.fa-value { display: flex; gap: 14px; align-items: flex-start; }\n.fa-value .fa-dot {\n  width: 8px; height: 8px; border-radius: 50%;\n  background: var(--fa-accent); margin-top: 8px; flex: none;\n}\n.fa-value strong { color: var(--fa-dark); display: block; }\n.fa-about-panel {\n  background: var(--fa-dark);\n  border-radius: 20px;\n  padding: 44px 36px;\n  color: #fff;\n}\n.fa-about-panel h3 { color: #fff; font-size: 1.3rem; }\n.fa-about-panel p { color: #C9D2D1; font-size: 0.98rem; }\n\n\/* ---- Kontakt ---- *\/\n.fa-contact { background: var(--fa-dark); color: #fff; }\n.fa-contact .fa-section-head h2 { color: #fff; }\n.fa-contact .fa-section-head p { color: #C9D2D1; }\n.fa-contact-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  max-width: 900px;\n  margin: 0 auto 40px;\n}\n@media (max-width: 780px) { .fa-contact-grid { grid-template-columns: 1fr; } }\n.fa-contact-item {\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 14px;\n  padding: 26px;\n  text-align: center;\n}\n.fa-contact-item .fa-icon {\n  width: 40px; height: 40px; margin: 0 auto 14px;\n  color: var(--fa-accent-2);\n}\n.fa-contact-item strong { display: block; color: #fff; margin-bottom: 4px; }\n.fa-contact-item span { color: #C9D2D1; font-size: 0.92rem; }\n.fa-contact-cta { text-align: center; }\n\n\/* ---- Footer ---- *\/\n.fa-footer {\n  background: #0A2023;\n  color: #9FADAC;\n  padding: 28px 0;\n  font-size: 0.85rem;\n}\n.fa-footer .fa-container {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n.fa-footer a { color: #C9D2D1; }\n.fa-footer a:hover { color: #fff; }\n<\/style>\n\n<div class=\"fa-landing\">\n\n  <nav class=\"fa-nav\">\n    <div class=\"fa-container\">\n      <a href=\"#\" class=\"fa-logo\">Far <span>&amp;<\/span> Away<\/a>\n      <input type=\"checkbox\" id=\"fa-burger-toggle\" class=\"fa-burger-toggle\">\n      <label for=\"fa-burger-toggle\" class=\"fa-burger\">&#9776;<\/label>\n      <ul class=\"fa-nav-links\">\n        <li><a href=\"#oferta\">Oferta<\/a><\/li>\n        <li><a href=\"#o-nas\">O nas<\/a><\/li>\n        <li><a href=\"#kontakt\" class=\"fa-nav-cta\">Kontakt<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/nav>\n\n  <header class=\"fa-hero\">\n    <div class=\"fa-container\">\n      <span class=\"fa-eyebrow\">Butikowe biuro podr\u00f3\u017cy<\/span>\n      <h1>Twoja podr\u00f3\u017c zaczyna si\u0119 tutaj<\/h1>\n      <p class=\"fa-lead\">Far &amp; Away projektuje wyjazdy szyte na miar\u0119 Twoich marze\u0144 \u2014 od kameralnych wypraw po rodzinne wakacje, zaplanowane od A do Z.<\/p>\n      <div class=\"fa-btn-row\">\n        <a href=\"#kontakt\" class=\"fa-btn fa-btn-primary\">Zaplanuj podr\u00f3\u017c<\/a>\n        <a href=\"#oferta\" class=\"fa-btn fa-btn-ghost\">Zobacz ofert\u0119<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"fa-wave\">\n      <svg viewBox=\"0 0 1440 90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\" style=\"width:100%;height:70px;display:block;\">\n        <path fill=\"#FBF8F3\" d=\"M0,64L80,58.7C160,53,320,43,480,48C640,53,800,75,960,74.7C1120,75,1280,53,1360,42.7L1440,32L1440,100L1360,100C1280,100,1120,100,960,100C800,100,640,100,480,100C320,100,160,100,80,100L0,100Z\"><\/path>\n      <\/svg>\n    <\/div>\n  <\/header>\n\n  <section class=\"fa-section\" id=\"oferta\">\n    <div class=\"fa-container\">\n      <div class=\"fa-section-head\">\n        <span class=\"fa-eyebrow\">Nasza oferta<\/span>\n        <h2>Wybierz sw\u00f3j styl podr\u00f3\u017cowania<\/h2>\n        <p>Niezale\u017cnie od tego, czy szukasz przygody, wypoczynku czy kr\u00f3tkiego oderwania od codzienno\u015bci \u2014 mamy ofert\u0119 dla Ciebie.<\/p>\n      <\/div>\n      <div class=\"fa-offer-grid\">\n        <div class=\"fa-card\">\n          <div class=\"fa-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M2 12l19-9-4 9 4 9-19-9zm0 0h11\"\/><\/svg><\/div>\n          <h3>Wyprawy egzotyczne<\/h3>\n          <p>Azja, Ameryka Po\u0142udniowa, Afryka \u2014 kierunki, kt\u00f3re zapadaj\u0105 w pami\u0119\u0107 na lata.<\/p>\n        <\/div>\n        <div class=\"fa-card\">\n          <div class=\"fa-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"7\" r=\"3\"\/><path d=\"M5 21c0-4 3-7 7-7s7 3 7 7\"\/><\/svg><\/div>\n          <h3>Wakacje rodzinne<\/h3>\n          <p>Sprawdzone kierunki, wygodne hotele i atrakcje dla najm\u0142odszych.<\/p>\n        <\/div>\n        <div class=\"fa-card\">\n          <div class=\"fa-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M9 21v-4h6v4M9 8h.01M15 8h.01M9 12h.01M15 12h.01\"\/><\/svg><\/div>\n          <h3>City breaks<\/h3>\n          <p>Weekend w europejskiej metropolii \u2014 szybko, wygodnie, bez planowania.<\/p>\n        <\/div>\n        <div class=\"fa-card\">\n          <div class=\"fa-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M15 9l-3 6-3-6 3-1 3 1z\"\/><\/svg><\/div>\n          <h3>Podr\u00f3\u017ce szyte na miar\u0119<\/h3>\n          <p>Indywidualny plan podr\u00f3\u017cy zaprojektowany wy\u0142\u0105cznie dla Ciebie.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"fa-section fa-about\" id=\"o-nas\">\n    <div class=\"fa-container\">\n      <div>\n        <span class=\"fa-eyebrow\">O nas<\/span>\n        <h2>Podr\u00f3\u017ce projektujemy z pasj\u0105 i dba\u0142o\u015bci\u0105 o szczeg\u00f3\u0142y<\/h2>\n        <p>Far &amp; Away to butikowe biuro podr\u00f3\u017cy \u2014 zamiast gotowych katalog\u00f3w proponujemy wyjazdy dopasowane do Twoich oczekiwa\u0144, bud\u017cetu i stylu podr\u00f3\u017cowania.<\/p>\n        <div class=\"fa-values\">\n          <div class=\"fa-value\"><span class=\"fa-dot\"><\/span><div><strong>Indywidualne podej\u015bcie<\/strong>Ka\u017cd\u0105 podr\u00f3\u017c planujemy od podstaw, wsp\u00f3lnie z Tob\u0105.<\/div><\/div>\n          <div class=\"fa-value\"><span class=\"fa-dot\"><\/span><div><strong>Sprawdzeni partnerzy<\/strong>Wsp\u00f3\u0142pracujemy wy\u0142\u0105cznie ze zweryfikowanymi hotelami i przewo\u017anikami.<\/div><\/div>\n          <div class=\"fa-value\"><span class=\"fa-dot\"><\/span><div><strong>Wsparcie przez ca\u0142y wyjazd<\/strong>Jeste\u015bmy w kontakcie zanim, w trakcie i po podr\u00f3\u017cy.<\/div><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"fa-about-panel\">\n        <h3>Zaplanujmy razem Twoj\u0105 nast\u0119pn\u0105 podr\u00f3\u017c<\/h3>\n        <p>Napisz do nas kilka s\u0142\u00f3w o tym, o jakim wyje\u017adzie marzysz \u2014 przygotujemy propozycj\u0119 skrojon\u0105 na miar\u0119.<\/p>\n        <a href=\"#kontakt\" class=\"fa-btn fa-btn-primary\" style=\"margin-top:10px;\">Skontaktuj si\u0119<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"fa-section fa-contact\" id=\"kontakt\">\n    <div class=\"fa-container\">\n      <div class=\"fa-section-head\">\n        <span class=\"fa-eyebrow\">Kontakt<\/span>\n        <h2>Porozmawiajmy o Twojej podr\u00f3\u017cy<\/h2>\n        <p>Napisz lub zadzwo\u0144 \u2014 odpowiemy najszybciej, jak to mo\u017cliwe.<\/p>\n      <\/div>\n      <div class=\"fa-contact-grid\">\n        <div class=\"fa-contact-item\">\n          <div class=\"fa-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg><\/div>\n          <strong>E-mail<\/strong>\n          <span><a href=\"mailto:kontakt@farandaway.pl\">kontakt@farandaway.pl<\/a><\/span>\n        <\/div>\n        <div class=\"fa-contact-item\">\n          <div class=\"fa-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.4 2.1L8 9.9a16 16 0 0 0 6 6l1.4-1.4a2 2 0 0 1 2.1-.4c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.8 2z\"\/><\/svg><\/div>\n          <strong>Telefon<\/strong>\n          <span>[UZUPE\u0141NI\u0106 NUMER TELEFONU]<\/span>\n        <\/div>\n        <div class=\"fa-contact-item\">\n          <div class=\"fa-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 10c0 6-9 12-9 12s-9-6-9-12a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n          <strong>Lokalizacja<\/strong>\n          <span>[UZUPE\u0141NI\u0106 ADRES \/ MIASTO]<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"fa-contact-cta\">\n        <a href=\"mailto:kontakt@farandaway.pl?subject=Zapytanie%20o%20podr%C3%B3%C5%BC\" class=\"fa-btn fa-btn-primary\">Napisz do nas<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <footer class=\"fa-footer\">\n    <div class=\"fa-container\">\n      <span>&copy; <span id=\"fa-year\">2026<\/span> Far &amp; Away. Wszelkie prawa zastrze\u017cone.<\/span>\n      <a href=\"\/polityka-prywatnosci\/\">Polityka prywatno\u015bci<\/a>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<script>\n(function(){\n  var y = document.getElementById('fa-year');\n  if (y) { y.textContent = new Date().getFullYear(); }\n  document.querySelectorAll('.fa-landing a[href^=\"#\"]').forEach(function(link){\n    link.addEventListener('click', function(e){\n      var id = link.getAttribute('href').slice(1);\n      var target = document.getElementById(id);\n      if (target) {\n        e.preventDefault();\n        target.scrollIntoView({behavior:'smooth', block:'start'});\n        var toggle = document.getElementById('fa-burger-toggle');\n        if (toggle) { toggle.checked = false; }\n      }\n    });\n  });\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Far &amp; Away &#9776; Oferta O nas Kontakt Butikowe biuro podr\u00f3\u017cy Twoja podr\u00f3\u017c zaczyna si\u0119 tutaj Far &amp; Away projektuje wyjazdy szyte na miar\u0119 Twoich marze\u0144 \u2014 od kameralnych wypraw po rodzinne wakacje, zaplanowane od A do Z. Zaplanuj podr\u00f3\u017c Zobacz ofert\u0119 Nasza oferta Wybierz sw\u00f3j styl podr\u00f3\u017cowania Niezale\u017cnie od tego, czy szukasz przygody, wypoczynku [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/farandaway.pl\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/farandaway.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/farandaway.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/farandaway.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/farandaway.pl\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":0,"href":"http:\/\/farandaway.pl\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"wp:attachment":[{"href":"http:\/\/farandaway.pl\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}