@extends('layouts.app')

@section('content')
<!-- banner -->
<section class="banner" id="home">
    <div class="callbacks_container">
        <ul class="rslides" id="slider3">
            <li>
                <div class="slider-info bg1">
                    <div class="bs-slider-overlay">
                        <div class="banner-text container">
                            <h5 class="tag text-left mb-3 text-uppercase">Tradycja i nowoczesność</h5>
                            <!-- Zmienione hasło -->
                            <h1 class="movetxt text-left banner-title text-uppercase">Precyzja w każdym cięciu, elegancja w każdym detalu.</h1>
                            <a class="bt mt-4 text-capitalize" target="_blank" href="https://mytocietobarbershopbialoleka.booksy.com/a" role="button">
                                Zarezerwuj wizytę  <i class="fas fa-cut"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="slider-info bg2">
                    <div class="bs-slider-overlay">
                        <div class="banner-text container">
                            <h5 class="tag text-left mb-3 text-uppercase">Elegancja i precyzja</h5>
                            <h1 class="movetxt text-left banner-title text-uppercase">Mistrzowskie cięcie,</h1>
                            <h2 class="movetxt text-left mb-3 banner-title text-uppercase">nienaganny styl.</h2>
                            <a class="bt mt-4 text-capitalize" target="_blank" href="https://mytocietobarbershopbialoleka.booksy.com/a" role="button">Zarezerwuj wizytę 
                                <i class="fas fa-cut"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="slider-info bg3">
                    <div class="bs-slider-overlay">
                        <div class="banner-text container">
                            <h5 class="tag text-left mb-3 text-uppercase">Wyjątkowy klimat</h5>
                            <h1 class="movetxt text-left banner-title text-uppercase">Poczuj różnicę</h1>
                            <h2 class="movetxt text-left mb-3 banner-title text-uppercase">w Myto & Cięto.</h2>
                            <a class="bt mt-4 text-capitalize" target="_blank" href="https://mytocietobarbershopbialoleka.booksy.com/a" role="button">Zarezerwuj wizytę 
                                <i class="fas fa-cut"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</section>
<!-- //banner -->

<!-- O nas -->
<section class="about py-5" id="about">
    <div class="container py-lg-3 py-2">
        <!-- Nagłówek sekcji -->
        <div class="heading text-center mb-5">
            <i class="fas fa-cut"></i>
            <h3 class="heading text-uppercase">O nas</h3>
        </div>
        <!-- Układ kolumnowy: logo po lewej, tekst po prawej -->
        <div class="row align-items-center">
            <div class="col-md-4 text-center mb-4 mb-md-0">
                <img src="{{ asset('images/Zasob_44x.png') }}" alt="Myto &amp; Cięto" class="img-fluid">
            </div>
            <div class="col-md-8">
                <p class="my-lg-4 my-3">
                    W Myto &amp; Cięto wierzymy, że każdy mężczyzna zasługuje na wyjątkową opiekę i indywidualne podejście. Nasz salon to nie tylko miejsce, gdzie precyzyjnie wykonamy strzyżenie czy stylizację brody, ale przede wszystkim przestrzeń, w której poczujesz się swobodnie i doceniony.
                </p>
                <p class="my-lg-4 my-3">
                    Łączymy tradycyjne metody barberstwa z nowoczesną technologią i starannie dobranymi produktami, aby zapewnić Ci usługi najwyższej jakości. Nasi doświadczeni specjaliści z pasją podchodzą do każdego cięcia, dbając o to, by Twój wygląd był nie tylko modny, ale przede wszystkim dopasowany do Twojej osobowości.
                </p>
                <p class="my-lg-4 my-3">
                    Zapraszamy do Myto &amp; Cięto – miejsca, gdzie każda wizyta jest przeżyciem, a Ty zawsze wychodzisz z poczuciem, że jesteś wyjątkowy.
                </p>
            </div>
        </div>
    </div>

</section>
<!-- //O nas -->

