{"id":8,"date":"2026-08-10T15:45:22","date_gmt":"2026-08-10T13:45:22","guid":{"rendered":"https:\/\/rock-pop.test\/?page_id=8"},"modified":"2026-11-03T16:36:31","modified_gmt":"2026-11-03T15:36:31","slug":"domov","status":"publish","type":"page","link":"https:\/\/rockpop.sk\/en\/","title":{"rendered":"Domov"},"content":{"rendered":"<section  class=\"py-6\">\n        <div class=\"custom-container\">\n            <div data-hero class=\"relative\">\n                <div data-hero-swiper class=\"swiper\">\n                    <div class=\"swiper-wrapper\">\n                                                    <div class=\"swiper-slide\">\n                                \n                                <div class=\"flex h-full min-h-170 flex-col gap-8 overflow-hidden desktop:min-h-[614px] desktop:flex-row desktop:gap-0\"\n                                     style=\"background-image: linear-gradient(180deg, #f5e8f2, #ffe3f5)\" >\n\n                                    \n                                    <div class=\"hero-copy flex w-full flex-col gap-6 px-5 pt-[18px] text-black desktop:w-[675px] desktop:shrink-0 desktop:gap-0 desktop:pl-18 desktop:py-15\"\n                                        >\n\n                                        <div class=\"flex flex-col gap-2 desktop:gap-4\">\n                                                                                            <div class=\"flex flex-wrap items-start gap-1\">\n                                                                                                            <span class=\"inline-flex items-center justify-center whitespace-nowrap uppercase font-display font-extrabold font-feat-ui px-1 py-0.5 text-2xs leading-[15px] desktop:px-1.5 desktop:text-sm desktop:leading-5 bg-toxic text-black\">21.11.2026<\/span>\n                                                                                                                                                                <span class=\"inline-flex items-center justify-center whitespace-nowrap uppercase font-display font-extrabold font-feat-ui px-1 py-0.5 text-2xs leading-[15px] desktop:px-1.5 desktop:text-sm desktop:leading-5 bg-white text-black\">Incheba Expo Ar\u00e9na<\/span>\n                                                                                                    <\/div>\n                                            \n                                                                                            \n                                                <h2 class=\"hero-heading\">Gregory <strong>USA<\/strong><br>Porter<\/h2>\n                                                                                    <\/div>\n\n                                                                                    <p class=\"max-w-[470px] text-sm leading-[22px] desktop:mt-6 desktop:text-lg desktop:leading-[26px]\">\n                                                Dvojn\u00e1sobn\u00fd dr\u017eite\u013e Grammy a jeden z najv\u00fdraznej\u0161\u00edch a naj\u00faspe\u0161nej\u0161\u00edch jazzov\u00fdch spev\u00e1kov s\u00fa\u010dasnosti, prin\u00e1\u0161a svoj nezamenite\u013en\u00fd baryt\u00f3n a hviezdnu kapelu op\u00e4\u0165 do Bratislavy!\n                                            <\/p>\n                                        \n                                                                                    <div class=\"flex flex-wrap items-start gap-2 desktop:mt-8 desktop:gap-3\">\n                                                                                                    <a href=\"https:\/\/www.ticketportal.sk\/event\/Gregory-Porter\" class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-4 py-2.5 text-sm leading-[22px] desktop:py-3 desktop:text-base desktop:leading-6 bg-toxic text-black hover:bg-toxic-600 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400\" target=\"_blank\" rel=\"noopener\">Kupit listok od 90\u20ac<\/a>\n                                                \n                                                                                                    <a href=\"https:\/\/rockpop.sk\/podujatia\/gregory-porter\/\" class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-4 py-2.5 text-sm leading-[22px] desktop:py-3 desktop:text-base desktop:leading-6 bg-white text-black hover:bg-grey-200 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400\">Zistit viac<\/a>\n                                                                                            <\/div>\n                                                                            <\/div>\n\n                                                                            \n                                        <div class=\"min-h-0 w-full flex-1 desktop:w-auto\">\n                                            <img fetchpriority=\"high\" decoding=\"async\" width=\"624\" height=\"614\" src=\"https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/10\/gregory_porter-2.png\" class=\"size-full object-contain object-bottom\" alt=\"\" loading=\"eager\" srcset=\"https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/10\/gregory_porter-2.png 624w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/10\/gregory_porter-2-300x295.png 300w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/10\/gregory_porter-2-12x12.png 12w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                \n                                <div class=\"flex h-full min-h-170 flex-col gap-8 overflow-hidden desktop:min-h-[614px] desktop:flex-row desktop:gap-0\"\n                                     style=\"background-image: linear-gradient(180deg, #5b0000, #5b0000)\" >\n\n                                    \n                                    <div class=\"hero-copy flex w-full flex-col gap-6 px-5 pt-[18px] text-black desktop:w-[675px] desktop:shrink-0 desktop:gap-0 desktop:pl-18 desktop:py-15\"\n                                         style=\"color: #ffffff\" >\n\n                                        <div class=\"flex flex-col gap-2 desktop:gap-4\">\n                                                                                            <div class=\"flex flex-wrap items-start gap-1\">\n                                                                                                            <span class=\"inline-flex items-center justify-center whitespace-nowrap uppercase font-display font-extrabold font-feat-ui px-1 py-0.5 text-2xs leading-[15px] desktop:px-1.5 desktop:text-sm desktop:leading-5 bg-toxic text-black\">23. &#8211; 25. Okt 2026<\/span>\n                                                                                                                                                                <span class=\"inline-flex items-center justify-center whitespace-nowrap uppercase font-display font-extrabold font-feat-ui px-1 py-0.5 text-2xs leading-[15px] desktop:px-1.5 desktop:text-sm desktop:leading-5 bg-white text-black\">Incheba Expo Ar\u00e9na<\/span>\n                                                                                                    <\/div>\n                                            \n                                                                                            \n                                                <h2 class=\"hero-heading\">Bratislavsk\u00e9 Jazzov\u00e9 Dni 2026<\/h2>\n                                                                                    <\/div>\n\n                                                                                    <p class=\"max-w-[470px] text-sm leading-[22px] desktop:mt-6 desktop:text-lg desktop:leading-[26px]\">\n                                                Na 51. ro\u010dn\u00edku jedn\u00e9ho z najstar\u0161\u00edch medzin\u00e1rodn\u00fdch festivalov strednej eur\u00f3py vyst\u00fapia tento rok men\u00e1 ako Caravan Palace, Ibrahim Maalouf, Ana Carla Maza, Charlie Hunter, Joel Ross a mnoh\u00ed in\u00ed.\n                                            <\/p>\n                                        \n                                                                                    <div class=\"flex flex-wrap items-start gap-2 desktop:mt-8 desktop:gap-3\">\n                                                                                                    <a href=\"https:\/\/www.ticketportal.sk\/event\/Bratislavske-Jazzove-Dni-2026\" class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-4 py-2.5 text-sm leading-[22px] desktop:py-3 desktop:text-base desktop:leading-6 bg-toxic text-black hover:bg-toxic-600 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400\" target=\"_blank\" rel=\"noopener\">Kupit listok<\/a>\n                                                \n                                                                                                    <a href=\"https:\/\/rockpop.sk\/podujatia\/bratislavske-jazzove-dni\/\" class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-4 py-2.5 text-sm leading-[22px] desktop:py-3 desktop:text-base desktop:leading-6 bg-white text-black hover:bg-grey-200 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400\">Zisti\u0165 viac<\/a>\n                                                                                            <\/div>\n                                                                            <\/div>\n\n                                                                            \n                                        <div class=\"min-h-0 w-full flex-1 desktop:w-auto\">\n                                            <img decoding=\"async\" width=\"614\" height=\"614\" src=\"https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/10\/bratislavske-jazzove-dni-2026-1.png\" class=\"size-full object-contain object-bottom\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/10\/bratislavske-jazzove-dni-2026-1.png 614w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/10\/bratislavske-jazzove-dni-2026-1-300x300.png 300w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/10\/bratislavske-jazzove-dni-2026-1-150x150.png 150w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/10\/bratislavske-jazzove-dni-2026-1-12x12.png 12w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n\n                                    \n                    <div data-hero-pagination\n                        class=\"hero-pagination absolute inset-x-5 bottom-[18px] z-10 desktop:static desktop:mt-[25px]\"><\/div>\n                            <\/div>\n        <\/div>\n    <\/section>\n\n\n<section  class=\"my-16 overflow-x-clip xl:my-22.5\">\n        <div class=\"custom-container\">\n            <div class=\"flex flex-col gap-3\">\n                                    <h2 class=\"font-display font-extrabold font-feat-heading text-[24px] leading-7 text-black desktop:text-5xl desktop:leading-12\">Vybran\u00e9 koncerty<\/h2>\n                \n                \n                <div class=\"grid grid-cols-2 gap-[11px] md:grid-cols-4 md:gap-5\">\n                                            <article class=\"flex h-full min-w-0 flex-col\">\n    <div class=\"relative aspect-square shrink-0 overflow-hidden bg-grey-100 p-3 desktop:p-5\">\n                    <img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/podium-mladych-talentov@2x-1024x1024.png\" class=\"absolute inset-0 size-full object-cover\" alt=\"\" loading=\"lazy\" sizes=\"auto, (min-width: 1152px) 297px, (min-width: 768px) 25vw, 50vw\" srcset=\"https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/podium-mladych-talentov@2x-1024x1024.png 1024w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/podium-mladych-talentov@2x-300x300.png 300w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/podium-mladych-talentov@2x-150x150.png 150w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/podium-mladych-talentov@2x-768x768.png 768w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/podium-mladych-talentov@2x.png 1228w\" \/>\n        \n                    \n            <div class=\"relative flex min-w-0 items-center gap-1\">\n                                    <span class=\"inline-flex items-center justify-center whitespace-nowrap uppercase font-display font-extrabold font-feat-ui px-1 py-0.5 text-[8px] leading-[10px] desktop:text-2xs desktop:leading-[15px] bg-toxic text-black shrink-0\">22. OKT 2026<\/span>\n                \n                                    \n                    <span class=\"inline-flex items-center justify-center whitespace-nowrap uppercase font-display font-extrabold font-feat-ui px-1 py-0.5 text-[8px] leading-[10px] desktop:text-2xs desktop:leading-[15px] bg-white text-black min-w-0\"><span class=\"truncate\">METROPOL<\/span><\/span>\n                            <\/div>\n            <\/div>\n\n    <div class=\"flex min-h-30 flex-1 flex-col justify-between gap-3 bg-black p-3 desktop:gap-8 desktop:p-5\">\n                    \n            <h3 class=\"concert-name\">P\u00f3dium<br>mlad\u00fdch talentov<\/h3>\n        \n                    \n            <div class=\"flex w-full flex-wrap items-center gap-1.5 desktop:flex-nowrap desktop:gap-2\">\n                                    <a href=\"https:\/\/rockpop.sk\/en\/podujatia\/podium-mladych-talentov\/\" class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-3 py-1.5 text-xs leading-5 desktop:px-4 desktop:py-2.5 desktop:text-sm desktop:leading-[22px] bg-white text-black hover:bg-grey-200 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400 shrink-0\"><span class=\"desktop:hidden\">Viac<\/span>\n                        <span class=\"hidden desktop:block\">Zisti\u0165 viac<\/span><\/a>\n                \n                            <\/div>\n            <\/div>\n<\/article>\n                                            <article class=\"flex h-full min-w-0 flex-col\">\n    <div class=\"relative aspect-square shrink-0 overflow-hidden bg-grey-100 p-3 desktop:p-5\">\n                    <img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/bratislavske-jazzove-dni-2026-1024x1024.png\" class=\"absolute inset-0 size-full object-cover\" alt=\"\" loading=\"lazy\" sizes=\"auto, (min-width: 1152px) 297px, (min-width: 768px) 25vw, 50vw\" srcset=\"https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/bratislavske-jazzove-dni-2026-1024x1024.png 1024w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/bratislavske-jazzove-dni-2026-300x300.png 300w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/bratislavske-jazzove-dni-2026-150x150.png 150w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/bratislavske-jazzove-dni-2026-768x768.png 768w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/bratislavske-jazzove-dni-2026.png 1228w\" \/>\n        \n                    \n            <div class=\"relative flex min-w-0 items-center gap-1\">\n                                    <span class=\"inline-flex items-center justify-center whitespace-nowrap uppercase font-display font-extrabold font-feat-ui px-1 py-0.5 text-[8px] leading-[10px] desktop:text-2xs desktop:leading-[15px] bg-toxic text-black shrink-0\">23. OKT 2026<\/span>\n                \n                                    \n                    <span class=\"inline-flex items-center justify-center whitespace-nowrap uppercase font-display font-extrabold font-feat-ui px-1 py-0.5 text-[8px] leading-[10px] desktop:text-2xs desktop:leading-[15px] bg-white text-black min-w-0\"><span class=\"truncate\">Incheba Expo Ar\u00e9na<\/span><\/span>\n                            <\/div>\n            <\/div>\n\n    <div class=\"flex min-h-30 flex-1 flex-col justify-between gap-3 bg-black p-3 desktop:gap-8 desktop:p-5\">\n                    \n            <h3 class=\"concert-name\">Bratislavsk\u00e9<br>jazzov\u00e9 dni<\/h3>\n        \n                    \n            <div class=\"flex w-full flex-wrap items-center gap-1.5 desktop:flex-nowrap desktop:gap-2\">\n                                    <a href=\"https:\/\/rockpop.sk\/en\/podujatia\/bratislavske-jazzove-dni\/\" class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-3 py-1.5 text-xs leading-5 desktop:px-4 desktop:py-2.5 desktop:text-sm desktop:leading-[22px] bg-white text-black hover:bg-grey-200 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400 shrink-0\"><span class=\"desktop:hidden\">Viac<\/span>\n                        <span class=\"hidden desktop:block\">Zisti\u0165 viac<\/span><\/a>\n                \n                                    <a href=\"https:\/\/www.ticketportal.sk\/event\/Bratislavske-Jazzove-Dni-2026\" class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-3 py-1.5 text-xs leading-5 desktop:px-4 desktop:py-2.5 desktop:text-sm desktop:leading-[22px] bg-toxic text-black hover:bg-toxic-600 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400 flex-1 desktop:flex-none\" target=\"_blank\" rel=\"noopener\">K\u00fapi\u0165 l\u00edstok<\/a>\n                            <\/div>\n            <\/div>\n<\/article>\n                                            <article class=\"flex h-full min-w-0 flex-col\">\n    <div class=\"relative aspect-square shrink-0 overflow-hidden bg-grey-100 p-3 desktop:p-5\">\n                    <img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/gregory-porter@2x-1024x1024.png\" class=\"absolute inset-0 size-full object-cover\" alt=\"\" loading=\"lazy\" sizes=\"auto, (min-width: 1152px) 297px, (min-width: 768px) 25vw, 50vw\" srcset=\"https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/gregory-porter@2x-1024x1024.png 1024w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/gregory-porter@2x-300x300.png 300w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/gregory-porter@2x-150x150.png 150w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/gregory-porter@2x-768x768.png 768w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/gregory-porter@2x.png 1228w\" \/>\n        \n                    \n            <div class=\"relative flex min-w-0 items-center gap-1\">\n                                    <span class=\"inline-flex items-center justify-center whitespace-nowrap uppercase font-display font-extrabold font-feat-ui px-1 py-0.5 text-[8px] leading-[10px] desktop:text-2xs desktop:leading-[15px] bg-toxic text-black shrink-0\">21. NOV 2026<\/span>\n                \n                                    \n                    <span class=\"inline-flex items-center justify-center whitespace-nowrap uppercase font-display font-extrabold font-feat-ui px-1 py-0.5 text-[8px] leading-[10px] desktop:text-2xs desktop:leading-[15px] bg-white text-black min-w-0\"><span class=\"truncate\">Incheba Expo Ar\u00e9na<\/span><\/span>\n                            <\/div>\n            <\/div>\n\n    <div class=\"flex min-h-30 flex-1 flex-col justify-between gap-3 bg-black p-3 desktop:gap-8 desktop:p-5\">\n                    \n            <h3 class=\"concert-name\">Gregory <strong>USA<\/strong><br>Porter<\/h3>\n        \n                    \n            <div class=\"flex w-full flex-wrap items-center gap-1.5 desktop:flex-nowrap desktop:gap-2\">\n                                    <a href=\"https:\/\/rockpop.sk\/en\/podujatia\/gregory-porter\/\" class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-3 py-1.5 text-xs leading-5 desktop:px-4 desktop:py-2.5 desktop:text-sm desktop:leading-[22px] bg-white text-black hover:bg-grey-200 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400 shrink-0\"><span class=\"desktop:hidden\">Viac<\/span>\n                        <span class=\"hidden desktop:block\">Zisti\u0165 viac<\/span><\/a>\n                \n                                    <a href=\"https:\/\/www.ticketportal.sk\/event\/Gregory-Porter\" class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-3 py-1.5 text-xs leading-5 desktop:px-4 desktop:py-2.5 desktop:text-sm desktop:leading-[22px] bg-toxic text-black hover:bg-toxic-600 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400 flex-1 desktop:flex-none\" target=\"_blank\" rel=\"noopener\">K\u00fapi\u0165 l\u00edstok<\/a>\n                            <\/div>\n            <\/div>\n<\/article>\n                                            <article class=\"flex h-full min-w-0 flex-col\">\n    <div class=\"relative aspect-square shrink-0 overflow-hidden bg-grey-100 p-3 desktop:p-5\">\n                    <img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/david-binney-action-trio-ft-lous-cole@2x-1024x1024.png\" class=\"absolute inset-0 size-full object-cover\" alt=\"\" loading=\"lazy\" sizes=\"auto, (min-width: 1152px) 297px, (min-width: 768px) 25vw, 50vw\" srcset=\"https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/david-binney-action-trio-ft-lous-cole@2x-1024x1024.png 1024w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/david-binney-action-trio-ft-lous-cole@2x-300x300.png 300w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/david-binney-action-trio-ft-lous-cole@2x-150x150.png 150w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/david-binney-action-trio-ft-lous-cole@2x-768x768.png 768w, https:\/\/rockpop.sk\/wp-content\/uploads\/2026\/08\/david-binney-action-trio-ft-lous-cole@2x.png 1228w\" \/>\n        \n                    \n            <div class=\"relative flex min-w-0 items-center gap-1\">\n                                    <span class=\"inline-flex items-center justify-center whitespace-nowrap uppercase font-display font-extrabold font-feat-ui px-1 py-0.5 text-[8px] leading-[10px] desktop:text-2xs desktop:leading-[15px] bg-toxic text-black shrink-0\">7. NOV 2026<\/span>\n                \n                                    \n                    <span class=\"inline-flex items-center justify-center whitespace-nowrap uppercase font-display font-extrabold font-feat-ui px-1 py-0.5 text-[8px] leading-[10px] desktop:text-2xs desktop:leading-[15px] bg-white text-black min-w-0\"><span class=\"truncate\">Nov\u00e1 Cvernovka<\/span><\/span>\n                            <\/div>\n            <\/div>\n\n    <div class=\"flex min-h-30 flex-1 flex-col justify-between gap-3 bg-black p-3 desktop:gap-8 desktop:p-5\">\n                    \n            <h3 class=\"concert-name\">David <strong>USA<\/strong><br>Binney Action Trio ft. Louis Cole<\/h3>\n        \n                    \n            <div class=\"flex w-full flex-wrap items-center gap-1.5 desktop:flex-nowrap desktop:gap-2\">\n                                    <a href=\"https:\/\/rockpop.sk\/en\/podujatia\/david-binney-action-trio-ft-louis-cole\/\" class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-3 py-1.5 text-xs leading-5 desktop:px-4 desktop:py-2.5 desktop:text-sm desktop:leading-[22px] bg-white text-black hover:bg-grey-200 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400 shrink-0\"><span class=\"desktop:hidden\">Viac<\/span>\n                        <span class=\"hidden desktop:block\">Zisti\u0165 viac<\/span><\/a>\n                \n                                    <a href=\"https:\/\/www.ticketportal.sk\/event\/David-Binney-Action-Trio-ft-Louis-Cole\" class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-3 py-1.5 text-xs leading-5 desktop:px-4 desktop:py-2.5 desktop:text-sm desktop:leading-[22px] bg-toxic text-black hover:bg-toxic-600 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400 flex-1 desktop:flex-none\" target=\"_blank\" rel=\"noopener\">K\u00fapi\u0165 l\u00edstok<\/a>\n                            <\/div>\n            <\/div>\n<\/article>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n<section  class=\"my-16 xl:my-30\"\n    x-data=\"eventList(JSON.parse('{\\u0022endpoint\\u0022:\\u0022https:\\\\\\\/\\\\\\\/rockpop.sk\\\\\\\/en\\\\\\\/wp-json\\\\\\\/rockpop\\\\\\\/v1\\\\\\\/events\\u0022,\\u0022perPage\\u0022:6}'))\">\n    <div class=\"custom-container\">\n        <div class=\"flex flex-col gap-6\">\n\n                            \n                \n                <h2 class=\"font-display font-extrabold font-feat-heading text-4xl leading-9 text-black desktop:text-5xl desktop:leading-12\"><span\n                        class=\"md:hidden\">Podujatia<\/span><span\n                        class=\"hidden md:inline\">\u010eal\u0161ie podujatia<\/span><\/h2>\n            \n                            \n                <div class=\"flex flex-wrap items-center gap-1 desktop:gap-1.5\">\n                                            <div x-data=\"{ id: $id('event-filter') }\" class=\"relative\"\n    @keydown.escape=\"if (open === 'genre') { open = null; $refs.trigger.focus() }\"\n    @focusout=\"if (! $el.contains($event.relatedTarget) &#038;&#038; open === 'genre') open = null\"\n    @click.outside=\"if (open === 'genre') open = null\">\n\n    <button type=\"button\" x-ref=\"trigger\"\n        @click=\"open = open === 'genre' ? null : 'genre'\"\n        :aria-expanded=\"(open === 'genre').toString()\"\n        :aria-controls=\"id\"\n        \n        class=\"relative z-30 flex cursor-pointer items-center gap-1 border py-1.5 pr-1 pl-2 font-display text-xs leading-4 font-extrabold font-feat-heading transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:gap-1.5 desktop:py-2 desktop:pr-1.5 desktop:pl-3 desktop:text-base desktop:leading-6\"\n        \n        :class=\"open === 'genre'\n            ? 'border-x-black border-t-black border-b-transparent bg-white text-black'\n            : (filters.genre ? 'border-black bg-white text-black' : 'border-transparent bg-grey-100 hover:bg-grey-200 text-grey-700')\">\n        <span x-text=\"labelFor('genre', JSON.parse('{\\u00220\\u0022:{\\u0022value\\u0022:\\u0022disco\\u0022,\\u0022label\\u0022:\\u0022Disco\\u0022},\\u00221\\u0022:{\\u0022value\\u0022:\\u0022elektro\\u0022,\\u0022label\\u0022:\\u0022Elektro\\u0022},\\u00222\\u0022:{\\u0022value\\u0022:\\u0022experimental\\u0022,\\u0022label\\u0022:\\u0022Experimental\\u0022},\\u00223\\u0022:{\\u0022value\\u0022:\\u0022funk\\u0022,\\u0022label\\u0022:\\u0022Funk\\u0022},\\u00225\\u0022:{\\u0022value\\u0022:\\u0022gospel\\u0022,\\u0022label\\u0022:\\u0022Gospel\\u0022},\\u00226\\u0022:{\\u0022value\\u0022:\\u0022jazz\\u0022,\\u0022label\\u0022:\\u0022Jazz\\u0022},\\u00229\\u0022:{\\u0022value\\u0022:\\u0022soul\\u0022,\\u0022label\\u0022:\\u0022Soul\\u0022},\\u002210\\u0022:{\\u0022value\\u0022:\\u0022surf-rock\\u0022,\\u0022label\\u0022:\\u0022Surf Rock\\u0022},\\u002211\\u0022:{\\u0022value\\u0022:\\u0022techno\\u0022,\\u0022label\\u0022:\\u0022Techno\\u0022}}'), '\\u017d\\u00e1ner')\"><\/span>\n        <svg class=\"shrink-0 size-4 desktop:size-6 transition-transform duration-200\" :class=\"{ '-rotate-180': open === 'genre' }\"\n    viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n    <use href=\"https:\/\/rockpop.sk\/wp-content\/themes\/rock-pop\/public\/build\/assets\/spritemap.1b2e31a6.svg#arrow_drop_down\"><\/use>\n<\/svg>\n    <\/button>\n\n    <div :id=\"id\" x-show=\"open === 'genre'\" x-cloak\n        x-transition:enter=\"transition ease-out duration-150\"\n        x-transition:enter-start=\"opacity-0 motion-safe:-translate-y-1\"\n        x-transition:enter-end=\"opacity-100 motion-safe:translate-y-0\"\n        \n        class=\"absolute top-full left-0 -mt-px z-20 max-h-80 w-max min-w-full max-w-[calc(100vw-1.5rem)] overflow-y-auto border border-black bg-white\">\n\n        <button type=\"button\" @click=\"select('genre', '')\"\n            class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n            :class=\"! filters.genre ? 'text-black' : 'text-grey-700'\">V\u0161etky \u017e\u00e1nre<\/button>\n\n                    <button type=\"button\" @click=\"select('genre', 'disco')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'disco' ? 'text-black' : 'text-grey-700'\">Disco<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'elektro')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'elektro' ? 'text-black' : 'text-grey-700'\">Elektro<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'experimental')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'experimental' ? 'text-black' : 'text-grey-700'\">Experimental<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'funk')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'funk' ? 'text-black' : 'text-grey-700'\">Funk<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'gospel')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'gospel' ? 'text-black' : 'text-grey-700'\">Gospel<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'jazz')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'jazz' ? 'text-black' : 'text-grey-700'\">Jazz<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'soul')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'soul' ? 'text-black' : 'text-grey-700'\">Soul<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'surf-rock')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'surf-rock' ? 'text-black' : 'text-grey-700'\">Surf Rock<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'techno')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'techno' ? 'text-black' : 'text-grey-700'\">Techno<\/button>\n            <\/div>\n<\/div>\n                    \n                                            <div x-data=\"{ id: $id('event-filter') }\" class=\"relative\"\n    @keydown.escape=\"if (open === 'city') { open = null; $refs.trigger.focus() }\"\n    @focusout=\"if (! $el.contains($event.relatedTarget) &#038;&#038; open === 'city') open = null\"\n    @click.outside=\"if (open === 'city') open = null\">\n\n    <button type=\"button\" x-ref=\"trigger\"\n        @click=\"open = open === 'city' ? null : 'city'\"\n        :aria-expanded=\"(open === 'city').toString()\"\n        :aria-controls=\"id\"\n        \n        class=\"relative z-30 flex cursor-pointer items-center gap-1 border py-1.5 pr-1 pl-2 font-display text-xs leading-4 font-extrabold font-feat-heading transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:gap-1.5 desktop:py-2 desktop:pr-1.5 desktop:pl-3 desktop:text-base desktop:leading-6\"\n        \n        :class=\"open === 'city'\n            ? 'border-x-black border-t-black border-b-transparent bg-white text-black'\n            : (filters.city ? 'border-black bg-white text-black' : 'border-transparent bg-grey-100 hover:bg-grey-200 text-grey-700')\">\n        <span x-text=\"labelFor('city', JSON.parse('[{\\u0022value\\u0022:\\u0022bratislava\\u0022,\\u0022label\\u0022:\\u0022Bratislava\\u0022}]'), 'Mesto')\"><\/span>\n        <svg class=\"shrink-0 size-4 desktop:size-6 transition-transform duration-200\" :class=\"{ '-rotate-180': open === 'city' }\"\n    viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n    <use href=\"https:\/\/rockpop.sk\/wp-content\/themes\/rock-pop\/public\/build\/assets\/spritemap.1b2e31a6.svg#arrow_drop_down\"><\/use>\n<\/svg>\n    <\/button>\n\n    <div :id=\"id\" x-show=\"open === 'city'\" x-cloak\n        x-transition:enter=\"transition ease-out duration-150\"\n        x-transition:enter-start=\"opacity-0 motion-safe:-translate-y-1\"\n        x-transition:enter-end=\"opacity-100 motion-safe:translate-y-0\"\n        \n        class=\"absolute top-full left-0 -mt-px z-20 max-h-80 w-max min-w-full max-w-[calc(100vw-1.5rem)] overflow-y-auto border border-black bg-white\">\n\n        <button type=\"button\" @click=\"select('city', '')\"\n            class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n            :class=\"! filters.city ? 'text-black' : 'text-grey-700'\">V\u0161etky mest\u00e1<\/button>\n\n                    <button type=\"button\" @click=\"select('city', 'bratislava')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.city === 'bratislava' ? 'text-black' : 'text-grey-700'\">Bratislava<\/button>\n            <\/div>\n<\/div>\n                    \n                                            <div x-data=\"{ id: $id('event-filter') }\" class=\"relative\"\n    @keydown.escape=\"if (open === 'mesiac') { open = null; $refs.trigger.focus() }\"\n    @focusout=\"if (! $el.contains($event.relatedTarget) &#038;&#038; open === 'mesiac') open = null\"\n    @click.outside=\"if (open === 'mesiac') open = null\">\n\n    <button type=\"button\" x-ref=\"trigger\"\n        @click=\"open = open === 'mesiac' ? null : 'mesiac'\"\n        :aria-expanded=\"(open === 'mesiac').toString()\"\n        :aria-controls=\"id\"\n        \n        class=\"relative z-30 flex cursor-pointer items-center gap-1 border py-1.5 pr-1 pl-2 font-display text-xs leading-4 font-extrabold font-feat-heading transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:gap-1.5 desktop:py-2 desktop:pr-1.5 desktop:pl-3 desktop:text-base desktop:leading-6\"\n        \n        :class=\"open === 'mesiac'\n            ? 'border-x-black border-t-black border-b-transparent bg-white text-black'\n            : (filters.mesiac ? 'border-black bg-white text-black' : 'border-transparent bg-grey-100 hover:bg-grey-200 text-grey-700')\">\n        <span x-text=\"labelFor('mesiac', JSON.parse('[{\\u0022value\\u0022:\\u0022202611\\u0022,\\u0022label\\u0022:\\u0022November\\u0022}]'), 'Mesiac')\"><\/span>\n        <svg class=\"shrink-0 size-4 desktop:size-6 transition-transform duration-200\" :class=\"{ '-rotate-180': open === 'mesiac' }\"\n    viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n    <use href=\"https:\/\/rockpop.sk\/wp-content\/themes\/rock-pop\/public\/build\/assets\/spritemap.1b2e31a6.svg#arrow_drop_down\"><\/use>\n<\/svg>\n    <\/button>\n\n    <div :id=\"id\" x-show=\"open === 'mesiac'\" x-cloak\n        x-transition:enter=\"transition ease-out duration-150\"\n        x-transition:enter-start=\"opacity-0 motion-safe:-translate-y-1\"\n        x-transition:enter-end=\"opacity-100 motion-safe:translate-y-0\"\n        \n        class=\"absolute top-full left-0 -mt-px z-20 max-h-80 w-max min-w-full max-w-[calc(100vw-1.5rem)] overflow-y-auto border border-black bg-white\">\n\n        <button type=\"button\" @click=\"select('mesiac', '')\"\n            class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n            :class=\"! filters.mesiac ? 'text-black' : 'text-grey-700'\">V\u0161etky mesiace<\/button>\n\n                    <button type=\"button\" @click=\"select('mesiac', '202611')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.mesiac === '202611' ? 'text-black' : 'text-grey-700'\">November<\/button>\n            <\/div>\n<\/div>\n                    \n                    \n                                            <div class=\"flex flex-wrap items-center gap-1 desktop:gap-1.5\">\n                                                            <button type=\"button\" @click=\"toggleFestival('bratislavske-jazzove-dni')\"\n                                    :aria-pressed=\"(filters.festival === 'bratislavske-jazzove-dni').toString()\"\n                                    \n                                    :data-selected=\"filters.festival === 'bratislavske-jazzove-dni'\"\n                                    class=\"flex cursor-pointer items-center border border-transparent px-2 py-1.5 font-display text-xs leading-4 font-extrabold font-feat-heading transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black desktop:px-3 desktop:py-2 desktop:text-base desktop:leading-6 bg-crimson-50 text-crimson-500 hover:bg-crimson-200 data-[selected]:bg-transparent data-[selected]:border-crimson-500\">Bratislavsk\u00e9 jazzov\u00e9 dni<\/button>\n                                                            <button type=\"button\" @click=\"toggleFestival('metropol')\"\n                                    :aria-pressed=\"(filters.festival === 'metropol').toString()\"\n                                    \n                                    :data-selected=\"filters.festival === 'metropol'\"\n                                    class=\"flex cursor-pointer items-center border border-transparent px-2 py-1.5 font-display text-xs leading-4 font-extrabold font-feat-heading transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black desktop:px-3 desktop:py-2 desktop:text-base desktop:leading-6 bg-blue-50 text-blue-500 hover:bg-blue-200 data-[selected]:bg-transparent data-[selected]:border-blue-500\">Metropol<\/button>\n                                                    <\/div>\n                                    <\/div>\n            \n                            <div class=\"flex flex-col items-center gap-6 desktop:gap-12\"\n                    :aria-busy=\"loading.toString()\" aria-live=\"polite\">\n\n                    \n                    <template x-if=\"loading &#038;&#038; ! events.length\">\n                        <div class=\"flex w-full flex-col gap-1.5 desktop:gap-3\" aria-hidden=\"true\">\n                                                            <div class=\"h-17 w-full animate-pulse bg-grey-100 desktop:h-31\"><\/div>\n                                                            <div class=\"h-17 w-full animate-pulse bg-grey-100 desktop:h-31\"><\/div>\n                                                            <div class=\"h-17 w-full animate-pulse bg-grey-100 desktop:h-31\"><\/div>\n                                                    <\/div>\n                    <\/template>\n\n                    <div class=\"flex w-full flex-col gap-6 desktop:gap-12\" :class=\"loading &#038;&#038; events.length &#038;&#038; 'opacity-60'\">\n                        <template x-for=\"group in groups\" :key=\"group.key\">\n                            <div class=\"flex w-full flex-col gap-1 desktop:gap-2\">\n\n                                <div class=\"flex items-center gap-2 desktop:gap-3\">\n                                    <h3 class=\"font-display text-lg leading-6.5 font-extrabold font-feat-heading text-black desktop:text-4xl desktop:leading-10\"\n                                        x-text=\"group.label\"><\/h3>\n\n                                    <template x-if=\"newLabel(group.key)\">\n                                        \n                                        <span class=\"bg-black px-2 py-1 font-display text-xs leading-4 font-extrabold text-toxic desktop:px-2.5 desktop:py-1.5 desktop:text-sm desktop:leading-5\"\n                                            x-text=\"newLabel(group.key)\"><\/span>\n                                    <\/template>\n                                <\/div>\n\n                                <div class=\"flex w-full flex-col gap-1.5 desktop:gap-3\">\n                                    <template x-for=\"event in group.events\" :key=\"event.id\">\n                                        \n                                        <article :class=\"event.rowClass\"\n                                            class=\"relative flex w-full items-center gap-2.25 py-2 pr-3 pl-1 desktop:min-h-31 desktop:justify-between desktop:gap-0 desktop:py-3.5 desktop:pr-9.5 desktop:pl-5\">\n\n                                            \n                                            <a :href=\"event.permalink\" class=\"absolute inset-0 z-10 desktop:hidden\">\n                                                <span class=\"sr-only\" x-text=\"event.name\"><\/span>\n                                            <\/a>\n\n                                            <div class=\"flex min-w-0 items-center gap-2.25 desktop:gap-6.5\">\n                                                <div class=\"flex shrink-0 items-center gap-1 desktop:gap-4.5\">\n\n                                                    \n                                                    <div class=\"flex w-11 shrink-0 flex-col items-center text-center text-white desktop:w-16 desktop:gap-1\"\n                                                        :class=\"event.dayEnd ? '' : 'desktop:py-4'\">\n                                                        \n                                                        <span class=\"font-display text-[24px] leading-7 font-extrabold font-feat-heading desktop:text-5xl desktop:leading-9\" x-text=\"event.day\"><\/span>\n\n                                                        \n                                                        <template x-if=\"event.dayEnd\">\n                                                            <span class=\"font-display text-[24px] leading-7 font-extrabold font-feat-heading whitespace-nowrap desktop:text-5xl desktop:leading-9\" x-text=\"event.dayEnd\"><\/span>\n                                                        <\/template>\n                                                        <span class=\"text-[10px] leading-3.5 font-medium desktop:text-sm desktop:leading-6\" x-text=\"event.monthShort\"><\/span>\n                                                    <\/div>\n\n                                                    <template x-if=\"event.image\">\n                                                        <img :src=\"event.image.src\" :srcset=\"event.image.srcset\" :sizes=\"event.image.sizes\"\n                                                            alt=\"\" loading=\"lazy\" decoding=\"async\"\n                                                            class=\"size-13 shrink-0 object-cover object-top desktop:h-24 desktop:w-37\">\n                                                    <\/template>\n\n                                                    \n                                                    <template x-if=\"! event.image\">\n                                                        <div class=\"size-13 shrink-0 bg-grey-800 desktop:h-24 desktop:w-37\"><\/div>\n                                                    <\/template>\n                                                <\/div>\n\n                                                <div class=\"flex min-w-0 flex-col gap-0.5 text-white desktop:gap-0\">\n                                                    <div class=\"flex min-w-0 items-start gap-2\">\n                                                        \n                                                        <h4 class=\"min-w-0 font-display text-base leading-5 font-extrabold font-feat-heading break-words desktop:text-3xl desktop:leading-9\"\n                                                            x-text=\"event.name\"><\/h4>\n\n                                                        <template x-if=\"event.accent\">\n                                                            \n                                                            <span class=\"shrink-0 font-accent text-xs leading-4 font-normal uppercase whitespace-nowrap desktop:text-xl desktop:leading-7\"\n                                                                x-text=\"event.accent\"><\/span>\n                                                        <\/template>\n                                                    <\/div>\n\n                                                    <p class=\"truncate text-xs leading-4 desktop:text-base desktop:leading-6\" x-text=\"event.venue\"><\/p>\n                                                <\/div>\n                                            <\/div>\n\n                                            \n                                            <div class=\"z-10 hidden shrink-0 items-center gap-2 desktop:flex\">\n                                                <a\n     href=\"#\"     class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-[18px] py-3 text-base leading-6 bg-white text-black hover:bg-grey-200 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400\" :href=\"event.permalink\"\n>Zisti\u0165 viac<\/a>\n\n                                                <template x-if=\"event.ticket.label &#038;&#038; event.ticket.url\">\n                                                    <a\n     href=\"#\"     class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-[18px] py-3 text-base leading-6 bg-toxic text-black hover:bg-toxic-600 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400\" :href=\"event.ticket.url\" :target=\"event.ticket.target || false\" :rel=\"event.ticket.target ? 'noopener' : false\" x-text=\"event.ticket.label\"\n>K\u00fapi\u0165 l\u00edstok<\/a>\n                                                <\/template>\n                                            <\/div>\n                                        <\/article>\n                                    <\/template>\n                                <\/div>\n                            <\/div>\n                        <\/template>\n                    <\/div>\n\n                    \n                    <template x-if=\"loaded &#038;&#038; ! events.length\">\n                        <div class=\"flex flex-col items-center gap-3 py-6\">\n                            <p class=\"text-base leading-6 text-grey-700\">\u017diadne podujatia nezodpovedaj\u00fa v\u00fdberu.<\/p>\n                            <template x-if=\"hasFilters\">\n                                <button\n     type=\"button\"      class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-4 py-2.5 text-sm leading-[22px] bg-black text-white hover:bg-grey-700 focus-visible:outline-toxic disabled:bg-grey-50 disabled:text-grey-400\" x-on:click=\"clear()\"\n>Zru\u0161i\u0165 filtre<\/button>\n                            <\/template>\n                        <\/div>\n                    <\/template>\n\n                    <template x-if=\"error\">\n                        <p class=\"text-base leading-6 text-crimson\">Podujatia sa nepodarilo na\u010d\u00edta\u0165. Sk\u00faste to pros\u00edm znova.<\/p>\n                    <\/template>\n\n                                            \n                        <a\n     href=\"\/podujatia\/\"     class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-4 py-2.5 text-sm leading-[22px] bg-grey-400 text-white hover:bg-grey-700 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400 desktop:px-[18px] desktop:py-3 desktop:text-base desktop:leading-6\"\n>Zistit viac<\/a>\n                                    <\/div>\n\n                <noscript>\n                    <p class=\"text-base leading-6\">\n                        <a class=\"underline\" href=\"https:\/\/rockpop.sk\/en\/podujatia\">Zobrazi\u0165 v\u0161etky podujatia<\/a>\n                    <\/p>\n                <\/noscript>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<section         class=\"my-16 xl:my-30\">\n        <div class=\"custom-container\">\n            \n            <div class=\"flex flex-col gap-6 bg-toxic p-5 desktop:flex-row desktop:items-center desktop:justify-between desktop:py-9 desktop:pr-9 desktop:pl-10\">\n\n            \n        <p class=\"font-display text-xl leading-6.5 font-extrabold font-feat-heading text-black desktop:text-2xl\">Nov\u00e9 koncerty a predpredaje priamo do tvojej schr\u00e1nky.<\/p>\n    \n    \n    <form x-data @submit.prevent class=\"flex w-full items-start gap-2 desktop:w-auto\">\n        \n        <label for=\"newsletter-email-1\" class=\"sr-only\">Tvoj email<\/label>\n\n        <input type=\"email\" id=\"newsletter-email-1\" name=\"email\" required autocomplete=\"email\"\n             placeholder=\"Tvoj email\"             class=\"min-w-0 flex-1 bg-white px-4 py-3 text-base leading-6 text-black placeholder:text-grey-400 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:w-[299px] desktop:flex-none\">\n\n                    <button\n     type=\"submit\"      class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-4 py-3 text-base leading-6 desktop:px-[18px] bg-black text-white hover:bg-grey-700 focus-visible:outline-toxic disabled:bg-grey-50 disabled:text-grey-400\"\n>Odobera\u0165<\/button>\n            <\/form>\n<\/div>\n        <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":31,"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":213,"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/213"}],"wp:attachment":[{"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}