update
This commit is contained in:
@@ -1,225 +1,3 @@
|
||||
<?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 nie tylko dodatkowe pomieszczenie wypoczynkowe – pokój zimowy, w którym możesz przyjmować gości lub relaksować się po ciężkim dniu w otoczeniu ulubionych roślin. Przez cały rok i w każdą pogodę. Konstrukcja jaką posiada nowoczesny ogród zimowy:<br>
|
||||
– stanowi efektowne dopełnienie bryły domu, nadając mu nowoczesnego charakteru,<br>
|
||||
– chroni przed hałasem, który dochodzi z zewnątrz,<br>
|
||||
– ze względu na szczelność utrzymuje ciepło i 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(); ?>
|
||||
<?php include( locate_template( 'sections.php' ) ); ?>
|
||||
<?php get_footer(); ?>
|
||||
|
||||
Reference in New Issue
Block a user