Ski Academy Vr\u00e1tna<\/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=Montserrat:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n \/* --- RESET & VARIABLES --- *\/\n :root {\n --ski-blue: #003399;\n --ski-lime: #99CC33;\n --ski-dark: #002266;\n --text-main: #111827;\n --text-light: #4b5563;\n --white: #ffffff;\n --bg-gray: #f9fafb;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n color: var(--text-main);\n line-height: 1.6;\n background-color: var(--white);\n }\n\n a {\n text-decoration: none;\n color: inherit;\n transition: color 0.3s ease;\n }\n\n ul {\n list-style: none;\n }\n\n img {\n max-width: 100%;\n display: block;\n }\n\n \/* --- UTILITIES --- *\/\n .container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 1rem;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0.75rem 2rem;\n border-radius: 9999px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 1rem;\n border: 2px solid transparent;\n }\n\n .btn-primary {\n background-color: var(--ski-lime);\n color: var(--ski-blue);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n }\n\n .btn-primary:hover {\n background-color: var(--white);\n transform: scale(1.05);\n }\n\n .btn-outline {\n background-color: transparent;\n border-color: var(--white);\n color: var(--white);\n }\n\n .btn-outline:hover {\n background-color: rgba(255, 255, 255, 0.1);\n }\n\n .btn-submit {\n background-color: var(--ski-blue);\n color: var(--white);\n width: 100%;\n border: none;\n }\n .btn-submit:hover {\n background-color: var(--ski-dark);\n transform: translateY(-2px);\n }\n\n .section-title {\n font-size: 2.25rem;\n font-weight: 700;\n margin-bottom: 1rem;\n line-height: 1.2;\n }\n\n .text-blue { color: var(--ski-blue); }\n .text-lime { color: var(--ski-lime); }\n .text-center { text-align: center; }\n\n \/* --- NAVBAR --- *\/\n .navbar {\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 1000;\n padding: 0.5rem 0; \/* Zmen\u0161en\u00fd padding pre nov\u00e9 logo *\/\n transition: all 0.3s ease;\n background: linear-gradient(to bottom, rgba(0,0,0,0.8), transparent);\n }\n\n .navbar.scrolled {\n background: var(--ski-blue);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n padding: 0.5rem 0;\n }\n\n .nav-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n display: flex;\n align-items: center;\n color: var(--white);\n font-weight: 700;\n font-size: 1.25rem;\n letter-spacing: 0.05em;\n }\n\n .nav-logo-img {\n max-height: 60px; \/* Zv\u00e4\u010d\u0161en\u00e1 v\u00fd\u0161ka pre nov\u00e9 logo *\/\n width: auto;\n margin-right: 0.75rem;\n \/* border-radius odstr\u00e1nen\u00fd pre PNG logo *\/\n }\n\n .nav-links {\n display: none;\n }\n\n .nav-links a {\n color: var(--white);\n font-weight: 500;\n text-transform: uppercase;\n font-size: 0.875rem;\n letter-spacing: 0.05em;\n margin-left: 2rem;\n text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n }\n\n .nav-links a:hover {\n color: var(--ski-lime);\n }\n\n .nav-cta {\n margin-left: 2rem;\n padding: 0.5rem 1.25rem;\n font-size: 0.875rem;\n text-shadow: none;\n }\n\n .mobile-toggle {\n display: block;\n background: none;\n border: none;\n color: var(--white);\n cursor: pointer;\n }\n\n .mobile-menu {\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n background-color: var(--ski-blue);\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-in-out;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n }\n\n .mobile-menu.open {\n max-height: 400px;\n }\n\n .mobile-menu a {\n display: block;\n padding: 0.75rem 1.5rem;\n color: var(--white);\n font-weight: 500;\n }\n\n .mobile-menu a:hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: var(--ski-lime);\n }\n\n \/* --- HERO --- *\/\n .hero {\n position: relative;\n height: 100vh;\n min-height: 600px;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n\n .hero-bg {\n position: absolute;\n inset: 0;\n z-index: -1;\n }\n\n .hero-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center bottom; \n }\n\n .hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to right, rgba(0, 51, 153, 0.8), rgba(0, 51, 153, 0.3));\n mix-blend-mode: multiply;\n }\n\n .hero-content {\n text-align: center;\n color: var(--white);\n padding: 0 1rem;\n z-index: 10;\n margin-top: 4rem;\n }\n\n .hero-subtitle {\n color: var(--ski-lime);\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-weight: 700;\n margin-bottom: 1rem;\n text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n }\n\n .hero-title {\n font-size: 2.5rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n text-shadow: 0 4px 8px rgba(0,0,0,0.3);\n }\n\n .hero-title span {\n color: var(--white);\n }\n\n .hero-desc {\n font-size: 1.125rem;\n color: #f3f4f6;\n margin-bottom: 2.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n }\n\n .hero-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n }\n\n .curve-bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n line-height: 0;\n transform: translateY(1px);\n }\n\n .curve-bottom svg {\n width: 138%;\n height: 60px;\n fill: var(--white);\n }\n\n \/* --- ABOUT --- *\/\n .section {\n padding: 5rem 0;\n }\n\n .about-content {\n display: flex;\n flex-direction: column;\n gap: 3rem;\n }\n\n .about-text {\n flex: 1;\n }\n\n .badge {\n display: inline-block;\n padding: 0.25rem 0.75rem;\n background-color: rgba(0, 51, 153, 0.1);\n color: var(--ski-blue);\n border-radius: 9999px;\n font-size: 0.875rem;\n font-weight: 700;\n margin-bottom: 1rem;\n }\n\n \/* EXPERIENCE BOX *\/\n .experience-box {\n background-color: var(--ski-blue);\n color: var(--white);\n padding: 1.5rem;\n border-radius: 1rem;\n display: flex;\n align-items: center;\n gap: 1.5rem;\n margin-top: 2rem;\n border-left: 5px solid var(--ski-lime);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n }\n\n .exp-number {\n font-size: 3rem;\n font-weight: 800;\n color: var(--ski-lime);\n line-height: 1;\n display: block;\n }\n\n .exp-desc {\n font-size: 1.1rem;\n font-weight: 600;\n line-height: 1.3;\n }\n\n .about-image {\n flex: 1;\n position: relative;\n }\n\n .about-img-wrapper {\n border-radius: 1rem;\n overflow: hidden;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n position: relative;\n }\n\n .img-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\n padding: 2rem;\n color: var(--white);\n }\n\n \/* --- SERVICES \/ TEAMS SECTION --- *\/\n .bg-gray {\n background-color: var(--bg-gray);\n }\n\n .services-header {\n text-center: center;\n margin-bottom: 4rem;\n }\n\n .divider {\n width: 5rem;\n height: 0.25rem;\n background-color: var(--ski-lime);\n margin: 1rem auto;\n border-radius: 9999px;\n }\n\n .teams-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n margin-bottom: 4rem;\n }\n\n .team-card {\n background-color: var(--white);\n padding: 2rem;\n border-radius: 1rem;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-top: 5px solid var(--ski-blue);\n }\n\n .team-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15);\n }\n\n .team-card.accent-lime {\n border-top-color: var(--ski-lime);\n }\n\n .team-title {\n font-size: 1.5rem;\n font-weight: 800;\n color: var(--ski-blue);\n margin-bottom: 0.5rem;\n }\n\n .team-age {\n display: inline-block;\n background-color: rgba(0,0,0,0.05);\n padding: 0.25rem 0.75rem;\n border-radius: 99px;\n font-size: 0.85rem;\n font-weight: 600;\n color: var(--text-light);\n margin-bottom: 1.5rem;\n }\n\n .team-list {\n padding-left: 0;\n margin: 0;\n }\n\n .team-list li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: 0.75rem;\n font-size: 0.95rem;\n color: var(--text-light);\n }\n\n .team-list li::before {\n content: \"\u2022\";\n color: var(--ski-lime);\n position: absolute;\n left: 0;\n font-weight: bold;\n font-size: 1.2rem;\n line-height: 1;\n }\n\n \/* ACTIVITIES SECTION *\/\n .activities-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .activity-card {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background-color: var(--white);\n padding: 1.5rem;\n border-radius: 1rem;\n }\n\n .activity-icon {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background-color: rgba(0, 51, 153, 0.1);\n color: var(--ski-blue);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/* --- GALLERY --- *\/\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 0.75rem;\n cursor: pointer;\n height: 250px;\n }\n\n .gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .gallery-item:hover img {\n transform: scale(1.1);\n }\n\n .gallery-overlay {\n position: absolute;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .gallery-item:hover .gallery-overlay {\n opacity: 1;\n }\n\n \/* --- LIGHTBOX --- *\/\n .lightbox {\n display: none;\n position: fixed;\n z-index: 2000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n background-color: rgba(0,0,0,0.9);\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n\n .lightbox.active {\n display: flex;\n animation: fadeIn 0.3s ease;\n }\n\n .lightbox-content {\n margin: auto;\n display: block;\n max-width: 90%;\n max-height: 85%;\n object-fit: contain;\n border-radius: 4px;\n box-shadow: 0 0 20px rgba(0,0,0,0.5);\n }\n\n .close-lightbox {\n position: absolute;\n top: 20px;\n right: 35px;\n color: #f1f1f1;\n font-size: 40px;\n font-weight: bold;\n transition: 0.3s;\n cursor: pointer;\n z-index: 2001;\n }\n\n .close-lightbox:hover {\n color: var(--ski-lime);\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n \/* --- NEWSLETTER SECTION --- *\/\n .newsletter-section {\n background-color: var(--ski-blue);\n padding: 4rem 0;\n color: var(--white);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .newsletter-content {\n position: relative;\n z-index: 10;\n }\n\n .newsletter-form {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 500px;\n margin: 2rem auto 0;\n }\n\n .form-input {\n padding: 0.75rem 1.5rem;\n border-radius: 9999px;\n border: 2px solid transparent;\n font-family: inherit;\n font-size: 1rem;\n outline: none;\n width: 100%;\n }\n\n .form-input:focus {\n border-color: var(--ski-lime);\n }\n\n \/* --- CONTACT FORM SECTION --- *\/\n .contact-section {\n padding: 5rem 0;\n background-color: var(--bg-gray);\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 3rem;\n }\n\n .contact-info-panel {\n background-color: var(--white);\n padding: 2rem;\n border-radius: 1rem;\n box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\n }\n\n .contact-form-panel {\n background-color: var(--white);\n padding: 2rem;\n border-radius: 1rem;\n box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\n border-top: 5px solid var(--ski-blue);\n }\n\n .form-group {\n margin-bottom: 1.5rem;\n }\n\n .form-label {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 600;\n font-size: 0.875rem;\n color: var(--text-main);\n }\n\n .form-control {\n width: 100%;\n padding: 0.75rem;\n border: 1px solid #e5e7eb;\n border-radius: 0.5rem;\n font-family: inherit;\n font-size: 1rem;\n transition: border-color 0.3s;\n }\n\n .form-control:focus {\n outline: none;\n border-color: var(--ski-blue);\n box-shadow: 0 0 0 3px rgba(0, 51, 153, 0.1);\n }\n\n textarea.form-control {\n resize: vertical;\n min-height: 120px;\n }\n\n \/* --- 2% TAX BANNER --- *\/\n .support-banner {\n background-color: var(--ski-lime);\n color: var(--ski-blue);\n padding: 3rem 0;\n text-align: center;\n }\n\n .support-banner h2 {\n font-size: 2rem;\n font-weight: 800;\n margin-bottom: 1rem;\n }\n \n .support-banner p {\n max-width: 600px;\n margin: 0 auto;\n font-weight: 500;\n }\n\n \/* --- PARTNER SECTION --- *\/\n .partner-section {\n background-color: var(--white);\n padding: 3rem 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n\n .partner-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n }\n\n .partner-label {\n font-size: 1rem;\n color: var(--text-light);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n font-weight: 700;\n }\n\n .partner-link {\n display: inline-block;\n transition: transform 0.3s ease;\n }\n\n .partner-link:hover {\n transform: scale(1.05);\n }\n\n .partner-logo {\n max-height: 100px;\n width: auto;\n display: block;\n \/* CSS trik na \"sprieh\u013eadnenie\" bieleho pozadia loga *\/\n mix-blend-mode: multiply;\n }\n\n \/* --- FOOTER --- *\/\n .footer {\n background-color: var(--ski-dark);\n color: var(--white);\n padding: 4rem 0 2rem;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 3rem;\n margin-bottom: 3rem;\n }\n\n .footer-socials {\n display: flex;\n gap: 1rem;\n }\n\n .social-link {\n width: 2.5rem;\n height: 2.5rem;\n background-color: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n text-decoration: none;\n }\n\n .social-link:hover {\n background-color: var(--ski-lime);\n color: var(--ski-blue);\n }\n\n .footer-heading {\n font-size: 1.125rem;\n font-weight: 700;\n margin-bottom: 1.5rem;\n color: var(--ski-lime);\n }\n\n .footer-links li {\n margin-bottom: 0.75rem;\n }\n\n .footer-links a {\n color: #d1d5db;\n }\n\n .footer-links a:hover {\n color: var(--white);\n }\n\n .contact-item {\n display: flex;\n gap: 0.75rem;\n margin-bottom: 1rem;\n color: #d1d5db;\n }\n\n .contact-icon {\n color: var(--ski-lime);\n flex-shrink: 0;\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n padding-top: 2rem;\n text-align: center;\n color: #9ca3af;\n font-size: 0.875rem;\n }\n\n \/* --- MEDIA QUERIES --- *\/\n @media (min-width: 768px) {\n .nav-links { display: flex; align-items: center; }\n .mobile-toggle { display: none; }\n \n .hero-title { font-size: 4rem; }\n .hero-buttons { flex-direction: row; }\n \n .about-content { flex-direction: row; align-items: center; }\n \n .teams-grid { grid-template-columns: repeat(2, 1fr); }\n \n .activities-grid { grid-template-columns: repeat(2, 1fr); }\n .season-list { grid-template-columns: repeat(3, 1fr); }\n \n .gallery-grid { grid-template-columns: repeat(4, 1fr); }\n \n .footer-grid { grid-template-columns: repeat(3, 1fr); }\n\n .newsletter-form { flex-direction: row; }\n .contact-grid { grid-template-columns: 1fr 1.5fr; }\n }\n\n @media (min-width: 1024px) {\n .hero-title { font-size: 5rem; }\n .teams-grid { grid-template-columns: repeat(4, 1fr); }\n }\n <\/style>\n<script type=\"importmap\">\n{\n \"imports\": {\n \"react\": \"https:\/\/esm.sh\/react@^19.2.3\",\n \"react\/\": \"https:\/\/esm.sh\/react@^19.2.3\/\",\n \"lucide-react\": \"https:\/\/esm.sh\/lucide-react@^0.561.0\"\n }\n}\n<\/script>\n<\/head>\n<body>\n\n <nav class=\"navbar\" id=\"navbar\">\n <div class=\"container nav-content\">\n <div class=\"logo\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/1765638518994.png\" alt=\"Ski Academy Vr\u00e1tna Logo\" class=\"nav-logo-img\">\n <span>SKI ACADEMY <span class=\"text-lime\">VR\u00c1TNA<\/span><\/span>\n <\/div>\n\n <div class=\"nav-links\">\n <a href=\"#home\">Domov<\/a>\n <a href=\"#about\">O n\u00e1s<\/a>\n <a href=\"#services\">Tr\u00e9ningy<\/a>\n <a href=\"#gallery\">Gal\u00e9ria<\/a>\n <a href=\"#contact\">Kontakt<\/a>\n <a href=\"#\" class=\"btn btn-primary nav-cta\">Pridaj sa<\/a>\n <\/div>\n\n <button class=\"mobile-toggle\" id=\"mobileToggle\" aria-label=\"Menu\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"><\/line>\n <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\"><\/line>\n <line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <a href=\"#home\">Domov<\/a>\n <a href=\"#about\">O n\u00e1s<\/a>\n <a href=\"#services\">Tr\u00e9ningy<\/a>\n <a href=\"#gallery\">Gal\u00e9ria<\/a>\n <a href=\"#contact\">Kontakt<\/a>\n <\/div>\n <\/nav>\n\n <div id=\"home\" class=\"hero\">\n <div class=\"hero-bg\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/471700691_989618443190709_7084529702076333664_n.jpg\" alt=\"Ly\u017eiarsky v\u00fdcvik deti a sneh\">\n <div class=\"hero-overlay\"><\/div>\n <\/div>\n\n <div class=\"hero-content\">\n <h2 class=\"hero-subtitle\">Ski Academy Vr\u00e1tna<\/h2>\n <h1 class=\"hero-title\">Ly\u017eovanie n\u00e1s<br><span>bav\u00ed !<\/span><\/h1>\n <p class=\"hero-desc\">\n Profesion\u00e1lny ly\u017eiarsky klub pod veden\u00edm <strong>Karola Kr\u00e1la<\/strong>.\n <\/p>\n <div class=\"hero-buttons\">\n <a href=\"#footer\" class=\"btn btn-primary\">\n Pridaj sa k n\u00e1m\n <svg width=\"20\" height=\"20\" style=\"margin-left: 8px;\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/a>\n <a href=\"#about\" class=\"btn btn-outline\">Viac o n\u00e1s<\/a>\n <\/div>\n <\/div>\n\n <div class=\"curve-bottom\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\n <path d=\"M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z\" fill=\"#ffffff\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n <section id=\"about\" class=\"section\">\n <div class=\"container\">\n <div class=\"about-content\">\n <div class=\"about-text\">\n <span class=\"badge\">KTO SME<\/span>\n <h2 class=\"section-title\">Zjazdov\u00e9 ly\u017eovanie a \u0161portov\u00e1 pr\u00edprava det\u00ed <span class=\"text-blue\">vo veku 5-16 rokov<\/span><\/h2>\n \n <p style=\"color: var(--text-light); margin-bottom: 1rem;\">\n Ly\u017eiarsky klub Ski Academy Vr\u00e1tna je zameran\u00fd na zjazdov\u00e9 ly\u017eovanie det\u00ed vo veku 5-16 rokov. U\u017e 20 rokov vytv\u00e1rame bezpe\u010dn\u00e9 a motivuj\u00face \u0161portov\u00e9 prostredie v priate\u013eskom kolekt\u00edve.\n <\/p>\n <p style=\"color: var(--text-light); margin-bottom: 1rem;\">\n Cie\u013eom n\u00e1\u0161ho klubu je vies\u0165 deti k ly\u017eovaniu, pravideln\u00e9mu pohybu a k \u0161portu ako tak\u00e9mu. Prispievame k zlep\u0161ovaniu kond\u00edcie, koordin\u00e1cie, ohybnosti, k zdrav\u00e9mu \u017eivotn\u00e9mu \u0161t\u00fdlu \u010di k rozvoju ich osobnosti. Z\u00e1rove\u0148 v\u0161ak vytv\u00e1rame prostredie, ktor\u00e9 umo\u017e\u0148uje da\u0165 sa na cestu pretekov\u00e9ho ly\u017eovania a v\u00fdsledky s\u00fa tak pridanou hodnotou.\n <\/p>\n <p style=\"color: var(--text-main); font-weight: 700; font-size: 1.1rem; border-left: 4px solid var(--ski-lime); padding-left: 1rem; margin-top: 1.5rem;\">\n „Ly\u017eovanie n\u00e1s bav\u00ed, preto na\u0161im mot\u00edvom nie je len dosahovanie v\u00fdsledkov, ale hlavne l\u00e1ska k \u0161portu a pr\u00edrode.“\n <\/p>\n \n <div class=\"experience-box\">\n <div style=\"flex-shrink: 0;\">\n <span class=\"exp-number\">20<\/span>\n <\/div>\n <div class=\"exp-desc\">\n U\u017e 20 rokov budujeme<br>ly\u017eiarsku trad\u00edciu vo Vr\u00e1tnej.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"about-image\">\n <div class=\"about-img-wrapper\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/karola.jpg\" alt=\"Karol Kr\u00e1l\">\n <div class=\"img-overlay\">\n <p style=\"font-weight: 700; font-size: 1.25rem;\">Karol Kr\u00e1l<\/p>\n <p class=\"text-lime\">Hlavn\u00fd tr\u00e9ner a zakladate\u013e<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"services\" class=\"section bg-gray\">\n <div class=\"container\">\n <div class=\"services-header\">\n <h2 class=\"section-title\">Tr\u00e9ningov\u00fd proces<\/h2>\n <div class=\"divider\"><\/div>\n <p style=\"color: var(--text-light); max-width: 700px; margin: 0 auto;\">\n Ly\u017eiarskemu tr\u00e9ningu venujeme hlavne v\u00edkendy a pr\u00e1zdninov\u00e9 dni po\u010das piatich mesiacov (december-apr\u00edl). Okrem tr\u00e9ningu na snehu pon\u00fakame aj kondi\u010dn\u00e9 tr\u00e9ningy, ktor\u00e9 organizujeme na jar \u010di jese\u0148 vonku a po\u010das zimy v telocvi\u010dni.\n <\/p>\n <\/div>\n\n <h3 style=\"text-align:center; margin-bottom:2rem; font-size:1.75rem; color: var(--ski-blue);\">Na\u0161e t\u00edmy<\/h3>\n \n <div class=\"teams-grid\">\n <div class=\"team-card\">\n <h4 class=\"team-title\">MINI T\u00edm<\/h4>\n <span class=\"team-age\">5 – 6 rokov<\/span>\n <ul class=\"team-list\">\n <li>Za\u010d\u00ednaj\u00faci ly\u017eiari<\/li>\n <li>U\u010denie formou hry<\/li>\n <li>Zvl\u00e1dnutie jazdy na malom vleku<\/li>\n <li>Z\u00e1kladn\u00e1 technika na miernom svahu<\/li>\n <li>Preteky J\u00e1no\u0161\u00edkova Vala\u0161ti\u010dka<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"team-card accent-lime\">\n <h4 class=\"team-title\">MIDI T\u00edm<\/h4>\n <span class=\"team-age\">7 – 9 rokov<\/span>\n <ul class=\"team-list\">\n <li>Mierne pokro\u010dil\u00ed ly\u017eiari<\/li>\n <li>Zdokona\u013eovanie techniky (paraleln\u00e1 stopa)<\/li>\n <li>Z\u00e1klady techniky v br\u00e1nach<\/li>\n <li>R\u00f4zne obtia\u017ene svahy<\/li>\n <li>\u00da\u010das\u0165 na region\u00e1lnych pretekoch<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"team-card\">\n <h4 class=\"team-title\">MAXI T\u00edm<\/h4>\n <span class=\"team-age\">10 – 12 rokov<\/span>\n <ul class=\"team-list\">\n <li>Pokro\u010dil\u00ed ly\u017eiari<\/li>\n <li>Pretekov\u00e1 technika a zr\u00fdch\u013eovanie<\/li>\n <li>Hlbok\u00fd sneh, bubny, skoky<\/li>\n <li>Obrovsk\u00fd slalom a slalom<\/li>\n <li>\u010clenstvo v Zv\u00e4ze Slovensk\u00e9ho Ly\u017eovania<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"team-card accent-lime\">\n <h4 class=\"team-title\">\u017diaci & Juniori<\/h4>\n <span class=\"team-age\">13+ rokov<\/span>\n <ul class=\"team-list\">\n <li>Systematicky veden\u00e1 sez\u00f3na<\/li>\n <li>Vy\u0161\u0161ia intenzita tr\u00e9ningov<\/li>\n <li>\u0160pecializ\u00e1cia na slalom a „obr\u00e1k“<\/li>\n <li>\u010clenstvo v SLA a ZSL<\/li>\n <li>\u00da\u010das\u0165 na Slovenskom poh\u00e1ri<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"activities-grid\">\n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/><path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/><path d=\"M4 22h16\"\/><path d=\"M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22\"\/><path d=\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"\/><path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/><\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size:1.25rem; font-weight:700; margin-bottom:0.5rem;\">Preteky a s\u00fa\u0165a\u017ee<\/h4>\n <p style=\"color:var(--text-light); font-size:0.95rem;\">\n Po\u010das sez\u00f3ny sa z\u00fa\u010dast\u0148ujeme pretekov ako J\u00e1no\u0161\u00edkova vala\u0161ti\u010dka, Donovalsk\u00fd ps\u00edk \u010di Goralsk\u00fd klob\u00fa\u010dik. Vybran\u00e9 deti pretekaj\u00fa aj na Slovenskom poh\u00e1ri a medzin\u00e1rodn\u00fdch FIS s\u00fa\u0165a\u017eiach.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size:1.25rem; font-weight:700; margin-bottom:0.5rem;\">S\u00fastredenia a t\u00e1bory<\/h4>\n <p style=\"color:var(--text-light); font-size:0.95rem;\">\n Ka\u017edoro\u010dne organizujeme klubov\u00e9 s\u00fastredenia s video-anal\u00fdzou techniky a uk\u00e1\u017ekou servisu. Mimo sez\u00f3ny sa stret\u00e1vame na letn\u00fdch kondi\u010dn\u00fdch t\u00e1boroch a vodn\u00fdch ly\u017eiach.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <section id=\"gallery\" class=\"section\">\n <div class=\"container\">\n <h2 class=\"section-title text-center\" style=\"margin-bottom: 3rem;\">\u017divot v <span class=\"text-blue\">klube<\/span><\/h2>\n <div class=\"gallery-grid\">\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/117643483_10156944717542563_6353729530940705596_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/475718613_1010505864435300_2310674761142655055_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/475808096_1010505641101989_577281725668550949_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/476454568_1017556863730200_306560284649389275_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/477027970_1018882053597681_1899307906796221963_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/477448721_1018879886931231_1863542112997643258_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/491135367_10160355155672563_2298841687721235217_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/491230296_10160355155762563_970655445866679810_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/491232199_10160355155757563_2591215989409644713_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/491818686_10160355155722563_6298700963196263109_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/491927044_10160355155757563_7857184690392795942_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/117302645_10156944716307563_8232306539803829291_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/117306734_10156944729572563_1752947499693800312_n.jpg\" alt=\"Gallery\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"newsletter-section\">\n <div class=\"container newsletter-content\">\n <h2 style=\"font-size: 2rem; margin-bottom: 1rem;\">Zosta\u0148me v spojen\u00ed<\/h2>\n <p style=\"opacity: 0.9;\">Prihl\u00e1ste sa na odber noviniek a ni\u010d v\u00e1m neunikne.<\/p>\n \n <form action=\"mailto:skiacademyvratna@gmail.com\" method=\"post\" enctype=\"text\/plain\" class=\"newsletter-form\">\n <input type=\"text\" name=\"email_subscribe\" placeholder=\"V\u00e1\u0161 email\" class=\"form-input\" required>\n <button type=\"submit\" class=\"btn btn-primary\" style=\"border:none; cursor:pointer;\">Odobera\u0165<\/button>\n <\/form>\n <\/div>\n <\/section>\n\n <section id=\"contact\" class=\"contact-section\">\n <div class=\"container\">\n <h2 class=\"section-title text-center\" style=\"margin-bottom: 3rem;\">Nap\u00ed\u0161te <span class=\"text-blue\">n\u00e1m<\/span><\/h2>\n \n <div class=\"contact-grid\">\n <div class=\"contact-info-panel\">\n <h3 style=\"font-size: 1.5rem; margin-bottom: 1.5rem; color: var(--ski-blue);\">Kontaktn\u00e9 \u00fadaje<\/h3>\n <ul style=\"display: flex; flex-direction: column; gap: 1.5rem;\">\n <li style=\"display: flex; gap: 1rem; align-items: center;\">\n <div style=\"background: var(--ski-lime); padding: 0.75rem; border-radius: 50%; color: var(--ski-blue);\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n <\/div>\n <div>\n <span style=\"display: block; font-weight: 700;\">Telef\u00f3n<\/span>\n <a href=\"tel:+421905606241\" style=\"color: var(--text-light);\">+421 905 606 241<\/a>\n <\/div>\n <\/li>\n <li style=\"display: flex; gap: 1rem; align-items: center;\">\n <div style=\"background: var(--ski-lime); padding: 0.75rem; border-radius: 50%; color: var(--ski-blue);\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n <\/div>\n <div>\n <span style=\"display: block; font-weight: 700;\">Email<\/span>\n <a href=\"mailto:skiacademyvratna@gmail.com\" style=\"color: var(--text-light);\">skiacademyvratna@gmail.com<\/a>\n <\/div>\n <\/li>\n <li style=\"display: flex; gap: 1rem; align-items: center;\">\n <div style=\"background: var(--ski-lime); padding: 0.75rem; border-radius: 50%; color: var(--ski-blue);\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n <\/div>\n <div>\n <span style=\"display: block; font-weight: 700;\">Adresa<\/span>\n <span style=\"color: var(--text-light);\">Smrekov\u00e1 32, 010 07 \u017dilina<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"contact-form-panel\">\n <form action=\"mailto:skiacademyvratna@gmail.com\" method=\"post\" enctype=\"text\/plain\">\n <div class=\"form-group\">\n <label class=\"form-label\">Meno a Priezvisko<\/label>\n <input type=\"text\" name=\"meno\" class=\"form-control\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Email<\/label>\n <input type=\"email\" name=\"email\" class=\"form-control\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Spr\u00e1va<\/label>\n <textarea name=\"sprava\" class=\"form-control\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn btn-submit btn\">Odosla\u0165 spr\u00e1vu<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"support-banner\">\n <div class=\"container\">\n <h2>Podporte talenty<\/h2>\n <p>Pom\u00f4\u017ete n\u00e1m vychova\u0165 \u010fal\u0161iu gener\u00e1ciu \u0161ampi\u00f3nov. Darujte n\u00e1m 2% z dane.<\/p>\n <\/div>\n <\/div>\n\n <section class=\"partner-section\">\n <div class=\"container partner-content\">\n <span class=\"partner-label\">N\u00e1\u0161 partner pre kondi\u010dn\u00fa pr\u00edpravu<\/span>\n <a href=\"http:\/\/www.k-profit.sk\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"partner-link\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/1765631597655.jpg\" alt=\"K-PROFIT Fitness Centrum \u017dilina\" class=\"partner-logo\">\n <\/a>\n <\/div>\n <\/section>\n\n <div id=\"lightbox\" class=\"lightbox\">\n <span class=\"close-lightbox\">×<\/span>\n <img class=\"lightbox-content\" id=\"lightbox-img\">\n <\/div>\n\n <footer id=\"footer\" class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div>\n <h3 style=\"font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem;\">Ski Academy <span class=\"text-lime\">Vr\u00e1tna<\/span><\/h3>\n <p style=\"color: #d1d5db; margin-bottom: 1.5rem;\">\n Vychov\u00e1vame nov\u00fa gener\u00e1ciu ly\u017eiarov s l\u00e1skou k hor\u00e1m a re\u0161pektom k \u0161portu.\n <\/p>\n <div class=\"footer-socials\">\n <a href=\"https:\/\/www.facebook.com\/p\/Ski-Academy-Vr%C3%A1tna-100064276885719\/?locale=sk_SK\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-link\" aria-label=\"Facebook\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path>\n <\/svg>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/_ski_academy_vratna_\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-link\" aria-label=\"Instagram\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\n <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\n <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <div>\n <h4 class=\"footer-heading\">R\u00fdchle odkazy<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#home\">Domov<\/a><\/li>\n <li><a href=\"#about\">O n\u00e1s<\/a><\/li>\n <li><a href=\"#services\">Tr\u00e9ningy<\/a><\/li>\n <li><a href=\"#gallery\">Gal\u00e9ria<\/a><\/li>\n <li><a href=\"#contact\">Kontakt<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4 class=\"footer-heading\">Faktura\u010dn\u00e9 \u00fadaje<\/h4>\n <ul class=\"footer-links\">\n <li class=\"contact-item\">\n <span>\n <strong>Karol Kr\u00e1l<\/strong><br>\n Ly\u017eiarsky klub SKI PROFIT \u017dilina<br>\n I\u010cO: 37911252<br>\n DI\u010c: 2021992071\n <\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <p>© 2024 Ski Academy Vr\u00e1tna. V\u0161etky pr\u00e1va vyhraden\u00e9.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ --- VANILLA JS LOGIC ---\n\n document.addEventListener('DOMContentLoaded', () => {\n const navbar = document.getElementById('navbar');\n const mobileToggle = document.getElementById('mobileToggle');\n const mobileMenu = document.getElementById('mobileMenu');\n const mobileLinks = mobileMenu.querySelectorAll('a');\n \n \/\/ Lightbox Elements\n const lightbox = document.getElementById('lightbox');\n const lightboxImg = document.getElementById('lightbox-img');\n const closeBtn = document.querySelector('.close-lightbox');\n const galleryImages = document.querySelectorAll('.gallery-item img');\n\n \/\/ Scroll Handler for Sticky Navbar\n window.addEventListener('scroll', () => {\n if (window.scrollY > 50) {\n navbar.classList.add('scrolled');\n } else {\n navbar.classList.remove('scrolled');\n }\n });\n\n \/\/ Mobile Menu Toggle\n mobileToggle.addEventListener('click', () => {\n mobileMenu.classList.toggle('open');\n \n \/\/ Toggle Icon (Simple implementation)\n const isOpen = mobileMenu.classList.contains('open');\n if (isOpen) {\n mobileToggle.innerHTML = `\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n `;\n } else {\n mobileToggle.innerHTML = `\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"><\/line>\n <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\"><\/line>\n <line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"><\/line>\n <\/svg>\n `;\n }\n });\n\n \/\/ Close Mobile Menu when link clicked\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.remove('open');\n mobileToggle.innerHTML = `\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"><\/line>\n <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\"><\/line>\n <line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"><\/line>\n <\/svg>\n `;\n });\n });\n\n \/\/ --- LIGHTBOX LOGIC ---\n galleryImages.forEach(img => {\n img.addEventListener('click', () => {\n lightbox.classList.add('active');\n lightboxImg.src = img.src;\n });\n });\n\n \/\/ Close lightbox on X button\n closeBtn.addEventListener('click', () => {\n lightbox.classList.remove('active');\n });\n\n \/\/ Close lightbox on click outside the image\n lightbox.addEventListener('click', (e) => {\n if (e.target !== lightboxImg) {\n lightbox.classList.remove('active');\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ski Academy Vr\u00e1tna SKI ACADEMY VR\u00c1TNA Domov O n\u00e1s Tr\u00e9ningy Gal\u00e9ria Kontakt Pridaj sa Domov O n\u00e1s Tr\u00e9ningy Gal\u00e9ria Kontakt Ski Academy Vr\u00e1tna Ly\u017eovanie n\u00e1sbav\u00ed ! Profesion\u00e1lny ly\u017eiarsky klub pod veden\u00edm Karola Kr\u00e1la. Pridaj sa k n\u00e1m Viac o n\u00e1s KTO SME Zjazdov\u00e9 ly\u017eovanie a \u0161portov\u00e1 pr\u00edprava det\u00ed vo veku 5-16 rokov Ly\u017eiarsky klub Ski […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-64","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=64"}],"version-history":[{"count":28,"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=\/wp\/v2\/pages\/64\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":64,"date":"2025-12-12T23:46:59","date_gmt":"2025-12-12T22:46:59","guid":{"rendered":"http:\/\/www.skiacademyvratna.sk\/?page_id=64"},"modified":"2025-12-14T21:46:28","modified_gmt":"2025-12-14T20:46:28","slug":"stranka-2","status":"publish","type":"page","link":"https:\/\/www.skiacademyvratna.sk\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Ski Academy Vr\u00e1tna<\/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=Montserrat:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n \/* --- RESET & VARIABLES --- *\/\n :root {\n --ski-blue: #003399;\n --ski-lime: #99CC33;\n --ski-dark: #002266;\n --text-main: #111827;\n --text-light: #4b5563;\n --white: #ffffff;\n --bg-gray: #f9fafb;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n color: var(--text-main);\n line-height: 1.6;\n background-color: var(--white);\n }\n\n a {\n text-decoration: none;\n color: inherit;\n transition: color 0.3s ease;\n }\n\n ul {\n list-style: none;\n }\n\n img {\n max-width: 100%;\n display: block;\n }\n\n \/* --- UTILITIES --- *\/\n .container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 1rem;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0.75rem 2rem;\n border-radius: 9999px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 1rem;\n border: 2px solid transparent;\n }\n\n .btn-primary {\n background-color: var(--ski-lime);\n color: var(--ski-blue);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n }\n\n .btn-primary:hover {\n background-color: var(--white);\n transform: scale(1.05);\n }\n\n .btn-outline {\n background-color: transparent;\n border-color: var(--white);\n color: var(--white);\n }\n\n .btn-outline:hover {\n background-color: rgba(255, 255, 255, 0.1);\n }\n\n .btn-submit {\n background-color: var(--ski-blue);\n color: var(--white);\n width: 100%;\n border: none;\n }\n .btn-submit:hover {\n background-color: var(--ski-dark);\n transform: translateY(-2px);\n }\n\n .section-title {\n font-size: 2.25rem;\n font-weight: 700;\n margin-bottom: 1rem;\n line-height: 1.2;\n }\n\n .text-blue { color: var(--ski-blue); }\n .text-lime { color: var(--ski-lime); }\n .text-center { text-align: center; }\n\n \/* --- NAVBAR --- *\/\n .navbar {\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 1000;\n padding: 0.5rem 0; \/* Zmen\u0161en\u00fd padding pre nov\u00e9 logo *\/\n transition: all 0.3s ease;\n background: linear-gradient(to bottom, rgba(0,0,0,0.8), transparent);\n }\n\n .navbar.scrolled {\n background: var(--ski-blue);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n padding: 0.5rem 0;\n }\n\n .nav-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n display: flex;\n align-items: center;\n color: var(--white);\n font-weight: 700;\n font-size: 1.25rem;\n letter-spacing: 0.05em;\n }\n\n .nav-logo-img {\n max-height: 60px; \/* Zv\u00e4\u010d\u0161en\u00e1 v\u00fd\u0161ka pre nov\u00e9 logo *\/\n width: auto;\n margin-right: 0.75rem;\n \/* border-radius odstr\u00e1nen\u00fd pre PNG logo *\/\n }\n\n .nav-links {\n display: none;\n }\n\n .nav-links a {\n color: var(--white);\n font-weight: 500;\n text-transform: uppercase;\n font-size: 0.875rem;\n letter-spacing: 0.05em;\n margin-left: 2rem;\n text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n }\n\n .nav-links a:hover {\n color: var(--ski-lime);\n }\n\n .nav-cta {\n margin-left: 2rem;\n padding: 0.5rem 1.25rem;\n font-size: 0.875rem;\n text-shadow: none;\n }\n\n .mobile-toggle {\n display: block;\n background: none;\n border: none;\n color: var(--white);\n cursor: pointer;\n }\n\n .mobile-menu {\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n background-color: var(--ski-blue);\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-in-out;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n }\n\n .mobile-menu.open {\n max-height: 400px;\n }\n\n .mobile-menu a {\n display: block;\n padding: 0.75rem 1.5rem;\n color: var(--white);\n font-weight: 500;\n }\n\n .mobile-menu a:hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: var(--ski-lime);\n }\n\n \/* --- HERO --- *\/\n .hero {\n position: relative;\n height: 100vh;\n min-height: 600px;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n\n .hero-bg {\n position: absolute;\n inset: 0;\n z-index: -1;\n }\n\n .hero-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center bottom; \n }\n\n .hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to right, rgba(0, 51, 153, 0.8), rgba(0, 51, 153, 0.3));\n mix-blend-mode: multiply;\n }\n\n .hero-content {\n text-align: center;\n color: var(--white);\n padding: 0 1rem;\n z-index: 10;\n margin-top: 4rem;\n }\n\n .hero-subtitle {\n color: var(--ski-lime);\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-weight: 700;\n margin-bottom: 1rem;\n text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n }\n\n .hero-title {\n font-size: 2.5rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n text-shadow: 0 4px 8px rgba(0,0,0,0.3);\n }\n\n .hero-title span {\n color: var(--white);\n }\n\n .hero-desc {\n font-size: 1.125rem;\n color: #f3f4f6;\n margin-bottom: 2.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n }\n\n .hero-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n }\n\n .curve-bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n line-height: 0;\n transform: translateY(1px);\n }\n\n .curve-bottom svg {\n width: 138%;\n height: 60px;\n fill: var(--white);\n }\n\n \/* --- ABOUT --- *\/\n .section {\n padding: 5rem 0;\n }\n\n .about-content {\n display: flex;\n flex-direction: column;\n gap: 3rem;\n }\n\n .about-text {\n flex: 1;\n }\n\n .badge {\n display: inline-block;\n padding: 0.25rem 0.75rem;\n background-color: rgba(0, 51, 153, 0.1);\n color: var(--ski-blue);\n border-radius: 9999px;\n font-size: 0.875rem;\n font-weight: 700;\n margin-bottom: 1rem;\n }\n\n \/* EXPERIENCE BOX *\/\n .experience-box {\n background-color: var(--ski-blue);\n color: var(--white);\n padding: 1.5rem;\n border-radius: 1rem;\n display: flex;\n align-items: center;\n gap: 1.5rem;\n margin-top: 2rem;\n border-left: 5px solid var(--ski-lime);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n }\n\n .exp-number {\n font-size: 3rem;\n font-weight: 800;\n color: var(--ski-lime);\n line-height: 1;\n display: block;\n }\n\n .exp-desc {\n font-size: 1.1rem;\n font-weight: 600;\n line-height: 1.3;\n }\n\n .about-image {\n flex: 1;\n position: relative;\n }\n\n .about-img-wrapper {\n border-radius: 1rem;\n overflow: hidden;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n position: relative;\n }\n\n .img-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\n padding: 2rem;\n color: var(--white);\n }\n\n \/* --- SERVICES \/ TEAMS SECTION --- *\/\n .bg-gray {\n background-color: var(--bg-gray);\n }\n\n .services-header {\n text-center: center;\n margin-bottom: 4rem;\n }\n\n .divider {\n width: 5rem;\n height: 0.25rem;\n background-color: var(--ski-lime);\n margin: 1rem auto;\n border-radius: 9999px;\n }\n\n .teams-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n margin-bottom: 4rem;\n }\n\n .team-card {\n background-color: var(--white);\n padding: 2rem;\n border-radius: 1rem;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-top: 5px solid var(--ski-blue);\n }\n\n .team-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15);\n }\n\n .team-card.accent-lime {\n border-top-color: var(--ski-lime);\n }\n\n .team-title {\n font-size: 1.5rem;\n font-weight: 800;\n color: var(--ski-blue);\n margin-bottom: 0.5rem;\n }\n\n .team-age {\n display: inline-block;\n background-color: rgba(0,0,0,0.05);\n padding: 0.25rem 0.75rem;\n border-radius: 99px;\n font-size: 0.85rem;\n font-weight: 600;\n color: var(--text-light);\n margin-bottom: 1.5rem;\n }\n\n .team-list {\n padding-left: 0;\n margin: 0;\n }\n\n .team-list li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: 0.75rem;\n font-size: 0.95rem;\n color: var(--text-light);\n }\n\n .team-list li::before {\n content: \"\u2022\";\n color: var(--ski-lime);\n position: absolute;\n left: 0;\n font-weight: bold;\n font-size: 1.2rem;\n line-height: 1;\n }\n\n \/* ACTIVITIES SECTION *\/\n .activities-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .activity-card {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background-color: var(--white);\n padding: 1.5rem;\n border-radius: 1rem;\n }\n\n .activity-icon {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background-color: rgba(0, 51, 153, 0.1);\n color: var(--ski-blue);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/* --- GALLERY --- *\/\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 0.75rem;\n cursor: pointer;\n height: 250px;\n }\n\n .gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .gallery-item:hover img {\n transform: scale(1.1);\n }\n\n .gallery-overlay {\n position: absolute;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .gallery-item:hover .gallery-overlay {\n opacity: 1;\n }\n\n \/* --- LIGHTBOX --- *\/\n .lightbox {\n display: none;\n position: fixed;\n z-index: 2000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n background-color: rgba(0,0,0,0.9);\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n\n .lightbox.active {\n display: flex;\n animation: fadeIn 0.3s ease;\n }\n\n .lightbox-content {\n margin: auto;\n display: block;\n max-width: 90%;\n max-height: 85%;\n object-fit: contain;\n border-radius: 4px;\n box-shadow: 0 0 20px rgba(0,0,0,0.5);\n }\n\n .close-lightbox {\n position: absolute;\n top: 20px;\n right: 35px;\n color: #f1f1f1;\n font-size: 40px;\n font-weight: bold;\n transition: 0.3s;\n cursor: pointer;\n z-index: 2001;\n }\n\n .close-lightbox:hover {\n color: var(--ski-lime);\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n \/* --- NEWSLETTER SECTION --- *\/\n .newsletter-section {\n background-color: var(--ski-blue);\n padding: 4rem 0;\n color: var(--white);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .newsletter-content {\n position: relative;\n z-index: 10;\n }\n\n .newsletter-form {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 500px;\n margin: 2rem auto 0;\n }\n\n .form-input {\n padding: 0.75rem 1.5rem;\n border-radius: 9999px;\n border: 2px solid transparent;\n font-family: inherit;\n font-size: 1rem;\n outline: none;\n width: 100%;\n }\n\n .form-input:focus {\n border-color: var(--ski-lime);\n }\n\n \/* --- CONTACT FORM SECTION --- *\/\n .contact-section {\n padding: 5rem 0;\n background-color: var(--bg-gray);\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 3rem;\n }\n\n .contact-info-panel {\n background-color: var(--white);\n padding: 2rem;\n border-radius: 1rem;\n box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\n }\n\n .contact-form-panel {\n background-color: var(--white);\n padding: 2rem;\n border-radius: 1rem;\n box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\n border-top: 5px solid var(--ski-blue);\n }\n\n .form-group {\n margin-bottom: 1.5rem;\n }\n\n .form-label {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 600;\n font-size: 0.875rem;\n color: var(--text-main);\n }\n\n .form-control {\n width: 100%;\n padding: 0.75rem;\n border: 1px solid #e5e7eb;\n border-radius: 0.5rem;\n font-family: inherit;\n font-size: 1rem;\n transition: border-color 0.3s;\n }\n\n .form-control:focus {\n outline: none;\n border-color: var(--ski-blue);\n box-shadow: 0 0 0 3px rgba(0, 51, 153, 0.1);\n }\n\n textarea.form-control {\n resize: vertical;\n min-height: 120px;\n }\n\n \/* --- 2% TAX BANNER --- *\/\n .support-banner {\n background-color: var(--ski-lime);\n color: var(--ski-blue);\n padding: 3rem 0;\n text-align: center;\n }\n\n .support-banner h2 {\n font-size: 2rem;\n font-weight: 800;\n margin-bottom: 1rem;\n }\n \n .support-banner p {\n max-width: 600px;\n margin: 0 auto;\n font-weight: 500;\n }\n\n \/* --- PARTNER SECTION --- *\/\n .partner-section {\n background-color: var(--white);\n padding: 3rem 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n\n .partner-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n }\n\n .partner-label {\n font-size: 1rem;\n color: var(--text-light);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n font-weight: 700;\n }\n\n .partner-link {\n display: inline-block;\n transition: transform 0.3s ease;\n }\n\n .partner-link:hover {\n transform: scale(1.05);\n }\n\n .partner-logo {\n max-height: 100px;\n width: auto;\n display: block;\n \/* CSS trik na \"sprieh\u013eadnenie\" bieleho pozadia loga *\/\n mix-blend-mode: multiply;\n }\n\n \/* --- FOOTER --- *\/\n .footer {\n background-color: var(--ski-dark);\n color: var(--white);\n padding: 4rem 0 2rem;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 3rem;\n margin-bottom: 3rem;\n }\n\n .footer-socials {\n display: flex;\n gap: 1rem;\n }\n\n .social-link {\n width: 2.5rem;\n height: 2.5rem;\n background-color: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n text-decoration: none;\n }\n\n .social-link:hover {\n background-color: var(--ski-lime);\n color: var(--ski-blue);\n }\n\n .footer-heading {\n font-size: 1.125rem;\n font-weight: 700;\n margin-bottom: 1.5rem;\n color: var(--ski-lime);\n }\n\n .footer-links li {\n margin-bottom: 0.75rem;\n }\n\n .footer-links a {\n color: #d1d5db;\n }\n\n .footer-links a:hover {\n color: var(--white);\n }\n\n .contact-item {\n display: flex;\n gap: 0.75rem;\n margin-bottom: 1rem;\n color: #d1d5db;\n }\n\n .contact-icon {\n color: var(--ski-lime);\n flex-shrink: 0;\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n padding-top: 2rem;\n text-align: center;\n color: #9ca3af;\n font-size: 0.875rem;\n }\n\n \/* --- MEDIA QUERIES --- *\/\n @media (min-width: 768px) {\n .nav-links { display: flex; align-items: center; }\n .mobile-toggle { display: none; }\n \n .hero-title { font-size: 4rem; }\n .hero-buttons { flex-direction: row; }\n \n .about-content { flex-direction: row; align-items: center; }\n \n .teams-grid { grid-template-columns: repeat(2, 1fr); }\n \n .activities-grid { grid-template-columns: repeat(2, 1fr); }\n .season-list { grid-template-columns: repeat(3, 1fr); }\n \n .gallery-grid { grid-template-columns: repeat(4, 1fr); }\n \n .footer-grid { grid-template-columns: repeat(3, 1fr); }\n\n .newsletter-form { flex-direction: row; }\n .contact-grid { grid-template-columns: 1fr 1.5fr; }\n }\n\n @media (min-width: 1024px) {\n .hero-title { font-size: 5rem; }\n .teams-grid { grid-template-columns: repeat(4, 1fr); }\n }\n <\/style>\n<script type=\"importmap\">\n{\n \"imports\": {\n \"react\": \"https:\/\/esm.sh\/react@^19.2.3\",\n \"react\/\": \"https:\/\/esm.sh\/react@^19.2.3\/\",\n \"lucide-react\": \"https:\/\/esm.sh\/lucide-react@^0.561.0\"\n }\n}\n<\/script>\n<\/head>\n<body>\n\n <nav class=\"navbar\" id=\"navbar\">\n <div class=\"container nav-content\">\n <div class=\"logo\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/1765638518994.png\" alt=\"Ski Academy Vr\u00e1tna Logo\" class=\"nav-logo-img\">\n <span>SKI ACADEMY <span class=\"text-lime\">VR\u00c1TNA<\/span><\/span>\n <\/div>\n\n <div class=\"nav-links\">\n <a href=\"#home\">Domov<\/a>\n <a href=\"#about\">O n\u00e1s<\/a>\n <a href=\"#services\">Tr\u00e9ningy<\/a>\n <a href=\"#gallery\">Gal\u00e9ria<\/a>\n <a href=\"#contact\">Kontakt<\/a>\n <a href=\"#\" class=\"btn btn-primary nav-cta\">Pridaj sa<\/a>\n <\/div>\n\n <button class=\"mobile-toggle\" id=\"mobileToggle\" aria-label=\"Menu\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"><\/line>\n <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\"><\/line>\n <line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <a href=\"#home\">Domov<\/a>\n <a href=\"#about\">O n\u00e1s<\/a>\n <a href=\"#services\">Tr\u00e9ningy<\/a>\n <a href=\"#gallery\">Gal\u00e9ria<\/a>\n <a href=\"#contact\">Kontakt<\/a>\n <\/div>\n <\/nav>\n\n <div id=\"home\" class=\"hero\">\n <div class=\"hero-bg\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/471700691_989618443190709_7084529702076333664_n.jpg\" alt=\"Ly\u017eiarsky v\u00fdcvik deti a sneh\">\n <div class=\"hero-overlay\"><\/div>\n <\/div>\n\n <div class=\"hero-content\">\n <h2 class=\"hero-subtitle\">Ski Academy Vr\u00e1tna<\/h2>\n <h1 class=\"hero-title\">Ly\u017eovanie n\u00e1s<br><span>bav\u00ed !<\/span><\/h1>\n <p class=\"hero-desc\">\n Profesion\u00e1lny ly\u017eiarsky klub pod veden\u00edm <strong>Karola Kr\u00e1la<\/strong>.\n <\/p>\n <div class=\"hero-buttons\">\n <a href=\"#footer\" class=\"btn btn-primary\">\n Pridaj sa k n\u00e1m\n <svg width=\"20\" height=\"20\" style=\"margin-left: 8px;\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/a>\n <a href=\"#about\" class=\"btn btn-outline\">Viac o n\u00e1s<\/a>\n <\/div>\n <\/div>\n\n <div class=\"curve-bottom\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\n <path d=\"M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z\" fill=\"#ffffff\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n <section id=\"about\" class=\"section\">\n <div class=\"container\">\n <div class=\"about-content\">\n <div class=\"about-text\">\n <span class=\"badge\">KTO SME<\/span>\n <h2 class=\"section-title\">Zjazdov\u00e9 ly\u017eovanie a \u0161portov\u00e1 pr\u00edprava det\u00ed <span class=\"text-blue\">vo veku 5-16 rokov<\/span><\/h2>\n \n <p style=\"color: var(--text-light); margin-bottom: 1rem;\">\n Ly\u017eiarsky klub Ski Academy Vr\u00e1tna je zameran\u00fd na zjazdov\u00e9 ly\u017eovanie det\u00ed vo veku 5-16 rokov. U\u017e 20 rokov vytv\u00e1rame bezpe\u010dn\u00e9 a motivuj\u00face \u0161portov\u00e9 prostredie v priate\u013eskom kolekt\u00edve.\n <\/p>\n <p style=\"color: var(--text-light); margin-bottom: 1rem;\">\n Cie\u013eom n\u00e1\u0161ho klubu je vies\u0165 deti k ly\u017eovaniu, pravideln\u00e9mu pohybu a k \u0161portu ako tak\u00e9mu. Prispievame k zlep\u0161ovaniu kond\u00edcie, koordin\u00e1cie, ohybnosti, k zdrav\u00e9mu \u017eivotn\u00e9mu \u0161t\u00fdlu \u010di k rozvoju ich osobnosti. Z\u00e1rove\u0148 v\u0161ak vytv\u00e1rame prostredie, ktor\u00e9 umo\u017e\u0148uje da\u0165 sa na cestu pretekov\u00e9ho ly\u017eovania a v\u00fdsledky s\u00fa tak pridanou hodnotou.\n <\/p>\n <p style=\"color: var(--text-main); font-weight: 700; font-size: 1.1rem; border-left: 4px solid var(--ski-lime); padding-left: 1rem; margin-top: 1.5rem;\">\n „Ly\u017eovanie n\u00e1s bav\u00ed, preto na\u0161im mot\u00edvom nie je len dosahovanie v\u00fdsledkov, ale hlavne l\u00e1ska k \u0161portu a pr\u00edrode.“\n <\/p>\n \n <div class=\"experience-box\">\n <div style=\"flex-shrink: 0;\">\n <span class=\"exp-number\">20<\/span>\n <\/div>\n <div class=\"exp-desc\">\n U\u017e 20 rokov budujeme<br>ly\u017eiarsku trad\u00edciu vo Vr\u00e1tnej.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"about-image\">\n <div class=\"about-img-wrapper\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/karola.jpg\" alt=\"Karol Kr\u00e1l\">\n <div class=\"img-overlay\">\n <p style=\"font-weight: 700; font-size: 1.25rem;\">Karol Kr\u00e1l<\/p>\n <p class=\"text-lime\">Hlavn\u00fd tr\u00e9ner a zakladate\u013e<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"services\" class=\"section bg-gray\">\n <div class=\"container\">\n <div class=\"services-header\">\n <h2 class=\"section-title\">Tr\u00e9ningov\u00fd proces<\/h2>\n <div class=\"divider\"><\/div>\n <p style=\"color: var(--text-light); max-width: 700px; margin: 0 auto;\">\n Ly\u017eiarskemu tr\u00e9ningu venujeme hlavne v\u00edkendy a pr\u00e1zdninov\u00e9 dni po\u010das piatich mesiacov (december-apr\u00edl). Okrem tr\u00e9ningu na snehu pon\u00fakame aj kondi\u010dn\u00e9 tr\u00e9ningy, ktor\u00e9 organizujeme na jar \u010di jese\u0148 vonku a po\u010das zimy v telocvi\u010dni.\n <\/p>\n <\/div>\n\n <h3 style=\"text-align:center; margin-bottom:2rem; font-size:1.75rem; color: var(--ski-blue);\">Na\u0161e t\u00edmy<\/h3>\n \n <div class=\"teams-grid\">\n <div class=\"team-card\">\n <h4 class=\"team-title\">MINI T\u00edm<\/h4>\n <span class=\"team-age\">5 – 6 rokov<\/span>\n <ul class=\"team-list\">\n <li>Za\u010d\u00ednaj\u00faci ly\u017eiari<\/li>\n <li>U\u010denie formou hry<\/li>\n <li>Zvl\u00e1dnutie jazdy na malom vleku<\/li>\n <li>Z\u00e1kladn\u00e1 technika na miernom svahu<\/li>\n <li>Preteky J\u00e1no\u0161\u00edkova Vala\u0161ti\u010dka<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"team-card accent-lime\">\n <h4 class=\"team-title\">MIDI T\u00edm<\/h4>\n <span class=\"team-age\">7 – 9 rokov<\/span>\n <ul class=\"team-list\">\n <li>Mierne pokro\u010dil\u00ed ly\u017eiari<\/li>\n <li>Zdokona\u013eovanie techniky (paraleln\u00e1 stopa)<\/li>\n <li>Z\u00e1klady techniky v br\u00e1nach<\/li>\n <li>R\u00f4zne obtia\u017ene svahy<\/li>\n <li>\u00da\u010das\u0165 na region\u00e1lnych pretekoch<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"team-card\">\n <h4 class=\"team-title\">MAXI T\u00edm<\/h4>\n <span class=\"team-age\">10 – 12 rokov<\/span>\n <ul class=\"team-list\">\n <li>Pokro\u010dil\u00ed ly\u017eiari<\/li>\n <li>Pretekov\u00e1 technika a zr\u00fdch\u013eovanie<\/li>\n <li>Hlbok\u00fd sneh, bubny, skoky<\/li>\n <li>Obrovsk\u00fd slalom a slalom<\/li>\n <li>\u010clenstvo v Zv\u00e4ze Slovensk\u00e9ho Ly\u017eovania<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"team-card accent-lime\">\n <h4 class=\"team-title\">\u017diaci & Juniori<\/h4>\n <span class=\"team-age\">13+ rokov<\/span>\n <ul class=\"team-list\">\n <li>Systematicky veden\u00e1 sez\u00f3na<\/li>\n <li>Vy\u0161\u0161ia intenzita tr\u00e9ningov<\/li>\n <li>\u0160pecializ\u00e1cia na slalom a „obr\u00e1k“<\/li>\n <li>\u010clenstvo v SLA a ZSL<\/li>\n <li>\u00da\u010das\u0165 na Slovenskom poh\u00e1ri<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"activities-grid\">\n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/><path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/><path d=\"M4 22h16\"\/><path d=\"M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22\"\/><path d=\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"\/><path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/><\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size:1.25rem; font-weight:700; margin-bottom:0.5rem;\">Preteky a s\u00fa\u0165a\u017ee<\/h4>\n <p style=\"color:var(--text-light); font-size:0.95rem;\">\n Po\u010das sez\u00f3ny sa z\u00fa\u010dast\u0148ujeme pretekov ako J\u00e1no\u0161\u00edkova vala\u0161ti\u010dka, Donovalsk\u00fd ps\u00edk \u010di Goralsk\u00fd klob\u00fa\u010dik. Vybran\u00e9 deti pretekaj\u00fa aj na Slovenskom poh\u00e1ri a medzin\u00e1rodn\u00fdch FIS s\u00fa\u0165a\u017eiach.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size:1.25rem; font-weight:700; margin-bottom:0.5rem;\">S\u00fastredenia a t\u00e1bory<\/h4>\n <p style=\"color:var(--text-light); font-size:0.95rem;\">\n Ka\u017edoro\u010dne organizujeme klubov\u00e9 s\u00fastredenia s video-anal\u00fdzou techniky a uk\u00e1\u017ekou servisu. Mimo sez\u00f3ny sa stret\u00e1vame na letn\u00fdch kondi\u010dn\u00fdch t\u00e1boroch a vodn\u00fdch ly\u017eiach.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <section id=\"gallery\" class=\"section\">\n <div class=\"container\">\n <h2 class=\"section-title text-center\" style=\"margin-bottom: 3rem;\">\u017divot v <span class=\"text-blue\">klube<\/span><\/h2>\n <div class=\"gallery-grid\">\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/117643483_10156944717542563_6353729530940705596_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/475718613_1010505864435300_2310674761142655055_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/475808096_1010505641101989_577281725668550949_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/476454568_1017556863730200_306560284649389275_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/477027970_1018882053597681_1899307906796221963_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/477448721_1018879886931231_1863542112997643258_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/491135367_10160355155672563_2298841687721235217_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/491230296_10160355155762563_970655445866679810_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/491232199_10160355155757563_2591215989409644713_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/491818686_10160355155722563_6298700963196263109_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/491927044_10160355155757563_7857184690392795942_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/117302645_10156944716307563_8232306539803829291_n.jpg\" alt=\"Gallery\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/117306734_10156944729572563_1752947499693800312_n.jpg\" alt=\"Gallery\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"newsletter-section\">\n <div class=\"container newsletter-content\">\n <h2 style=\"font-size: 2rem; margin-bottom: 1rem;\">Zosta\u0148me v spojen\u00ed<\/h2>\n <p style=\"opacity: 0.9;\">Prihl\u00e1ste sa na odber noviniek a ni\u010d v\u00e1m neunikne.<\/p>\n \n <form action=\"mailto:skiacademyvratna@gmail.com\" method=\"post\" enctype=\"text\/plain\" class=\"newsletter-form\">\n <input type=\"text\" name=\"email_subscribe\" placeholder=\"V\u00e1\u0161 email\" class=\"form-input\" required>\n <button type=\"submit\" class=\"btn btn-primary\" style=\"border:none; cursor:pointer;\">Odobera\u0165<\/button>\n <\/form>\n <\/div>\n <\/section>\n\n <section id=\"contact\" class=\"contact-section\">\n <div class=\"container\">\n <h2 class=\"section-title text-center\" style=\"margin-bottom: 3rem;\">Nap\u00ed\u0161te <span class=\"text-blue\">n\u00e1m<\/span><\/h2>\n \n <div class=\"contact-grid\">\n <div class=\"contact-info-panel\">\n <h3 style=\"font-size: 1.5rem; margin-bottom: 1.5rem; color: var(--ski-blue);\">Kontaktn\u00e9 \u00fadaje<\/h3>\n <ul style=\"display: flex; flex-direction: column; gap: 1.5rem;\">\n <li style=\"display: flex; gap: 1rem; align-items: center;\">\n <div style=\"background: var(--ski-lime); padding: 0.75rem; border-radius: 50%; color: var(--ski-blue);\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n <\/div>\n <div>\n <span style=\"display: block; font-weight: 700;\">Telef\u00f3n<\/span>\n <a href=\"tel:+421905606241\" style=\"color: var(--text-light);\">+421 905 606 241<\/a>\n <\/div>\n <\/li>\n <li style=\"display: flex; gap: 1rem; align-items: center;\">\n <div style=\"background: var(--ski-lime); padding: 0.75rem; border-radius: 50%; color: var(--ski-blue);\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n <\/div>\n <div>\n <span style=\"display: block; font-weight: 700;\">Email<\/span>\n <a href=\"mailto:skiacademyvratna@gmail.com\" style=\"color: var(--text-light);\">skiacademyvratna@gmail.com<\/a>\n <\/div>\n <\/li>\n <li style=\"display: flex; gap: 1rem; align-items: center;\">\n <div style=\"background: var(--ski-lime); padding: 0.75rem; border-radius: 50%; color: var(--ski-blue);\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n <\/div>\n <div>\n <span style=\"display: block; font-weight: 700;\">Adresa<\/span>\n <span style=\"color: var(--text-light);\">Smrekov\u00e1 32, 010 07 \u017dilina<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"contact-form-panel\">\n <form action=\"mailto:skiacademyvratna@gmail.com\" method=\"post\" enctype=\"text\/plain\">\n <div class=\"form-group\">\n <label class=\"form-label\">Meno a Priezvisko<\/label>\n <input type=\"text\" name=\"meno\" class=\"form-control\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Email<\/label>\n <input type=\"email\" name=\"email\" class=\"form-control\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Spr\u00e1va<\/label>\n <textarea name=\"sprava\" class=\"form-control\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn btn-submit btn\">Odosla\u0165 spr\u00e1vu<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"support-banner\">\n <div class=\"container\">\n <h2>Podporte talenty<\/h2>\n <p>Pom\u00f4\u017ete n\u00e1m vychova\u0165 \u010fal\u0161iu gener\u00e1ciu \u0161ampi\u00f3nov. Darujte n\u00e1m 2% z dane.<\/p>\n <\/div>\n <\/div>\n\n <section class=\"partner-section\">\n <div class=\"container partner-content\">\n <span class=\"partner-label\">N\u00e1\u0161 partner pre kondi\u010dn\u00fa pr\u00edpravu<\/span>\n <a href=\"http:\/\/www.k-profit.sk\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"partner-link\">\n <img decoding=\"async\" src=\"http:\/\/www.skiacademyvratna.sk\/wp-content\/uploads\/2025\/12\/1765631597655.jpg\" alt=\"K-PROFIT Fitness Centrum \u017dilina\" class=\"partner-logo\">\n <\/a>\n <\/div>\n <\/section>\n\n <div id=\"lightbox\" class=\"lightbox\">\n <span class=\"close-lightbox\">×<\/span>\n <img class=\"lightbox-content\" id=\"lightbox-img\">\n <\/div>\n\n <footer id=\"footer\" class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div>\n <h3 style=\"font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem;\">Ski Academy <span class=\"text-lime\">Vr\u00e1tna<\/span><\/h3>\n <p style=\"color: #d1d5db; margin-bottom: 1.5rem;\">\n Vychov\u00e1vame nov\u00fa gener\u00e1ciu ly\u017eiarov s l\u00e1skou k hor\u00e1m a re\u0161pektom k \u0161portu.\n <\/p>\n <div class=\"footer-socials\">\n <a href=\"https:\/\/www.facebook.com\/p\/Ski-Academy-Vr%C3%A1tna-100064276885719\/?locale=sk_SK\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-link\" aria-label=\"Facebook\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path>\n <\/svg>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/_ski_academy_vratna_\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-link\" aria-label=\"Instagram\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\n <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\n <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <div>\n <h4 class=\"footer-heading\">R\u00fdchle odkazy<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#home\">Domov<\/a><\/li>\n <li><a href=\"#about\">O n\u00e1s<\/a><\/li>\n <li><a href=\"#services\">Tr\u00e9ningy<\/a><\/li>\n <li><a href=\"#gallery\">Gal\u00e9ria<\/a><\/li>\n <li><a href=\"#contact\">Kontakt<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4 class=\"footer-heading\">Faktura\u010dn\u00e9 \u00fadaje<\/h4>\n <ul class=\"footer-links\">\n <li class=\"contact-item\">\n <span>\n <strong>Karol Kr\u00e1l<\/strong><br>\n Ly\u017eiarsky klub SKI PROFIT \u017dilina<br>\n I\u010cO: 37911252<br>\n DI\u010c: 2021992071\n <\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <p>© 2024 Ski Academy Vr\u00e1tna. V\u0161etky pr\u00e1va vyhraden\u00e9.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ --- VANILLA JS LOGIC ---\n\n document.addEventListener('DOMContentLoaded', () => {\n const navbar = document.getElementById('navbar');\n const mobileToggle = document.getElementById('mobileToggle');\n const mobileMenu = document.getElementById('mobileMenu');\n const mobileLinks = mobileMenu.querySelectorAll('a');\n \n \/\/ Lightbox Elements\n const lightbox = document.getElementById('lightbox');\n const lightboxImg = document.getElementById('lightbox-img');\n const closeBtn = document.querySelector('.close-lightbox');\n const galleryImages = document.querySelectorAll('.gallery-item img');\n\n \/\/ Scroll Handler for Sticky Navbar\n window.addEventListener('scroll', () => {\n if (window.scrollY > 50) {\n navbar.classList.add('scrolled');\n } else {\n navbar.classList.remove('scrolled');\n }\n });\n\n \/\/ Mobile Menu Toggle\n mobileToggle.addEventListener('click', () => {\n mobileMenu.classList.toggle('open');\n \n \/\/ Toggle Icon (Simple implementation)\n const isOpen = mobileMenu.classList.contains('open');\n if (isOpen) {\n mobileToggle.innerHTML = `\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n `;\n } else {\n mobileToggle.innerHTML = `\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"><\/line>\n <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\"><\/line>\n <line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"><\/line>\n <\/svg>\n `;\n }\n });\n\n \/\/ Close Mobile Menu when link clicked\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.remove('open');\n mobileToggle.innerHTML = `\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"><\/line>\n <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\"><\/line>\n <line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"><\/line>\n <\/svg>\n `;\n });\n });\n\n \/\/ --- LIGHTBOX LOGIC ---\n galleryImages.forEach(img => {\n img.addEventListener('click', () => {\n lightbox.classList.add('active');\n lightboxImg.src = img.src;\n });\n });\n\n \/\/ Close lightbox on X button\n closeBtn.addEventListener('click', () => {\n lightbox.classList.remove('active');\n });\n\n \/\/ Close lightbox on click outside the image\n lightbox.addEventListener('click', (e) => {\n if (e.target !== lightboxImg) {\n lightbox.classList.remove('active');\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ski Academy Vr\u00e1tna SKI ACADEMY VR\u00c1TNA Domov O n\u00e1s Tr\u00e9ningy Gal\u00e9ria Kontakt Pridaj sa Domov O n\u00e1s Tr\u00e9ningy Gal\u00e9ria Kontakt Ski Academy Vr\u00e1tna Ly\u017eovanie n\u00e1sbav\u00ed ! Profesion\u00e1lny ly\u017eiarsky klub pod veden\u00edm Karola Kr\u00e1la. Pridaj sa k n\u00e1m Viac o n\u00e1s KTO SME Zjazdov\u00e9 ly\u017eovanie a \u0161portov\u00e1 pr\u00edprava det\u00ed vo veku 5-16 rokov Ly\u017eiarsky klub Ski […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-64","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=64"}],"version-history":[{"count":28,"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=\/wp\/v2\/pages\/64\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/www.skiacademyvratna.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}