{"id":336,"date":"2024-01-18T12:50:36","date_gmt":"2024-01-18T11:50:36","guid":{"rendered":"https:\/\/synergiahd.pl\/?page_id=336"},"modified":"2026-03-29T23:08:49","modified_gmt":"2026-03-29T21:08:49","slug":"home-2","status":"publish","type":"page","link":"https:\/\/synergiahd.pl\/","title":{"rendered":""},"content":{"rendered":"\n
<\/div>\n\n\n\n
\n
\n
\n

SYNERGIA<\/strong> <\/p>\n\n\n\n

wedding films<\/p>\n\n\n\n

<\/div>\n\n\n\n

KAROLINA i KAMIL za\u0142o\u017cyciele firmy Synergia wedding films. Nasza przygoda z filmowaniem zacz\u0119\u0142a si\u0119 ponad 20 lat temu. Praca z kamer\u0105 czy te\u017c aparatem sta\u0142a si\u0119 dla nas nie tylko metod\u0105 na \u017cycie, ale tak\u017ce pasj\u0105. Jestem absolwentem warszawskiej szko\u0142y filmowej oraz uczestnikiem wielu teoretycznych jak i praktycznych szkole\u0144 przy boku najwybitniejszych tw\u00f3rc\u00f3w film\u00f3w \u015blubnych. Nasze filmy oparte s\u0105 na tym co Wy sami w nie wniesiecie My tylko chwytamy chwile \u2026 wi\u0119cej<\/strong><\/a><\/p>\n<\/div>

\"\"<\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

WYBRANE<\/strong> filmy \u015blubne<\/h4>\n\n\n\n

<\/p>\n\n\n\n

<\/div>\n\n\n\n\n\n\n \n \n Galeria Premium \u2013 Czysty Styl<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background-color: #000; \/* G\u0142\u0119boka czer\u0144 t\u0142a *\/\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n\n .gallery {\n display: flex;\n flex-wrap: wrap;\n gap: 15px; \/* Odst\u0119py mi\u0119dzy kafelkami *\/\n padding: 40px;\n max-width: 1600px; \/* Maksymalna szeroko\u015b\u0107 galerii *\/\n margin: 0 auto;\n justify-content: center; \/* Centrowanie kafelk\u00f3w w rz\u0119dzie *\/\n }\n\n .gallery-item {\n position: relative;\n \/* Kalkulacja dla ok. 4 w rz\u0119dzie na du\u017cym ekranie *\/\n width: calc(25% - 15px); \n min-width: 280px; \/* Minimalna szeroko\u015b\u0107 kafelka *\/\n aspect-ratio: 16 \/ 9; \/* Proporcje kinowe *\/\n overflow: hidden;\n border-radius: 12px;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.6s ease;\n cursor: pointer;\n background: #000;\n box-shadow: 0 4px 15px rgba(0,0,0,0.5);\n }\n\n .thumbnail {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transform: scale(1.15); \/* Ukrycie kaszet zdj\u0119cia *\/\n transition: transform 0.8s ease, opacity 0.5s ease;\n display: block;\n }\n\n \/* Odtwarzacz podgl\u0105du - Idealne Centrowanie i Extreme Crop *\/\n .preview-iframe {\n position: absolute;\n width: 160%; \n height: 160%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%); \/* Magia centrowania *\/\n pointer-events: none;\n border: none;\n opacity: 0;\n transition: opacity 1s ease;\n }\n\n \/* Stany aktywne (sterowane przez JS) *\/\n .preview-visible .preview-iframe {\n opacity: 1;\n }\n\n .preview-active .thumbnail {\n opacity: 0;\n }\n\n \/* Efekty Hover *\/\n .gallery-item:hover {\n transform: translateY(-8px); \/* Uniesienie kafelka *\/\n }\n\n .gallery-item:hover .thumbnail {\n transform: scale(1.25); \/* Powi\u0119kszenie zdj\u0119cia w tle *\/\n }\n\n .caption {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n \/* Gradient dla czytelno\u015bci napis\u00f3w *\/\n background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);\n \n \/* --- ZMIANA: WYMUSZENIE BIA\u0141EGO KOLORU --- *\/\n color: #ffffff; \n \n padding: 20px 10px 10px;\n font-size: 11px;\n text-align: center;\n z-index: 10;\n transition: opacity 0.4s ease;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .preview-active .caption { opacity: 0; }\n\n \/* MODAL (Pe\u0142ny ekran) *\/\n .modal {\n display: none;\n position: fixed;\n top: 0; left: 0; width: 100%; height: 100%;\n background: rgba(0, 0, 0, 0.95);\n justify-content: center; align-items: center;\n z-index: 9999;\n }\n .modal.show { display: flex; }\n .modal-content { width: 90%; max-width: 1100px; aspect-ratio: 16 \/ 9; position: relative; }\n .close-btn { position: absolute; top: -50px; right: 0; font-size: 40px; color: white; cursor: pointer; }\n\n \/* Responsywno\u015b\u0107 (RWD) *\/\n @media (max-width: 1200px) { .gallery-item { width: calc(33.33% - 15px); } }\n @media (max-width: 900px) { .gallery-item { width: calc(50% - 15px); } }\n @media (max-width: 600px) { .gallery-item { width: 100%; } }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"gallery\">\n <div class=\"gallery-item\" data-video-id=\"eZRox6Y1qwI\">\n <img decoding=\"async\" class=\"thumbnail\" src=\"https:\/\/img.youtube.com\/vi\/eZRox6Y1qwI\/hqdefault.jpg\" alt=\"ITALY PISA\">\n <figcaption class=\"caption\">ITALY PISA<\/figcaption>\n <\/div>\n\n <div class=\"gallery-item\" data-video-id=\"OUdHTioumgc\">\n <img decoding=\"async\" class=\"thumbnail\" src=\"https:\/\/img.youtube.com\/vi\/OUdHTioumgc\/hqdefault.jpg\" alt=\"ITALY PORTOVENERE\">\n <figcaption class=\"caption\">ITALY PORTOVENERE<\/figcaption>\n <\/div>\n\n <div class=\"gallery-item\" data-video-id=\"OeRhQacJ41s\">\n <img decoding=\"async\" class=\"thumbnail\" src=\"https:\/\/img.youtube.com\/vi\/OeRhQacJ41s\/hqdefault.jpg\" alt=\"ITALY BONASSOLA\">\n <figcaption class=\"caption\">ITALY BONASSOLA<\/figcaption>\n <\/div>\n\n <div class=\"gallery-item\" data-video-id=\"yQxd9QGxEwA\">\n <img decoding=\"async\" class=\"thumbnail\" src=\"https:\/\/img.youtube.com\/vi\/yQxd9QGxEwA\/hqdefault.jpg\" alt=\"RODOS 2023\">\n <figcaption class=\"caption\">RODOS<\/figcaption>\n <\/div>\n\n <div class=\"gallery-item\" data-video-id=\"HSIMjcmUjBE\">\n <img decoding=\"async\" class=\"thumbnail\" src=\"https:\/\/img.youtube.com\/vi\/HSIMjcmUjBE\/hqdefault.jpg\" alt=\"KORFU\">\n <figcaption class=\"caption\">KORFU<\/figcaption>\n <\/div>\n\n <div class=\"gallery-item\" data-video-id=\"2NVyHhmBfzA\">\n <img decoding=\"async\" class=\"thumbnail\" src=\"https:\/\/img.youtube.com\/vi\/2NVyHhmBfzA\/hqdefault.jpg\" alt=\"KRETA 2022\">\n <figcaption class=\"caption\">KRETA<\/figcaption>\n <\/div>\n \n <\/div>\n\n <div class=\"modal\" id=\"videoModal\">\n <div class=\"modal-content\">\n <span class=\"close-btn\" onclick=\"closeModal()\">\u00d7<\/span>\n <iframe id=\"videoFrame\" allowfullscreen allow=\"autoplay\"><\/iframe>\n <\/div>\n <\/div>\n\n <script>\n const modal = document.getElementById(\"videoModal\");\n const videoFrame = document.getElementById(\"videoFrame\");\n let previewTimer;\n let endTimer;\n\n \/\/ Funkcja czyszcz\u0105ca podgl\u0105d i usuwaj\u0105ca iframe\n function clearPreview(item) {\n item.classList.remove(\"preview-active\", \"preview-visible\");\n const iframe = item.querySelector('.preview-iframe');\n if (iframe) iframe.remove();\n }\n\n document.querySelectorAll(\".gallery-item\").forEach(item => {\n \/\/ --- LOGIKA PODGL\u0104DU NA HOVER ---\n item.addEventListener(\"mouseenter\", function() {\n const videoId = this.getAttribute(\"data-video-id\");\n \n \/\/ Start timera (2 sekundy) przed za\u0142adowaniem podgl\u0105du\n previewTimer = setTimeout(() => {\n this.classList.add(\"preview-active\");\n const iframe = document.createElement('iframe');\n iframe.className = 'preview-iframe';\n \/\/ iv_load_policy=3 usuwa adnotacje, modestbranding=1 ukrywa logo w pewnym stopniu\n iframe.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&mute=1&controls=0&modestbranding=1&rel=0&start=0&end=10&iv_load_policy=3`;\n this.appendChild(iframe);\n\n \/\/ Pokazanie filmu po kr\u00f3tkim czasie (fading)\n setTimeout(() => {\n if(this.classList.contains(\"preview-active\")) this.classList.add(\"preview-visible\");\n }, 1000);\n\n \/\/ Automatyczny reset podgl\u0105du po 11.5 sekundy (10s filmu + bufor)\n endTimer = setTimeout(() => {\n clearPreview(this);\n }, 11500);\n\n }, 2000); \n });\n\n \/\/ --- LOGIKA ZABRANIA MYSZKI ---\n item.addEventListener(\"mouseleave\", function() {\n clearTimeout(previewTimer);\n clearTimeout(endTimer);\n clearPreview(this);\n });\n\n \/\/ --- LOGIKA KLIKNI\u0118CIA (OPEN MODAL) ---\n item.addEventListener(\"click\", function() {\n const videoId = this.getAttribute(\"data-video-id\");\n \/\/ Pe\u0142ny player z kontrolkami\n videoFrame.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&controls=1&modestbranding=1&rel=0`;\n modal.style.display = \"flex\";\n setTimeout(() => modal.classList.add(\"show\"), 10);\n \n \/\/ Czyszczenie podgl\u0105du przy klikni\u0119ciu\n clearTimeout(previewTimer);\n clearTimeout(endTimer);\n clearPreview(this);\n });\n });\n\n \/\/ Funkcja zamykania modala\n function closeModal() {\n modal.classList.remove(\"show\");\n setTimeout(() => { modal.style.display = \"none\"; videoFrame.src = \"\"; }, 400);\n }\n\n \/\/ Zamykanie przez klikni\u0119cie w t\u0142o lub klawisz ESC\n modal.addEventListener(\"click\", (e) => { if (e.target === modal) closeModal(); });\n document.addEventListener('keydown', (e) => { if (e.key === \"Escape\") closeModal(); });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:6px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<h4 style=\"text-align: right;\"><a href=\"https:\/\/synergiahd.pl\/index.php\/portfolio\/\">ZOBACZ NASZE FILMY<\/a><\/h4>\n\n\n<div style=\"height:130px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#f0f0f0;flex-basis:100%\">\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\" style=\"grid-template-columns:auto 15%\"><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-align-center wp-block-paragraph\">Od 2018 roku jeste\u015bmy Cz\u0142onkiem Europejskiego Stowarzyszenia Filmowc\u00f3w \u015blubnych<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"649\" src=\"https:\/\/synergiahd.pl\/wp-content\/uploads\/2024\/01\/weva-logo__black-1024x649.webp\" alt=\"\" class=\"wp-image-363 size-full\" srcset=\"https:\/\/synergiahd.pl\/wp-content\/uploads\/2024\/01\/weva-logo__black-1024x649.webp 1024w, https:\/\/synergiahd.pl\/wp-content\/uploads\/2024\/01\/weva-logo__black-300x190.webp 300w, https:\/\/synergiahd.pl\/wp-content\/uploads\/2024\/01\/weva-logo__black-768x486.webp 768w, https:\/\/synergiahd.pl\/wp-content\/uploads\/2024\/01\/weva-logo__black-1536x973.webp 1536w, https:\/\/synergiahd.pl\/wp-content\/uploads\/2024\/01\/weva-logo__black-1140x722.webp 1140w, https:\/\/synergiahd.pl\/wp-content\/uploads\/2024\/01\/weva-logo__black.webp 1800w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>SYNERGIA wedding films KAROLINA i KAMIL za\u0142o\u017cyciele firmy Synergia wedding films. Nasza przygoda z filmowaniem zacz\u0119\u0142a si\u0119 ponad 20 lat temu. Praca z kamer\u0105 czy te\u017c aparatem sta\u0142a si\u0119 dla nas nie tylko metod\u0105 na \u017cycie, ale tak\u017ce pasj\u0105. Jestem absolwentem warszawskiej szko\u0142y filmowej oraz uczestnikiem wielu teoretycznych jak i praktycznych szkole\u0144 przy boku najwybitniejszych tw\u00f3rc\u00f3w film\u00f3w \u015blubnych. Nasze filmy oparte s\u0105 na tym co Wy sami w nie wniesiecie My tylko chwytamy chwile \u2026 wi\u0119cej WYBRANE filmy \u015blubne Galeria Premium \u2013 Czysty Styl ITALY PISA ITALY PORTOVENERE ITALY BONASSOLA RODOS KORFU KRETA \u00d7 ZOBACZ NASZE FILMY Od 2018 roku jeste\u015bmy Cz\u0142onkiem Europejskiego Stowarzyszenia Filmowc\u00f3w \u015blubnych<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-336","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/synergiahd.pl\/index.php\/wp-json\/wp\/v2\/pages\/336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/synergiahd.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/synergiahd.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/synergiahd.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/synergiahd.pl\/index.php\/wp-json\/wp\/v2\/comments?post=336"}],"version-history":[{"count":144,"href":"https:\/\/synergiahd.pl\/index.php\/wp-json\/wp\/v2\/pages\/336\/revisions"}],"predecessor-version":[{"id":921,"href":"https:\/\/synergiahd.pl\/index.php\/wp-json\/wp\/v2\/pages\/336\/revisions\/921"}],"wp:attachment":[{"href":"https:\/\/synergiahd.pl\/index.php\/wp-json\/wp\/v2\/media?parent=336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}