{"id":9,"date":"2025-12-27T16:26:47","date_gmt":"2025-12-27T15:26:47","guid":{"rendered":"https:\/\/szkolaole.pl\/?page_id=9"},"modified":"2025-12-27T17:09:31","modified_gmt":"2025-12-27T16:09:31","slug":"glowna","status":"publish","type":"page","link":"https:\/\/szkolaole.pl\/","title":{"rendered":"g\u0142\u00f3wna"},"content":{"rendered":"\n<!DOCTYPE html>\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>Ole &#8211; Szko\u0142a J\u0119zyka Hiszpa\u0144skiego<\/title>\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- Fonty -->\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=Montserrat:wght@400;600;800&#038;family=Open+Sans:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        oleYellow: '#FFD700', \/\/ Z\u0142oty\/\u017b\u00f3\u0142ty\n                        oleBlack: '#000000',\n                        oleWhite: '#FFFFFF',\n                        oleRed: '#E31C23',   \/\/ Czerwie\u0144 hiszpa\u0144ska\n                    },\n                    fontFamily: {\n                        sans: ['Open Sans', 'sans-serif'],\n                        heading: ['Montserrat', 'sans-serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        body {\n            background-color: #FFFFFF;\n            color: #000000;\n        }\n        \n        \/* Stylizacja scrollbara *\/\n        ::-webkit-scrollbar {\n            width: 10px;\n        }\n        ::-webkit-scrollbar-track {\n            background: #f1f1f1;\n        }\n        ::-webkit-scrollbar-thumb {\n            background: #FFD700; \/* Zmiana na \u017c\u00f3\u0142ty *\/\n        }\n        ::-webkit-scrollbar-thumb:hover {\n            background: #e6c200; \n        }\n\n        \/* Klasa aktywna dla menu (z JavaScript) - CZERWONA *\/\n        .nav-link.active {\n            color: #E31C23 !important;\n            font-weight: 800;\n        }\n\n        .section-title {\n            position: relative;\n            display: inline-block;\n            margin-bottom: 3rem;\n        }\n        \n        \/* Ozdobna kropka po tytu\u0142ach - \u017b\u00d3\u0141TA *\/\n        .section-title::after {\n            content: '.';\n            color: #FFD700; \/* \u017b\u00f3\u0142ta kropka *\/\n            font-size: 1.5em;\n            position: absolute;\n            bottom: 0;\n            right: -15px;\n            line-height: 1;\n        }\n\n        \/* FIX: Ukrycie przycisku \"Scroll to Top\" generowanego przez motyw Astra *\/\n        #ast-scroll-top {\n            display: none !important;\n        }\n        \n        \/* Globalne usuni\u0119cie podkre\u015ble\u0144 dla wszystkich link\u00f3w *\/\n        a {\n            text-decoration: none !important;\n        }\n\n        \/* FIX: Wymuszenie pe\u0142nej szeroko\u015bci stopki (Breakout z kontenera) *\/\n        footer#kontakt {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            margin-left: calc(50% - 50vw) !important;\n            margin-right: calc(50% - 50vw) !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n    <\/style>\n<\/head>\n<body class=\"flex flex-col min-h-screen\">\n\n    <!-- NAWIGACJA -->\n    <nav id=\"navbar\" class=\"fixed w-full z-50 bg-white border-b border-gray-100 transition-all duration-300\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between items-center h-24\">\n                <!-- Logo -->\n                <div class=\"flex-shrink-0 flex items-center\">\n                    <a href=\"#\">\n                         <img decoding=\"async\" src=\"http:\/\/szkolaole.pl\/wp-content\/uploads\/2025\/12\/cropped-360086497_715403650596224_6065485744279571272_n-1.png\" alt=\"Ole Szko\u0142a J\u0119zykowa\" class=\"h-12 w-auto object-contain\">\n                    <\/a>\n                <\/div>\n\n                <!-- Menu Desktop -->\n                <div class=\"hidden md:flex space-x-8\">\n                    <!-- Usuni\u0119to Start -->\n                    <a href=\"#o-szkole\" class=\"nav-link text-black hover:text-oleYellow transition-colors duration-300 font-medium uppercase text-sm tracking-widest py-2\">O Szkole<\/a>\n                    <a href=\"#kadra\" class=\"nav-link text-black hover:text-oleYellow transition-colors duration-300 font-medium uppercase text-sm tracking-widest py-2\">Kadra<\/a>\n                    <a href=\"#uslugi\" class=\"nav-link text-black hover:text-oleYellow transition-colors duration-300 font-medium uppercase text-sm tracking-widest py-2\">Us\u0142ugi<\/a>\n                    <a href=\"#opinie\" class=\"nav-link text-black hover:text-oleYellow transition-colors duration-300 font-medium uppercase text-sm tracking-widest py-2\">Opinie<\/a>\n                    <a href=\"#lokalizacja\" class=\"nav-link text-black hover:text-oleYellow transition-colors duration-300 font-medium uppercase text-sm tracking-widest py-2\">Gdzie?<\/a>\n                <\/div>\n\n                <!-- Przycisk Kontakt (Zmieniony na \u017b\u00f3\u0142ty) -->\n                <div class=\"hidden md:flex\">\n                    <a href=\"#zapisy\" class=\"bg-oleYellow text-black px-6 py-2 font-heading font-semibold hover:bg-black hover:text-white transition-all duration-300 border border-oleYellow hover:border-black\">\n                        Zapisz si\u0119\n                    <\/a>\n                <\/div>\n\n                <!-- Przycisk Menu Mobilne -->\n                <div class=\"md:hidden flex items-center\">\n                    <button id=\"mobile-menu-btn\" class=\"text-black hover:text-oleYellow focus:outline-none\">\n                        <svg class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Menu Mobilne -->\n        <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-b border-gray-100 absolute w-full\">\n            <div class=\"px-2 pt-2 pb-3 space-y-1 sm:px-3 text-center\">\n                <!-- Usuni\u0119to Start -->\n                <a href=\"#o-szkole\" class=\"mobile-link block px-3 py-2 text-black hover:text-oleYellow font-bold uppercase\">O Szkole<\/a>\n                <a href=\"#kadra\" class=\"mobile-link block px-3 py-2 text-black hover:text-oleYellow font-bold uppercase\">Kadra<\/a>\n                <a href=\"#uslugi\" class=\"mobile-link block px-3 py-2 text-black hover:text-oleYellow font-bold uppercase\">Us\u0142ugi<\/a>\n                <a href=\"#opinie\" class=\"mobile-link block px-3 py-2 text-black hover:text-oleYellow font-bold uppercase\">Opinie<\/a>\n                <a href=\"#lokalizacja\" class=\"mobile-link block px-3 py-2 text-black hover:text-oleYellow font-bold uppercase\">Lokalizacja<\/a>\n                <a href=\"#zapisy\" class=\"block px-3 py-2 mt-4 bg-oleYellow text-black font-bold uppercase\">Zapisz si\u0119<\/a>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- HERO SECTION -->\n    <section id=\"home\" class=\"pt-32 pb-20 md:pt-48 md:pb-32 w-full\">\n        <div class=\"max-w-7xl mx-auto px-4 flex flex-col md:flex-row items-center w-full\">\n            <div class=\"w-full md:w-1\/2 mb-10 md:mb-0\">\n                <h1 class=\"font-heading text-5xl md:text-7xl font-extrabold leading-tight mb-6\">\n                    M\u00f3w po <br>\n                    <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-oleYellow to-oleRed\">hiszpa\u0144sku<\/span><br>\n                    z pasj\u0105.\n                <\/h1>\n                <p class=\"text-gray-600 text-lg mb-8 max-w-md\">\n                    Odkryj kultur\u0119, poczuj rytm j\u0119zyka i prze\u0142am bariery w szkole Ole. \n                    Nowoczesne metody, native speakerzy i atmosfera, kt\u00f3rej nie znajdziesz nigdzie indziej.\n                <\/p>\n                <div class=\"flex flex-col sm:flex-row gap-4\">\n                    <!-- Przycisk zmieniony na \u017c\u00f3\u0142ty -->\n                    <a href=\"#uslugi\" class=\"text-center px-8 py-4 bg-oleYellow text-black font-bold hover:bg-black hover:text-white transition-all duration-300 border border-oleYellow hover:border-black shadow-lg\">\n                        Sprawd\u017a Kursy\n                    <\/a>\n                    <a href=\"#opinie\" class=\"text-center px-8 py-4 bg-white text-black font-bold border-2 border-black hover:bg-gray-50 transition-all duration-300\">\n                        Zobacz Opinie\n                    <\/a>\n                <\/div>\n            <\/div>\n            <div class=\"w-full md:w-1\/2 flex justify-center relative\">\n                <svg viewBox=\"0 0 500 500\" class=\"w-full max-w-lg animate-pulse-slow\">\n                    <defs>\n                        <pattern id=\"dotPattern\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\n                            <circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"#E31C23\" \/>\n                        <\/pattern>\n                    <\/defs>\n                    <circle cx=\"250\" cy=\"250\" r=\"200\" fill=\"none\" stroke=\"#E31C23\" stroke-width=\"2\" \/>\n                    <circle cx=\"250\" cy=\"250\" r=\"150\" fill=\"#FFD700\" opacity=\"0.2\" \/>\n                    <rect x=\"100\" y=\"100\" width=\"100\" height=\"100\" fill=\"url(#dotPattern)\" \/>\n                    <rect x=\"300\" y=\"300\" width=\"80\" height=\"80\" stroke=\"#000\" stroke-width=\"4\" fill=\"none\" \/>\n                    <path d=\"M 150 350 Q 250 450 350 350\" stroke=\"#FFD700\" stroke-width=\"8\" fill=\"none\" \/>\n                <\/svg>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- O SZKOLE -->\n    <section id=\"o-szkole\" class=\"py-20 bg-gray-50 w-full\">\n        <div class=\"max-w-7xl mx-auto px-4 text-center\">\n            <h2 class=\"font-heading text-4xl font-bold section-title\">O Szkole<\/h2>\n            <p class=\"text-xl text-gray-700 leading-relaxed mb-10 max-w-4xl mx-auto\">\n                <span class=\"font-bold\">Ole<\/span> to nie tylko szko\u0142a, to spo\u0142eczno\u015b\u0107 mi\u0142o\u015bnik\u00f3w Hiszpanii. \n                Dzia\u0142amy od 2016 roku, stawiaj\u0105c na <span class=\"bg-yellow-100 px-1\">praktyczn\u0105 komunikacj\u0119<\/span>. \n                Wierzymy, \u017ce j\u0119zyk to przede wszystkim narz\u0119dzie do poznawania \u015bwiata i ludzi.\n            <\/p>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mt-12\">\n                <div class=\"p-6 border border-gray-200 bg-white hover:shadow-xl transition-shadow duration-300 hover:border-oleRed\">\n                    <div class=\"text-4xl mb-4\">\ud83c\uddea\ud83c\uddf8<\/div>\n                    <h3 class=\"font-bold text-xl mb-2\">Autentyczno\u015b\u0107<\/h3>\n                    <p class=\"text-sm text-gray-600\">Uczymy \u017cywego j\u0119zyka, slangu i kultury.<\/p>\n                <\/div>\n                <div class=\"p-6 border border-gray-200 bg-white hover:shadow-xl transition-shadow duration-300 hover:border-oleRed\">\n                    <div class=\"text-4xl mb-4\">\ud83d\udde3\ufe0f<\/div>\n                    <h3 class=\"font-bold text-xl mb-2\">Konwersacje<\/h3>\n                    <p class=\"text-sm text-gray-600\">M\u00f3wisz od pierwszej lekcji. Gramatyka w tle.<\/p>\n                <\/div>\n                <div class=\"p-6 border border-gray-200 bg-white hover:shadow-xl transition-shadow duration-300 hover:border-oleRed\">\n                    <div class=\"text-4xl mb-4\">\u2615<\/div>\n                    <h3 class=\"font-bold text-xl mb-2\">Atmosfera<\/h3>\n                    <p class=\"text-sm text-gray-600\">Lu\u017ano, przyja\u017anie i bez stresu.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- KADRA -->\n    <section id=\"kadra\" class=\"py-20 w-full\">\n        <div class=\"max-w-7xl mx-auto px-4\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"font-heading text-4xl font-bold section-title\">Nuestra Familia<\/h2>\n                <!-- Usuni\u0119to nag\u0142\u00f3wek \"Poznaj naszego g\u0142\u00f3wnego lektora\" -->\n            <\/div>\n\n            <div class=\"flex justify-center\">\n                <div class=\"group relative w-full max-w-sm\">\n                    <div class=\"aspect-w-3 aspect-h-4 bg-gray-200 overflow-hidden border border-black\">\n                         <div class=\"w-full h-96 bg-gray-100 flex items-center justify-center text-gray-300\">\n                             <svg class=\"w-20 h-20\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z\" clip-rule=\"evenodd\"><\/path><\/svg>\n                         <\/div>\n                    <\/div>\n                    <div class=\"mt-4 bg-white text-center\">\n                        <h3 class=\"text-xl font-bold group-hover:text-oleRed transition-colors\">Agata Lachendro<\/h3>\n                        <p class=\"text-sm text-oleRed font-bold uppercase tracking-widest mt-1\">Nauczycielka<\/p>\n                        <p class=\"mt-2 text-sm text-gray-700\">Specjalistka od wymowy i kultury Andaluzji. Sercem szko\u0142y.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- US\u0141UGI -->\n    <section id=\"uslugi\" class=\"py-20 bg-black text-white w-full\">\n        <div class=\"max-w-7xl mx-auto px-4\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"font-heading text-4xl font-bold section-title text-white\">Oferta<\/h2>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                <!-- Us\u0142uga 1 -->\n                <div class=\"border border-white p-8 hover:bg-white hover:text-black transition-all duration-300 group cursor-default\">\n                    <div class=\"flex justify-between items-start mb-6\">\n                        <h3 class=\"text-2xl font-bold\">Kursy Grupowe<\/h3>\n                        <!-- Usuni\u0119to cen\u0119 -->\n                    <\/div>\n                    <ul class=\"space-y-2 mb-8 text-gray-400 group-hover:text-gray-800\">\n                        <li>\u2022 Ma\u0142e grupy (4-6 os\u00f3b)<\/li>\n                        <li>\u2022 Wszystkie poziomy (A1-C2)<\/li>\n                        <li>\u2022 Materia\u0142y w cenie<\/li>\n                    <\/ul>\n                    <a href=\"#zapisy\" class=\"inline-block font-bold hover:text-oleYellow\">Zapisz si\u0119 &rarr;<\/a>\n                <\/div>\n\n                <!-- Us\u0142uga 2 -->\n                <div class=\"border border-white p-8 hover:bg-white hover:text-black transition-all duration-300 group cursor-default\">\n                    <div class=\"flex justify-between items-start mb-6\">\n                        <h3 class=\"text-2xl font-bold\">Indywidualne<\/h3>\n                        <!-- Usuni\u0119to cen\u0119 -->\n                    <\/div>\n                    <ul class=\"space-y-2 mb-8 text-gray-400 group-hover:text-gray-800\">\n                        <li>\u2022 Elastyczny grafik<\/li>\n                        <li>\u2022 Program &#8222;szyty na miar\u0119&#8221;<\/li>\n                        <li>\u2022 Dojazd do ucznia lub Online<\/li>\n                    <\/ul>\n                    <a href=\"#zapisy\" class=\"inline-block font-bold hover:text-oleYellow\">Zapisz si\u0119 &rarr;<\/a>\n                <\/div>\n\n                <!-- Us\u0142uga 3 -->\n                <div class=\"border border-white p-8 hover:bg-white hover:text-black transition-all duration-300 group cursor-default\">\n                    <div class=\"flex justify-between items-start mb-6\">\n                        <h3 class=\"text-2xl font-bold\">Dla Firm<\/h3>\n                        <!-- Usuni\u0119to cen\u0119 -->\n                    <\/div>\n                    <ul class=\"space-y-2 mb-8 text-gray-400 group-hover:text-gray-800\">\n                        <li>\u2022 Hiszpa\u0144ski biznesowy<\/li>\n                        <li>\u2022 Faktury VAT<\/li>\n                        <li>\u2022 Raporty post\u0119p\u00f3w<\/li>\n                    <\/ul>\n                    <a href=\"#zapisy\" class=\"inline-block font-bold hover:text-oleYellow\">Zapytaj o ofert\u0119 &rarr;<\/a>\n                <\/div>\n\n                <!-- Us\u0142uga 4 -->\n                <div class=\"border border-white p-8 hover:bg-white hover:text-black transition-all duration-300 group cursor-default\">\n                    <div class=\"flex justify-between items-start mb-6\">\n                        <h3 class=\"text-2xl font-bold\">Matura \/ DELE<\/h3>\n                        <!-- Usuni\u0119to cen\u0119 -->\n                    <\/div>\n                    <ul class=\"space-y-2 mb-8 text-gray-400 group-hover:text-gray-800\">\n                        <li>\u2022 Przygotowanie do egzamin\u00f3w<\/li>\n                        <li>\u2022 Rozwi\u0105zywanie arkuszy<\/li>\n                        <li>\u2022 Techniki zdawania<\/li>\n                    <\/ul>\n                    <a href=\"#zapisy\" class=\"inline-block font-bold hover:text-oleYellow\">Zapisz si\u0119 &rarr;<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- OPINIE -->\n    <section id=\"opinie\" class=\"py-20 bg-gray-50 w-full\">\n        <div class=\"max-w-7xl mx-auto px-4\">\n            <div class=\"text-center mb-12\">\n                <h2 class=\"font-heading text-4xl font-bold section-title\">Co m\u00f3wi\u0105 uczniowie?<\/h2>\n                <div class=\"flex justify-center items-center mt-4 gap-2\">\n                    <span class=\"font-bold text-2xl\">4.9<\/span>\n                    <div class=\"flex text-yellow-500\">\n                        \u2605\u2605\u2605\u2605\u2605\n                    <\/div>\n                    <span class=\"text-gray-500 text-sm\">(Na podstawie opinii Google)<\/span>\n                <\/div>\n            <\/div>\n\n            <div id=\"reviews-container\" class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                <div class=\"bg-white p-6 shadow-sm border-l-4 border-oleYellow\">\n                    <div class=\"flex items-center mb-4\">\n                        <div class=\"w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center font-bold text-gray-600\">A<\/div>\n                        <div class=\"ml-3\">\n                            <p class=\"font-bold text-sm\">Anna Kowalska<\/p>\n                            <div class=\"text-yellow-400 text-xs\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                        <\/div>\n                    <\/div>\n                    <p class=\"text-gray-600 italic\">&#8222;Najlepsza szko\u0142a w mie\u015bcie! Zaj\u0119cia s\u0105 prowadzone w super atmosferze, a lektorzy maj\u0105 ogromn\u0105 wiedz\u0119. Polecam ka\u017cdemu.&#8221;<\/p>\n                <\/div>\n                \n                <div class=\"bg-white p-6 shadow-sm border-l-4 border-oleYellow\">\n                    <div class=\"flex items-center mb-4\">\n                        <div class=\"w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center font-bold text-gray-600\">M<\/div>\n                        <div class=\"ml-3\">\n                            <p class=\"font-bold text-sm\">Micha\u0142 Z.<\/p>\n                            <div class=\"text-yellow-400 text-xs\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                        <\/div>\n                    <\/div>\n                    <p class=\"text-gray-600 italic\">&#8222;Ucz\u0119 si\u0119 tu od roku i post\u0119py s\u0105 niesamowite. Maria jest \u015bwietn\u0105 nauczycielk\u0105!&#8221;<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"mt-12 text-center\">\n                <a id=\"google-reviews-link\" href=\"#\" target=\"_blank\" class=\"inline-flex items-center justify-center px-6 py-3 border border-gray-300 shadow-sm text-base font-medium text-gray-700 bg-white hover:bg-gray-50 transition-colors\">\n                    <svg class=\"w-5 h-5 mr-2\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                        <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" fill=\"#4285F4\"\/>\n                        <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\"\/>\n                        <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\" fill=\"#FBBC05\"\/>\n                        <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\"\/>\n                    <\/svg>\n                    Zobacz wszystkie opinie na Google\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- GDZIE UCZYMY (MAPA - Panorama) -->\n    <section id=\"lokalizacja\" class=\"py-20 bg-white w-full\">\n        <div class=\"max-w-7xl mx-auto px-4\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"font-heading text-4xl font-bold section-title\">Gdzie Uczymy?<\/h2>\n                <p class=\"text-gray-600 mt-4\">Centrum Handlowe Panorama, Gorz\u00f3w Wielkopolski<\/p>\n            <\/div>\n            \n            <div class=\"w-full h-96 bg-gray-200 shadow-lg border-2 border-black\">\n                <iframe \n                    src=\"https:\/\/www.google.com\/maps\/place\/iOle!+Szko\u0142a+J\u0119zyka+Hiszpa\u0144skiego+Agata+Lachendro\/@52.7574811,15.2510239,19z\/data=!3m2!4b1!5s0x47072025fdd12337:0x2847237e3c0e0f6e!4m6!3m5!1s0x47072024e834e113:0x9d5af04edb20d162!8m2!3d52.7574811!4d15.2516676!16s%2Fg%2F11b5s2dwbl?entry=ttu&#038;g_ep=EgoyMDI1MTIwOS4wIKXMDSoKLDEwMDc5MjA2OUgBUAM%3D\" \n                    width=\"100%\" \n                    height=\"100%\" \n                    style=\"border:0;\" \n                    allowfullscreen=\"\" \n                    loading=\"lazy\">\n                <\/iframe>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FORMULARZ KONTAKTOWY (LINK ZEWN\u0118TRZNY) -->\n    <section id=\"zapisy\" class=\"py-20 bg-gray-50 w-full\">\n        <div class=\"max-w-7xl mx-auto px-4 text-center\">\n            <div class=\"mb-12\">\n                <h2 class=\"font-heading text-4xl font-bold section-title\">Zapisz si\u0119<\/h2>\n                <p class=\"text-gray-600 mt-4\">Kliknij poni\u017cej, aby przej\u015b\u0107 do formularza zg\u0142oszeniowego.<\/p>\n            <\/div>\n            \n            <div class=\"bg-white p-12 shadow-xl border-t-4 border-oleYellow flex flex-col items-center justify-center\">\n                <p class=\"text-lg text-gray-700 mb-8 leading-relaxed\">\n                    Aby zapisa\u0107 si\u0119 na kurs, wype\u0142nij nasz kr\u00f3tki formularz online.<br>\n                    Skontaktujemy si\u0119 z Tob\u0105 w ci\u0105gu 24 godzin po otrzymaniu zg\u0142oszenia.\n                <\/p>\n\n                <!-- \n                     WA\u017bNE: Podmie\u0144 poni\u017cszy link (href) na adres swojego formularza \n                     (np. link do Google Forms, Typeform lub Microsoft Forms).\n                -->\n                <a href=\"https:\/\/docs.google.com\/forms\" target=\"_blank\" class=\"inline-block py-4 px-10 border border-transparent shadow-lg text-lg font-bold text-black bg-oleYellow hover:bg-black hover:text-white transition-all duration-300 uppercase tracking-widest transform hover:-translate-y-1\">\n                    Wype\u0142nij Formularz &rarr;\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER -->\n    <footer id=\"kontakt\" class=\"bg-black text-white pt-20 pb-10 w-full\">\n        <div class=\"max-w-7xl mx-auto px-4 grid grid-cols-1 md:grid-cols-3 gap-12 border-b border-gray-800 pb-10 mb-10\">\n            <div>\n                <h3 class=\"font-heading text-2xl font-bold mb-6\">OLE<span class=\"text-oleYellow\">.<\/span><\/h3>\n                <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">\n                    Szko\u0142a j\u0119zykowa stworzona z pasji. Do\u0142\u0105cz do nas i otw\u00f3rz si\u0119 na \u015bwiat.\n                <\/p>\n                <!-- Miejsce na logotyp w stopce -->\n                <div class=\"mt-4\">\n                     <a href=\"#\" class=\"inline-block opacity-80 hover:opacity-100 transition-opacity\">\n                         <img decoding=\"async\" src=\"http:\/\/szkolaole.pl\/wp-content\/uploads\/2025\/12\/cropped-360086497_715403650596224_6065485744279571272_n-1.png\" alt=\"Logo Stopka\" class=\"h-10 w-auto\">\n                     <\/a>\n                <\/div>\n            <\/div>\n            <div>\n                <h4 class=\"font-bold text-lg mb-6 text-oleRed\">Kontakt<\/h4>\n                <ul class=\"space-y-4 text-gray-400 text-sm\">\n                    <li class=\"flex items-start\">\n                        <span class=\"mr-3 mt-1\">\ud83d\udccd<\/span> \n                        <span>G\u00f3rczy\u0144ska 23\/339<br>66-400 Gorz\u00f3w Wielkopolski<\/span>\n                    <\/li>\n                    <li class=\"flex items-center\">\n                        <span class=\"mr-3\">\ud83d\udcde<\/span> 504 088 005\n                    <\/li>\n                    <li class=\"flex items-center\">\n                        <span class=\"mr-3\">\u2709\ufe0f<\/span> agata@ole.edu.pl\n                    <\/li>\n                <\/ul>\n            <\/div>\n            <div>\n                <h4 class=\"font-bold text-lg mb-6 text-oleRed\">Social Media<\/h4>\n                <div class=\"flex space-x-4\">\n                    <a href=\"#\" class=\"w-10 h-10 bg-gray-800 flex items-center justify-center rounded-full hover:bg-oleRed hover:text-white transition-colors\" title=\"Facebook\">\n                        <!-- Ikona FB -->\n                        <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" class=\"w-5 h-5\">\n                            <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/>\n                        <\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"text-center text-gray-600 text-xs\">\n            &copy; 2024 Szko\u0142a J\u0119zykowa Ole. Wszelkie prawa zastrze\u017cone.\n        <\/div>\n    <\/footer>\n\n    <!-- JAVASCRIPT -->\n    <script>\n        const GOOGLE_MAPS_LINK = \"https:\/\/www.google.com\/maps\"; \n        document.getElementById('google-reviews-link').href = GOOGLE_MAPS_LINK;\n\n        const btn = document.getElementById('mobile-menu-btn');\n        const menu = document.getElementById('mobile-menu');\n\n        btn.addEventListener('click', () => {\n            menu.classList.toggle('hidden');\n        });\n        \n        document.querySelectorAll('.mobile-link').forEach(link => {\n            link.addEventListener('click', () => {\n                menu.classList.add('hidden');\n            });\n        });\n\n        const sections = document.querySelectorAll(\"section\");\n        const navLinks = document.querySelectorAll(\".nav-link\");\n\n        window.addEventListener(\"scroll\", () => {\n            let current = \"\";\n            sections.forEach((section) => {\n                const sectionTop = section.offsetTop;\n                const sectionHeight = section.clientHeight;\n                if (scrollY >= (sectionTop - sectionHeight \/ 3)) {\n                    current = section.getAttribute(\"id\");\n                }\n            });\n\n            navLinks.forEach((link) => {\n                link.classList.remove(\"active\");\n                if (link.getAttribute(\"href\").includes(current)) {\n                    link.classList.add(\"active\");\n                }\n            });\n        });\n\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                document.querySelector(this.getAttribute('href')).scrollIntoView({\n                    behavior: 'smooth'\n                });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Ole &#8211; Szko\u0142a J\u0119zyka Hiszpa\u0144skiego O Szkole Kadra Us\u0142ugi Opinie Gdzie? Zapisz si\u0119 O Szkole Kadra Us\u0142ugi Opinie Lokalizacja Zapisz [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/szkolaole.pl\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/szkolaole.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/szkolaole.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/szkolaole.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/szkolaole.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":8,"href":"https:\/\/szkolaole.pl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/szkolaole.pl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/szkolaole.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}