<!-- Usługi -->
<section class="services py-5" id="services">
    <div class="container-fluid">
        <div class="heading text-center">
            <i class="fas fa-cut"></i>
            <h3 class="heading mb-sm-5 mb-3 text-uppercase">Nasze usługi</h3>
        </div>
        <div class="row service-grids">
            <!-- Usługa 1: Strzyżenie -->
            <div class="col-lg-2 col-sm-6 col-12 serviceimage1">
                <!-- Opcjonalne tło lub obrazek – pozostaw puste dla spójności -->
            </div>
            <div class="col-lg-2 col-sm-6 col-12 py-5 px-4 servicetext">
                <h4>Strzyżenie włosów</h4>
                <p class="my-3">
                    Oferujemy klasyczne i nowoczesne cięcie, dostosowane do Twojego stylu. Dzięki precyzyjnym technikom zapewniamy efekt, który podkreśli Twoją indywidualność.
                </p>
                <a class="bt text-capitalize" href="#" role="button"> Więcej <i class="fas fa-cut"></i></a>
            </div>
            <!-- Usługa 2: Stylizacja brody -->
            <div class="col-lg-2 col-sm-6 col-12 serviceimage2"></div>
            <div class="col-lg-2 col-sm-6 col-12 py-5 px-4 servicetext">
                <h4>Stylizacja brody</h4>
                <p class="my-3">
                    Dbamy o Twój zarost – precyzyjne trymowanie i konturowanie, które zapewniają naturalny, schludny wygląd. Z nami Twoja broda zawsze prezentuje się perfekcyjnie.
                </p>
                <a class="bt text-capitalize" target="_blank" href="https://mytocietobarbershopbialoleka.booksy.com/a" role="button"> Więcej <i class="fas fa-cut"></i></a>
            </div>
            <!-- Usługa 3: Tradycyjne golenie -->
            <div class="col-lg-2 col-sm-6 col-12 serviceimage3"></div>
            <div class="col-lg-2 col-sm-6 col-12 py-5 px-4 servicetext">
                <h4>Tradycyjne golenie</h4>
                <p class="my-3">
                    Doświadcz klasycznego golenia brzytwą, popartego gorącym ręcznikiem i starannie dobranymi kosmetykami. Zrelaksuj się i poczuj różnicę.
                </p>
                <a class="bt text-capitalize" target="_blank" href="https://mytocietobarbershopbialoleka.booksy.com/a" role="button"> Więcej <i class="fas fa-cut"></i></a>
            </div>
            <!-- Usługa 4: Koloryzacja -->
            <div class="col-lg-2 col-sm-6 col-12 serviceimage4"></div>
            <div class="col-lg-2 col-sm-6 col-12 py-5 px-4 servicetext">
                <h4>Koloryzacja</h4>
                <p class="my-3">
                    Profesjonalna koloryzacja włosów i brody, która odświeża wygląd i dodaje energii. Stawiamy na naturalne efekty oraz subtelne zmiany.
                </p>
                <a class="bt text-capitalize" target="_blank" href="https://mytocietobarbershopbialoleka.booksy.com/a" role="button"> Więcej <i class="fas fa-cut"></i></a>
            </div>
            <!-- Usługa 5: COMBO (włosy + broda) -->
            <div class="col-lg-2 col-sm-6 col-12 serviceimage5"></div>
            <div class="col-lg-2 col-sm-6 col-12 py-5 px-4 servicetext">
                <h4>Usługa COMBO</h4>
                <p class="my-3">
                    Kompleksowe strzyżenie włosów połączone ze stylizacją brody. Otrzymujesz pełen pakiet, który gwarantuje spójny i zadbany wizerunek.
                </p>
                <a class="bt text-capitalize" target="_blank" href="https://mytocietobarbershopbialoleka.booksy.com/a" role="button"> Więcej <i class="fas fa-cut"></i></a>
            </div>
            <!-- Usługa 6: Zabiegi pielęgnacyjne -->
            <div class="col-lg-2 col-sm-6 col-12 serviceimage6"></div>
            <div class="col-lg-2 col-sm-6 col-12 py-5 px-4 servicetext">
                <h4>Zabiegi pielęgnacyjne</h4>
                <p class="my-3">
                    Odżywcze maseczki, peelingi i zabiegi regeneracyjne – wszystko, by Twoja skóra wyglądała świeżo i promiennie.
                </p>
                <a class="bt text-capitalize" target="_blank" href="https://mytocietobarbershopbialoleka.booksy.com/a" role="button"> Więcej <i class="fas fa-cut"></i></a>
            </div>
        </div>
    </div>
