{"id":2,"date":"2026-04-27T17:51:36","date_gmt":"2026-04-27T17:51:36","guid":{"rendered":"https:\/\/lodybajowe.jakubgorecki.pl\/?page_id=2"},"modified":"2026-04-29T07:59:55","modified_gmt":"2026-04-29T07:59:55","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/lodybajowe.jakubgorecki.pl\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\n\n\n\n \n \n Lody Bajowe | Polski Producent Lod\u00f3w | Smak Lata<\/title>\n <meta name=\"description\" content=\"Lody Bajowe to polski producent lod\u00f3w z 25-letnim do\u015bwiadczeniem. Odkryj nasze nowo\u015bci: SIGMA, Tuba Cola i Guma Balonowa. Wspieramy polski handel!\">\n \n <!-- Nowoczesna typografia Google Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;500;700;900&display=swap\" rel=\"stylesheet\">\n \n <!-- FIX: Wymuszenie natychmiastowego pobrania najwa\u017cniejszego obrazka (Szybsze \u0142adowanie) -->\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/lodybajowe.jakubgorecki.pl\/wp-content\/uploads\/2026\/04\/sigma2d_1.png\">\n \n <style>\n \/* =========================================\n ZMIENNE KOLORYSTYCZNE I USTAWIENIA\n ========================================= *\/\n :root {\n --brand-blue: #005bb5;\n --brand-light-blue: #00a8ff;\n --bg-color: #f8fafc;\n --text-dark: #1e293b;\n --text-light: #64748b;\n --white: #ffffff;\n \n \/* Kolory akcentuj\u0105ce dla smak\u00f3w *\/\n --flavor-sigma: #b4e05b;\n --flavor-bubblegum: #ff85c0;\n --flavor-cola: #8b5a2b;\n --flavor-cream: #fceeb5;\n \n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Outfit', sans-serif;\n background-color: var(--bg-color);\n color: var(--text-dark);\n overflow-x: hidden;\n line-height: 1.6;\n }\n\n \/* U\u017cyteczne klasy *\/\n .container {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* =========================================\n ANIMACJE INTERAKTYWNE\n ========================================= *\/\n @keyframes float {\n 0% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-20px) rotate(2deg); }\n 100% { transform: translateY(0px) rotate(0deg); }\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: 0.8s all ease-out;\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* =========================================\n NAWIGACJA (MOBILE FIRST)\n ========================================= *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n background: rgba(255, 255, 255, 0.9);\n backdrop-filter: blur(10px);\n z-index: 1000;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n transition: var(--transition);\n }\n\n .nav-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 80px;\n }\n\n .logo {\n display: flex;\n align-items: center;\n text-decoration: none;\n }\n\n .logo img {\n max-height: 50px; \/* Zabezpiecza przed rozsadzeniem nag\u0142\u00f3wka *\/\n width: auto;\n object-fit: contain;\n }\n\n \/* Przycisk Hamburger dla Mobile *\/\n .menu-toggle {\n display: block;\n background: none;\n border: none;\n cursor: pointer;\n width: 30px;\n height: 24px;\n position: relative;\n z-index: 1001;\n }\n\n .menu-toggle span {\n display: block;\n height: 3px;\n width: 100%;\n background-color: var(--brand-blue);\n border-radius: 3px;\n position: absolute;\n transition: var(--transition);\n }\n\n .menu-toggle span:nth-child(1) { top: 0; }\n .menu-toggle span:nth-child(2) { top: 10px; }\n .menu-toggle span:nth-child(3) { top: 20px; }\n\n .menu-toggle.open span:nth-child(1) { transform: rotate(45deg); top: 10px; }\n .menu-toggle.open span:nth-child(2) { opacity: 0; }\n .menu-toggle.open span:nth-child(3) { transform: rotate(-45deg); top: 10px; }\n\n \/* Poprawka: Wykluczamy niewidoczne menu z flexboxa na mobile *\/\n nav {\n position: absolute;\n }\n\n \/* Menu Linki *\/\n .nav-links {\n position: fixed;\n top: 0;\n right: -100%;\n height: 100vh;\n width: 100%;\n background-color: var(--white);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 30px;\n transition: var(--transition);\n list-style: none;\n }\n\n .nav-links.active {\n right: 0;\n }\n\n .nav-links a {\n font-size: 24px;\n font-weight: 700;\n text-decoration: none;\n color: var(--text-dark);\n transition: var(--transition);\n }\n\n .nav-links a:hover {\n color: var(--brand-light-blue);\n }\n\n .b2b-btn-nav {\n background-color: var(--brand-blue);\n color: var(--white) !important;\n padding: 12px 30px;\n border-radius: 50px;\n font-size: 18px !important;\n }\n\n \/* =========================================\n SEKCJA HERO (M\u0141ODZIE\u017bOWA, DYNAMICZNA)\n ========================================= *\/\n .hero {\n padding-top: 120px;\n min-height: 100vh;\n display: flex;\n align-items: center;\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, #e0f2fe 0%, #ffffff 100%);\n }\n\n \/* Poprawka Mobile First: uk\u0142adamy elementy jedno pod drugim na ma\u0142ych ekranach *\/\n .hero-inner {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n gap: 40px;\n width: 100%;\n }\n\n \/* Abstrakcyjne t\u0142o - kszta\u0142t *\/\n .hero-shape {\n position: absolute;\n top: -10%;\n right: -10%;\n width: 600px;\n height: 600px;\n background: var(--brand-light-blue);\n border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%;\n opacity: 0.1;\n animation: float 15s ease-in-out infinite;\n z-index: 0;\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n\n .tagline {\n display: inline-block;\n background-color: rgba(0, 168, 255, 0.1);\n color: var(--brand-blue);\n padding: 8px 20px;\n border-radius: 50px;\n font-weight: 700;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin: 0 auto;\n }\n\n .hero h1 {\n font-size: 42px;\n font-weight: 900;\n line-height: 1.1;\n color: var(--brand-blue);\n }\n\n .hero h1 span {\n color: var(--brand-light-blue);\n }\n\n .hero p {\n font-size: 18px;\n color: var(--text-light);\n max-width: 600px;\n margin: 0 auto;\n }\n\n .cta-group {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 20px;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 16px 32px;\n border-radius: 50px;\n font-weight: 700;\n font-size: 16px;\n text-decoration: none;\n transition: var(--transition);\n cursor: pointer;\n border: none;\n }\n\n .btn-primary {\n background-color: var(--brand-blue);\n color: var(--white);\n box-shadow: 0 10px 20px rgba(0, 91, 181, 0.2);\n }\n\n .btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 25px rgba(0, 91, 181, 0.3);\n background-color: var(--brand-light-blue);\n }\n\n .btn-outline {\n background-color: transparent;\n color: var(--brand-blue);\n border: 2px solid var(--brand-blue);\n }\n\n .btn-outline:hover {\n background-color: var(--brand-blue);\n color: var(--white);\n }\n\n .hero-image-container {\n position: relative;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .floating-hero-img {\n max-width: 100%;\n height: auto;\n max-height: 400px;\n object-fit: contain; \/* FIX: Zabezpiecza przed zniekszta\u0142ceniem proporcji *\/\n animation: float 6s ease-in-out infinite;\n filter: drop-shadow(0 20px 30px rgba(0,0,0,0.15));\n z-index: 2;\n }\n\n \/* =========================================\n SEKCJA PRODUKT\u00d3W\n ========================================= *\/\n .products-section {\n padding: 100px 0;\n background-color: var(--white);\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 60px;\n }\n\n .section-header h2 {\n font-size: 36px;\n color: var(--brand-blue);\n margin-bottom: 16px;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 40px;\n padding: 20px 0;\n }\n\n .product-card {\n background: var(--bg-color);\n border-radius: 30px;\n padding: 40px 24px;\n text-align: center;\n position: relative;\n transition: var(--transition);\n cursor: pointer;\n overflow: hidden;\n z-index: 1;\n }\n\n .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.08);\n }\n\n .product-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 150px;\n z-index: -1;\n border-radius: 30px 30px 0 0;\n transition: var(--transition);\n }\n\n .card-sigma::before { background-color: rgba(180, 224, 91, 0.3); }\n .card-bubblegum::before { background-color: rgba(255, 133, 192, 0.3); }\n .card-cola::before { background-color: rgba(139, 90, 43, 0.2); }\n .card-classic::before { background-color: rgba(0, 91, 181, 0.1); }\n\n .product-card:hover::before {\n height: 100%;\n border-radius: 30px;\n }\n\n .badge {\n position: absolute;\n top: 20px;\n right: 20px;\n background-color: var(--brand-blue);\n color: var(--white);\n padding: 6px 14px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 700;\n z-index: 10; \/* FIX: Zapewnia, \u017ce szarfa jest na wierzchu *\/\n }\n\n .badge-hot { background-color: #ff4757; }\n\n .product-img-wrapper {\n height: 250px;\n margin-bottom: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative; \/* Pomaga trzyma\u0107 z-index w ryzach *\/\n }\n\n .product-img {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n filter: drop-shadow(0 15px 25px rgba(0,0,0,0.1));\n transition: var(--transition);\n border-radius: 10px;\n position: relative;\n z-index: 5; \/* FIX: Obrazek jest \"pod\" szarf\u0105 *\/\n }\n\n .product-card:hover .product-img {\n transform: scale(1.08) rotate(3deg);\n }\n\n .product-card h3 {\n font-size: 24px;\n font-weight: 900;\n margin-bottom: 10px;\n color: var(--text-dark);\n }\n\n .product-card p {\n font-size: 14px;\n color: var(--text-light);\n margin-bottom: 20px;\n }\n\n \/* =========================================\n SEKCJA MAPY\n ========================================= *\/\n .map-section {\n padding: 100px 0;\n background-color: var(--brand-blue);\n color: var(--white);\n text-align: center;\n }\n\n .map-section h2 {\n color: var(--white);\n }\n\n .map-section p {\n color: rgba(255,255,255,0.8);\n margin-bottom: 40px;\n }\n\n \/* Nowe style dla loadera mapy *\/\n .map-loader {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background-color: #e2e8f0;\n z-index: 1;\n }\n\n .spinner {\n width: 50px;\n height: 50px;\n border: 5px solid rgba(0, 91, 181, 0.2);\n border-top-color: var(--brand-blue);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n margin-bottom: 15px;\n }\n\n @keyframes spin { \n to { transform: rotate(360deg); } \n }\n\n .map-iframe-element {\n opacity: 0;\n transition: opacity 0.5s ease;\n position: relative;\n z-index: 2;\n }\n\n \/* =========================================\n SEKCJA B2B\n ========================================= *\/\n .b2b-section {\n padding: 100px 0;\n background-color: var(--white);\n }\n\n .b2b-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n align-items: center;\n }\n\n .b2b-content h2 {\n font-size: 36px;\n color: var(--brand-blue);\n margin-bottom: 20px;\n line-height: 1.2;\n }\n\n .b2b-features {\n list-style: none;\n margin-top: 30px;\n margin-bottom: 40px;\n }\n\n .b2b-features li {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 20px;\n font-size: 18px;\n font-weight: 500;\n }\n\n .feature-icon {\n background-color: rgba(0, 168, 255, 0.1);\n color: var(--brand-light-blue);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 20px;\n font-weight: bold;\n }\n\n .b2b-image {\n background: linear-gradient(135deg, var(--bg-color) 0%, #e2e8f0 100%);\n border-radius: 30px;\n height: 400px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n }\n \n .b2b-image::after {\n content: \"Zdj\u0119cie w\u0142a\u015bciciela sklepu z lodami \/ Flota Aut\";\n color: var(--text-light);\n font-weight: bold;\n text-align: center;\n padding: 20px;\n }\n\n \/* =========================================\n MODAL - STREFA B2B\n ========================================= *\/\n .modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(5px);\n z-index: 2000;\n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n transition: var(--transition);\n }\n\n .modal-overlay.active {\n opacity: 1;\n pointer-events: all;\n }\n\n .modal-box {\n background: var(--white);\n padding: 40px;\n border-radius: 20px;\n width: 90%;\n max-width: 400px;\n text-align: center;\n transform: translateY(20px);\n transition: var(--transition);\n position: relative;\n }\n\n .modal-overlay.active .modal-box {\n transform: translateY(0);\n }\n\n .modal-close {\n position: absolute;\n top: 15px;\n right: 15px;\n background: none;\n border: none;\n font-size: 24px;\n cursor: pointer;\n color: var(--text-light);\n }\n\n .form-group {\n margin-bottom: 20px;\n text-align: left;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 8px;\n font-weight: 500;\n font-size: 14px;\n }\n\n .form-control {\n width: 100%;\n padding: 12px 16px;\n border: 1px solid #cbd5e1;\n border-radius: 10px;\n font-family: inherit;\n outline: none;\n transition: var(--transition);\n }\n\n .form-control:focus {\n border-color: var(--brand-blue);\n box-shadow: 0 0 0 3px rgba(0, 91, 181, 0.1);\n }\n\n \/* =========================================\n STOPKA\n ========================================= *\/\n footer {\n background-color: var(--text-dark);\n color: var(--white);\n padding: 60px 0 30px;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n margin-bottom: 40px;\n }\n\n .footer-col h4 {\n font-size: 20px;\n margin-bottom: 20px;\n color: var(--brand-light-blue);\n }\n\n .footer-links {\n list-style: none;\n }\n\n .footer-links li { margin-bottom: 10px; }\n .footer-links a {\n color: #94a3b8;\n text-decoration: none;\n transition: var(--transition);\n }\n .footer-links a:hover { color: var(--white); }\n\n .footer-bottom {\n text-align: center;\n padding-top: 30px;\n border-top: 1px solid rgba(255,255,255,0.1);\n color: #94a3b8;\n font-size: 14px;\n }\n\n \/* =========================================\n MEDIA QUERIES (MOBILE I DESKTOP)\n ========================================= *\/\n @media (max-width: 768px) {\n .floating-hero-img {\n right: 0; \/* FIX: Usuni\u0119cie sztucznego przesuni\u0119cia w bok *\/\n width: auto; \/* FIX: Automatyczna szeroko\u015b\u0107 eliminuje \"sp\u0142aszczenie\" *\/\n max-width: 80%;\n max-height: 380px; \n }\n .menu-toggle span {\n width: 25px !important; \n margin: 4px auto !important;\n }\n }\n\n @media (min-width: 768px) {\n .menu-toggle { display: none; }\n \n nav { position: static; }\n\n .nav-links {\n position: static;\n height: auto;\n width: auto;\n flex-direction: row;\n background: none;\n gap: 20px;\n }\n\n .nav-links a {\n font-size: 16px;\n font-weight: 500;\n }\n\n .hero {\n padding-top: 80px;\n }\n\n .hero-inner {\n flex-direction: row;\n text-align: left;\n }\n\n .hero-content {\n text-align: left;\n align-items: flex-start;\n max-width: 50%;\n }\n\n .hero h1 { font-size: 64px; }\n .hero p { margin: 0; }\n \n .cta-group {\n flex-direction: row;\n }\n\n .hero-image-container {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n width: 50%;\n height: auto;\n margin-top: 0;\n justify-content: flex-end;\n }\n\n .floating-hero-img {\n max-height: 550px;\n }\n\n .b2b-grid, .footer-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n \n @media (min-width: 1024px) {\n .footer-grid { grid-template-columns: 2fr 1fr 1fr; }\n }\n\n <\/style>\n<\/head>\n<body>\n\n <!-- NAWIGACJA -->\n <header>\n <div class=\"container nav-wrapper\">\n <a href=\"#\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/lodybajowe.jakubgorecki.pl\/wp-content\/uploads\/2026\/04\/BAJOWE-logo_cut.png\" alt=\"Lody Bajowe\">\n <\/a>\n \n <button class=\"menu-toggle\" id=\"mobile-menu-btn\" aria-label=\"Otw\u00f3rz menu\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n\n <nav>\n <ul class=\"nav-links\" id=\"nav-links\">\n <li><a href=\"#produkty\">Nasze Smaki<\/a><\/li>\n <li><a href=\"#gdzie-kupisz\">Gdzie kupisz?<\/a><\/li>\n <li><a href=\"#b2b\">Dla Sklep\u00f3w<\/a><\/li>\n <li><a href=\"#o-nas\">O nas<\/a><\/li>\n <li><a href=\"#\" id=\"open-modal-btn\" class=\"b2b-btn-nav\">Strefa B2B<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n <!-- SEKCJA HERO -->\n <section class=\"hero\">\n <div class=\"hero-shape\"><\/div>\n <div class=\"container hero-inner\">\n\n <div class=\"hero-content reveal\">\n <span class=\"tagline\">Dumna Polska Jako\u015b\u0107!<\/span>\n <h1>Poczuj <span>Bajkowy<\/span><br> Smak Lata!<\/h1>\n <p>Jeste\u015bmy polskim producentem lod\u00f3w. Odkryj nasze kultowe \u015bwiderki, ro\u017cki i wybuchowe nowo\u015bci na Mazowszu, Podlasiu i Mazurach.<\/p>\n \n \n <!-- Tu za\u0142aduje si\u0119 l\u00f3d ze strony klienta -->\n <div class=\"hero-image-container\">\n <!-- FIX: fetchpriority=\"high\" przyspiesza renderowanie grafiki u u\u017cytkownika -->\n <img decoding=\"async\" src=\"https:\/\/lodybajowe.jakubgorecki.pl\/wp-content\/uploads\/2026\/04\/sigma2d_1.png\" alt=\"Lody SIGMA\" class=\"floating-hero-img reveal\" fetchpriority=\"high\">\n <\/div>\n \n <div class=\"cta-group\">\n <a href=\"#gdzie-kupisz\" class=\"btn btn-primary\">Znajd\u017a lody na mapie<\/a>\n <a href=\"#b2b\" class=\"btn btn-outline\">Oferta dla sklep\u00f3w<\/a>\n <\/div>\n <\/div>\n\n\n \n <\/div>\n <\/section>\n\n <!-- SEKCJA PRODUKT\u00d3W (Grid) -->\n <section id=\"produkty\" class=\"products-section\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <h2>Odkryj Bajowe Nowo\u015bci<\/h2>\n <p>Smaki, kt\u00f3re podbijaj\u0105 serca (i Tiktoka) m\u0142odego pokolenia.<\/p>\n <\/div>\n\n <div class=\"products-grid\">\n \n <!-- KARTA 1: SIGMA -->\n <article class=\"product-card card-sigma reveal\">\n <span class=\"badge badge-hot\">NOWO\u015a\u0106!<\/span>\n <div class=\"product-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/lodybajowe.jakubgorecki.pl\/wp-content\/uploads\/2026\/04\/sigma-grafika-copy.jpg\" alt=\"SIGMA\" class=\"product-img\">\n <\/div>\n <h3>SIGMA<\/h3>\n <p>Wodne \u015bwiderki. Eksplozja smak\u00f3w: kwa\u015bna cytryna, zielone jab\u0142ko i s\u0142odka truskawka. Poczuj si\u0119 jak SIGMA!<\/p>\n <a href=\"#\" style=\"color: var(--brand-blue); font-weight: bold; text-decoration: none;\">Sprawd\u017a sk\u0142ad \u2192<\/a>\n <\/article>\n\n <!-- KARTA 2: TUBA COLA -->\n <article class=\"product-card card-cola reveal\" style=\"transition-delay: 0.1s\">\n <span class=\"badge badge-hot\">HIT!<\/span>\n <div class=\"product-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/lodybajowe.jakubgorecki.pl\/wp-content\/uploads\/2026\/04\/bajowe-cola.jpg\" alt=\"Tuba Cola\" class=\"product-img\">\n <\/div>\n <h3>Tuba Cola<\/h3>\n <p>Poczuj eksplozj\u0119 b\u0105belkowego orze\u017awienia! Kultowy smak coli w praktycznej, wyciskanej tubie.<\/p>\n <a href=\"#\" style=\"color: var(--brand-blue); font-weight: bold; text-decoration: none;\">Sprawd\u017a sk\u0142ad \u2192<\/a>\n <\/article>\n\n <!-- KARTA 3: KANAPKA TRIO -->\n <article class=\"product-card card-classic reveal\" style=\"transition-delay: 0.2s\">\n <div class=\"product-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/lodybajowe.jakubgorecki.pl\/wp-content\/uploads\/2026\/04\/Kanapki-Bajowe.jpg\" alt=\"Kanapka Trio\" class=\"product-img\">\n <\/div>\n <h3>Kanapka Trio<\/h3>\n <p>Po\u0142\u0105czenie pysznych, chrupi\u0105cych wafelk\u00f3w z trzema klasycznymi smakami: czekolad\u0105, wanili\u0105 i truskawk\u0105.<\/p>\n <a href=\"#\" style=\"color: var(--brand-blue); font-weight: bold; text-decoration: none;\">Sprawd\u017a sk\u0142ad \u2192<\/a>\n <\/article>\n\n <!-- KARTA 4: KANAPKA KARMEL -->\n <article class=\"product-card card-classic reveal\" style=\"transition-delay: 0.3s\">\n <div class=\"product-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/lodybajowe.jakubgorecki.pl\/wp-content\/uploads\/2026\/04\/Kanapki-Bajowe.jpg\" alt=\"Kanapka S\u0142ony Karmel\" class=\"product-img\">\n <\/div>\n <h3>S\u0142ony Karmel<\/h3>\n <p>Zaskakuj\u0105ca kompozycja idealnie kremowych lod\u00f3w z intensywnym, rzemie\u015blniczym s\u0142onym karmelem.<\/p>\n <a href=\"#\" style=\"color: var(--brand-blue); font-weight: bold; text-decoration: none;\">Sprawd\u017a sk\u0142ad \u2192<\/a>\n <\/article>\n\n <!-- KARTA 5: RO\u017bEK MARAKUJA -->\n <article class=\"product-card card-classic reveal\" style=\"transition-delay: 0.4s\">\n <div class=\"product-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/lodybajowe.jakubgorecki.pl\/wp-content\/uploads\/2026\/04\/Rozki-Bajowe.jpg\" alt=\"Ro\u017cek Marakuja\" class=\"product-img\">\n <\/div>\n <h3>Ro\u017cek Marakuja<\/h3>\n <p>Klasyczny wafelek wype\u0142niony \u015bmietankow\u0105 roskosz\u0105 z dodatkiem pysznego sosu z egzotycznej marakui.<\/p>\n <a href=\"#\" style=\"color: var(--brand-blue); font-weight: bold; text-decoration: none;\">Sprawd\u017a ca\u0142\u0105 lini\u0119 \u2192<\/a>\n <\/article>\n\n <!-- KARTA 6: \u015aMIETANKOWE W CZEKOLADZIE -->\n <article class=\"product-card card-classic reveal\" style=\"transition-delay: 0.5s\">\n <div class=\"product-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/lodybajowe.jakubgorecki.pl\/wp-content\/uploads\/2026\/04\/Bajowe-Smietankowe-Na-Patyku.jpg\" alt=\"\u015amietankowe w Czekoladzie\" class=\"product-img\">\n <\/div>\n <h3>W Czekoladzie<\/h3>\n <p>Absolutna klasyka. Prawdziwe, kremowe lody \u015bmietankowe na patyku oblane grub\u0105 warstw\u0105 chrupi\u0105cej czekolady.<\/p>\n <a href=\"#\" style=\"color: var(--brand-blue); font-weight: bold; text-decoration: none;\">Sprawd\u017a ca\u0142\u0105 lini\u0119 \u2192<\/a>\n <\/article>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SEKCJA MAPY -->\n <section id=\"gdzie-kupisz\" class=\"map-section\">\n <div class=\"container reveal\">\n <h2>Gdzie zjesz Lody Bajowe?<\/h2>\n <p>Sprawd\u017a na naszej interaktywnej mapie sklepy, do kt\u00f3rych dostarczyli\u015bmy lody w ci\u0105gu ostatnich 14 dni!<\/p>\n \n <div class=\"map-container\" style=\"width: 100%; height: 500px; margin-top: 30px; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); position: relative;\">\n \n <!-- Dodany elegancki Loader -->\n <div id=\"map-loader\" class=\"map-loader\">\n <div class=\"spinner\"><\/div>\n <p style=\"color: var(--brand-blue); font-weight: 600; margin: 0;\">Wczytywanie mapy punkt\u00f3w…<\/p>\n <\/div>\n\n <iframe \n class=\"map-iframe-element\"\n src=\"https:\/\/www.google.com\/maps\/d\/u\/3\/embed?mid=1guxIezWwrKdXCqyAGAqU03OtJEK4HVs&ehbc=2E312F\" \n title=\"Mapa punkt\u00f3w sprzeda\u017cy Lody Bajowe\"\n width=\"100%\" \n height=\"100%\" \n style=\"border:0;\" \n allowfullscreen=\"\" \n loading=\"lazy\"\n onload=\"document.getElementById('map-loader').style.display='none'; this.style.opacity='1';\">\n <\/iframe>\n <\/div>\n \n <div style=\"margin-top: 30px;\">\n <p>Tw\u00f3j lokalny sklep nie ma naszych lod\u00f3w?<\/p>\n <a href=\"#b2b\" class=\"btn btn-primary\" style=\"background-color: var(--brand-light-blue);\">Powiedz im o nas!<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SEKCJA B2B -->\n <section id=\"b2b\" class=\"b2b-section\">\n <div class=\"container\">\n <div class=\"b2b-grid\">\n <div class=\"b2b-content reveal\">\n <span class=\"tagline\">Wsp\u00f3\u0142praca B2B<\/span>\n <h2>Zbuduj przewag\u0119 w walce z sieci\u00f3wkami.<\/h2>\n <p style=\"font-size: 18px; color: var(--text-light); margin-top: 15px;\">\n Od 25 lat wspieramy polski, niezale\u017cny handel. Wprowad\u017a do oferty Lody Bajowe \u2013 produkt premium, kt\u00f3rego klient nie kupi w dyskoncie.\n <\/p>\n \n <ul class=\"b2b-features\">\n <li>\n <div class=\"feature-icon\">\ud83d\udcc8<\/div>\n <span><strong>Wysoka mar\u017ca dla sklepu<\/strong> przy niskiej cenie detalicznej.<\/span>\n <\/li>\n <li>\n <div class=\"feature-icon\">\ud83c\uddf5\ud83c\uddf1<\/div>\n <span>Wspierasz <strong>100% polski kapita\u0142<\/strong> i lokaln\u0105 gospodark\u0119.<\/span>\n <\/li>\n <li>\n <div class=\"feature-icon\">\ud83c\udf66<\/div>\n <span><strong>Du\u017ca porcja<\/strong>, kt\u00f3ra zawsze wraca klient\u00f3w.<\/span>\n <\/li>\n <\/ul>\n\n <a href=\"mailto:kontakt@lodybajowe.pl\" class=\"btn btn-primary\">Skontaktuj si\u0119 z przedstawicielem<\/a>\n <p style=\"margin-top: 15px; font-weight: bold; color: var(--brand-blue);\">\ud83d\udcde +48 723 992 815<\/p>\n <\/div>\n \n <div class=\"b2b-image reveal\" style=\"transition-delay: 0.2s;\">\n <!-- Miejsce na lifestylowe zdj\u0119cie B2B -->\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- STOPKA -->\n <footer id=\"o-nas\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-col\">\n <a href=\"#\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/lodybajowe.jakubgorecki.pl\/wp-content\/uploads\/2026\/04\/BAJOWE-logo_cut.png\" alt=\"Lody Bajowe\">\n <\/a>\n <p style=\"color: #94a3b8; margin-bottom: 20px; margin-top: 10px; max-width: 300px;\">\n Smak rozkoszy na Mazowszu, Podlasiu i Mazurach. Tworzymy lody z pasj\u0105 i trosk\u0105 o polskiego przedsi\u0119biorc\u0119.\n <\/p>\n <div style=\"display: flex; gap: 15px;\">\n <a href=\"#\" aria-label=\"Facebook\"><svg width=\"24\" height=\"24\" fill=\"#94a3b8\" viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z\"\/><\/svg><\/a>\n <a href=\"#\" aria-label=\"Instagram\"><svg width=\"24\" height=\"24\" fill=\"#94a3b8\" viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2zm-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25zM12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5zm0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"\/><\/svg><\/a>\n <a href=\"#\" aria-label=\"TikTok\"><svg width=\"24\" height=\"24\" fill=\"#94a3b8\" viewBox=\"0 0 24 24\"><path d=\"M12.53.02C13.84 0 15.14.01 16.44 0c.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.12-3.44-3.17-3.61-5.46-.05-1.47.31-2.93 1.05-4.14 1.27-2.14 3.73-3.41 6.18-3.15 1.12.11 2.21.57 3.06 1.34V6.43c-1.32-.27-2.67-.3-4-.08-1.33.22-2.58.82-3.56 1.75-.92.88-1.52 2.05-1.74 3.32-.22 1.26-.06 2.58.46 3.75.52 1.18 1.36 2.18 2.44 2.83 1.11.66 2.42.92 3.71.74 1.28-.18 2.46-.77 3.38-1.67.92-.89 1.5-2.12 1.63-3.41.13-1.29 0-2.58.01-3.87V.02z\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-col\">\n <h4>Na skr\u00f3ty<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#produkty\">Nasze Produkty<\/a><\/li>\n <li><a href=\"#gdzie-kupisz\">Gdzie Kupi\u0107? (Mapa)<\/a><\/li>\n <li><a href=\"#b2b\">Dla W\u0142a\u015bcicieli Sklep\u00f3w<\/a><\/li>\n <li><a href=\"#\">Blog i Aktualno\u015bci<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-col\">\n <h4>Kontakt<\/h4>\n <ul class=\"footer-links\">\n <li>\ud83d\udccd ul. Marywilska 26, Warszawa<\/li>\n <li>\ud83d\udcde +48 723 992 815<\/li>\n <li>\u2709\ufe0f kontakt@lodybajowe.pl<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"footer-bottom\">\n © 2026 Lody Bajowe. Wszelkie prawa zastrze\u017cone. | Realizacja z zachowaniem <a href=\"#\" style=\"color:#94a3b8\">Polityki Prywatno\u015bci<\/a>.\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- MODAL LOGOWANIA B2B -->\n <div class=\"modal-overlay\" id=\"b2b-modal\">\n <div class=\"modal-box\">\n <button class=\"modal-close\" id=\"close-modal-btn\">×<\/button>\n <h2 style=\"color: var(--brand-blue); margin-bottom: 10px;\">Strefa B2B<\/h2>\n <p style=\"color: var(--text-light); font-size: 14px; margin-bottom: 25px;\">Zaloguj si\u0119, aby pobra\u0107 cenniki, zam\u00f3wi\u0107 towar i pobra\u0107 materia\u0142y POS (plakaty, grafiki).<\/p>\n \n <form id=\"login-form\">\n <div class=\"form-group\">\n <label for=\"email\">E-mail sklepu<\/label>\n <input type=\"email\" id=\"email\" class=\"form-control\" placeholder=\"sklep@domena.pl\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"password\">Has\u0142o<\/label>\n <input type=\"password\" id=\"password\" class=\"form-control\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\" required>\n <\/div>\n <button type=\"submit\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 10px;\">Zaloguj si\u0119<\/button>\n <div style=\"margin-top: 15px; font-size: 12px;\">\n <a href=\"#\" style=\"color: var(--text-light); text-decoration: underline;\">Zapomnia\u0142e\u015b has\u0142a?<\/a>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n\n <!-- SKRYPTY JAVASCRIPT -->\n <script>\n const menuBtn = document.getElementById('mobile-menu-btn');\n const navLinks = document.getElementById('nav-links');\n \n menuBtn.addEventListener('click', () => {\n menuBtn.classList.toggle('open');\n navLinks.classList.toggle('active');\n });\n\n document.querySelectorAll('.nav-links a').forEach(link => {\n link.addEventListener('click', () => {\n menuBtn.classList.remove('open');\n navLinks.classList.remove('active');\n });\n });\n\n const modal = document.getElementById('b2b-modal');\n const openModalBtn = document.getElementById('open-modal-btn');\n const closeModalBtn = document.getElementById('close-modal-btn');\n\n openModalBtn.addEventListener('click', (e) => {\n e.preventDefault();\n modal.classList.add('active');\n });\n\n closeModalBtn.addEventListener('click', () => {\n modal.classList.remove('active');\n });\n\n modal.addEventListener('click', (e) => {\n if(e.target === modal) {\n modal.classList.remove('active');\n }\n });\n\n const revealElements = document.querySelectorAll('.reveal');\n const revealOptions = {\n threshold: 0.15,\n rootMargin: \"0px 0px -50px 0px\"\n };\n const revealOnScroll = new IntersectionObserver(function(entries, observer) {\n entries.forEach(entry => {\n if (!entry.isIntersecting) {\n return;\n } else {\n entry.target.classList.add('active');\n observer.unobserve(entry.target); \n }\n });\n }, revealOptions);\n\n revealElements.forEach(el => {\n revealOnScroll.observe(el);\n });\n\n window.addEventListener('load', () => {\n const heroContent = document.querySelector('.hero-content.reveal');\n if(heroContent) heroContent.classList.add('active');\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Lody Bajowe | Polski Producent Lod\u00f3w | Smak Lata Nasze Smaki Gdzie kupisz? Dla Sklep\u00f3w O nas Strefa B2B Dumna Polska Jako\u015b\u0107! Poczuj Bajkowy Smak Lata! Jeste\u015bmy polskim producentem lod\u00f3w. Odkryj nasze kultowe \u015bwiderki, ro\u017cki i wybuchowe nowo\u015bci na Mazowszu, Podlasiu i Mazurach. Znajd\u017a lody na mapie Oferta dla sklep\u00f3w Odkryj Bajowe Nowo\u015bci Smaki, kt\u00f3re <a href=\"https:\/\/lodybajowe.jakubgorecki.pl\/\" class=\"more-link\">…<span class=\"screen-reader-text\"> Sample Page<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lodybajowe.jakubgorecki.pl\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lodybajowe.jakubgorecki.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lodybajowe.jakubgorecki.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lodybajowe.jakubgorecki.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lodybajowe.jakubgorecki.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":18,"href":"https:\/\/lodybajowe.jakubgorecki.pl\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/lodybajowe.jakubgorecki.pl\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/lodybajowe.jakubgorecki.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}