{"id":10,"date":"2025-11-30T11:31:45","date_gmt":"2025-11-30T11:31:45","guid":{"rendered":"https:\/\/poludnikpark.com\/?page_id=10"},"modified":"2026-05-09T20:48:50","modified_gmt":"2026-05-09T20:48:50","slug":"home-page","status":"publish","type":"page","link":"https:\/\/poludnikpark.com\/","title":{"rendered":"Home page"},"content":{"rendered":"\n<html lang=\"pl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Po\u0142udnik Park &#8211; Strona w budowie<\/title>\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=Playfair+Display:wght@400;600;700;900&#038;family=Montserrat:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* CSS Variables for Theme Management *\/\n        body[data-color-scheme=\"dark\"] {\n            --primary-bg: #000000;\n            --primary-text: #C79C67; \/* #D4AF37; *\/\n            --accent: #FFD700;\n            --secondary-bg: #1C1C1C;\n            --border-color: #D4AF37;\n            --text-white: #ffffff;\n            --text-gray: #cccccc;\n            --overlay-dark: rgba(0, 0, 0, 0.95);\n        }\n\n        body[data-color-scheme=\"light\"] {\n            --primary-bg: #FFFFFF;\n            --primary-text: #C9980B;\n            --accent: #D4AF37;\n            --secondary-bg: #F5F5F5;\n            --border-color: #C9980B;\n            --text-white: #000000;\n            --text-gray: #1C1C1C;\n            --overlay-dark: rgba(255, 255, 255, 0.95);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n            overflow-x: hidden;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background-color: var(--primary-bg);\n            color: var(--text-white);\n            line-height: 1.6;\n            overflow-x: hidden;\n            transition: background-color 0.3s ease, color 0.3s ease;\n        }\n\n        \/* Theme Toggle *\/\n        .theme-toggle {\n            position: fixed;\n            top: 32px;\n            right: 32px;\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n            z-index: 1000;\n            border: none;\n        }\n\n        body[data-color-scheme=\"dark\"] .theme-toggle {\n            background: rgba(212, 175, 55, 0.1);\n            border: 2px solid #D4AF37;\n        }\n\n        body[data-color-scheme=\"light\"] .theme-toggle {\n            background: rgba(28, 28, 28, 0.1);\n            border: 2px solid #1C1C1C;\n        }\n\n        .theme-toggle:hover {\n            transform: scale(1.1);\n        }\n\n        .theme-icon {\n            font-size: 24px;\n            transition: transform 0.3s ease;\n        }\n\n        body[data-color-scheme=\"dark\"] .theme-icon {\n            color: #FFD700;\n        }\n\n        body[data-color-scheme=\"light\"] .theme-icon {\n            color: #1C1C1C;\n        }\n\n        .theme-toggle.rotating .theme-icon {\n            animation: rotateIcon 0.3s ease;\n        }\n\n        @keyframes rotateIcon {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(180deg); }\n        }\n\n        \/* Container *\/\n        .construction-container {\n            position: relative;\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n\n        \/* Background *\/\n        .construction-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: url('http:\/\/poludnikpark.com\/wp-content\/uploads\/2025\/11\/IMG_0255.jpeg');\n            background-size: cover;\n            background-position: center;\n            z-index: 1;\n        }\n\n        .construction-pattern {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: url('https:\/\/pplx-res.cloudinary.com\/image\/upload\/v1760366631\/pplx_project_search_images\/09621ae690d3c828943a18d42320ef26fa04aaf8.png');\n            background-size: 400px;\n            opacity: 0.15;\n            z-index: 2;\n            animation: patternFloat 20s ease-in-out infinite;\n        }\n\n        @keyframes patternFloat {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-20px); }\n        }\n\n        .construction-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.9) 100%);\n            z-index: 3;\n        }\n\n        \/* Content *\/\n        .construction-content {\n            position: relative;\n            z-index: 4;\n            text-align: center;\n            padding: 40px;\n            max-width: 800px;\n            animation: fadeInUp 1.5s ease-out;\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(40px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Art Deco Line *\/\n        .art-deco-line {\n            width: 200px;\n            height: 2px;\n            background: var(--primary-text);\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .art-deco-line::before,\n        .art-deco-line::after {\n            content: '';\n            position: absolute;\n            width: 10px;\n            height: 10px;\n            background: var(--primary-text);\n            transform: rotate(45deg);\n        }\n\n        .art-deco-line::before {\n            left: -5px;\n            top: -4px;\n        }\n\n        .art-deco-line::after {\n            right: -5px;\n            top: -4px;\n        }\n\n        .art-deco-line.top {\n            margin-bottom: 32px;\n        }\n\n        .art-deco-line.bottom {\n            margin-top: 32px;\n            margin-bottom: 32px;\n        }\n\n        \/* Hotel Name *\/\n        .hotel-name {\n            font-family: 'Playfair Display', serif;\n            font-size: 64px;\n            font-weight: 900;\n            color: var(--primary-text);\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            margin: 0 0 16px 0;\n            text-shadow: 2px 2px 8px rgba(0,0,0,0.8);\n            line-height: 1.2;\n        }\n\n        .hotel-tagline {\n            font-size: 18px;\n            color: var(--text-white);\n            letter-spacing: 3px;\n            font-weight: 300;\n            margin: 0 0 24px 0;\n        }\n\n        \/* Construction Message *\/\n        .construction-heading {\n            font-family: 'Playfair Display', serif;\n            font-size: 36px;\n            font-weight: 700;\n            color: var(--text-white);\n            margin: 32px 0 24px 0;\n            letter-spacing: 2px;\n        }\n\n        .construction-text {\n            font-size: 18px;\n            color: var(--text-gray);\n            line-height: 1.8;\n            margin: 0 0 48px 0;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        \/* Booking Button *\/\n        .booking-button {\n            display: inline-block;\n            padding: 18px 48px;\n            font-size: 16px;\n            font-weight: 600;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            background: var(--primary-text);\n            color: var(--primary-bg);\n            border: none;\n            cursor: pointer;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            box-shadow: 0 8px 24px rgba(212, 175, 55, 0.3);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .booking-button::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n            transition: left 0.5s ease;\n        }\n\n        .booking-button:hover::before {\n            left: 100%;\n        }\n\n        .booking-button:hover {\n            background: var(--accent);\n            transform: translateY(-4px);\n            box-shadow: 0 12px 32px rgba(255, 215, 0, 0.5);\n        }\n\n        .booking-button:active {\n            transform: translateY(-2px);\n        }\n\n        \/* Footer *\/\n        .construction-footer {\n            position: absolute;\n            bottom: 32px;\n            left: 0;\n            right: 0;\n            text-align: center;\n            z-index: 4;\n            color: var(--text-gray);\n            font-size: 14px;\n        }\n\n        \/* Geometric Decorations *\/\n        .deco-shape {\n            position: absolute;\n            border: 2px solid var(--primary-text);\n            opacity: 0.2;\n            z-index: 3;\n            pointer-events: none;\n        }\n\n        .deco-diamond-1 {\n            width: 100px;\n            height: 100px;\n            transform: rotate(45deg);\n            top: 10%;\n            left: 5%;\n            animation: float 6s ease-in-out infinite;\n        }\n\n        .deco-diamond-2 {\n            width: 60px;\n            height: 60px;\n            transform: rotate(45deg);\n            bottom: 15%;\n            right: 8%;\n            animation: float 8s ease-in-out infinite 1s;\n        }\n\n        .deco-circle-1 {\n            width: 80px;\n            height: 80px;\n            border-radius: 50%;\n            top: 20%;\n            right: 10%;\n            animation: float 7s ease-in-out infinite 0.5s;\n        }\n\n        .deco-circle-2 {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            bottom: 25%;\n            left: 8%;\n            animation: float 9s ease-in-out infinite 1.5s;\n        }\n\n        .nav-logo {\n            \/* width: auto; *\/\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .logo-img {\n            height: auto;\n            width: 100%;\n            \/* max-width: 200px; *\/\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0) rotate(45deg); }\n            50% { transform: translateY(-20px) rotate(45deg); }\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .theme-toggle {\n                top: 20px;\n                right: 20px;\n                width: 45px;\n                height: 45px;\n            }\n\n            .hotel-name {\n                font-size: 40px;\n                letter-spacing: 2px;\n            }\n\n            .hotel-tagline {\n                font-size: 14px;\n                letter-spacing: 2px;\n            }\n\n            .construction-heading {\n                font-size: 32px;\n            }\n\n            .construction-text {\n                font-size: 16px;\n            }\n\n            .booking-button {\n                padding: 16px 32px;\n                font-size: 14px;\n            }\n\n            .construction-content {\n                padding: 20px;\n            }\n\n            .art-deco-line {\n                width: 150px;\n            }\n\n            .deco-shape {\n                display: none;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .hotel-name {\n                font-size: 32px;\n            }\n\n            .hotel-tagline {\n                font-size: 12px;\n            }\n\n            .construction-heading {\n                font-size: 28px;\n            }\n\n            .construction-text {\n                font-size: 15px;\n            }\n\n            .booking-button {\n                padding: 14px 28px;\n                font-size: 13px;\n                letter-spacing: 1px;\n            }\n        }\n    <\/style>\n<\/head>\n<body data-color-scheme=\"dark\">\n    <!-- Construction Container -->\n    <div class=\"construction-container\">\n        <!-- Background -->\n        <div class=\"construction-bg\"><\/div>\n        <!-- <div class=\"construction-pattern\"><\/div> -->\n        <div class=\"construction-overlay\"><\/div>\n\n        <!-- Decorative Shapes -->\n        <div class=\"deco-shape deco-diamond-1\"><\/div>\n        <div class=\"deco-shape deco-diamond-2\"><\/div>\n        <div class=\"deco-shape deco-circle-1\"><\/div>\n        <div class=\"deco-shape deco-circle-2\"><\/div>\n\n        <!-- Content -->\n        <div class=\"construction-content\">\n            <div class=\"art-deco-line top\"><\/div>\n\n            <div class=\"nav-logo\">\n                <img decoding=\"async\" src=\"http:\/\/poludnikpark.com\/wp-content\/uploads\/2025\/12\/POLUDNIKPARK_WERSJAPOZIOMA-\u2014-centered.png\" alt=\"Po\u0142udnik Park\" class=\"logo-img\">\n            <\/div>\n\n            <!-- <div class=\"logo-displayer\">\n                <img href=\"http:\/\/poludnikpark.com\/wp-content\/uploads\/2025\/11\/POLUDNIKPARK_WERSJAPOZIOMA.png\"\/>\n            <\/div> -->\n\n            <!-- <h1 class=\"hotel-name\">Po\u0142udnik Park<\/h1>\n            <p class=\"hotel-tagline\">CONFERENCE & SPA<\/p> -->\n\n            <div class=\"art-deco-line bottom\"><\/div>\n\n            <h2 class=\"construction-heading\">Zmieniamy si\u0119 dla Was!<\/h2>\n\n            <p class=\"construction-text\">\n                W mi\u0119dzyczasie zapraszamy do dokonania rezerwacji<br>za po\u015brednictwem Booking.com.\n            <\/p>\n\n            <a href=\"https:\/\/www.booking.com\/hotel\/pl\/apartamenty-poludnik.pl.html?msockid=0085313b67c6662b03d8278866266791\" \n            class=\"booking-button\" \n            target=\"_blank\" \n            rel=\"noopener noreferrer\">\n            Zarezerwuj przez Booking.com\n        <\/a>\n\n        <p class=\"construction-text\" style=\"margin-top: 30px;\">\n            Recepcja:<br>+48 797 222 269<br>poludnikpark@gmail.com\n        <\/p>\n\n    <\/div>\n\n    <!-- Footer -->\n    <div class=\"construction-footer\">\n        <p>&copy; 2025 Po\u0142udnik Park. Wszelkie prawa zastrze\u017cone.<\/p>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Parallax effect\n    function initParallax() {\n        const bg = document.querySelector('.construction-bg');\n        if (!bg) return;\n\n        window.addEventListener('scroll', () => {\n            const scrolled = window.pageYOffset;\n            bg.style.transform = `translate3d(0, ${scrolled * 0.5}px, 0)`;\n        });\n    }\n\n    \/\/ Initialize on load\n    document.addEventListener('DOMContentLoaded', () => {\n        initParallax();\n    });\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Po\u0142udnik Park &#8211; Strona w budowie Zmieniamy si\u0119 dla Was! W mi\u0119dzyczasie zapraszamy do dokonania rezerwacjiza po\u015brednictwem Booking.com. Zarezerwuj przez Booking.com Recepcja:+48 797 222 269poludnikpark@gmail.com &copy; 2025 Po\u0142udnik Park. Wszelkie prawa zastrze\u017cone.<\/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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/poludnikpark.com\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/poludnikpark.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/poludnikpark.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/poludnikpark.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/poludnikpark.com\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":23,"href":"https:\/\/poludnikpark.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/poludnikpark.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/poludnikpark.com\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}