</section>
<!-- //Usługi -->
<!-- Cennik -->
<section class="py-5" id="pricing">
    <div class="container">
       

        <div class="heading text-center">
            <i class="fas fa-cut"></i>
            <h3 class="heading mb-sm-5 mb-3 text-uppercase">Cennik</h3>
        </div>
        <div class="responsive_tabs">
            <div id="horizontalTab">
                <ul class="resp-tabs-list">
                    <li>COMBO</li>
                    <li>Strzyżenie</li>
                    <li>Broda</li>
                    <li>Usługi Rodzinne</li>
                </ul>
                <div class="resp-tabs-container">
                    <!-- Tab 1: COMBO -->
                    <div class="tab1">
                        <div class="tab-info">
                            <div class="row tab-grids">
                                <div class="col-md-6">
                                    <h3>COMBO <span class="price">170 zł</span> <small>/ 1 h 30 min</small></h3>
                                    <p class="mt-3">
                                        Strzyżenie włosów i stylizacja brody z rytuałem: gorący ręcznik, konturowanie brzytwą lub shaverem, chłodzący okład, olejek i balsam do brody.
                                    </p>
                                </div>
                                <div class="col-md-6 mt-md-0 mt-3">
                                    <h3>COMBO (jedna długość + broda) <span class="price">140 zł</span> <small>/ 1 h 10 min</small></h3>
                                    <p class="mt-3">
                                        Cięcie włosów maszynką jedną długością oraz trymowanie brody — idealne połączenie szybkości i precyzji.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Tab 2: Strzyżenie -->
                    <div class="tab2">
                        <div class="tab-info">
                            <div class="row tab-grids">
                                <div class="col-md-6">
                                    <h3>Strzyżenie Klasyczne <span class="price">90 zł</span> <small>/ 1 h</small></h3>
                                    <p class="mt-3">
                                        Uniwersalne cięcie nożyczkami i maszynką, w tym mycie głowy, modelowanie suszarką i stylizacja.
                                    </p>
                                </div>
                                <div class="col-md-6 mt-md-0 mt-3">
                                    <h3>Strzyżenie Maszynką <span class="price">60 zł</span> <small>/ 20 min</small></h3>
                                    <p class="mt-3">
                                        Precyzyjne cięcie maszynką na wybraną długość, szybkie mycie i lekka stylizacja.
                                    </p>
                                </div>
                                <div class="col-md-6 mt-md-5 mt-3">
                                    <h3>Strzyżenie Średnie/Długie <span class="price">110 zł</span> <small>/ 1 h</small></h3>
                                    <p class="mt-3">
                                        Cięcie nożyczkami uwzględniające strukturę i objętość włosów, mycie, suszenie i wykończenie.
                                    </p>
                                </div>
                                <div class="col-md-6 mt-md-5 mt-3">
                                    <h3>Strzyżenie Same Boki <span class="price">70 zł</span> <small>/ 40 min</small></h3>
                                    <p class="mt-3">
                                        Wyrównanie i wyostrzenie boków maszynką, konturowanie i subtelna stylizacja.
                                    </p>
                                </div>
                                <div class="col-md-6 mt-md-5 mt-3">
                                    <h3>Junior (3–11 lat) <span class="price">70 zł</span> <small>/ 45 min</small></h3>
                                    <p class="mt-3">
                                        Delikatne mycie, cięcie i modelowanie w przyjaznej atmosferze.
                                    </p>
                                </div>
                                <div class="col-md-6 mt-md-5 mt-3">
                                    <h3>Tuszowanie Siwizny (cover) <span class="price">80 zł</span> <small>/ 30 min</small></h3>
                                    <p class="mt-3">
                                        Szybkie odświeżenie koloru i pokrycie siwizny.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Tab 3: Broda -->
                    <div class="tab3">
                        <div class="tab-info">
                            <div class="row tab-grids">
                                <div class="col-md-6">
                                    <h3>Broda Rytuał <span class="price">90 zł</span> <small>/ 50 min</small></h3>
                                    <p class="mt-3">
                                        Trymowanie i stylizacja brody z rytuałem: gorący ręcznik, konturowanie, zimny ręcznik, olejek i balsam.
                                    </p>
                                </div>
                                <div class="col-md-6 mt-md-0 mt-3">
                                    <h3>Odsiwianie <span class="price">80 zł</span> <small>/ 30 min</small></h3>
                                    <p class="mt-3">
                                        Profesjonalne farbowanie brody – naturalny efekt bez kompromisów.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Tab 4: Usługi Rodzinne -->
                    <div class="tab4">
                        <div class="tab-info">
                            <div class="row tab-grids">
                                <div class="col-md-6">
                                    <h3>Ojciec &amp; Syn <span class="price">150 zł</span> <small>/ 1 h 20 min</small></h3>
                                    <p class="mt-3">
                                        Dwa klasyczne strzyżenia w rodzinnej atmosferze – taty i syna.
                                    </p>
                                </div>
                                <div class="col-md-6 mt-md-0 mt-3">
                                    <h3>Ojciec COMBO &amp; Syn <span class="price">230 zł</span> <small>/ 1 h 50 min</small></h3>
                                    <p class="mt-3">
                                        Tata z COMBO, dziecko z usługi Junior – pełna pielęgnacja i styl dla obu pokoleń.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

       
    <div id="booksy-widget-container" class="text-center mb-4">
        <script type="text/javascript" src="https://booksy.com/widget/code.js?id=299042&country=pl&lang=pl"></script>
    </div>
    </div>  
