This commit is contained in:
2026-02-12 10:48:55 +01:00
parent 35087fda9e
commit 4f17c5da06
4 changed files with 244 additions and 2 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1 +1 @@
{"version":3,"sources":["custom.scss"],"names":[],"mappings":"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","file":"custom.css"} {"version":3,"sources":["custom.scss"],"names":[],"mappings":"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","file":"custom.css"}

View File

@@ -446,3 +446,20 @@ section#price_tiles {
font-size: 30px !important; font-size: 30px !important;
} }
} }
body.page-id-2707 {
section#garden-page-seo {
.wrapper.wrapper--inner {
flex-direction: column;
padding-bottom: 0;
h2 {
margin: 0;
}
p {
margin: 0;
}
}
}
}

View File

@@ -0,0 +1,225 @@
<?php get_header(); ?>
<?php
$collaboration = [
"Rozmowa i analiza potrzeb.",
"Koncepcja i dobór rozwiązań",
"Indywidualna oferta i harmonogram",
"Umowa i zaliczka rezerwująca termin",
"Produkcja i montaż"
];
?>
<section id="hero_box" class="hero-with-form">
<div class="hero-wrapper wrapper--inner" style="background: url('/wp-content/uploads/2023/10/ogrody-zimowe.jpg');">
<span class="bg-filter"></span>
<div class="hero-content">
<h1 class="hero-heading heading--xl text-white">
Całoroczne ogrody zimowe klasy premium
</h1>
<p class="hero-text text-white m-0">
Projektujemy i realizujemy indywidualne ogrody zimowe, które zwiększają komfort domu i pozwalają korzystać z przestrzeni przez cały rok - niezależnie od pogody.
</p>
<p class="hero-text text-white m-0">
<strong>
Izolowane systemy aluminiowe<br>
Szyby Ug=1,1 lub 0,5<br>
Zintegrowane osłony przeciwsłoneczne
</strong>
</p>
<p class="hero-text text-white m-0">
Sprawdź orientacyjny budżet projektu<br>
Porozmawiajmy o twoim ogrodzie zimowym.
</p>
</div>
<div class="hero-form">
<?php echo do_shortcode('[contact-form-7 id="21a1143" title="Formularz kontaktowy"]'); ?>
</div>
</div>
</section>
<section class="two-cols bg-light">
<div class="wrapper wrapper--inner imageLeft">
<div class="col col-text">
<h2 class="section-heading heading heading--md textRight">
Nasze ogrody zimowe powstają z myślą o klientach, którzy szukają trwałego,<br>
elastycznego i bezpiecznego rozwiązania na lata, a nie tymczasowej zabudowy.
</h2>
<div class="col-text-content">
<p>Każda realizacja jest projektowana indywidualnie - z uwzględnieniem architektury budynku, warunków technicznych i sposobu użytkowania.</p>
<p>Realizacje całorocznych ogrodów zimowych rozpoczynają się od około 100 000 zł netto.</p>
</div>
</div>
<div class="col col-image">
<div class="image-wrapper">
<img src="https://ostal.pl/wp-content/uploads/2026/01/IMG_2832-scaled.jpg" alt="" class="img-auto section-image">
</div>
</div>
</div>
</section>
<section class="two-cols bg-light">
<div class="wrapper wrapper--inner imageLeft">
<div class="col col-image">
<div class="image-wrapper">
<img src="https://ostal.pl/wp-content/uploads/2026/01/199-f27gxxl.jpg" alt="" class="img-auto section-image">
</div>
</div>
<div class="col col-text">
<h2 class="section-heading heading heading--md textRight">Co wyróżnia nasze ogrody zimowe</h2>
<div class="col-text-content">
<ul style="list-style: none; padding: 0;">
<li>- Komfort użytkowania przez cały rok.</li>
<li>- Stabilna izolowana termicznie konstrukcja aluminiowa.</li>
<li>- Wysokie parametry cieplne przeszkleń (Ug=1,1 - Ug=0,5)</li>
<li>- Ochrona przed słońcem dzięki zintegrowanym markizom i żaluzjom.</li>
<li>- Estetyka dopasowana do architektury budynku</li>
</ul>
<p>Nie pracujemy na gotowych schematach - każdy ogród zimowy powstaje jako spójny element domu, a nie dobudowany „dodatek”.</p>
</div>
</div>
</div>
</section>
<section id="collaboration" class="section-boxes-repeater">
<div class="wrapper wrapper--inner">
<h2 class="section-heading heading--md">Jak wygląda współpraca?</h2>
<div class="collaboration-steps" style="max-width: 900px; margin: 0 auto; padding: 20px 0;">
<?php foreach ($collaboration as $index => $item) : ?>
<div class="collaboration-step" style="display: flex; align-items: flex-start; gap: 20px; margin-bottom: <?= ($index < count($collaboration) - 1) ? '40px' : '0' ?>; position: relative;">
<!-- Numer kroku -->
<div class="step-number" style="flex-shrink: 0; width: 60px; height: 60px; background: linear-gradient(135deg, #88b14b 0%, #6a8f3a 100%); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; box-shadow: 0 4px 8px rgba(136, 177, 75, 0.3); position: relative; z-index: 2;">
<?= $index + 1 ?>
</div>
<!-- Linia łącząca (dla wszystkich oprócz ostatniego) -->
<?php if ($index < count($collaboration) - 1) : ?>
<div class="step-connector" style="position: absolute; left: 30px; top: 60px; width: 2px; height: 40px; background: linear-gradient(to bottom, #88b14b, #e0e0e0); z-index: 1;"></div>
<?php endif; ?>
<!-- Treść kroku -->
<div class="step-content" style="flex: 1; background-color: #f8f9fa; padding: 20px 25px; border-radius: 8px; border-left: 4px solid #88b14b; box-shadow: 0 2px 4px rgba(0,0,0,0.05); transition: all 0.3s ease;">
<h3 class="step-title" style="margin: 0; font-size: 18px; font-weight: 600; color: #333; line-height: 1.4;">
<?= $item; ?>
</h3>
</div>
</div>
<?php endforeach; ?>
</div>
<div class="col-text-content mt-4 text-center">
<p>Prowadzimy klienta przez cały proces - spokojnie krok po kroku.</p>
</div>
</div>
</section>
<section class="two-cols bg-light">
<div class="wrapper wrapper--inner imageLeft">
<div class="col col-text">
<h2 class="section-heading heading heading--md textRight">
Doświadczenie w systemach aluminiowych
</h2>
<div class="col-text-content">
<p>Od wielu lat pracujemy na systemach aluminiowych stosowanych zarówno w budownictwie jednorodzinnym, jak i obiektach komercyjnych.</p>
<p>Realizujemy m.in. stolarkę okienną i drzwiową, żaluzje fasadowe, i rolety zewnętrzne, a ogrody zimowe są naturalnym rozszerzeniem tych rozwiązań w tym samym standardzie technicznym i wykonawczym.</p>
</div>
</div>
<div class="col col-image">
<div class="image-wrapper">
<img src="/wp-content/uploads/2026/02/att_698c47679eb9b4.14191582.jpeg" alt="" class="img-auto section-image">
</div>
</div>
</div>
</section>
<section class="two-cols bg-light">
<div class="wrapper wrapper--inner imageLeft">
<div class="col col-image">
<div class="image-wrapper">
<img src="/wp-content/uploads/2026/02/att_698c4767a04c46.41417006.jpg" alt="" class="img-auto section-image">
</div>
</div>
<div class="col col-text">
<h2 class="section-heading heading heading--md textRight">Planowanie realizacji bez pośpiechu</h2>
<div class="col-text-content">
<p>
Wielu naszych klientów decyduje się na zaplanowanie ogrodu zimowego z wyprzedzeniem.<br>
Pozwala to spokojnie przygotować projekt i zarezerwować dogodny termin realizacji na wiosnę lub lato.
</p>
</div>
</div>
</div>
</section>
<section class="two-cols bg-light">
<div class="wrapper wrapper--inner imageLeft">
<div class="col col-text">
<h2 class="section-heading heading heading--md textRight">
Porozmawiajmy o twoim projekcie
</h2>
<div class="col-text-content">
<p>Jeśli rozważasz budowę całorocznego ogrodu zimowego i chcesz sprawdzić, czy to rozwiązanie ma sens w Twoim przypadku - zapraszamy do kontaktu.</p>
</div>
</div>
<div class="col col-image">
<div class="image-wrapper">
<img src="/wp-content/uploads/2026/02/att_698c47679ad0a0.33546122.jpeg" alt="" class="img-auto section-image">
</div>
</div>
</div>
</section>
<section id="garden-page-seo" class="two-cols-with-bg bg-dark" style="background-image: url('https://ostal.pl/wp-content/uploads/2021/05/hero-about.jpg');">
<span class="bg-filter"></span>
<div class="wrapper wrapper--inner">
<h2>Sprawdź orientacyjny budżet projektu</h2>
<a href="#hero_box" class="btn btn-primary">Umów rozmowę</a>
</div>
</section>
<section class="two-cols bg-light">
<div class="wrapper wrapper--inner imageLeft">
<div class="col col-image">
<div class="image-wrapper">
<img src="https://ostal.pl/wp-content/uploads/2023/10/DECORATION-PHOTO-1.jpg" alt="" class="img-auto section-image">
</div>
</div>
<div class="col col-text">
<h2 class="section-heading heading heading--md textRight">Funkcje ogrodów zimowych</h2>
<div class="col-text-content">
<p>Nowoczesny ogród zimowy to&nbsp;nie&nbsp;tylko&nbsp;dodatkowe pomieszczenie wypoczynkowe pokój zimowy, w&nbsp;którym&nbsp;możesz przyjmować gości lub relaksować się po&nbsp;ciężkim dniu w&nbsp;otoczeniu ulubionych roślin. Przez&nbsp;cały rok i&nbsp;w&nbsp;każdą pogodę. Konstrukcja jaką posiada nowoczesny ogród zimowy:<br>
stanowi efektowne dopełnienie bryły domu, nadając mu&nbsp;nowoczesnego charakteru,<br>
chroni przed&nbsp;hałasem, który&nbsp;dochodzi z&nbsp;zewnątrz,<br>
ze&nbsp;względu na&nbsp;szczelność utrzymuje ciepło i&nbsp;pomaga obniżyć bilans energetyczny domu.</p>
</div>
</div>
</div>
</section>
<section id="galeria" class="section-gallery ">
<div class="wrapper wrapper--inner ">
<h2 class="section-heading heading--md text-center">
Nasze realizacje ogrodów zimowych </h2>
<ul id="gallery-lightbox" class="gallery">
<li class="gallery-image">
<img src="https://ostal.pl/wp-content/uploads/2023/10/202-4c7gxxl.jpg" alt="">
</li>
<li class="gallery-image">
<img src="https://ostal.pl/wp-content/uploads/2023/10/199-f27gxxl.jpg" alt="">
</li>
<li class="gallery-image">
<img src="https://ostal.pl/wp-content/uploads/2023/10/20170608_142315-1024x576.jpg" alt="">
</li>
<li class="gallery-image">
<img src="https://ostal.pl/wp-content/uploads/2023/10/IMG_0535-1-1024x768.jpg" alt="">
</li>
<li class="gallery-image">
<img src="https://ostal.pl/wp-content/uploads/2023/10/IMG_3754-1-1-1024x768.jpg" alt="">
</li>
<li class="gallery-image">
<img src="https://ostal.pl/wp-content/uploads/2023/10/Frame-36-1-1024x728.jpg" alt="">
</li>
</ul>
<div id="lightbox" class="lightbox"></div>
</div>
</section>
<?php get_footer(); ?>