{"id":24,"date":"2023-10-21T13:52:44","date_gmt":"2023-10-21T13:52:44","guid":{"rendered":"https:\/\/dudekogrody.pl\/?page_id=24"},"modified":"2023-11-26T17:45:14","modified_gmt":"2023-11-26T17:45:14","slug":"home","status":"publish","type":"page","link":"https:\/\/dudekogrody.pl\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div id=\"home\" class=\"relative w-full h-[75vh] md:h-[85vh] flex items-center header-hero\">\n    <img decoding=\"async\" src=\"https:\/\/dudekogrody.pl\/wp-content\/uploads\/2023\/10\/hero.webp\" srcset=\"https:\/\/dudekogrody.pl\/wp-content\/uploads\/2023\/10\/hero-small.webp 1024w, https:\/\/dudekogrody.pl\/wp-content\/uploads\/2023\/10\/hero.webp 1920w\" class=\"absolute h-full w-full object-cover\" alt=\"\">\n    <div class=\"absolute inset-0 bg-dark\/30\"><\/div>\n    <div class=\"container mx-auto z-10\" data-aos=\"fade-right\" data-aos-delay=\"1000\" data-aos-anchor-placement=\"top-center\">\n        <h1 class=\"font-play font-bold text-primary uppercase text-2xl md:text-4xl text-center md:text-left\">Zapro\u015b Dudka<\/h1>\n        <h2 class=\"font-play font-bold text-white uppercase text-2xl md:text-4xl text-center md:text-left\">do ogr\u00f3dka<\/h2>\n        <div class=\"h-[2px] w-36 bg-primary\/70 my-5 mx-auto md:mx-0\"><\/div>\n        <p class=\"font-play text-xl md:text-2xl text-white text-center md:text-left font-bold\"> Zapraszamy serdecznie do kontaktu<\/p>\n    <\/div>\n<\/div>\n\n\n\n<div id=\"image-boxes-block_23eb9ac9b3d233a188163957e4efffc6\" class=\"container mx-auto image-boxes\">\n    <div class=\"mt-[-100px] md:mt-0 grid w-full mb-8 md:mb-12 gap-x-4 md:grid-cols-3\">\n                    <div class=\"sm:w-2\/3 sm:mx-auto md:w-full mb-2 md:mb-0 md:mt-[-100px] z-10 h-[150px] sm:h-[200px] md:h-[150px] lg:h-[200px] bg-cover bg-no-repeat bg-center drop-shadow-md\" style=\"background-image: url('https:\/\/dudekogrody.pl\/wp-content\/uploads\/2023\/10\/garden-1.webp');\" data-aos=\"fade-up\" data-aos-delay=\"1200\">\n                <a href=\"#o-nas\" class=\"group block h-full px-3 py-4 font-play font-bold text-light hover:text-white uppercase transition text-xl lg:text-2xl bg-dark\/50 hover:bg-primary\/70\">\n                    <span class=\"flex w-full justify-center items-center h-full border-4 border-primary\/60 group-hover:border-white\/70\">O nas<\/span>\n                <\/a>\n            <\/div>\n                            <div class=\"sm:w-2\/3 sm:mx-auto md:w-full mb-2 md:mb-0 md:mt-[-100px] z-10 h-[150px] sm:h-[200px] md:h-[150px] lg:h-[200px] bg-cover bg-no-repeat bg-center drop-shadow-md\" style=\"background-image: url('https:\/\/dudekogrody.pl\/wp-content\/uploads\/2023\/10\/garden-2.webp');\" data-aos=\"fade-up\" data-aos-delay=\"1400\">\n                <a href=\"#oferta\" class=\"group block h-full px-3 py-4 font-play font-bold text-light hover:text-white uppercase transition text-xl lg:text-2xl bg-dark\/50 hover:bg-primary\/70\">\n                    <span class=\"flex w-full justify-center items-center h-full border-4 border-primary\/60 group-hover:border-white\/70\">Oferta<\/span>\n                <\/a>\n            <\/div>\n                            <div class=\"sm:w-2\/3 sm:mx-auto md:w-full mb-2 md:mb-0 md:mt-[-100px] z-10 h-[150px] sm:h-[200px] md:h-[150px] lg:h-[200px] bg-cover bg-no-repeat bg-center drop-shadow-md\" style=\"background-image: url('https:\/\/dudekogrody.pl\/wp-content\/uploads\/2023\/10\/garden-3.webp');\" data-aos=\"fade-up\" data-aos-delay=\"1600\">\n                <a href=\"#realizacje\" class=\"group block h-full px-3 py-4 font-play font-bold text-light hover:text-white uppercase transition text-xl lg:text-2xl bg-dark\/50 hover:bg-primary\/70\">\n                    <span class=\"flex w-full justify-center items-center h-full border-4 border-primary\/60 group-hover:border-white\/70\">Realizacje<\/span>\n                <\/a>\n            <\/div>\n                    <\/div>\n<\/div>\n\n\n<div id=\"o-nas\" class=\"triangle-container relative overflow-hidden triangle-container\">\n    <div class=\"relative z-10\">\n        <div class=\"acf-innerblocks-container\">\n<div id=\"custom-heading-block_dd0689a2153817b41c28a5baa4aaf2e7\" class=\"heading-container custom-heading\">\n    <div class=\"container mx-auto\">\n        <h2 class=\"text-primary text-center font-play font-bold text-2xl md:text-4xl uppercase\">O nas<\/h2>\n        <div class=\"h-4 bg-transparent w-4 mx-auto relative rounded-full border border-primary before:content-[''] before:block before:absolute before:w-10 before:h-[1px] before:bg-primary before:top-2 before:-mt-[1px] before:-left-10 after:content-[''] after:block after:absolute after:w-10 after:h-[1px] after:bg-primary after:top-2 after:-mt-[1px] after:-right-10 mt-4 mb-8 md:mb-12\"><\/div>        \n    <\/div>\n<\/div>\n\n<div id=\"image-boxes-block_b820735bad39f0f7e24900f6eff52332\" class=\"offer-container mb-8 md:mb-12 image-boxes\">\n    <div class=\"container mx-auto\">\n        <div class=\"flex flex-col md:flex-row gap-4 md:gap-6 items-center\">\n            <div class=\"w-full sm:w-2\/3 sm:mx-auto md:w-1\/2 h-[200px] sm:h-[300px] md:h-[375px] relative overflow-hidden group\" data-aos=\"fade-right\">\n                <div class=\"absolute top-0 bottom-0 left-0 right-0 bg-cover bg-no-repeat bg-center group-hover:scale-105 transition\" style=\"background-image: url('https:\/\/dudekogrody.pl\/wp-content\/themes\/dudekogrody\/assets\/images\/garden-1.webp');\"><\/div>\n                <div class=\"absolute top-0 left-0 bg-gradient-to-r from-black\/80 to-transparent h-full w-full px-3 py-4\">\n                    <div class=\"border-4 border-primary\/60 w-full h-full\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"w-full sm:w-2\/3 sm:mx-auto md:w-1\/2\" data-aos=\"fade-left\">\n                <h3 class=\"font-play font-bold text-secondary uppercase text-xl md:text-2xl\">O Mnie &#8211; Kinga Dudek<\/h3>\n                <div class=\"w-44 bg-primary h-[2px] my-4 md:my-6\"><\/div>\n                <div class=\"font-montserrat font-light text-sm leading-6 offer-text pb-3\">\n                    <p>Witam! Jestem Kinga Dudek, za\u0142o\u017cycielka i duma firmy Dudek Ogrody. Mimo \u017ce nasza marka istnieje na rynku od niedawna, z pasj\u0105 i profesjonalizmem podchodzimy do ka\u017cdego projektu, co zaowocowa\u0142o licznymi realizacjami. Moja edukacja skupia si\u0119 wok\u00f3\u0142 Architektury Krajobrazu, gdzie zdoby\u0142am tytu\u0142 magistra in\u017cyniera. Ale to nie tylko wiedza formalna &#8211; moj\u0105 prawdziw\u0105 pasj\u0105 jest \u015bwiat ro\u015blin.<\/p>\n                <\/div>\n                <div class=\"flex justify-between flex-col md:flex-row md:justify-start items-center gap-4\">\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"image-boxes-block_119aee635099330a04ad7e57c95f032c\" class=\"offer-container mb-8 md:mb-12 image-boxes\">\n    <div class=\"container mx-auto\">\n        <div class=\"flex flex-col md:flex-row-reverse gap-4 md:gap-6 items-center\">\n            <div class=\"w-full sm:w-2\/3 sm:mx-auto md:w-1\/2 h-[200px] sm:h-[300px] md:h-[375px] relative overflow-hidden group\" data-aos=\"fade-left\">\n                <div class=\"absolute top-0 bottom-0 left-0 right-0 bg-cover bg-no-repeat bg-center group-hover:scale-105 transition\" style=\"background-image: url('https:\/\/dudekogrody.pl\/wp-content\/uploads\/2023\/10\/garden-2.webp');\"><\/div>\n                <div class=\"absolute top-0 left-0 bg-gradient-to-r from-black\/80 to-transparent h-full w-full px-3 py-4\">\n                    <div class=\"border-4 border-primary\/60 w-full h-full\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"w-full sm:w-2\/3 sm:mx-auto md:w-1\/2\" data-aos=\"fade-right\">\n                <h3 class=\"font-play font-bold text-secondary uppercase text-xl md:text-2xl\">Moja Filozofia Ogrodnicza<\/h3>\n                <div class=\"w-44 bg-primary h-[2px] my-4 md:my-6\"><\/div>\n                <div class=\"font-montserrat font-light text-sm leading-6 offer-text pb-3\">\n                    <p>Jestem nie tylko wykszta\u0142conym architektem krajobrazu, ale tak\u017ce z zami\u0142owania florystk\u0105. Moje serce bije dla ro\u015blin i kwiat\u00f3w. Prowadzenie ogrodu wed\u0142ug zasad permakultury, korzystanie z naturalnych metod uprawy oraz dbanie o r\u00f3wnowag\u0119 ekosystemu to dla mnie nie tylko praca, ale przede wszystkim styl \u017cycia. Uwa\u017cam, \u017ce \u0142\u0105czenie estetyki z ekologi\u0105 jest kluczem do stworzenia idealnego ogrodu. Dlatego w ka\u017cdym projekcie stawiam na ochron\u0119 \u015brodowiska oraz \u017cycie w zgodzie z natur\u0105. Moja misja to dostarczenie Pa\u0144stwu nie tylko pi\u0119knego, ale r\u00f3wnie\u017c ekologicznie zr\u00f3wnowa\u017conego ogrodu. Skorzystaj z mojej wiedzy i do\u015bwiadczenia i przekszta\u0142\u0107 swoj\u0105 przestrze\u0144 w zielony raj.<\/p>\n                <\/div>\n                <div class=\"flex justify-between flex-col md:flex-row md:justify-start items-center gap-4\">\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n    <\/div>\n    <div class=\"triangle absolute top-0 h-full w-full bg-light\"><\/div>\n<\/div>\n\n<div id=\"cta-section-block_51b7112201b5acb90e4c8e614f3b41e1\" class=\"cta-container h-[400px] bg-cover bg-no-repeat bg-center cta-section\" style=\"background-image: url('https:\/\/dudekogrody.pl\/wp-content\/uploads\/2023\/10\/flowers.webp');\">\n    <div class=\"bg-dark\/70 h-full md:bg-transparent\">\n        <div class=\"container mx-auto flex flex-col md:flex-row items-center justify-around md:justify-between h-full\">\n            <div class=\"w-full sm:1\/2\" data-aos=\"fade-right\" data-aos-delay=\"0\">\n                <p class=\"font-play font-bold text-primary uppercase text-2xl md:text-4xl text-center md:text-left\">Zapro\u015b Dudka<\/p>\n                <p class=\"font-play font-bold text-white uppercase text-2xl md:text-4xl text-center md:text-left\">do ogr\u00f3dka<\/p>\n                <div class=\"h-[2px] w-36 bg-primary\/70 my-5 mx-auto md:mx-0\"><\/div>\n                <p class=\"font-play text-xl md:text-2x text-white text-center md:text-left font-bold\">Skontaktuj si\u0119 z nami<\/p>\n            <\/div>\n            <div class=\"w-full sm:1\/2 text-center lg:text-right\" data-aos=\"fade-left\" data-aos-delay=\"200\">\n                                    <a href=\"tel:+48515042872\" class=\"inline-block mx-auto font-play font-bold text-base text-white bg-primary transition px-10 py-4 uppercase hover:bg-secondary hover:text-primary\">Zadzwo\u0144 do nas!<\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div id=\"oferta\" class=\"dark-container bg-secondary pt-8 md:pt-12 dark-container\">\n    <div class=\"acf-innerblocks-container\">\n<div id=\"custom-heading-block_dcc1da0342fc1f620c807ad790e7aba9\" class=\"heading-container custom-heading\">\n    <div class=\"container mx-auto\">\n        <h2 class=\"text-primary text-center font-play font-bold text-2xl md:text-4xl uppercase\">Ogrody od A do Z<\/h2>\n        <div class=\"h-4 bg-transparent w-4 mx-auto relative rounded-full border border-primary before:content-[''] before:block before:absolute before:w-10 before:h-[1px] before:bg-primary before:top-2 before:-mt-[1px] before:-left-10 after:content-[''] after:block after:absolute after:w-10 after:h-[1px] after:bg-primary after:top-2 after:-mt-[1px] after:-right-10 mt-4 mb-8 md:mb-12\"><\/div>        \n    <\/div>\n<\/div>\n\n\n<p class=\"has-text-align-center has-white-color has-text-color\">Specjalizujemy si\u0119 w kompleksowej obs\u0142udze ogrodowej, przekszta\u0142caj\u0105c przestrze\u0144 w prawdziwe zielone raje.<\/p>\n\n\n\n<div id=\"icon-section-block_f1f82fdf56037b8e14c3e1eb28e602b5\" class=\"icons-container pb-4 md:pb-6 icon-section\">\n    <div class=\"container mx-auto grid sm:grid-cols-2 md:grid-cols-4 gap-6 md:gap-x-4 md:gap-y-0\">\n                    <div class=\"text-center bg-light\/80 p-4 drop-shadow justify-items-center\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n                <p class=\"text-secondary uppercase text-center font-play font-bold text-xl\">Projektowanie ogrod\u00f3w<\/p>\n                <div class=\"h-[2px] bg-primary w-16 mx-auto my-4 md:my-6\"><\/div>\n                <p class=\"text-dark font-montserrat text-sm leading-6\">Indywidualne koncepcje dostosowane do Twoich potrzeb.<\/p>\n            <\/div>\n                                <div class=\"text-center bg-light\/80 p-4 drop-shadow justify-items-center\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <p class=\"text-secondary uppercase text-center font-play font-bold text-xl\">Konsultacje<\/p>\n                <div class=\"h-[2px] bg-primary w-16 mx-auto my-4 md:my-6\"><\/div>\n                <p class=\"text-dark font-montserrat text-sm leading-6\">Doradztwo w zakresie aran\u017cacji i piel\u0119gnacji ogrodu.<\/p>\n            <\/div>\n                                <div class=\"text-center bg-light\/80 p-4 drop-shadow justify-items-center\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n                <p class=\"text-secondary uppercase text-center font-play font-bold text-xl\">Zak\u0142adanie trawnik\u00f3w<\/p>\n                <div class=\"h-[2px] bg-primary w-16 mx-auto my-4 md:my-6\"><\/div>\n                <p class=\"text-dark font-montserrat text-sm leading-6\">Od przygotowania pod\u0142o\u017ca po regularn\u0105 piel\u0119gnacj\u0119: koszenie, aeracja, wertykulacja.<\/p>\n            <\/div>\n                                <div class=\"text-center bg-light\/80 p-4 drop-shadow justify-items-center\" data-aos=\"fade-up\" data-aos-delay=\"600\">\n                <p class=\"text-secondary uppercase text-center font-play font-bold text-xl\">Nasadzenia<\/p>\n                <div class=\"h-[2px] bg-primary w-16 mx-auto my-4 md:my-6\"><\/div>\n                <p class=\"text-dark font-montserrat text-sm leading-6\">Ro\u015bliny ozdobne, drzewa, krzewy. Pomoc w wyborze i zakupie idealnych gatunk\u00f3w.<\/p>\n            <\/div>\n                        <\/div>\t\t\t\n<\/div>\n\n\n<div id=\"icon-section-block_c45eb465333d05d2864abf9ebade8472\" class=\"icons-container pb-4 md:pb-6 icon-section\">\n    <div class=\"container mx-auto grid sm:grid-cols-2 md:grid-cols-4 gap-6 md:gap-x-4 md:gap-y-0\">\n                    <div class=\"text-center bg-light\/80 p-4 drop-shadow justify-items-center\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n                <p class=\"text-secondary uppercase text-center font-play font-bold text-xl\">Przycinanie i wycinanie<\/p>\n                <div class=\"h-[2px] bg-primary w-16 mx-auto my-4 md:my-6\"><\/div>\n                <p class=\"text-dark font-montserrat text-sm leading-6\">Drzew owocowych, ozdobnych, \u017cywop\u0142ot\u00f3w i innych ro\u015blin.<\/p>\n            <\/div>\n                                <div class=\"text-center bg-light\/80 p-4 drop-shadow justify-items-center\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <p class=\"text-secondary uppercase text-center font-play font-bold text-xl\">Piel\u0119gnacja pod\u0142o\u017ca<\/p>\n                <div class=\"h-[2px] bg-primary w-16 mx-auto my-4 md:my-6\"><\/div>\n                <p class=\"text-dark font-montserrat text-sm leading-6\">Przygotowywanie, korowanie, rozsypanie kruszywa oraz monta\u017c obrze\u017cy.<\/p>\n            <\/div>\n                                <div class=\"text-center bg-light\/80 p-4 drop-shadow justify-items-center\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n                <p class=\"text-secondary uppercase text-center font-play font-bold text-xl\">Pielenie ogrod\u00f3w<\/p>\n                <div class=\"h-[2px] bg-primary w-16 mx-auto my-4 md:my-6\"><\/div>\n                <p class=\"text-dark font-montserrat text-sm leading-6\">Regularne dbanie o czysto\u015b\u0107 i estetyk\u0119.<\/p>\n            <\/div>\n                                <div class=\"text-center bg-light\/80 p-4 drop-shadow justify-items-center\" data-aos=\"fade-up\" data-aos-delay=\"600\">\n                <p class=\"text-secondary uppercase text-center font-play font-bold text-xl\">Abonament na piel\u0119gnacj\u0119<\/p>\n                <div class=\"h-[2px] bg-primary w-16 mx-auto my-4 md:my-6\"><\/div>\n                <p class=\"text-dark font-montserrat text-sm leading-6\">Ca\u0142o\u015bciowa opieka nad Twoim ogrodem.<\/p>\n            <\/div>\n                        <\/div>\t\t\t\n<\/div>\n\n\n<div id=\"icon-section-block_562de1761f7e693d72f042b5a24b03ff\" class=\"icons-container pb-4 md:pb-6 icon-section\">\n    <div class=\"container mx-auto grid sm:grid-cols-2 md:grid-cols-4 gap-6 md:gap-x-4 md:gap-y-0\">\n                    <div class=\"text-center bg-light\/80 p-4 drop-shadow justify-items-center\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n                <p class=\"text-secondary uppercase text-center font-play font-bold text-xl\">Czyszczenie kostki brukowej<\/p>\n                <div class=\"h-[2px] bg-primary w-16 mx-auto my-4 md:my-6\"><\/div>\n                <p class=\"text-dark font-montserrat text-sm leading-6\">Od\u015bwie\u017canie nawierzchni ogrodowych.<\/p>\n            <\/div>\n                                <div class=\"text-center bg-light\/80 p-4 drop-shadow justify-items-center\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <p class=\"text-secondary uppercase text-center font-play font-bold text-xl\">Nawadnianie<\/p>\n                <div class=\"h-[2px] bg-primary w-16 mx-auto my-4 md:my-6\"><\/div>\n                <p class=\"text-dark font-montserrat text-sm leading-6\">Skuteczne i oszcz\u0119dne rozwi\u0105zania dla zdrowych ro\u015blin.<\/p>\n            <\/div>\n                        <\/div>\t\t\t\n<\/div>\n<\/div>\n    <div class=\"bg-light\">\n        <div class=\"w-0 h-0 border-t-0 border-t-transparent border-l-[99vw] border-l-secondary border-b-[80px] border-b-transparent\"><\/div>\n    <\/div>\n<\/div>\n\n\n<div id=\"realizacje\" class=\"light-container bg-light pb-8 md:pb-12 light-container\">\n    <div class=\"acf-innerblocks-container\">\n<div id=\"custom-heading-block_9f747cc3bc66ff86a8f8a8a988e3091d\" class=\"heading-container custom-heading\">\n    <div class=\"container mx-auto\">\n        <h2 class=\"text-primary text-center font-play font-bold text-2xl md:text-4xl uppercase\">Realizacje<\/h2>\n        <div class=\"h-4 bg-transparent w-4 mx-auto relative rounded-full border border-primary before:content-[''] before:block before:absolute before:w-10 before:h-[1px] before:bg-primary before:top-2 before:-mt-[1px] before:-left-10 after:content-[''] after:block after:absolute after:w-10 after:h-[1px] after:bg-primary after:top-2 after:-mt-[1px] after:-right-10 mt-4 mb-8 md:mb-12\"><\/div>        \n    <\/div>\n<\/div>\n\n\n<section class=\"gallery\" x-data=\"portfolioGallery({activeTab: 'realizacje'})\">\n    <ul class=\"mb-5 flex list-none flex-row flex-wrap border-b-0 pl-0\" role=\"tablist\">\n            <li role=\"presentation\" class=\"flex-auto text-center\">\n            <a\n                href=\"#\"\n                class=\"my-2 block border-x-0 border-b-2 border-t-0 px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight hover:isolate hover:border-primary hover:bg-neutral-100\"\n                :class=\"{'border-primary text-primary': activeTab === 'realizacje', 'border-transparent text-neutral-500': activeTab !== 'realizacje'}\"\n                @click.prevent=\"activateTab('realizacje')\"\n                role=\"tab\"\n            >Realizacje<\/a>\n        <\/li>\n            <li role=\"presentation\" class=\"flex-auto text-center\">\n            <a\n                href=\"#\"\n                class=\"my-2 block border-x-0 border-b-2 border-t-0 px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight hover:isolate hover:border-primary hover:bg-neutral-100\"\n                :class=\"{'border-primary text-primary': activeTab === 'kompozycje-kwiatowe-i-dekoracje', 'border-transparent text-neutral-500': activeTab !== 'kompozycje-kwiatowe-i-dekoracje'}\"\n                @click.prevent=\"activateTab('kompozycje-kwiatowe-i-dekoracje')\"\n                role=\"tab\"\n            >Kompozycje kwiatowe i dekoracje<\/a>\n        <\/li>\n            <li role=\"presentation\" class=\"flex-auto text-center\">\n            <a\n                href=\"#\"\n                class=\"my-2 block border-x-0 border-b-2 border-t-0 px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight hover:isolate hover:border-primary hover:bg-neutral-100\"\n                :class=\"{'border-primary text-primary': activeTab === 'pielegnacja', 'border-transparent text-neutral-500': activeTab !== 'pielegnacja'}\"\n                @click.prevent=\"activateTab('pielegnacja')\"\n                role=\"tab\"\n            >Piel\u0119gnacja<\/a>\n        <\/li>\n            <li role=\"presentation\" class=\"flex-auto text-center\">\n            <a\n                href=\"#\"\n                class=\"my-2 block border-x-0 border-b-2 border-t-0 px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight hover:isolate hover:border-primary hover:bg-neutral-100\"\n                :class=\"{'border-primary text-primary': activeTab === 'projekty', 'border-transparent text-neutral-500': activeTab !== 'projekty'}\"\n                @click.prevent=\"activateTab('projekty')\"\n                role=\"tab\"\n            >Projekty<\/a>\n        <\/li>\n        <\/ul>\n\n    <!--Tabs content-->\n    <div class=\"mb-6\">\n            <div\n            class=\"opacity-100 transition-opacity duration-150 ease-linear\"\n            id=\"tabs-realizacje\"\n            role=\"tabpanel\"\n            x-show=\"activeTab === 'realizacje' && !tabContentLoading\"\n        >   \n        <\/div>\n            <div\n            class=\"opacity-100 transition-opacity duration-150 ease-linear\"\n            id=\"tabs-kompozycje-kwiatowe-i-dekoracje\"\n            role=\"tabpanel\"\n            x-show=\"activeTab === 'kompozycje-kwiatowe-i-dekoracje' && !tabContentLoading\"\n        >   \n        <\/div>\n            <div\n            class=\"opacity-100 transition-opacity duration-150 ease-linear\"\n            id=\"tabs-pielegnacja\"\n            role=\"tabpanel\"\n            x-show=\"activeTab === 'pielegnacja' && !tabContentLoading\"\n        >   \n        <\/div>\n            <div\n            class=\"opacity-100 transition-opacity duration-150 ease-linear\"\n            id=\"tabs-projekty\"\n            role=\"tabpanel\"\n            x-show=\"activeTab === 'projekty' && !tabContentLoading\"\n        >   \n        <\/div>\n            <div class=\"h-64 flex justify-center items-center bg-light\" x-show=\"tabContentLoading\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"64\" viewBox=\"0 -960 960 960\" width=\"64\" class=\"animate-spin fill-primary\"><path d=\"M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Z\"\/><\/svg>\n        <\/div>\n    <\/div>\n    <div class=\"fixed flex justify-center items-center top-0 left-0 h-full w-full z-50\" x-show=\"modal\" x-cloak x-transition>\n    <div class=\"absolute bg-primary\/70 h-full w-full\" @click=\"closeModal()\"><\/div>\n        <div x-show=\"modalContentLoading\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"64\" viewBox=\"0 -960 960 960\" width=\"64\" class=\"animate-spin fill-white\"><path d=\"M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Z\"\/><\/svg><\/div>\n        <div class=\"w-auto max-w-[93vw] md:max-w-[80vw] max-h-[90vh] bg-white drop-shadow-md p-4 md:p-8 rounded-lg relative\" x-show=\"!modalContentLoading\" x-transition>\n            <a href=\"#\" class=\"absolute w-8 h-8 rounded-full text-white bg-primary drop-shadow-md border-white border-2 flex justify-center items-center -right-3 -top-3\" @click.prevent=\"closeModal()\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-white\" height=\"16\" viewBox=\"0 -960 960 960\" width=\"16\"><path d=\"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z\"\/><\/svg>\n            <\/a>\n            <div id=\"modal-content\" class=\"max-h-full w-auto\"><\/div>\n        <\/div>\n    <\/div>\n    \n<\/section>\n\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dudekogrody.pl\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dudekogrody.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dudekogrody.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dudekogrody.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dudekogrody.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":8,"href":"https:\/\/dudekogrody.pl\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":48,"href":"https:\/\/dudekogrody.pl\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/48"}],"wp:attachment":[{"href":"https:\/\/dudekogrody.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}