</section>

  
{{-- <!-- Nasz zespół -->
<section class="barbers py-5" id="team">
    <div class="container py-lg-3 py-2">
        <div class="heading text-center mb-5">
            <i class="fas fa-cut"></i>
            <h3 class="heading text-uppercase">Nasz zespół</h3>
        </div>
        <p class="text-center mb-5">
            Poznaj naszych ekspertów – to ludzie, którzy kochają to, co robią. Dzięki indywidualnemu podejściu i wieloletniemu doświadczeniu, każdy z naszych barberów dba o to, abyś opuszczał nasz salon z pewnością, że Twój wygląd jest dopracowany w każdym detalu.
        </p>
        <div class="row barber-grids">
            <!-- Profil 1 -->
            <div class="col-lg-3 col-sm-6 mb-lg-0 mb-5 text-center">
                <div class="barber-grid1">
                    <img src="images/banner_small1.png" class="img-fluid" alt="Barber Jan">
                </div>
                <h4 class="mt-3">Jan Kowalski</h4>
                <p>Barber</p>
                <div class="social mt-2">
                    <ul class="d-flex justify-content-center">
                        <li class="mr-1"><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                        <li class="mr-1"><a href="#"><span class="fab fa-twitter"></span></a></li>
                        <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                    </ul>
                </div>
            </div>
            <!-- Profil 2 -->
            <div class="col-lg-3 col-sm-6 mb-lg-0 mb-5 text-center">
                <div class="barber-grid1">
                    <img src="images/banner_small2.png" class="img-fluid" alt="Barber Adam">
                </div>
                <h4 class="mt-3">Adam Nowak</h4>
                <p>Barber</p>
                <div class="social mt-2">
                    <ul class="d-flex justify-content-center">
                        <li class="mr-1"><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                        <li class="mr-1"><a href="#"><span class="fab fa-twitter"></span></a></li>
                        <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                    </ul>
                </div>
            </div>
            <!-- Profil 3 -->
            <div class="col-lg-3 col-sm-6 mb-md-0 mb-5 text-center">
                <div class="barber-grid1">
                    <img src="images/banner_small3.png" class="img-fluid" alt="Barber Piotr">
                </div>
                <h4 class="mt-3">Piotr Wiśniewski</h4>
                <p>Barber</p>
                <div class="social mt-2">
                    <ul class="d-flex justify-content-center">
                        <li class="mr-1"><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                        <li class="mr-1"><a href="#"><span class="fab fa-twitter"></span></a></li>
                        <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                    </ul>
                </div>
            </div>
            <!-- Profil 4 -->
            <div class="col-lg-3 col-sm-6 text-center">
                <div class="barber-grid1">
                    <img src="images/banner_small4.png" class="img-fluid" alt="Barber Marek">
                </div>
                <h4 class="mt-3">Marek Dąbrowski</h4>
                <p>Barber</p>
                <div class="social mt-2">
                    <ul class="d-flex justify-content-center">
                        <li class="mr-1"><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                        <li class="mr-1"><a href="#"><span class="fab fa-twitter"></span></a></li>
                        <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- //Nasz zespół --> --}}

{{-- <!-- Opinie klientów -->
<div class="testimonials" id="testimonials">
    <div class="appoint_info py-5">
        <div class="container py-lg-3">
            <div class="heading text-center">
                <i class="fas fa-cut"></i>
                <h3 class="heading mb-sm-5 mb-3 text-uppercase">Opinie Klientów</h3>
            </div>
            <ul id="flexiselDemo1">
                <li>
                    <div class="testimonials_grid_main">
                        <div class="testimonials_grid">
                            <p>
                                "Od pierwszej wizyty poczułem, że jestem wyjątkowy. Serdeczna obsługa i najwyższa jakość usług sprawiają, że wracam tu z uśmiechem."
                            </p>
                            <h5>Paweł</h5>
                            <div class="testimonials_grid_pos">
                                <img src="images/t1.jpg" alt="Klient Paweł" class="img-responsive" />
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="testimonials_grid_main">
                        <div class="testimonials_grid">
                            <p>
                                "Myto &amp; Cięto to miejsce, gdzie tradycja łączy się z nowoczesnością. Profesjonalne podejście, które sprawia, że czuję się zadbany i doceniony."
                            </p>
                            <h5>Michał</h5>
                            <div class="testimonials_grid_pos">
                                <img src="images/t2.jpg" alt="Klient Michał" class="img-responsive" />
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="testimonials_grid_main">
                        <div class="testimonials_grid">
                            <p>
                                "Zdecydowanie polecam – u nas widać, że każdy szczegół ma znaczenie. To nie tylko wizyta, to doświadczenie, które na nowo definiuje męski styl."
                            </p>
                            <h5>Adam</h5>
                            <div class="testimonials_grid_pos">
                                <img src="images/t3.jpg" alt="Klient Adam" class="img-responsive" />
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- //Opinie klientów --> --}}
<!-- Franczyza Myto & Cięto -->
<div class="testimonials" id="franchise">
    <div class="appoint_info py-5">
        <div class="container py-lg-3">
            <div class="heading text-center">
                <i class="fas fa-handshake text-white"></i>
                <h3 class="heading mb-sm-5 mb-3 text-uppercase text-white">Franczyza Myto & Cięto</h3>
            </div>
            <p class="text-center mb-5 text-white">
                Dołącz do marki Myto & Cięto i twórz z nami wyjątkowe miejsca dla mężczyzn. Jeśli marzysz o własnym salonie barberskim i chcesz rozwijać się pod skrzydłami dynamicznej i nowoczesnej marki – jesteś we właściwym miejscu.
            </p>
            <p class="text-center mb-5 text-white font-weight-bold">
                Pokrywamy wszystkie koszty związane z inwestycją – Ty musisz mieć doświadczenie, pasję i chęci, by stworzyć coś wielkiego razem z nami.
            </p>
            <div class="row text-center text-white">
                <div class="col-md-4 mb-4">
                    <i class="fas fa-cut fa-3x mb-3"></i>
                    <h4>Gotowy koncept</h4>
                    <p>Zapewniamy pełne wsparcie: od aranżacji salonu po sprawdzone standardy obsługi klienta.</p>
                </div>
                <div class="col-md-4 mb-4">
                    <i class="fas fa-chart-line fa-3x mb-3"></i>
                    <h4>Marketing i rozwój</h4>
                    <p>Pomagamy w promocji i pozyskiwaniu klientów – korzystasz z siły naszej marki i wspólnych kampanii.</p>
                </div>
                <div class="col-md-4 mb-4">
                    <i class="fas fa-users fa-3x mb-3"></i>
                    <h4>Wsparcie operacyjne</h4>
                    <p>Wspieramy Cię na każdym etapie prowadzenia biznesu, zapewniając pomoc HR, doradztwo prawne i biznesowe.</p>
                </div>
            </div>
            <div class="text-center mt-5 text-white">
                <h5>Zainteresowany?</h5>
                <p>Skontaktuj się z nami i dowiedz się więcej o możliwościach współpracy.</p>
                <a href="mailto:franczyza@mytocieto.pl" class="btn mt-2" style="background-color: #f9b233; color: #000;">Napisz do nas</a>
            </div>
        </div>
    </div>
</div>
<!-- //Franczyza Myto & Cięto -->



 
<!-- Nasze salony -->
<section class="barbers py-5" id="locations">
    <div class="container py-lg-3 py-2">
        <div class="heading text-center mb-5">
            <i class="fas fa-map-marker-alt"></i>
            <h3 class="heading text-uppercase">Nasze salony</h3>
        </div>
        <p class="text-center mb-5">
            Myto &amp; Cięto rośnie! <br>Już wkrótce otworzymy kolejne salony w nowych lokalizacjach. Śledź nas, by być na bieżąco i dowiedzieć się, gdzie jeszcze zadbamy o Twój styl.
        </p>
        <p class="text-center font-weight-bold mb-4">
            📍 Otwarcie pierwszego salonu – <strong>czerwiec 2025</strong>, Warszawa Białołęka, ul. Luciano Pavarottiego 2, lok. U2.
        </p>
        <div class="row barber-grids">
            <!-- Obecny salon -->
            <div class="col-lg-3 col-sm-6 mb-lg-0 mb-5 text-center">
                <div class="barber-grid1">
                    <img src="images/salon_bialoleka1.png" class="img-fluid" alt="Myto & Cięto Białołęka">
                </div>
                <h4 class="mt-3">Myto &amp; Cięto<br>Warszawa Białołęka</h4>
                <p>ul. Luciano Pavarottiego 2, lok. U2<br>03-289 Warszawa</p>
            </div>
            <!-- Przyszły salon 1 -->
            <div class="col-lg-3 col-sm-6 mb-lg-0 mb-5 text-center">
                <div class="barber-grid1 position-relative">
                    <img src="images/future_salon1.png" class="img-fluid" alt="Przyszły salon">
                    <div class="position-absolute w-100 h-100 d-flex justify-content-center align-items-center" style="top:0; left:0; background: rgba(0, 0, 0, 0.798);">
                        <h1 class="text-white">?</h1>
                    </div>
                </div>
                <h4 class="mt-3">Nowa lokalizacja</h4>
                <p>Więcej informacji już wkrótce.</p>
            </div>
            <!-- Przyszły salon 2 -->
            <div class="col-lg-3 col-sm-6 mb-lg-0 mb-5 text-center">
                <div class="barber-grid1 position-relative">
                    <img src="images/future_salon1.png" class="img-fluid" alt="Przyszły salon">
                    <div class="position-absolute w-100 h-100 d-flex justify-content-center align-items-center" style="top:0; left:0; background: rgba(0, 0, 0, 0.798);">
                        <h1 class="text-white">?</h1>
                    </div>
                </div>
                <h4 class="mt-3">Nowa lokalizacja</h4>
                <p>Więcej informacji już wkrótce.</p>
            </div>
            <!-- Przyszły salon 3 -->
            <div class="col-lg-3 col-sm-6 text-center">
                <div class="barber-grid1 position-relative">
                    <img src="images/future_salon1.png" class="img-fluid" alt="Przyszły salon">
                    <div class="position-absolute w-100 h-100 d-flex justify-content-center align-items-center" style="top:0; left:0; background: rgba(0, 0, 0, 0.798);">
                        <h1 class="text-white">?</h1>
                    </div>
                </div>
                <h4 class="mt-3">Nowa lokalizacja</h4>
                <p>Więcej informacji już wkrótce.</p>
            </div>
        </div>
    </div>
</section>
<!-- //Nasze salony -->
<!-- Kontakt -->
<section class="contact py-5" id="contact">
    <div class="container">
        <div class="heading text-center mb-sm-5 mb-3">
            <i class="fas fa-cut"></i>
            <h3 class="heading text-uppercase">Kontakt</h3>
        </div>
        <div class="contact-main-grid">
            <div class="contact-map">
                <!-- Google Map embed -->
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2437.591408230648!2d21.052214112069986!3d52.34155814930916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471ec8b5ed2bcd0b%3A0x1ee6c37cbd1f41d9!2sLuciano%20Pavarottiego%202%2C%2003-289%20Warszawa!5e0!3m2!1spl!2spl!4v1744201428147!5m2!1spl!2spl" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
            <div class="contact-info">
                <div class="mb-5">
                    <h4 class="mb-3">Adres</h4>
                    <p><span class="fas fa-map mr-2"></span>ul. Luciano Pavarottiego 2 lok. U2,<br>
                       03-289, Warszawa, Białołęka.</p>
                    <p><span class="fas fa-phone mr-2"></span>+48 885 112 358</p>
                    <p><span class="fas fa-envelope mr-2"></span> <a href="mailto:kontakt@mytocieto.pl">kontakt@mytocieto.pl</a></p>
                </div>
                <div>
                    <h4 class="mb-3">Godziny otwarcia</h4>
                    <p><span class="fas fa-clock mr-2"></span>Poniedziałek – Piątek: 10:00 – 22:00</p>
                    <p><span class="fas fa-clock mr-2"></span>Sobota – Niedziela: 10:00 – 16:00</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- //Kontakt -->
@endsection