CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="x-veeps-version" content="36e26ac774266c7b3586e0102bfe57ac82683e59"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="color-scheme" content="dark"> <meta name="theme-color" content="#000000"> <meta name="google-site-verification" content="r-vet48iclisybR8iH1uxtKavLppVD-mMFvp5kexA1M"> <meta content="QzQ3MRw4ESQ1HiIAJQ1dVxwKeRoxBjUArQMeukUtV3m3BA0cnMALf7mz" name="csrf-token"> <title> Browse Hip-Hop/Rap Streams - VEEPS </title> <meta name="description" content="Browse livestream and on demand concerts, music, and events."> <meta property="og:description" content="Browse livestream and on demand concerts, music, and events."> <meta property="og:image" content="https://res.cloudinary.com/veeps/image/upload/v1696018417/product/VEEPS_OG_1200x630.png"> <meta property="og:site_name" content="VEEPS"> <meta property="og:title" content="Browse Hip-Hop/Rap Streams - VEEPS"> <meta property="og:type" content="website"> <meta property="og:url" content="https://veeps.com/"> <script type="application/ld+json"> {"@context":"https://schema.org","@graph":[{"@context":"https://schema.org","@type":"MusicEvent","description":"Describing Chase Atlantic’s sound at the release of their fourth full-length album, LOST IN HEAVEN, is simultaneously simple and impossible. The Australian-born, Los Angeles-based trio’s sound is immediately identifiable — from Mitchel Cave’s vocals to their catchy pop sensibilities to the danceable rock/R&B fusion laid down on every track. They also handle all of their own production, giving each song a unique vibe, but if you’re trying to put a formal title or genre on either their sound or the audience that adores them, good luck.\n\nThat’s largely because Chase Atlantic isn’t interested in fitting neatly into one box. They fit in just as well playing the biggest pop festivals on the planet (Lollapalooza, Bonnaroo, Reading and Leeds, etc.) as they do touring with rock bands, but they all have one thing in common — passion.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1731460588/assets/mzzhwpzff1ahqq4eu0jk.jpg","name":"Chase Atlantic: Live from Hollywood","performer":[{"@type":"MusicGroup","name":"CHASE ATLANTIC"},{"@type":"MusicGroup","name":"24kgoldn"}],"startDate":"2024-11-20T04:00:00Z","url":"https://veeps.com/chaseatlantic/fddb7490-62e8-4325-80c0-f007a435d472"},{"@context":"https://schema.org","@type":"MusicEvent","description":"South African producer / director JON DAY spent the last 5 years making a documentary about the mysterious rap-rave group, DIE ANTWOORD. Art directed by surrealist photographer, ROGER BALLEN. Narrated by NINJA & ¥O-LANDI'S daughter, 16 JONES.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1724433794/assets/zghn8islwzkio5sfvyo9.jpg","name":"ZEF - The Story of Die Antwoord","performer":[{"@type":"MusicGroup","name":"Die Antwoord"}],"startDate":"2024-03-23T18:00:00Z","url":"https://veeps.com/dieantwoord/fbd43474-e631-4271-a48f-231fa2535b5f"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Celebrating 10 years of Run The Jewels…the band will perform a different set each night spanning the band’s full discography, bolstered by some very special guests & surprises along the way. Watch Run The Jewels Live from the Hollywood Palladium, exclusively on Veeps! ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696355295/assets/crh0mqu1lmprwtu6y2n3.jpg","name":"RTJX Night 1","performer":[{"@type":"MusicGroup","name":"Run the Jewels"}],"startDate":"2023-10-12T04:00:00Z","url":"https://veeps.com/runthejewels/28cf6bac-540a-46db-b41d-96b571c3f6be"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Childish Gambino is full of witty, rambunctious energy, as he effortlessly demonstrates in this early session at Rockwood Music Hall. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1717541133/assets/rmmoioykilqeyfxyyuaz.jpg","name":"Childish Gambino at Rockwood Music Hall","performer":[{"@type":"MusicGroup","name":"Childish Gambino"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/68ea8351-ba2d-4313-9f2f-ec8b5f5cd164"},{"@context":"https://schema.org","@type":"MusicEvent","description":"This film captures the sheer raw excitement of Tupac live in concert. Definitely not for the faint hearted, the show contains Tupac delivering his strongly held opinions direct to the audience and Snoop holding forth on sex and drugs with his usual gathering of suitably dressed women.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1717181144/assets/vxxxpvdnel7an8jpejsb.jpg","name":"Tupac: Live at House of Blues","performer":[{"@type":"MusicGroup","name":"Tupac"}],"startDate":"1995-10-21T04:00:00Z","url":"https://veeps.com/ms/4946a87c-5879-41b9-913a-e9637df99d4c"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join multi-diamond certified, GRAMMY® award winning artist Macklemore on the last stop of \"The BEN Tour\" live from the Hollywood Palladium in Los Angeles!","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696025321/assets/kdqvabgap9y1z1tjt6vu.jpg","name":"The BEN Tour: Live from Hollywood","performer":[{"@type":"MusicGroup","name":"Macklemore"}],"startDate":"2023-10-19T03:30:00Z","url":"https://veeps.com/macklemore/53ceb775-2833-4c4e-9a03-3fe3cdad0718"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Multi-Grammy award winning rapper Lil Wayne discusses the importance of consistency as a means to success, how he stays at the top of the game, and what getting fan letters in jail meant to him.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1703097402/assets/ntvmzst4onftmaqo8dip.jpg","name":"Lil Wayne","performer":[{"@type":"MusicGroup","name":"Lil Wayne"},{"@type":"MusicGroup","name":"Joel Madden"},{"@type":"MusicGroup","name":"Artist Friendly"}],"startDate":"2023-12-27T18:00:00Z","url":"https://veeps.com/artistfriendly/3f700470-426d-471b-b3da-311eecb1154a"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Don't miss out on the grand finale of Flatbush Zombies' BetterOffDead 10th Anniversary Tour, streaming live from House of Blues! Join us for their last show on this epic journey through a decade of unforgettable music. It's a celebration you won't want to skip!","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1699580874/assets/ltgfnasn9qazm0cm3qmy.jpg","name":"BetterOffDEAD 10-year Anniversary","performer":[{"@type":"MusicGroup","name":"Flatbush Zombies"}],"startDate":"2023-12-16T05:15:00Z","url":"https://veeps.com/flatbushzombies/76ae461c-6440-4d68-a66c-820587db1ec2"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Joel Madden sits down with Nascar Aloe and Myagi of Deathproof for an exclusive Artist Friendly conversation.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1714752520/assets/febxiwd9gbs2klu2shq9.jpg","name":"Nascar Aloe and Myagi of Deathproof","performer":[{"@type":"MusicGroup","name":"Nascar Aloe"},{"@type":"MusicGroup","name":"Myagi"},{"@type":"MusicGroup","name":"Artist Friendly"},{"@type":"MusicGroup","name":"Joel Madden"},{"@type":"MusicGroup","name":"Deathproof Inc"}],"startDate":"2023-03-08T18:00:00Z","url":"https://veeps.com/artistfriendly/8615353c-e5ca-406c-9e8f-7fb55babe1d8"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Kick back with Heems as they put on an intimate garage session. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705452968/assets/pwyzha8vnwbd27qecwvl.jpg","name":"A Garage Gig With Heems","performer":[{"@type":"MusicGroup","name":"Heems"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/b83f849c-374f-41b6-a61c-b8ae3c643ad2"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Global icon and multi-Grammy Award winning singer-songwriter, Mary J. Blige is set to make history again with her first-ever headlining show at the legendary Madison Square Garden in New York City on April 10, and fans worldwide can to tune into this milestone moment via livestream, here on Veeps. \n\nThe sold out Madison Square Garden show is the coveted hometown stop on Blige’s highly acclaimed For My Fans tour, a deeply personal series of performances dedicated to the supporters who have been with her since the beginning. The tour, which has already captivated audiences in cities across the U.S., features a career-spanning setlist, intimate storytelling, and surprise guest appearances and fans both in the crowd and and watching from home can expect her to pull out all the stops. Performing hits from her extensive catalog—including classics like Be Without You, Family Affair, and No More Drama—as well as songs from her latest album, the show promises to be a celebration of resilience, empowerment, and artistry.\n\nEach Livestream ticket includes a 7-day viewing period. Fans based in the U.S. can also enjoy the show through the Veeps All-Access subscription. ","endDate":"2025-04-25T03:59:00Z","eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1742517459/assets/eofg9ofrzbvgtdsdqzo3.jpg","name":"Live From Madison Square Garden","performer":[{"@type":"MusicGroup","name":"Mary J. Blige"}],"startDate":"2025-04-11T02:00:00Z","url":"https://veeps.com/maryjblige/a878e829-8c87-4194-a7fc-b485f49d4388"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Celebrating 10 years of Run The Jewels…the band will perform a different set each night spanning the band’s full discography, bolstered by some very special guests & surprises along the way. Watch Run The Jewels Live from the Hollywood Palladium, exclusively on Veeps!\n","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696355325/assets/cdca7f7o7ykrvmuuzls1.jpg","name":"RTJX Night 2","performer":[{"@type":"MusicGroup","name":"Run the Jewels"}],"startDate":"2023-10-13T04:15:00Z","url":"https://veeps.com/runthejewels/a1e91855-43d5-4630-9480-3fa2b8647f2a"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Celebrating 10 years of Run The Jewels…the band will perform a different set each night spanning the band’s full discography, bolstered by some very special guests & surprises along the way. Watch Run The Jewels Live from the Hollywood Palladium, exclusively on Veeps!\n","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696283655/assets/acdfhksehbbdehtokdie.jpg","name":"RTJX Night 3","performer":[{"@type":"MusicGroup","name":"Run the Jewels"}],"startDate":"2023-10-14T04:00:00Z","url":"https://veeps.com/runthejewels/39c23a0b-e73a-40b5-af75-ed6f59af9bb6"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Celebrating 10 years of Run The Jewels…the band will perform a different set each night spanning the band’s full discography, bolstered by some very special guests & surprises along the way. Watch Run The Jewels Live from the Hollywood Palladium, exclusively on Veeps!\n","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696355383/assets/pdgn5l0ptmjhbosng493.jpg","name":"RTJX Night 4","performer":[{"@type":"MusicGroup","name":"Run the Jewels"}],"startDate":"2023-10-15T04:35:00Z","url":"https://veeps.com/runthejewels/68c4be2a-7a3f-434e-a590-c21f083bfadf"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join Pink Sweat$ live from The Theater at The United Theater on Broadway, exclusively on Veeps.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1706850031/assets/ka7dnjsrq8lufy57gd7a.jpg","name":"Live from The United Theater on Broadway","performer":[{"@type":"MusicGroup","name":"Pink Sweat$"}],"startDate":"2024-02-28T05:00:00Z","url":"https://veeps.com/pinksweats/cb7e1997-6698-4b8f-aa10-1f188a28458b"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with Brooklyn based rapper OnCue.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705533869/assets/u6jezuqdx35kh4cce1n9.jpg","name":"A Bands And Brews Session With OnCue","performer":[{"@type":"MusicGroup","name":"Oncue"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/67d4ef49-4cff-4eef-ad9d-1b8c01125477"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Shaggy 2 Dope from the hip hop duo, Insane Clown Posse, on family, record label struggles, his love for the Juggalos, and building their career all on their own.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1721933102/assets/uovtprwu7sj1xkco9gde.jpg","name":"Artist Friendly | Shaggy 2 Dope","performer":[{"@type":"MusicGroup","name":"Shaggy 2 Dope"},{"@type":"MusicGroup","name":"Artist Friendly"},{"@type":"MusicGroup","name":"Joel Madden"},{"@type":"MusicGroup","name":"Insane Clown Posse"}],"startDate":"2024-07-31T17:00:00Z","url":"https://veeps.com/artistfriendly/292b1741-4fb7-417f-a0e5-7644f1d8e511"},{"@context":"https://schema.org","@type":"MusicEvent","description":"GRAMMY-nominated, multi-Platinum producer & artist, Southside shares his experience growing up in Atlanta, when he made his first beat, and what to expect from his upcoming album.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1707153432/assets/qlro37fl76dzetmwu9cb.jpg","name":"Artist Friendly | Southside","performer":[{"@type":"MusicGroup","name":"Southside"},{"@type":"MusicGroup","name":"Artist Friendly"},{"@type":"MusicGroup","name":"Joel Madden"}],"startDate":"2024-02-07T18:00:00Z","url":"https://veeps.com/artistfriendly/48915749-320d-4762-a9b1-ebb20870c9d4"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Australian singer, rapper, and director DPR IAN on building new versions of yourself, tattoos as intimate memories, and his current THE DREAM REBORN tour.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1729186431/assets/e5gpprtke2xnfqkq8rut.jpg","name":"Artist Friendly | DPR IAN","performer":[{"@type":"MusicGroup","name":"DPR IAN"},{"@type":"MusicGroup","name":"Artist Friendly"},{"@type":"MusicGroup","name":"Joel Madden"}],"startDate":"2024-10-23T17:00:00Z","url":"https://veeps.com/artistfriendly/810568a0-56ef-467a-a3e4-250a0db796eb"},{"@context":"https://schema.org","@type":"MusicEvent","description":"LA rapper Lefty Gunplay on manifestation, fully embodying the person you want to become, and wanting music more than jail time.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1709654432/assets/ag2ttkyrhgdljisa0dr8.jpg","name":"Artist Friendly | Lefty Gunplay","performer":[{"@type":"MusicGroup","name":"Lefty Gunplay"},{"@type":"MusicGroup","name":"Artist Friendly"},{"@type":"MusicGroup","name":"Joel Madden"}],"startDate":"2024-03-13T17:00:00Z","url":"https://veeps.com/artistfriendly/44c88ca9-9cf4-4fdc-8b72-8c590eda67db"},{"@context":"https://schema.org","@type":"MusicEvent","description":"GRAMMY® Award-nominated multiplatinum R&B artist Mario reflects on being adopted at 13, growing up in Maryland, and how life's toughest challenges can prepare you for success. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1704067590/assets/dh7h3pwt1acoks8qxjwx.jpg","name":"Mario","performer":[{"@type":"MusicGroup","name":"Mario"},{"@type":"MusicGroup","name":"Joel Madden"},{"@type":"MusicGroup","name":"Artist Friendly"}],"startDate":"2024-01-03T18:00:00Z","url":"https://veeps.com/artistfriendly/f6a32b3b-74f9-486f-bfde-8bed606e1e61"},{"@context":"https://schema.org","@type":"MusicEvent","description":"DJ Paul of Three 6 Mafia sits down for a rare interview reflecting on 50 years of Hip Hop, winning an Academy Award, and his exciting solo career.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1697597442/assets/jspy975jfhhoisxfz4qq.jpg","name":"DJ Paul from Three 6 Mafia","performer":[{"@type":"MusicGroup","name":"DJ Paul"},{"@type":"MusicGroup","name":"Joel Madden"},{"@type":"MusicGroup","name":"Three 6 Mafia"},{"@type":"MusicGroup","name":"Artist Friendly"}],"startDate":"2023-10-18T17:00:00Z","url":"https://veeps.com/artistfriendly/a137c669-a9a0-472b-ab93-ccc2bba72590"}]} </script> <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"> <link rel="manifest" href="/favicon/site.webmanifest"> <meta name="apple-mobile-web-app-title" content="Veeps"> <meta name="application-name" content="Veeps"> <meta name="msapplication-TileColor" content="#000000"> <link rel="preconnect" href="https://res.cloudinary.com"> <link rel="preconnect" href="api-iam.intercom.io"> <link rel="preconnect" href="https://analytics.google.com"> <link rel="preconnect" href="https://analytics.production.data.primer.io"> <link rel="preconnect" href="https://sdk.api.primer.io"> <link rel="preconnect" href="https://sdk.primer.io"> <link rel="preconnect" href="https://api.primer.io"> <link rel="preload" href="/fonts/VEEPSSaans-VFVF.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/fonts/VEEPSRuderPlakatWeb-Regular.woff2" as="font" type="font/woff2" crossorigin> <style> @font-face { font-family: "VEEPS-Display"; font-weight: 400; src: url("/fonts/VEEPSRuderPlakatWeb-Regular.woff2") format("woff2"), url("/fonts/VEEPSRuderPlakatWeb-Regular.woff") format("woff"); } @font-face { font-family: "VEEPS-Sans"; font-weight: 400 700; src: url("/fonts/VEEPSSaans-VFVF.woff2") format("woff2"), url("/fonts/VEEPSSaans-VFVF.woff") format("woff"); } .veeps-sans {font-family: "VEEPS-Sans";} .veeps-display {font-family: "VEEPS-Display";} </style> <link phx-track-static rel="stylesheet" href="/assets/veeps-2f6755dc7a32956a218c25d9eb972513.css?vsn=d?v=36e26ac774266c7b3586e0102bfe57ac82683e59"> <script> window.dataLayer = window.dataLayer || []; </script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start": new Date().getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!="dataLayer"?"&l="+l:"";j.async=true;j.src= "https://www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f); })(window,document,"script","dataLayer","GTM-NQMWRWW"); </script> <script> (function () { const s = document.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "https://app.termly.io/embed.min.js"; s.id = "ebe60e45-360c-482b-bc78-0169979c3ae1"; s.setAttribute("data-name", "termly-embed-banner"); const x = document.getElementsByTagName("script")[0]; if (x.src !== "https://app.termly.io/embed.min.js") { x.parentNode.insertBefore(s, x); } })() </script> <script> window.__CONFIG__ = { c: {"hash":"36e26ac774266c7b3586e0102bfe57ac82683e59","chatPublishKey":"pub-c-eb43a482-29d3-4ffd-8169-adf1cbde3e2d","chatSubscribeKey":"sub-c-84ee6f14-961d-11ea-a94f-52daec260573","envName":"prod","sentryDsn":"https://aa6faeae7ced4e7ca128b6245482ebdc@o94174.ingest.sentry.io/6135000","sentryEnv":"prd"} }; </script> <script defer phx-track-static type="text/javascript" src="/assets/app-dd3bee73319a0f117e1811667e20f889.js?vsn=d?v=36e26ac774266c7b3586e0102bfe57ac82683e59"> </script> </head> <body class="theme-fan overscroll-none text-body text-white vps-loading-page route-browserap non-subscriber region-SG"> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQMWRWW" height="0" width="0" style="display:none;visibility:hidden"> </iframe> </noscript> <div id="phx-GDROCbtpsV0orNXC" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIdwJpZG0AAAAUcGh4LUdEUk9DYnRwc1Ywb3JOWEN3B3Nlc3Npb250AAAAAHcEdmlld3caRWxpeGlyLlZlZXBzV2ViLkJyb3dzZUxpdmV3CnBhcmVudF9waWR3A25pbHcGcm91dGVydxZFbGl4aXIuVmVlcHNXZWIuUm91dGVydwhyb290X3BpZHcDbmlsdwxsaXZlX3Nlc3Npb25oAncTdmVlcHNfY29uc3VtZXJfbWFpbm4IAOVQXt2YBDIYdwlyb290X3ZpZXd3GkVsaXhpci5WZWVwc1dlYi5Ccm93c2VMaXZlbgYAnaC-FJYBYgABUYA.FeAlo90HVogkc-bXXw8jiIaBDIZ2UK9rliEW1fDY-QM" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAUcGh4LUdEUk9DYnRwc1Ywb3JOWEN3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAABncHc3RyZWFtc3cJc3ViZG9tYWludw5sYXlvdXRfYXNzaWduc3cPdHJhY2tpbmdfcGFyYW1zdwpnaG9zdF91c2VydwxjdXJyZW50X3VzZXJqbgYAnaC-FJYBYgABUYA.83qoDA3CAialfqLB-wOSdzMOQgpohASrAD7gFrpojKw"><div id="vps-loader" phx-update="ignore"> <div class="vps-spinner" role="status"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div class="sr-only">Loading...</div> </div> </div> <div id="vps-session-update-hook" phx-hook="UpdateSession"></div> <div data-event="noop" id="google-purchase-event" phx-hook="GooglePurchaseEvent" style="display:none"> </div> <header class="fixed top-0 left-0 z-50 w-full transition-transform duration-500 ease-out-circ py-4 px-5 md:py-6 md:px-10 " id="site_header" phx-hook="HeaderScroll"> <div class="absolute inset-0 overflow-hidden -z-10"> <div class="absolute inset-x-0 top-0 -bottom-0.5 pointer-events-none bg-bottom bg-[length:100%_138%] bg-gradient-to-b from-black to-transparent to-[calc(100%_-_2px)]" phx-update="ignore" id="vps_header_bg"> </div> </div> <div class="grid grid-cols-2 grid-rows-1 h-12 lg:grid-cols-[120px_1fr_max-content] 2xl:grid-cols-[minmax(0,_1fr)_2fr_minmax(0,_1fr)] items-center relative"> <a href="/browse" data-phx-link="redirect" data-phx-link-state="push" class="block w-30 z-1" data-testid="header_logo" aria-label="VEEPS"> <svg aria-hidden="true" class="block h-6 w-30" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 120 24"><path fill="currentColor" d="M18.521 0 14.32 15.547 9.643 0H.52l8.844 24h9.77l7.704-24h-8.317Zm31.912 0v24H70.82v-6.801H57.628v-2.267h13.021V8.706H57.628V6.589H70.82V0H50.433Zm60.018 8.706h-5.623c-.605 0-1.096-.303-1.096-1.059s.491-1.058 1.096-1.058h5.334c.605 0 .864.302.864 1.058h7.885c0-4.927-3.223-7.647-9.007-7.647h-5.079c-6.36 0-8.892 2.176-8.892 7.647 0 4.776 2.82 7.285 8.202 7.285h6.228c.604 0 1.095.333 1.095 1.118 0 .786-.462 1.149-1.067 1.149h-5.681c-.605 0-.864-.333-.864-1.149h-7.827c0 5.683 2.533 7.95 8.892 7.95h4.445c7.052 0 10.124-2.267 10.124-7.95 0-4.836-3.275-7.344-9.03-7.344M28.056 0v24h20.418v-6.801H35.25v-2.267H48.3V8.706H35.25V6.589h13.223V0H28.056Zm66.638 7.617c0-5.44-2.36-7.617-8.232-7.617H72.78v24h7.252v-9.068h6.431c5.871 0 8.23-2.086 8.23-7.315Zm-7.138 0c0 .786-.49 1.089-1.095 1.089h-6.429V6.59h6.43c.604 0 1.094.302 1.094 1.028"></path></svg> </a> <nav class="hidden lg:block z-1" data-testid="header_nav_desktop"> <ul class="flex items-center justify-center space-x-2 text-center"> <li> <a href="/browse" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Browse </a> </li> <li> <a href="/schedule" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Schedule </a> </li> <li> <a href="/live" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Live TV </a> </li> <li> <div id="genres_menu_desktop_7ddf4abe-a2ec-4141-ad33-7321968738f5" class="relative group" phx-hook="Dropdown" phx-click-away="[["remove_attr",{"attr":"aria-expanded","to":"#genres_menu_desktop_7ddf4abe-a2ec-4141-ad33-7321968738f5_trigger"}],["hide",{"time":300,"to":"#genres_menu_desktop_7ddf4abe-a2ec-4141-ad33-7321968738f5_content","transition":[["ease-out-back","duration-300"],["opacity-100"],["opacity-0"]]}]]"> <button aria-controls="genres_menu_desktop_7ddf4abe-a2ec-4141-ad33-7321968738f5_content" aria-haspopup="true" aria-label="Toggle genres menu" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl aria-expanded:bg-white/30 aria-expanded:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start [&>svg]:aria-expanded:rotate-180" id="genres_menu_desktop_7ddf4abe-a2ec-4141-ad33-7321968738f5_trigger" type="button" phx-click="[["toggle_attr",{"attr":["aria-expanded","true","false"],"to":"#genres_menu_desktop_7ddf4abe-a2ec-4141-ad33-7321968738f5_trigger"}],["toggle",{"time":300,"ins":[["ease-in-out-cubic","duration-300"],["opacity-0"],["opacity-100"]],"to":"#genres_menu_desktop_7ddf4abe-a2ec-4141-ad33-7321968738f5_content","outs":[["ease-out-back","duration-300"],["opacity-100"],["opacity-0"]]}]]"> Genres <svg aria-hidden="true" viewbox="0 0 16 16" fill="none" class="h-4 w-4 ml-1"><path d="M3 6L8 11L13 6" stroke="currentColor" stroke-width="2"></path></svg> </button> <div id="genres_menu_desktop_7ddf4abe-a2ec-4141-ad33-7321968738f5_content" class="vps-dropdown__content hidden absolute bg-dark-gray p-1.5 rounded-lg top-full w-50 z-10 relative right-0 w-auto mt-1 md:absolute" aria-orientation="vertical"> <nav> <ul class="grid grid-flow-col grid-rows-4"> <li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/alternative" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Alternative </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/comedy" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Comedy </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/country" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Country </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/folk" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Folk </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/indie" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Indie </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/jazz" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Jazz </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/metal" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Metal </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/pop" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Pop </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/randb" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> R&B </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/rap" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Rap </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/rock" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Rock </a> </li> </ul> </nav> </div> </div> </li> </ul> </nav> <div class="flex items-center justify-end space-x-3" data-testid="header_actions"> <div> <div id="search_live" data-phx-session="" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAALc2VhcmNoX2xpdmV3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdqbgYAnaC-FJYBYgABUYA.PXtSLvpUF6dqvnkJnEOOHrcqr7z_SSG4Ry3wjyyZOyw" data-phx-parent-id="phx-GDROCbtpsV0orNXC"><div> <div id="search_consumer_wrapper" class="absolute top-0 left-0 z-50 hidden transition-opacity -right-4 md:left-40 2xl:right-0"> <form id="search_consumer" phx-hook="NoScroll" phx-target="#search_live" phx-change="search-consumer" phx-submit="search-consumer"> <div phx-feedback-for="search[q]" class="relative inline-flex flex-col align-top w-full m-0 bg-black"> <label for="search_consumer_q" class="block mb-4 text-white/50 sr-only"> Find events or artists... </label> <div class="flex flex-nowrap"> <span class="absolute left-0 flex items-center h-10 px-3 top-1"> <svg aria-hidden="true" viewbox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 10.5C17 14.0899 14.0899 17 10.5 17C6.91015 17 4 14.0899 4 10.5C4 6.91015 6.91015 4 10.5 4C14.0899 4 17 6.91015 17 10.5ZM15.7618 17.176C14.3145 18.3183 12.4869 19 10.5 19C5.80558 19 2 15.1944 2 10.5C2 5.80558 5.80558 2 10.5 2C15.1944 2 19 5.80558 19 10.5C19 12.4869 18.3183 14.3145 17.176 15.7618L21.9971 20.5829L20.5829 21.9971L15.7618 17.176Z" fill="currentColor"></path></svg> </span> <input type="search" autocomplete="off" autofocus name="search[q]" id="search_consumer_q" class="flex-grow h-12 py-1 pr-16 bg-transparent rounded outline-none pl-15 text-subheading-sm leading-0 placeholder:text-white/50" value="" phx-debounce="1000" placeholder="Find events or artists..."> <span class="absolute right-0 flex items-center h-10 px-3 top-1"> <button class="inline-flex items-center justify-center w-6 h-6 transition-colors rounded-full text-white/50 hover:text-white" id="close_search" type="button" aria-label="Close search" phx-click="[["push",{"target":"#search_live","event":"toggle-search-input"}],["toggle",{"display":"flex","ins":[["ease-in","duration-fast-02"],["opacity-0"],["opacity-100"]],"to":"#consumer_search_results","outs":[["ease-out","duration-fast-02"],["opacity-100"],["opacity-0"]]}],["toggle",{"to":"#search_consumer_wrapper"}],["toggle",{"display":"inline-flex","to":"#search_icon"}],["dispatch",{"detail":{"class":"search-active","disableBodyScroll":false},"event":"phx:noscroll"}]]"> <svg aria-hidden="true" viewbox="0 0 24 24" fill="none"><path d="M5 5L19 19M19 5L5 19" stroke="currentColor" stroke-width="2"></path></svg> </button> </span> </div> </div> </form> </div> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 w-11 h-11 3xl:w-12 3xl:h-12 rounded-lg " id="search_icon" phx-click="[["push",{"target":"#search_live","event":"toggle-search-input"}],["toggle",{"display":"flex","ins":[["ease-in","duration-fast-02"],["opacity-0"],["opacity-100"]],"to":"#consumer_search_results","outs":[["ease-out","duration-fast-02"],["opacity-100"],["opacity-0"]]}],["toggle",{"to":"#search_consumer_wrapper"}],["toggle",{"display":"inline-flex","to":"#search_icon"}],["focus",{"to":"#search_consumer_q"}],["dispatch",{"detail":{"class":"search-active","disableBodyScroll":true},"event":"phx:noscroll"}]]" aria-label="Search"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724179229/product/icons/white/general/Search_dnqcur.svg" alt="" width="24" height="24" class=""> </button> </div> <div id="consumer_search_results" class="fixed inset-0 hidden pt-20 bg-black md:pt-32 -z-1"> <div class="flex-grow overflow-x-hidden overflow-y-auto vps-scrollbar overscroll-contain"> <div class="max-w-full"> <div data-testid="search_results"> </div> </div> </div> </div></div> </div> <div class="flex items-center" id="cart_button"> </div> <div class="hidden md:block" id="desktop_account_menu" phx-hook="SelectItemEvent" data-list-id="account_menu" data-list-name="account_menu_actions" data-testid="logged_out_actions"> <a href="/session/login" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg"> Sign in </a> <a href="/session/signup" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white active:bg-off-white focus-visible:bg-off-white hover:bg-off-white text-black disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg md:hidden lg:inline-flex"> Sign up </a> </div> <div class="lg:hidden" data-testid="mobile_menu"> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white/10 backdrop-blur-2xl active:bg-white/30 focus-visible:bg-white/30 hover:bg-white/30 text-white disabled:bg-white/10 disabled:text-white/30 w-11 h-11 3xl:w-12 3xl:h-12 rounded-lg " phx-click="[["show",{"to":"#mobile_menu_content"}],["show",{"to":"#mobile_menu_backdrop","transition":[["transition-all","transform","ease-out","duration-300"],["opacity-0"],["opacity-100"]]}],["show",{"display":"flex","to":"#mobile_menu_nav","transition":[["transition-all","ease-in-out-quad","duration-300"],["opacity-0","-translate-y-full"],["opacity-100","translate-y-0"]]}],["show",{"display":"flex","time":350,"to":"#mobile_menu_nav_links","transition":[["transition-all","ease-in-out-quad","delay-150","duration-200"],["opacity-0","-translate-y-10"],["opacity-100","translate-y-0"]]}],["dispatch",{"detail":{"class":"menu-active","disableBodyScroll":true},"event":"phx:noscroll"}]]" aria-label="Open Menu"> <svg aria-hidden="true" class="block" viewbox="0 0 24 24" fill="none"><rect x="3" y="4" width="18" height="2" fill="currentColor"></rect><rect x="3" y="18" width="12" height="2" fill="currentColor"></rect><rect x="3" y="11" width="18" height="2" fill="currentColor"></rect></svg> </button> <div class="fixed inset-0 z-0 overflow-hidden" id="mobile_menu_content" style="display:none"> <div class="absolute inset-0 transition duration-700 bg-black/40 backdrop-blur-sm" id="mobile_menu_backdrop"> </div> <div class="absolute inset-y-0 left-0 flex flex-col h-full max-w-full max-h-full px-5 overflow-y-auto bg-black w-105 pt-25" style="box-shadow: 0px 0px 0px -1px;" id="mobile_menu_nav" phx-click-away="[["hide",{"to":"#mobile_menu_backdrop","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100"],["opacity-0"]]}],["hide",{"to":"#mobile_menu_nav_links","transition":[["transition-all","ease-in-out-quad","duration-150"],["opacity-100","translate-y-0"],["opacity-0","-translate-y-10"]]}],["hide",{"time":350,"to":"#mobile_menu_nav","transition":[["transition-all","ease-out-quint","delay-150","duration-200"],["opacity-100","translate-y-0"],["opacity-0","-translate-y-full"]]}],["hide",{"time":350,"to":"#mobile_menu_content","transition":[["block"],["block"],["hidden"]]}],["dispatch",{"detail":{"class":"menu-active","disableBodyScroll":false},"event":"phx:noscroll"}]]" phx-remove="[["hide",{"to":"#mobile_menu_backdrop","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100"],["opacity-0"]]}],["hide",{"to":"#mobile_menu_nav_links","transition":[["transition-all","ease-in-out-quad","duration-150"],["opacity-100","translate-y-0"],["opacity-0","-translate-y-10"]]}],["hide",{"time":350,"to":"#mobile_menu_nav","transition":[["transition-all","ease-out-quint","delay-150","duration-200"],["opacity-100","translate-y-0"],["opacity-0","-translate-y-full"]]}],["hide",{"time":350,"to":"#mobile_menu_content","transition":[["block"],["block"],["hidden"]]}],["dispatch",{"detail":{"class":"menu-active","disableBodyScroll":false},"event":"phx:noscroll"}]]"> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 w-11 h-11 3xl:w-12 3xl:h-12 rounded-lg absolute top-4 right-5" navigate="/login" phx-click="[["hide",{"to":"#mobile_menu_backdrop","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100"],["opacity-0"]]}],["hide",{"to":"#mobile_menu_nav_links","transition":[["transition-all","ease-in-out-quad","duration-150"],["opacity-100","translate-y-0"],["opacity-0","-translate-y-10"]]}],["hide",{"time":350,"to":"#mobile_menu_nav","transition":[["transition-all","ease-out-quint","delay-150","duration-200"],["opacity-100","translate-y-0"],["opacity-0","-translate-y-full"]]}],["hide",{"time":350,"to":"#mobile_menu_content","transition":[["block"],["block"],["hidden"]]}],["dispatch",{"detail":{"class":"menu-active","disableBodyScroll":false},"event":"phx:noscroll"}]]" aria-label="Close Menu"> <svg aria-hidden="true" class="block" viewbox="0 0 24 24" fill="none"><path d="M5 5L19 19M19 5L5 19" stroke="currentColor" stroke-width="2"></path></svg> </button> <nav class="relative flex flex-col h-full pt-6 overflow-auto" id="mobile_menu_nav_links"> <ul class="flex flex-col mb-2 space-y-2"> <li> <a href="/browse" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Browse </a> </li> <li> <a href="/schedule" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Schedule </a> </li> <li> <a href="/live" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Live TV </a> </li> <li> <div id="genres_menu_desktop_f1c97b82-33ad-464d-bdba-1278e9722f0c" class="relative group" phx-hook="Dropdown" phx-click-away="[["remove_attr",{"attr":"aria-expanded","to":"#genres_menu_desktop_f1c97b82-33ad-464d-bdba-1278e9722f0c_trigger"}],["hide",{"time":300,"to":"#genres_menu_desktop_f1c97b82-33ad-464d-bdba-1278e9722f0c_content","transition":[["ease-out-back","duration-300"],["opacity-100"],["opacity-0"]]}]]"> <button aria-controls="genres_menu_desktop_f1c97b82-33ad-464d-bdba-1278e9722f0c_content" aria-haspopup="true" aria-label="Toggle genres menu" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl aria-expanded:bg-white/30 aria-expanded:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start [&>svg]:aria-expanded:rotate-180" id="genres_menu_desktop_f1c97b82-33ad-464d-bdba-1278e9722f0c_trigger" type="button" phx-click="[["toggle_attr",{"attr":["aria-expanded","true","false"],"to":"#genres_menu_desktop_f1c97b82-33ad-464d-bdba-1278e9722f0c_trigger"}],["toggle",{"time":300,"ins":[["ease-in-out-cubic","duration-300"],["opacity-0"],["opacity-100"]],"to":"#genres_menu_desktop_f1c97b82-33ad-464d-bdba-1278e9722f0c_content","outs":[["ease-out-back","duration-300"],["opacity-100"],["opacity-0"]]}]]"> Genres <svg aria-hidden="true" viewbox="0 0 16 16" fill="none" class="h-4 w-4 ml-1"><path d="M3 6L8 11L13 6" stroke="currentColor" stroke-width="2"></path></svg> </button> <div id="genres_menu_desktop_f1c97b82-33ad-464d-bdba-1278e9722f0c_content" class="vps-dropdown__content hidden absolute bg-dark-gray p-1.5 rounded-lg top-full w-50 z-10 relative right-0 w-auto mt-1 md:absolute" aria-orientation="vertical"> <nav> <ul class="grid grid-flow-col grid-rows-4"> <li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/alternative" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Alternative </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/comedy" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Comedy </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/country" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Country </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/folk" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Folk </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/indie" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Indie </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/jazz" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Jazz </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/metal" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Metal </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/pop" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Pop </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/randb" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> R&B </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/rap" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Rap </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/rock" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Rock </a> </li> </ul> </nav> </div> </div> </li> </ul> <div class="flex flex-col flex-grow pb-4 space-y-2" id="mobile_account_menu" phx-hook="SelectItemEvent" data-list-id="account_menu" data-list-name="account_menu_actions"> <a href="/session/login" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white/10 backdrop-blur-2xl active:bg-white/30 focus-visible:bg-white/30 hover:bg-white/30 text-white disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg mt-auto"> Sign in </a> <a href="/session/signup" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white active:bg-off-white focus-visible:bg-off-white hover:bg-off-white text-black disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg md:hidden lg:inline-flex"> Sign up </a> </div> </nav> </div> </div> </div> </div> </div> </header> <main id="main_content" role="main" class="transition-opacity duration-500 ease-linear opacity-0 animate-page-enter min-h-content md:min-h-content-md" phx-connected="[["remove_class",{"names":["opacity-0","animate-page-enter"]}]]" phx-remove="[["add_class",{"names":["opacity-0"]}]]"> <div id="browse_live" phx-hook="LazyLoadRails"> <div id="feature_page_heading" class="flex items-end px-5 mb-10 mt-35 md:px-10"> <div data-testid="feature_page_heading_text"> <h1 class="text-heading-sm">Hip-Hop/Rap</h1> </div> </div> <div id="browse_rails" phx-update="stream"> <section id="rails-3caeffb7-3176-4f6e-96d6-5065b08c4da4" class="mb-20 only-of-type:mb-0 " data-cards-list="chart" data-testid="ds_cards_list" data-variant="carousel" phx-hook="SelectItemEvent" data-list-id="rails-3caeffb7-3176-4f6e-96d6-5065b08c4da4" data-list-name="Top 10 Hip-Hop/Rap" data-direct-children-only="false"> <div class="relative mb-6 text-left lg:mb-10 flex space-x-4 items-center justify-between z-10 px-5 md:px-10" data-testid="ds_cards_list_title" data-cards-list-title="chart"> <h2 class="text-subheading-sm">Top 10 Hip-Hop/Rap</h2> </div> <div class="relative" id="landscape_rail_rails-3caeffb7-3176-4f6e-96d6-5065b08c4da4" phx-hook="LandscapeRail"> <div class="grid grid-flow-col auto-cols-max gap-x-2 md:gap-x-6 -mt-18 pt-18 -mb-32 pb-32 landscape-card-rail [&_[data-carousel-btn]]:bottom-14 [&_[data-carousel-btn]]:top-14 [&_[data-carousel-btn-content]]:mb-14 [&_[data-carousel-btn]]:hover:z-40 px-5 md:px-10 snap-x snap-mandatory scroll-pl-5 md:scroll-pl-10 group/carousel overflow-hidden overflow-x-scroll vps-scrollbar-none" data-testid="ds_cards_list_items" id="carousel_rails-3caeffb7-3176-4f6e-96d6-5065b08c4da4" data-carousel-type="chart" phx-hook="Carousel"> <div id="landscape_card_fddb7490-62e8-4325-80c0-f007a435d472_cfbc1da2-2d5e-4c9f-a647-bded8a57351d" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_fddb7490-62e8-4325-80c0-f007a435d472_cfbc1da2-2d5e-4c9f-a647-bded8a57351d" data-item-name="CHASE ATLANTIC - Chase Atlantic: Live from Hollywood" data-card-id="landscape_card_fddb7490-62e8-4325-80c0-f007a435d472_cfbc1da2-2d5e-4c9f-a647-bded8a57351d_landscape_card" data-overlay-id="landscape_card_fddb7490-62e8-4325-80c0-f007a435d472_cfbc1da2-2d5e-4c9f-a647-bded8a57351d_landscape_overlay" data-mute-id="landscape_card_fddb7490-62e8-4325-80c0-f007a435d472_cfbc1da2-2d5e-4c9f-a647-bded8a57351d_toggle_mute"> <a href="/chaseatlantic/fddb7490-62e8-4325-80c0-f007a435d472" data-phx-link="redirect" data-phx-link-state="push" class="absolute inset-0 hidden [@media(pointer:coarse)]:block"></a> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_fddb7490-62e8-4325-80c0-f007a435d472_cfbc1da2-2d5e-4c9f-a647-bded8a57351d_landscape_card" aria-haspopup="dialog" data-landscape-card-button> <div class="pointer-events-none relative aspect-landscape-card-mobile sm:aspect-landscape rounded-lg overflow-hidden min-w-60 max-w-75 w-full sm:w-75 [[data-variant=grid]_&]:sm:w-full"> <picture class="bg-placeholder aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1731460588/assets/mzzhwpzff1ahqq4eu0jk.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1731460588/assets/mzzhwpzff1ahqq4eu0jk.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="p-1.5 bg-white/5 backdrop-blur-2xl rounded absolute top-2 right-2" data-all-access-lock> <img src="https://res.cloudinary.com/veeps/image/upload/v1742851833/product/icons/white/12/Lock_xxaa4u.svg" alt="" width="12" height="12" class=""> </div> </div> <div class="flex items-center py-4 pointer-events-none" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">CHASE ATLANTIC </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Chase Atlantic: Live from Hollywood </p> </div> </div> </button> </div><div id="landscape_card_fbd43474-e631-4271-a48f-231fa2535b5f_5c262972-f096-4b38-a265-0974a449e587" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_fbd43474-e631-4271-a48f-231fa2535b5f_5c262972-f096-4b38-a265-0974a449e587" data-item-name="Die Antwoord - ZEF - The Story of Die Antwoord" data-card-id="landscape_card_fbd43474-e631-4271-a48f-231fa2535b5f_5c262972-f096-4b38-a265-0974a449e587_landscape_card" data-overlay-id="landscape_card_fbd43474-e631-4271-a48f-231fa2535b5f_5c262972-f096-4b38-a265-0974a449e587_landscape_overlay" data-mute-id="landscape_card_fbd43474-e631-4271-a48f-231fa2535b5f_5c262972-f096-4b38-a265-0974a449e587_toggle_mute"> <a href="/dieantwoord/fbd43474-e631-4271-a48f-231fa2535b5f" data-phx-link="redirect" data-phx-link-state="push" class="absolute inset-0 hidden [@media(pointer:coarse)]:block"></a> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_fbd43474-e631-4271-a48f-231fa2535b5f_5c262972-f096-4b38-a265-0974a449e587_landscape_card" aria-haspopup="dialog" data-landscape-card-button> <div class="pointer-events-none relative aspect-landscape-card-mobile sm:aspect-landscape rounded-lg overflow-hidden min-w-60 max-w-75 w-full sm:w-75 [[data-variant=grid]_&]:sm:w-full"> <picture class="bg-placeholder aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1724433794/assets/zghn8islwzkio5sfvyo9.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1724433794/assets/zghn8islwzkio5sfvyo9.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="p-1.5 bg-white/5 backdrop-blur-2xl rounded absolute top-2 right-2" data-all-access-lock> <img src="https://res.cloudinary.com/veeps/image/upload/v1742851833/product/icons/white/12/Lock_xxaa4u.svg" alt="" width="12" height="12" class=""> </div> </div> <div class="flex items-center py-4 pointer-events-none" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Die Antwoord </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> ZEF - The Story of Die Antwoord </p> </div> </div> </button> </div><div id="landscape_card_28cf6bac-540a-46db-b41d-96b571c3f6be_668869bd-3731-4483-b1b0-e7d18420e37e" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_28cf6bac-540a-46db-b41d-96b571c3f6be_668869bd-3731-4483-b1b0-e7d18420e37e" data-item-name="Run the Jewels - RTJX Night 1" data-card-id="landscape_card_28cf6bac-540a-46db-b41d-96b571c3f6be_668869bd-3731-4483-b1b0-e7d18420e37e_landscape_card" data-overlay-id="landscape_card_28cf6bac-540a-46db-b41d-96b571c3f6be_668869bd-3731-4483-b1b0-e7d18420e37e_landscape_overlay" data-mute-id="landscape_card_28cf6bac-540a-46db-b41d-96b571c3f6be_668869bd-3731-4483-b1b0-e7d18420e37e_toggle_mute"> <a href="/runthejewels/28cf6bac-540a-46db-b41d-96b571c3f6be" data-phx-link="redirect" data-phx-link-state="push" class="absolute inset-0 hidden [@media(pointer:coarse)]:block"></a> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_28cf6bac-540a-46db-b41d-96b571c3f6be_668869bd-3731-4483-b1b0-e7d18420e37e_landscape_card" aria-haspopup="dialog" data-landscape-card-button> <div class="pointer-events-none relative aspect-landscape-card-mobile sm:aspect-landscape rounded-lg overflow-hidden min-w-60 max-w-75 w-full sm:w-75 [[data-variant=grid]_&]:sm:w-full"> <picture class="bg-placeholder aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1696355295/assets/crh0mqu1lmprwtu6y2n3.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1696355295/assets/crh0mqu1lmprwtu6y2n3.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="p-1.5 bg-white/5 backdrop-blur-2xl rounded absolute top-2 right-2" data-all-access-lock> <img src="https://res.cloudinary.com/veeps/image/upload/v1742851833/product/icons/white/12/Lock_xxaa4u.svg" alt="" width="12" height="12" class=""> </div> </div> <div class="flex items-center py-4 pointer-events-none" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Run the Jewels </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> RTJX Night 1 </p> </div> </div> </button> </div><div id="landscape_card_68ea8351-ba2d-4313-9f2f-ec8b5f5cd164_2f0eaabd-4004-4bd2-9a9e-9d16d955eec1" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_68ea8351-ba2d-4313-9f2f-ec8b5f5cd164_2f0eaabd-4004-4bd2-9a9e-9d16d955eec1" data-item-name="Childish Gambino - Childish Gambino at Rockwood Music Hall" data-card-id="landscape_card_68ea8351-ba2d-4313-9f2f-ec8b5f5cd164_2f0eaabd-4004-4bd2-9a9e-9d16d955eec1_landscape_card" data-overlay-id="landscape_card_68ea8351-ba2d-4313-9f2f-ec8b5f5cd164_2f0eaabd-4004-4bd2-9a9e-9d16d955eec1_landscape_overlay" data-mute-id="landscape_card_68ea8351-ba2d-4313-9f2f-ec8b5f5cd164_2f0eaabd-4004-4bd2-9a9e-9d16d955eec1_toggle_mute"> <a href="/b/68ea8351-ba2d-4313-9f2f-ec8b5f5cd164" data-phx-link="redirect" data-phx-link-state="push" class="absolute inset-0 hidden [@media(pointer:coarse)]:block"></a> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_68ea8351-ba2d-4313-9f2f-ec8b5f5cd164_2f0eaabd-4004-4bd2-9a9e-9d16d955eec1_landscape_card" aria-haspopup="dialog" data-landscape-card-button> <div class="pointer-events-none relative aspect-landscape-card-mobile sm:aspect-landscape rounded-lg overflow-hidden min-w-60 max-w-75 w-full sm:w-75 [[data-variant=grid]_&]:sm:w-full"> <picture class="bg-placeholder aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1717541133/assets/rmmoioykilqeyfxyyuaz.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1717541133/assets/rmmoioykilqeyfxyyuaz.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <div class="flex items-center py-4 pointer-events-none" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Childish Gambino </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Childish Gambino at Rockwood Music Hall </p> </div> </div> </button> </div><div id="landscape_card_4946a87c-5879-41b9-913a-e9637df99d4c_af95626e-ad66-4427-9f5e-e347fe29ef1d" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_4946a87c-5879-41b9-913a-e9637df99d4c_af95626e-ad66-4427-9f5e-e347fe29ef1d" data-item-name="Tupac - Tupac: Live at House of Blues" data-card-id="landscape_card_4946a87c-5879-41b9-913a-e9637df99d4c_af95626e-ad66-4427-9f5e-e347fe29ef1d_landscape_card" data-overlay-id="landscape_card_4946a87c-5879-41b9-913a-e9637df99d4c_af95626e-ad66-4427-9f5e-e347fe29ef1d_landscape_overlay" data-mute-id="landscape_card_4946a87c-5879-41b9-913a-e9637df99d4c_af95626e-ad66-4427-9f5e-e347fe29ef1d_toggle_mute"> <a href="/ms/4946a87c-5879-41b9-913a-e9637df99d4c" data-phx-link="redirect" data-phx-link-state="push" class="absolute inset-0 hidden [@media(pointer:coarse)]:block"></a> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_4946a87c-5879-41b9-913a-e9637df99d4c_af95626e-ad66-4427-9f5e-e347fe29ef1d_landscape_card" aria-haspopup="dialog" data-landscape-card-button> <div class="pointer-events-none relative aspect-landscape-card-mobile sm:aspect-landscape rounded-lg overflow-hidden min-w-60 max-w-75 w-full sm:w-75 [[data-variant=grid]_&]:sm:w-full"> <picture class="bg-placeholder aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1717181144/assets/vxxxpvdnel7an8jpejsb.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1717181144/assets/vxxxpvdnel7an8jpejsb.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="p-1.5 bg-white/5 backdrop-blur-2xl rounded absolute top-2 right-2" data-all-access-lock> <img src="https://res.cloudinary.com/veeps/image/upload/v1742851833/product/icons/white/12/Lock_xxaa4u.svg" alt="" width="12" height="12" class=""> </div> </div> <div class="flex items-center py-4 pointer-events-none" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Tupac </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Tupac: Live at House of Blues </p> </div> </div> </button> </div><div id="landscape_card_53ceb775-2833-4c4e-9a03-3fe3cdad0718_45cce6c1-b190-4899-955e-7b75c70c9eac" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_53ceb775-2833-4c4e-9a03-3fe3cdad0718_45cce6c1-b190-4899-955e-7b75c70c9eac" data-item-name="Macklemore - The BEN Tour: Live from Hollywood" data-card-id="landscape_card_53ceb775-2833-4c4e-9a03-3fe3cdad0718_45cce6c1-b190-4899-955e-7b75c70c9eac_landscape_card" data-overlay-id="landscape_card_53ceb775-2833-4c4e-9a03-3fe3cdad0718_45cce6c1-b190-4899-955e-7b75c70c9eac_landscape_overlay" data-mute-id="landscape_card_53ceb775-2833-4c4e-9a03-3fe3cdad0718_45cce6c1-b190-4899-955e-7b75c70c9eac_toggle_mute"> <a href="/macklemore/53ceb775-2833-4c4e-9a03-3fe3cdad0718" data-phx-link="redirect" data-phx-link-state="push" class="absolute inset-0 hidden [@media(pointer:coarse)]:block"></a> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_53ceb775-2833-4c4e-9a03-3fe3cdad0718_45cce6c1-b190-4899-955e-7b75c70c9eac_landscape_card" aria-haspopup="dialog" data-landscape-card-button> <div class="pointer-events-none relative aspect-landscape-card-mobile sm:aspect-landscape rounded-lg overflow-hidden min-w-60 max-w-75 w-full sm:w-75 [[data-variant=grid]_&]:sm:w-full"> <picture class="bg-placeholder aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1696025321/assets/kdqvabgap9y1z1tjt6vu.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1696025321/assets/kdqvabgap9y1z1tjt6vu.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="p-1.5 bg-white/5 backdrop-blur-2xl rounded absolute top-2 right-2" data-all-access-lock> <img src="https://res.cloudinary.com/veeps/image/upload/v1742851833/product/icons/white/12/Lock_xxaa4u.svg" alt="" width="12" height="12" class=""> </div> </div> <div class="flex items-center py-4 pointer-events-none" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Macklemore </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> The BEN Tour: Live from Hollywood </p> </div> </div> </button> </div><div id="landscape_card_3f700470-426d-471b-b3da-311eecb1154a_f707ca79-0387-41df-b49b-bc4b9bda5745" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_3f700470-426d-471b-b3da-311eecb1154a_f707ca79-0387-41df-b49b-bc4b9bda5745" data-item-name="Lil Wayne - Lil Wayne" data-card-id="landscape_card_3f700470-426d-471b-b3da-311eecb1154a_f707ca79-0387-41df-b49b-bc4b9bda5745_landscape_card" data-overlay-id="landscape_card_3f700470-426d-471b-b3da-311eecb1154a_f707ca79-0387-41df-b49b-bc4b9bda5745_landscape_overlay" data-mute-id="landscape_card_3f700470-426d-471b-b3da-311eecb1154a_f707ca79-0387-41df-b49b-bc4b9bda5745_toggle_mute"> <a href="/artistfriendly/3f700470-426d-471b-b3da-311eecb1154a" data-phx-link="redirect" data-phx-link-state="push" class="absolute inset-0 hidden [@media(pointer:coarse)]:block"></a> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_3f700470-426d-471b-b3da-311eecb1154a_f707ca79-0387-41df-b49b-bc4b9bda5745_landscape_card" aria-haspopup="dialog" data-landscape-card-button> <div class="pointer-events-none relative aspect-landscape-card-mobile sm:aspect-landscape rounded-lg overflow-hidden min-w-60 max-w-75 w-full sm:w-75 [[data-variant=grid]_&]:sm:w-full"> <picture class="bg-placeholder aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1703097402/assets/ntvmzst4onftmaqo8dip.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1703097402/assets/ntvmzst4onftmaqo8dip.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="p-1.5 bg-white/5 backdrop-blur-2xl rounded absolute top-2 right-2" data-all-access-lock> <img src="https://res.cloudinary.com/veeps/image/upload/v1742851833/product/icons/white/12/Lock_xxaa4u.svg" alt="" width="12" height="12" class=""> </div> </div> <div class="flex items-center py-4 pointer-events-none" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Lil Wayne </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Lil Wayne </p> </div> </div> </button> </div><div id="landscape_card_76ae461c-6440-4d68-a66c-820587db1ec2_c1329d51-24f6-4d20-a257-bfe3974a5a85" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_76ae461c-6440-4d68-a66c-820587db1ec2_c1329d51-24f6-4d20-a257-bfe3974a5a85" data-item-name="Flatbush Zombies - BetterOffDEAD 10-year Anniversary" data-card-id="landscape_card_76ae461c-6440-4d68-a66c-820587db1ec2_c1329d51-24f6-4d20-a257-bfe3974a5a85_landscape_card" data-overlay-id="landscape_card_76ae461c-6440-4d68-a66c-820587db1ec2_c1329d51-24f6-4d20-a257-bfe3974a5a85_landscape_overlay" data-mute-id="landscape_card_76ae461c-6440-4d68-a66c-820587db1ec2_c1329d51-24f6-4d20-a257-bfe3974a5a85_toggle_mute"> <a href="/flatbushzombies/76ae461c-6440-4d68-a66c-820587db1ec2" data-phx-link="redirect" data-phx-link-state="push" class="absolute inset-0 hidden [@media(pointer:coarse)]:block"></a> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_76ae461c-6440-4d68-a66c-820587db1ec2_c1329d51-24f6-4d20-a257-bfe3974a5a85_landscape_card" aria-haspopup="dialog" data-landscape-card-button> <div class="pointer-events-none relative aspect-landscape-card-mobile sm:aspect-landscape rounded-lg overflow-hidden min-w-60 max-w-75 w-full sm:w-75 [[data-variant=grid]_&]:sm:w-full"> <picture class="bg-placeholder aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1699580874/assets/ltgfnasn9qazm0cm3qmy.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1699580874/assets/ltgfnasn9qazm0cm3qmy.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="p-1.5 bg-white/5 backdrop-blur-2xl rounded absolute top-2 right-2" data-all-access-lock> <img src="https://res.cloudinary.com/veeps/image/upload/v1742851833/product/icons/white/12/Lock_xxaa4u.svg" alt="" width="12" height="12" class=""> </div> </div> <div class="flex items-center py-4 pointer-events-none" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Flatbush Zombies </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> BetterOffDEAD 10-year Anniversary </p> </div> </div> </button> </div><div id="landscape_card_8615353c-e5ca-406c-9e8f-7fb55babe1d8_74155b29-1b7d-416a-a7df-2e28a101f08a" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_8615353c-e5ca-406c-9e8f-7fb55babe1d8_74155b29-1b7d-416a-a7df-2e28a101f08a" data-item-name="Nascar Aloe - Nascar Aloe and Myagi of Deathproof" data-card-id="landscape_card_8615353c-e5ca-406c-9e8f-7fb55babe1d8_74155b29-1b7d-416a-a7df-2e28a101f08a_landscape_card" data-overlay-id="landscape_card_8615353c-e5ca-406c-9e8f-7fb55babe1d8_74155b29-1b7d-416a-a7df-2e28a101f08a_landscape_overlay" data-mute-id="landscape_card_8615353c-e5ca-406c-9e8f-7fb55babe1d8_74155b29-1b7d-416a-a7df-2e28a101f08a_toggle_mute"> <a href="/artistfriendly/8615353c-e5ca-406c-9e8f-7fb55babe1d8" data-phx-link="redirect" data-phx-link-state="push" class="absolute inset-0 hidden [@media(pointer:coarse)]:block"></a> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_8615353c-e5ca-406c-9e8f-7fb55babe1d8_74155b29-1b7d-416a-a7df-2e28a101f08a_landscape_card" aria-haspopup="dialog" data-landscape-card-button> <div class="pointer-events-none relative aspect-landscape-card-mobile sm:aspect-landscape rounded-lg overflow-hidden min-w-60 max-w-75 w-full sm:w-75 [[data-variant=grid]_&]:sm:w-full"> <picture class="bg-placeholder aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1714752520/assets/febxiwd9gbs2klu2shq9.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1714752520/assets/febxiwd9gbs2klu2shq9.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="p-1.5 bg-white/5 backdrop-blur-2xl rounded absolute top-2 right-2" data-all-access-lock> <img src="https://res.cloudinary.com/veeps/image/upload/v1742851833/product/icons/white/12/Lock_xxaa4u.svg" alt="" width="12" height="12" class=""> </div> </div> <div class="flex items-center py-4 pointer-events-none" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Nascar Aloe </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Nascar Aloe and Myagi of Deathproof </p> </div> </div> </button> </div><div id="landscape_card_b83f849c-374f-41b6-a61c-b8ae3c643ad2_dfaaa75b-95c3-45e2-be4a-9c075b1e75a3" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_b83f849c-374f-41b6-a61c-b8ae3c643ad2_dfaaa75b-95c3-45e2-be4a-9c075b1e75a3" data-item-name="Heems - A Garage Gig With Heems" data-card-id="landscape_card_b83f849c-374f-41b6-a61c-b8ae3c643ad2_dfaaa75b-95c3-45e2-be4a-9c075b1e75a3_landscape_card" data-overlay-id="landscape_card_b83f849c-374f-41b6-a61c-b8ae3c643ad2_dfaaa75b-95c3-45e2-be4a-9c075b1e75a3_landscape_overlay" data-mute-id="landscape_card_b83f849c-374f-41b6-a61c-b8ae3c643ad2_dfaaa75b-95c3-45e2-be4a-9c075b1e75a3_toggle_mute"> <a href="/b/b83f849c-374f-41b6-a61c-b8ae3c643ad2" data-phx-link="redirect" data-phx-link-state="push" class="absolute inset-0 hidden [@media(pointer:coarse)]:block"></a> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_b83f849c-374f-41b6-a61c-b8ae3c643ad2_dfaaa75b-95c3-45e2-be4a-9c075b1e75a3_landscape_card" aria-haspopup="dialog" data-landscape-card-button> <div class="pointer-events-none relative aspect-landscape-card-mobile sm:aspect-landscape rounded-lg overflow-hidden min-w-60 max-w-75 w-full sm:w-75 [[data-variant=grid]_&]:sm:w-full"> <picture class="bg-placeholder aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1705452968/assets/pwyzha8vnwbd27qecwvl.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705452968/assets/pwyzha8vnwbd27qecwvl.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <div class="flex items-center py-4 pointer-events-none" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Heems </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Garage Gig With Heems </p> </div> </div> </button> </div> </div> </div> </section><section id="rails-0a00dc55-e25b-4cfa-b8fc-e9a142968ef6" class="[&_+_[data-cards-list="standard"]]:pt-0 relative " data-cards-list="feature_hero" data-testid="ds_cards_list" data-variant="carousel"> <div class="mx-5 mb-10 mt-20 relative md:mx-10 md:mt-24" data-testid="ds_cards_list_items" id="carousel_rails-0a00dc55-e25b-4cfa-b8fc-e9a142968ef6" phx-hook="FeatureCarousel" data-carousel=""> <section id="feature_hero_28cf6bac-540a-46db-b41d-96b571c3f6be" class="flex-col justify-end overflow-hidden relative flex" data-testid="ds_card_feature_hero" data-card="feature_hero" phx-countdown="[["set_attr",{"attr":["data-countdown-expired","true"]}]]"> <div class="relative overflow-hidden rounded-lg bg-placeholder w-full aspect-[35/44] lt-md:max-h-[70vh] sm:aspect-[5/3] md:aspect-[728/360] lg:max-h-[454px] xl:aspect-[12/5] xl:max-h-none before:absolute before:inset-0 before:bg-gradient-to-r before:from-black before:to-transparent before:opacity-70"> <video id="28cf6bac-540a-46db-b41d-96b571c3f6be_feature_hero_video" muted playsinline preload="auto" loop class="object-cover w-full h-full" data-testid="ds_card_video" phx-hook="ResponsiveVideo" data-root-margin="0px" data-video-url="https://stream.mux.com/rj98cpE8iuKTMTiq2Pb5udJbg2aMYZnRWe01c01DgW01w4/high.mp4" data-url-default-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_sm_webm/https://stream.mux.com/rj98cpE8iuKTMTiq2Pb5udJbg2aMYZnRWe01c01DgW01w4/high.mp4" data-url-default="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_sm/https://stream.mux.com/rj98cpE8iuKTMTiq2Pb5udJbg2aMYZnRWe01c01DgW01w4/high.mp4" data-url-sm-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_md_webm/https://stream.mux.com/rj98cpE8iuKTMTiq2Pb5udJbg2aMYZnRWe01c01DgW01w4/high.mp4" data-url-sm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_md/https://stream.mux.com/rj98cpE8iuKTMTiq2Pb5udJbg2aMYZnRWe01c01DgW01w4/high.mp4" data-url-md-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_lg_webm/https://stream.mux.com/rj98cpE8iuKTMTiq2Pb5udJbg2aMYZnRWe01c01DgW01w4/high.mp4" data-url-md="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_lg/https://stream.mux.com/rj98cpE8iuKTMTiq2Pb5udJbg2aMYZnRWe01c01DgW01w4/high.mp4"> </video> <div class="absolute w-full -bottom-0.25 top-1/2 backface-hidden pointer-events-none bg-gradient-to-t from-black/70 to-transparent"></div> </div> <div class="absolute inset-0 flex flex-col items-center justify-end p-5 text-center lg:text-left lg:items-start lg:p-10 lg:pl-12"> <div class="mb-4 pointer-events-none hidden" data-testid="event_date" data-hero-date> <div class="rounded inline-block capitalize bg-white/10 backdrop-blur-2xl text-white py-1 md:py-1.5 px-2 3xl:px-3 text-body tracking-wide" data-testid="ds_tag_white" style=""> white </div> </div> <picture class="mb-2 lg:mb-4"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_hero_logo_webp/v1696282684/assets/lwxbrzowxfnuxbjl79dk.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_hero_logo/v1696282684/assets/lwxbrzowxfnuxbjl79dk.png" alt="" loading="eager" class="max-h-20 max-w-55 w-fit text-left object-contain object-bottom lg:object-left-bottom" data-testid="ds_card_logo"> </picture> <h1 class="w-full text-white text-body-1" data-testid="ds_card_title"> RTJX Night 1 </h1> <div class="-order-1 flex flex-wrap justify-end space-x-2 shrink-0 -mx-3 -mt-3 mb-auto w-[calc(100%_+_24px)] [&>button:disabled]:hidden lg:order-none lg:justify-start lg:max-w-full lg:w-full lg:m-0 lg:mt-6 lg:[&>button:disabled]:flex lt-lg:[&>a]:!opacity-0 lt-lg:[&>a]:absolute lt-lg:[&>a]:z-0 lt-lg:[&>a]:inset-0 lt-lg:[&>a]:!ml-0" data-testid="ds_card_action" id="28cf6bac-540a-46db-b41d-96b571c3f6be_hero_actions" phx-hook="SelectItemEvent" data-list-id="28cf6bac-540a-46db-b41d-96b571c3f6be" data-list-name="genre-rap_feature_hero_actions"> <a href="/runthejewels/28cf6bac-540a-46db-b41d-96b571c3f6be?view=true" data-phx-link="redirect" data-phx-link-state="push" text="Get Tickets" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white active:bg-off-white focus-visible:bg-off-white hover:bg-off-white text-black disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg active:opacity-75 active:backdrop-blur-2xl focus:opacity-75 focus:backdrop-blur-2xl" data-item-id="get_tickets_link" data-item-name="Get Tickets" data-list-item> <span>Get Tickets</span> </a> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white/10 backdrop-blur-2xl active:bg-white/30 focus-visible:bg-white/30 hover:bg-white/30 text-white disabled:bg-white/10 disabled:text-white/30 w-11 h-11 3xl:w-12 3xl:h-12 rounded-lg lg:!ml-auto [&>img]:pointer-events-none [&[data-muted=true]>[data-sound=off]]:block [&[data-muted=true]>[data-sound=on]]:hidden [&[data-muted=false]>[data-sound=off]]:hidden [&[data-muted=false]>[data-sound=on]]:block" id="28cf6bac-540a-46db-b41d-96b571c3f6be_toggle_mute" phx-hook="ToggleMute" aria-label="Mute/Unmute" data-mute data-muted="true" data-video-id="28cf6bac-540a-46db-b41d-96b571c3f6be_feature_hero_video"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724179232/product/icons/white/player/SoundOff_dclkfk.svg" alt="" width="24" height="24" class="" data-sound="off"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724179232/product/icons/white/player/SoundOn_qj2zi1.svg" alt="" width="24" height="24" class="" data-sound="on"> </button> </div> </div> </section> </div> </section><section id="rails-edcde295-6c7e-4a64-902a-7a14a06dc5b5" class="mb-20 only-of-type:mb-0 pt-5 " data-cards-list="standard" data-testid="ds_cards_list" data-variant="carousel" phx-hook="SelectItemEvent" data-direct-children-only="false" data-list-id="rails-edcde295-6c7e-4a64-902a-7a14a06dc5b5" data-list-name="Featured"> <div class="relative mb-6 text-left lg:mb-10 flex space-x-4 items-center justify-between z-10 px-5 md:px-10" data-testid="ds_cards_list_title" data-cards-list-title="standard"> <h2 class="text-subheading-sm">Featured</h2> </div> <div class="relative"> <div class="grid grid-flow-col auto-cols-max gap-x-2 md:gap-x-6 -my-5 py-5 px-5 md:px-10 snap-x snap-mandatory scroll-pl-5 md:scroll-pl-10 group/carousel overflow-hidden overflow-x-scroll vps-scrollbar-none" data-testid="ds_cards_list_items" id="carousel_rails-edcde295-6c7e-4a64-902a-7a14a06dc5b5" data-carousel-type="standard" phx-hook="Carousel"> <div class="overflow-visible rounded-lg aspect-portrait group bg-placeholder flex-shrink-0 w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile snap-start" data-testid="ds_card_standard" data-card="standard" data-item-id="a878e829-8c87-4194-a7fc-b485f49d4388"> <div class="overflow-hidden rounded-lg aspect-content after:block after:absolute after:bottom-0 after:left-0 after:right-0 after:top-2/4 after:bg-gradient-to-t after:from-black/70 after:to-transparent"> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_portrait_webp/v1742517482/assets/vf8tep8vxitntuij5fqn.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1742517482/assets/vf8tep8vxitntuij5fqn.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="p-1.5 bg-white/5 backdrop-blur-2xl rounded absolute top-2.5 right-2" data-all-access-lock> <img src="https://res.cloudinary.com/veeps/image/upload/v1742851833/product/icons/white/12/Lock_xxaa4u.svg" alt="" width="12" height="12" class=""> </div> </div> <a href="/maryjblige/a878e829-8c87-4194-a7fc-b485f49d4388" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end aspect-content" data-testid="ds_card_link" data-item-id="a878e829-8c87-4194-a7fc-b485f49d4388" data-item-name="Mary J. Blige - Live From Madison Square Garden" data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Mary J. Blige </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live From Madison Square Garden </p> </div> </a> <div class="absolute inset-x-0 top-0 flex-shrink-0 p-2 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> <div class="rounded inline-block capitalize bg-black/10 backdrop-blur-2xl text-white py-1 md:py-1.5 px-2 3xl:px-3 text-body tracking-wide" data-testid="ds_tag_default" style=""> Apr 11 </div> </div> </div> <div class="absolute inset-x-0 top-0 z-10 justify-end hidden p-2 sm:flex"> </div> </div><div class="overflow-visible rounded-lg aspect-portrait group bg-placeholder flex-shrink-0 w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile snap-start" data-testid="ds_card_standard" data-card="standard" data-item-id="76ae461c-6440-4d68-a66c-820587db1ec2"> <div class="overflow-hidden rounded-lg aspect-content after:block after:absolute after:bottom-0 after:left-0 after:right-0 after:top-2/4 after:bg-gradient-to-t after:from-black/70 after:to-transparent"> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_portrait_webp/v1699580944/assets/kyecmfxiztjnx1rukx3t.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1699580944/assets/kyecmfxiztjnx1rukx3t.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="p-1.5 bg-white/5 backdrop-blur-2xl rounded absolute top-2.5 right-2" data-all-access-lock> <img src="https://res.cloudinary.com/veeps/image/upload/v1742851833/product/icons/white/12/Lock_xxaa4u.svg" alt="" width="12" height="12" class=""> </div> </div> <a href="/flatbushzombies/76ae461c-6440-4d68-a66c-820587db1ec2" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end aspect-content" data-testid="ds_card_link" data-item-id="76ae461c-6440-4d68-a66c-820587db1ec2" data-item-name="Flatbush Zombies - BetterOffDEAD 10-year Anniversary" data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Flatbush Zombies </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> BetterOffDEAD 10-year Anniversary </p> </div> </a> <div class="absolute inset-x-0 top-0 flex-shrink-0 p-2 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="absolute inset-x-0 top-0 z-10 justify-end hidden p-2 sm:flex"> </div> </div><div class="overflow-visible rounded-lg aspect-portrait group bg-placeholder flex-shrink-0 w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile snap-start" data-testid="ds_card_standard" data-card="standard" data-item-id="28cf6bac-540a-46db-b41d-96b571c3f6be"> <div class="overflow-hidden rounded-lg aspect-content after:block after:absolute after:bottom-0 after:left-0 after:right-0 after:top-2/4 after:bg-gradient-to-t after:from-black/70 after:to-transparent"> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_portrait_webp/v1696462950/assets/w5ujketgfqg2xmvxuyl2.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696462950/assets/w5ujketgfqg2xmvxuyl2.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="p-1.5 bg-white/5 backdrop-blur-2xl rounded absolute top-2.5 right-2" data-all-access-lock> <img src="https://res.cloudinary.com/veeps/image/upload/v1742851833/product/icons/white/12/Lock_xxaa4u.svg" alt="" width="12" height="12" class=""> </div> </div> <a href="/runthejewels/28cf6bac-540a-46db-b41d-96b571c3f6be" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end aspect-content" data-testid="ds_card_link" data-item-id="28cf6bac-540a-46db-b41d-96b571c3f6be" data-item-name="Run the Jewels - RTJX Night 1" data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Run the Jewels </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> RTJX Night 1 </p> </div> </a> <div class="absolute inset-x-0 top-0 flex-shrink-0 p-2 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="absolute inset-x-0 top-0 z-10 justify-end hidden p-2 sm:flex"> </div> </div><div class="overflow-visible rounded-lg aspect-portrait group bg-placeholder flex-shrink-0 w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile snap-start" data-testid="ds_card_standard" data-card="standard" data-item-id="a1e91855-43d5-4630-9480-3fa2b8647f2a"> <div class="overflow-hidden rounded-lg aspect-content after:block after:absolute after:bottom-0 after:left-0 after:right-0 after:top-2/4 after:bg-gradient-to-t after:from-black/70 after:to-transparent"> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_portrait_webp/v1696463078/assets/bcwroadu7y49nxvkzvab.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696463078/assets/bcwroadu7y49nxvkzvab.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="p-1.5 bg-white/5 backdrop-blur-2xl rounded absolute top-2.5 right-2" data-all-access-lock> <img src="https://res.cloudinary.com/veeps/image/upload/v1742851833/product/icons/white/12/Lock_xxaa4u.svg" alt="" width="12" height="12" class=""> </div> </div> <a href="/runthejewels/a1e91855-43d5-4630-9480-3fa2b8647f2a" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end aspect-content" data-testid="ds_card_link" data-item-id="a1e91855-43d5-4630-9480-3fa2b8647f2a" data-item-name="Run the Jewels - RTJX Night 2" data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Run the Jewels </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> RTJX Night 2 </p> </div> </a> <div class="absolute inset-x-0 top-0 flex-shrink-0 p-2 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="absolute inset-x-0 top-0 z-10 justify-end hidden p-2 sm:flex"> </div> </div><div class="overflow-visible rounded-lg aspect-portrait group bg-placeholder flex-shrink-0 w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile snap-start" data-testid="ds_card_standard" data-card="standard" data-item-id="39c23a0b-e73a-40b5-af75-ed6f59af9bb6"> <div class="overflow-hidden rounded-lg aspect-content after:block after:absolute after:bottom-0 after:left-0 after:right-0 after:top-2/4 after:bg-gradient-to-t after:from-black/70 after:to-transparent"> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_portrait_webp/v1696463217/assets/kgbh8ekc2dne3onj2woj.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696463217/assets/kgbh8ekc2dne3onj2woj.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="p-1.5 bg-white/5 backdrop-blur-2xl rounded absolute top-2.5 right-2" data-all-access-lock> <img src="https://res.cloudinary.com/veeps/image/upload/v1742851833/product/icons/white/12/Lock_xxaa4u.svg" alt="" width="12" height="12" class=""> </div> </div> <a href="/runthejewels/39c23a0b-e73a-40b5-af75-ed6f59af9bb6" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end aspect-content" data-testid="ds_card_link" data-item-id="39c23a0b-e73a-40b5-af75-ed6f59af9bb6" data-item-name="Run the Jewels - RTJX Night 3" data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Run the Jewels </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> RTJX Night 3 </p> </div> </a> <div class="absolute inset-x-0 top-0 flex-shrink-0 p-2 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="absolute inset-x-0 top-0 z-10 justify-end hidden p-2 sm:flex"> </div> </div><div class="overflow-visible rounded-lg aspect-portrait group bg-placeholder flex-shrink-0 w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile snap-start" data-testid="ds_card_standard" data-card="standard" data-item-id="68c4be2a-7a3f-434e-a590-c21f083bfadf"> <div class="overflow-hidden rounded-lg aspect-content after:block after:absolute after:bottom-0 after:left-0 after:right-0 after:top-2/4 after:bg-gradient-to-t after:from-black/70 after:to-transparent"> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_portrait_webp/v1696463328/assets/zfzt69eokejuvs7lrnyb.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696463328/assets/zfzt69eokejuvs7lrnyb.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="p-1.5 bg-white/5 backdrop-blur-2xl rounded absolute top-2.5 right-2" data-all-access-lock> <img src="https://res.cloudinary.com/veeps/image/upload/v1742851833/product/icons/white/12/Lock_xxaa4u.svg" alt="" width="12" height="12" class=""> </div> </div> <a href="/runthejewels/68c4be2a-7a3f-434e-a590-c21f083bfadf" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end aspect-content" data-testid="ds_card_link" data-item-id="68c4be2a-7a3f-434e-a590-c21f083bfadf" data-item-name="Run the Jewels - RTJX Night 4" data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Run the Jewels </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> RTJX Night 4 </p> </div> </a> <div class="absolute inset-x-0 top-0 flex-shrink-0 p-2 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="absolute inset-x-0 top-0 z-10 justify-end hidden p-2 sm:flex"> </div> </div><div class="overflow-visible rounded-lg aspect-portrait group bg-placeholder flex-shrink-0 w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile snap-start" data-testid="ds_card_standard" data-card="standard" data-item-id="cb7e1997-6698-4b8f-aa10-1f188a28458b"> <div class="overflow-hidden rounded-lg aspect-content after:block after:absolute after:bottom-0 after:left-0 after:right-0 after:top-2/4 after:bg-gradient-to-t after:from-black/70 after:to-transparent"> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_portrait_webp/v1706850073/assets/h0uiv5bngmtmk0hshyhk.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706850073/assets/h0uiv5bngmtmk0hshyhk.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/pinksweats/cb7e1997-6698-4b8f-aa10-1f188a28458b" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end aspect-content" data-testid="ds_card_link" data-item-id="cb7e1997-6698-4b8f-aa10-1f188a28458b" data-item-name="Pink Sweat$ - Live from The United Theater on Broadway" data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Pink Sweat$ </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live from The United Theater on Broadway </p> </div> </a> <div class="absolute inset-x-0 top-0 flex-shrink-0 p-2 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="absolute inset-x-0 top-0 z-10 justify-end hidden p-2 sm:flex"> </div> </div><div class="overflow-visible rounded-lg aspect-portrait group bg-placeholder flex-shrink-0 w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile snap-start" data-testid="ds_card_standard" data-card="standard" data-item-id="67d4ef49-4cff-4eef-ad9d-1b8c01125477"> <div class="overflow-hidden rounded-lg aspect-content after:block after:absolute after:bottom-0 after:left-0 after:right-0 after:top-2/4 after:bg-gradient-to-t after:from-black/70 after:to-transparent"> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_portrait_webp/v1705533894/assets/rvrp9dmeejruguj2hwji.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705533894/assets/rvrp9dmeejruguj2hwji.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/67d4ef49-4cff-4eef-ad9d-1b8c01125477" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end aspect-content" data-testid="ds_card_link" data-item-id="67d4ef49-4cff-4eef-ad9d-1b8c01125477" data-item-name="Oncue - A Bands And Brews Session With OnCue" data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Oncue </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Bands And Brews Session With OnCue </p> </div> </a> <div class="absolute inset-x-0 top-0 flex-shrink-0 p-2 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="absolute inset-x-0 top-0 z-10 justify-end hidden p-2 sm:flex"> </div> </div> </div> </div> </section><section id="rails-296188bd-d542-48a9-ab5a-2f5a80a19e80" class="mb-20 only-of-type:mb-0 " data-cards-list="wide" data-testid="ds_cards_list" data-variant="carousel" data-lazy-load-rail="true"> <div class="w-full relative" data-testid="ds_cards_list_items" id="carousel_rails-296188bd-d542-48a9-ab5a-2f5a80a19e80"> <div class="bg-placeholder w-full max-h-available-space min-h-[95vh]" data-card="wide" data-testid="skeleton"> </div> </div> </section><section id="rails-ff858784-dd4f-4e50-b856-814330f22215" class="mb-20 only-of-type:mb-0 pt-5 " data-cards-list="standard" data-testid="ds_cards_list" data-variant="carousel" data-lazy-load-rail="true" phx-hook="SelectItemEvent" data-direct-children-only="false" data-list-id="rails-ff858784-dd4f-4e50-b856-814330f22215" data-list-name="Exclusive Interviews"> <div class="relative mb-6 text-left lg:mb-10 flex space-x-4 items-center justify-between z-10 px-5 md:px-10" data-testid="ds_cards_list_title" data-cards-list-title="standard"> <h2 class="text-subheading-sm">Exclusive Interviews</h2> </div> <div class="relative"> <div class="grid grid-flow-col auto-cols-max gap-x-2 md:gap-x-6 -my-5 py-5 px-5 md:px-10 snap-x snap-mandatory scroll-pl-5 md:scroll-pl-10 group/carousel overflow-hidden overflow-x-scroll vps-scrollbar-none" data-testid="ds_cards_list_items" id="carousel_rails-ff858784-dd4f-4e50-b856-814330f22215" data-carousel-type="standard" phx-hook="Carousel"> <div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div> </div> </div> </section><section id="rails-73d5f169-b917-4118-8f16-26f9acd44b2e" class="mb-20 only-of-type:mb-0 " data-cards-list="genre" data-testid="ds_cards_list" data-variant="carousel" data-lazy-load-rail="true" phx-hook="SelectItemEvent" data-direct-children-only="false" data-list-id="rails-73d5f169-b917-4118-8f16-26f9acd44b2e" data-list-name="Genres"> <div class="relative mb-6 text-left lg:mb-10 flex space-x-4 items-center justify-between z-10 px-5 md:px-10" data-testid="ds_cards_list_title" data-cards-list-title="genre"> <h2 class="text-subheading-sm">Genres</h2> </div> <div class="relative"> <div class="grid grid-flow-col auto-cols-max gap-x-2 md:gap-x-6 -my-5 py-5 px-5 md:px-10 snap-x snap-mandatory scroll-pl-5 md:scroll-pl-10 group/carousel overflow-hidden overflow-x-scroll vps-scrollbar-none" data-testid="ds_cards_list_items" id="carousel_rails-73d5f169-b917-4118-8f16-26f9acd44b2e" data-carousel-type="genre" phx-hook="Carousel"> <div class="h-24 px-3 py-4 rounded-lg bg-placeholder sm:px-4 sm:py-6 w-41 sm:w-55 sm:h-35" data-card="genre" data-testid="skeleton"> </div><div class="h-24 px-3 py-4 rounded-lg bg-placeholder sm:px-4 sm:py-6 w-41 sm:w-55 sm:h-35" data-card="genre" data-testid="skeleton"> </div><div class="h-24 px-3 py-4 rounded-lg bg-placeholder sm:px-4 sm:py-6 w-41 sm:w-55 sm:h-35" data-card="genre" data-testid="skeleton"> </div><div class="h-24 px-3 py-4 rounded-lg bg-placeholder sm:px-4 sm:py-6 w-41 sm:w-55 sm:h-35" data-card="genre" data-testid="skeleton"> </div><div class="h-24 px-3 py-4 rounded-lg bg-placeholder sm:px-4 sm:py-6 w-41 sm:w-55 sm:h-35" data-card="genre" data-testid="skeleton"> </div><div class="h-24 px-3 py-4 rounded-lg bg-placeholder sm:px-4 sm:py-6 w-41 sm:w-55 sm:h-35" data-card="genre" data-testid="skeleton"> </div><div class="h-24 px-3 py-4 rounded-lg bg-placeholder sm:px-4 sm:py-6 w-41 sm:w-55 sm:h-35" data-card="genre" data-testid="skeleton"> </div><div class="h-24 px-3 py-4 rounded-lg bg-placeholder sm:px-4 sm:py-6 w-41 sm:w-55 sm:h-35" data-card="genre" data-testid="skeleton"> </div><div class="h-24 px-3 py-4 rounded-lg bg-placeholder sm:px-4 sm:py-6 w-41 sm:w-55 sm:h-35" data-card="genre" data-testid="skeleton"> </div> </div> </div> </section><section id="rails-genre_catalog" class="mb-20 only-of-type:mb-0 pt-5 " data-cards-list="standard" data-testid="ds_cards_list" data-variant="carousel" data-lazy-load-rail="true" phx-hook="SelectItemEvent" data-direct-children-only="false" data-list-id="rails-genre_catalog" data-list-name="Hip-Hop/Rap A-Z"> <div class="relative mb-6 text-left lg:mb-10 flex space-x-4 items-center justify-between z-10 px-5 md:px-10" data-testid="ds_cards_list_title" data-cards-list-title="standard"> <h2 class="text-subheading-sm">Hip-Hop/Rap A-Z</h2> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white/10 backdrop-blur-2xl active:bg-white/30 focus-visible:bg-white/30 hover:bg-white/30 text-white disabled:bg-white/10 disabled:text-white/30 px-3 py-1 rounded " text="See All" phx-click="show_modal" data-testid="ds_cards_list_title_cta" phx-value-modal="show_all"> See All </button> </div> <div class="relative"> <div class="grid grid-flow-col auto-cols-max gap-x-2 md:gap-x-6 -my-5 py-5 px-5 md:px-10 snap-x snap-mandatory scroll-pl-5 md:scroll-pl-10 group/carousel overflow-hidden overflow-x-scroll vps-scrollbar-none" data-testid="ds_cards_list_items" id="carousel_rails-genre_catalog" data-carousel-type="standard" phx-hook="Carousel"> <div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div><div class="flex-shrink-0 rounded-lg aspect-portrait group bg-placeholder w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile" data-card="standard" data-testid="skeleton"> </div> </div> </div> </section> </div> <div phx-update="ignore" id="app_banner_wrapper"> <section class="hidden vps-app-banner" id="app_banner" phx-hook="AppsBanner"></section> </div> </div> </main> <div id="site_footer" phx-hook="IntercomInit"> </div> <footer data-testid="footer" class="border-t border-t-white/15 md:border-none"> <div class="px-5 pt-9 gap-x-10 mb-7 sm:grid sm:grid-cols-4 md:grid-cols-6 md:px-10 md:pt-20 md:mb-30"> <div class="flex flex-col justify-between col-span-4 mb-10 md:mb-0 md:col-span-2"> <div class="hidden md:block"> <svg aria-hidden="true" class="block h-auto max-w-full w-34 2xl:w-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 120 24"><path fill="currentColor" d="M18.521 0 14.32 15.547 9.643 0H.52l8.844 24h9.77l7.704-24h-8.317Zm31.912 0v24H70.82v-6.801H57.628v-2.267h13.021V8.706H57.628V6.589H70.82V0H50.433Zm60.018 8.706h-5.623c-.605 0-1.096-.303-1.096-1.059s.491-1.058 1.096-1.058h5.334c.605 0 .864.302.864 1.058h7.885c0-4.927-3.223-7.647-9.007-7.647h-5.079c-6.36 0-8.892 2.176-8.892 7.647 0 4.776 2.82 7.285 8.202 7.285h6.228c.604 0 1.095.333 1.095 1.118 0 .786-.462 1.149-1.067 1.149h-5.681c-.605 0-.864-.333-.864-1.149h-7.827c0 5.683 2.533 7.95 8.892 7.95h4.445c7.052 0 10.124-2.267 10.124-7.95 0-4.836-3.275-7.344-9.03-7.344M28.056 0v24h20.418v-6.801H35.25v-2.267H48.3V8.706H35.25V6.589h13.223V0H28.056Zm66.638 7.617c0-5.44-2.36-7.617-8.232-7.617H72.78v24h7.252v-9.068h6.431c5.871 0 8.23-2.086 8.23-7.315Zm-7.138 0c0 .786-.49 1.089-1.095 1.089h-6.429V6.59h6.43c.604 0 1.094.302 1.094 1.028"></path></svg> </div> <div> <div class="mb-2 md:hidden">Download</div> <div class="flex flex-wrap gap-y-3" id="footer_app_links" phx-hook="FooterAppLinks"> <a href="https://apps.veeps.com/ios" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white/10 backdrop-blur-2xl active:bg-white/30 focus-visible:bg-white/30 hover:bg-white/30 text-white disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg mr-2 footer_app_store"> <span class="[&>svg]:h-4 [&>svg]:w-4 order-0 mr-2 -ml-0.5"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724179232/product/icons/white/social/Apple_pgrl9c.svg" alt="" width="24" height="24" class="w-6 h-6"> </span> iOS </a> <a href="https://apps.veeps.com/android" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white/10 backdrop-blur-2xl active:bg-white/30 focus-visible:bg-white/30 hover:bg-white/30 text-white disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg footer_play_store"> <span class="[&>svg]:h-4 [&>svg]:w-4 order-0 mr-2 -ml-0.5"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724179232/product/icons/white/social/Android_htx10h.svg" alt="" width="24" height="24" class="w-6 h-6"> </span> Android </a> </div> </div> </div> <section class="border-t border-white/15 sm:border-0" data-testid="accordion_links"> <h1 class="capitalize sm:mb-4 2xl:mb-9"> <span class="hidden sm:block">Company</span> <button type="button" class="flex items-center justify-between w-full py-6 leading-8 text-left sm:hidden" aria-controls="section_0" id="section_0_trigger" phx-click="[["remove_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_0.grid-rows-1fr"}],["add_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_0:not(.grid-rows-1fr)"}],["toggle",{"to":"#section_0_trigger svg"}]]"> Company <svg aria-hidden="true" class="w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M12 3V21M21 12H3" stroke="currentColor" stroke-width="2"></path></svg> <svg aria-hidden="true" class="hidden w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M3 12H21" stroke="currentColor" stroke-width="2"></path></svg> </button> </h1> <div class="grid transition-[grid-template-rows] sm:transition-none sm:block sm:pb-0 grid-rows-0" id="section_0" role="region" aria-labelledby="section_0_trigger"> <ul class="[&_li>*]:py-2 2xl:[&_li>*]:py-3 overflow-hidden"> <li> <a href="/" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Home </a> </li><li> <a href="/all-access" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> All Access </a> </li><li> <a href="https://veeps.com/newsroom" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Newsroom </a> </li><li> <a href="https://brand.veeps.com" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Brand Guidelines </a> </li><li> <button type="button" id="footer_intercom_trigger" phx-hook="IntercomShow" class="inline-block transition-colors text-white/50 hover:text-white"> Contact Us </button> </li> </ul> </div> </section><section class="border-t border-white/15 sm:border-0" data-testid="accordion_links"> <h1 class="capitalize sm:mb-4 2xl:mb-9"> <span class="hidden sm:block">Resources</span> <button type="button" class="flex items-center justify-between w-full py-6 leading-8 text-left sm:hidden" aria-controls="section_1" id="section_1_trigger" phx-click="[["remove_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_1.grid-rows-1fr"}],["add_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_1:not(.grid-rows-1fr)"}],["toggle",{"to":"#section_1_trigger svg"}]]"> Resources <svg aria-hidden="true" class="w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M12 3V21M21 12H3" stroke="currentColor" stroke-width="2"></path></svg> <svg aria-hidden="true" class="hidden w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M3 12H21" stroke="currentColor" stroke-width="2"></path></svg> </button> </h1> <div class="grid transition-[grid-template-rows] sm:transition-none sm:block sm:pb-0 grid-rows-0" id="section_1" role="region" aria-labelledby="section_1_trigger"> <ul class="[&_li>*]:py-2 2xl:[&_li>*]:py-3 overflow-hidden"> <li> <a href="https://support.veeps.com" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Help Center </a> </li><li> <a href="/all-access/gift" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Buy Gifts </a> </li><li> <a href="/redeem" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Redeem Gift </a> </li><li> <a href="https://connect.studentbeans.com/v4/hosted/veeps/us" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Student Discount </a> </li> </ul> </div> </section><section class="border-t border-white/15 sm:border-0" data-testid="accordion_links"> <h1 class="capitalize sm:mb-4 2xl:mb-9"> <span class="hidden sm:block">Where to stream</span> <button type="button" class="flex items-center justify-between w-full py-6 leading-8 text-left sm:hidden" aria-controls="section_2" id="section_2_trigger" phx-click="[["remove_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_2.grid-rows-1fr"}],["add_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_2:not(.grid-rows-1fr)"}],["toggle",{"to":"#section_2_trigger svg"}]]"> Where to stream <svg aria-hidden="true" class="w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M12 3V21M21 12H3" stroke="currentColor" stroke-width="2"></path></svg> <svg aria-hidden="true" class="hidden w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M3 12H21" stroke="currentColor" stroke-width="2"></path></svg> </button> </h1> <div class="grid transition-[grid-template-rows] sm:transition-none sm:block sm:pb-0 grid-rows-0" id="section_2" role="region" aria-labelledby="section_2_trigger"> <ul class="[&_li>*]:py-2 2xl:[&_li>*]:py-3 overflow-hidden"> <li> <a href="/apps/ios" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> iOS </a> </li><li> <a href="/apps/android" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Android </a> </li><li> <a href="/apps/tvos" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Apple TV </a> </li><li> <a href="/apps/roku" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Roku </a> </li><li> <a href="/apps" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Samsung </a> </li><li> <a href="https://www.amazon.com/Veeps/dp/B0CLCWR77F" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Fire TV </a> </li> </ul> </div> </section><section class="border-t border-white/15 sm:border-0" data-testid="accordion_links"> <h1 class="capitalize sm:mb-4 2xl:mb-9"> <span class="hidden sm:block">Follow us</span> <button type="button" class="flex items-center justify-between w-full py-6 leading-8 text-left sm:hidden" aria-controls="section_3" id="section_3_trigger" phx-click="[["remove_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_3.grid-rows-1fr"}],["add_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_3:not(.grid-rows-1fr)"}],["toggle",{"to":"#section_3_trigger svg"}]]"> Follow us <svg aria-hidden="true" class="w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M12 3V21M21 12H3" stroke="currentColor" stroke-width="2"></path></svg> <svg aria-hidden="true" class="hidden w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M3 12H21" stroke="currentColor" stroke-width="2"></path></svg> </button> </h1> <div class="grid transition-[grid-template-rows] sm:transition-none sm:block sm:pb-0 grid-rows-0" id="section_3" role="region" aria-labelledby="section_3_trigger"> <ul class="[&_li>*]:py-2 2xl:[&_li>*]:py-3 overflow-hidden"> <li> <a href="https://www.instagram.com/veeps/" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Instagram </a> </li><li> <a href="https://www.facebook.com/veepsofficial/" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Facebook </a> </li><li> <a href="https://twitter.com/veeps" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Twitter </a> </li><li> <a href="https://www.linkedin.com/company/veepsofficial/" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> LinkedIn </a> </li><li> <a href="https://www.tiktok.com/@veepsofficial" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> TikTok </a> </li> </ul> </div> </section> </div> <div class="flex flex-col px-5 pt-2 border-t border-t-white/15 gap-x-10 text-white/50 md:py-9 md:grid md:grid-cols-6 md:px-10"> <div class="md:col-span-2"> </div> <div class="md:col-span-4 md:flex"> <ul class="flex space-x-10 border-b border-b-white/15 py-7 md:py-0 md:border-none" data-testid="footer_links"> <li> <a href="/terms" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Terms & Conditions </a> </li><li> <a href="/privacy" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Privacy Policy </a> </li> </ul> <div class="pb-5 pt-7 md:text-right md:py-0 md:ml-auto"> © 2025, VEEPS Inc. </div> </div> </div> </footer> <div id="cart_live" data-phx-session="" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAJY2FydF9saXZldwVmbGFzaHQAAAAAdwphc3NpZ25fbmV3bAAAAAV3CXN1YmRvbWFpbncObGF5b3V0X2Fzc2lnbnN3D3RyYWNraW5nX3BhcmFtc3cKZ2hvc3RfdXNlcncMY3VycmVudF91c2Vyam4GAJ-gvhSWAWIAAVGA.2TZDC_7cSgblM3Hi_mZ4F7VfpzQ05sWmipf5-eFhtGM" data-phx-parent-id="phx-GDROCbtpsV0orNXC"><div id="cart-login-hook" class="hidden" data-event-name="cart_login_token_validated" phx-hook="LoginToken"> </div> <div id="cart-countdown-timer-hook" class="hidden" phx-hook="CartCountdownTimer"></div> </div> </div> <div> <div id="unsupported" class="fixed inset-0 hidden px-4 py-40 overflow-y-auto text-center vps-scrollbar" style="background: #000; color: #fff; z-index: 100" hidden> <div class="absolute flex justify-center top-8 inset-x-8 md:justify-start"> <svg aria-hidden="true" class="block h-6 w-30" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 120 24"><path fill="currentColor" d="M18.521 0 14.32 15.547 9.643 0H.52l8.844 24h9.77l7.704-24h-8.317Zm31.912 0v24H70.82v-6.801H57.628v-2.267h13.021V8.706H57.628V6.589H70.82V0H50.433Zm60.018 8.706h-5.623c-.605 0-1.096-.303-1.096-1.059s.491-1.058 1.096-1.058h5.334c.605 0 .864.302.864 1.058h7.885c0-4.927-3.223-7.647-9.007-7.647h-5.079c-6.36 0-8.892 2.176-8.892 7.647 0 4.776 2.82 7.285 8.202 7.285h6.228c.604 0 1.095.333 1.095 1.118 0 .786-.462 1.149-1.067 1.149h-5.681c-.605 0-.864-.333-.864-1.149h-7.827c0 5.683 2.533 7.95 8.892 7.95h4.445c7.052 0 10.124-2.267 10.124-7.95 0-4.836-3.275-7.344-9.03-7.344M28.056 0v24h20.418v-6.801H35.25v-2.267H48.3V8.706H35.25V6.589h13.223V0H28.056Zm66.638 7.617c0-5.44-2.36-7.617-8.232-7.617H72.78v24h7.252v-9.068h6.431c5.871 0 8.23-2.086 8.23-7.315Zm-7.138 0c0 .786-.49 1.089-1.095 1.089h-6.429V6.59h6.43c.604 0 1.094.302 1.094 1.028"></path></svg> </div> <h1 class="mb-4 text-subheading-lg"> We’re sorry. We do not support this browser version </h1> <p class="my-4 text-subheading-sm text-white/50"> Please update your browser version and try again </p> <div class="flex flex-wrap justify-center vps-scrollbar-none"> <a href="https://www.google.com/chrome" target="" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1718736169/product/chrome_qoqom7.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Chrome </a><a href="https://www.microsoft.com/edge" target="" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1718736130/product/edge_ql5psr.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Microsoft Edge </a><a href="https://support.apple.com/en-us/HT204416" target="" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724130656/product/safari_muwtj4.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Safari </a><a href="https://www.mozilla.org/en-US/firefox/new" target="" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1718735736/product/firefox_kgnjdb.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Firefox </a> </div> <img src="https://res.cloudinary.com/veeps/image/upload/v1713287065/product/AllAccess_emfpzh.svg" class="w-20 h-20 mx-auto mt-4"> <p class="my-4 text-subheading-sm text-white/50"> Watch on one of our premium Smart TV or mobile apps </p> <div class="flex flex-wrap justify-center vps-scrollbar-none"> <a href="https://apps.veeps.com/tvos" target="_self" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131948/product/tvOS_sxhot8.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Apple TV </a><a href="https://apps.veeps.com/roku" target="_self" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131949/product/Roku_qewozn.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Roku </a><div id="samsung_tv" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131948/product/Samsung_bwhqxy.svg" class="block w-auto h-auto max-h-7"> <span class="text-left text-white/50">Visit Samsung App Store and search for Veeps</span> Samsung TV </div><a href="https://www.amazon.com/Veeps/dp/B0CLCWR77F" target="_blank" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131948/product/FireTV_arv16h.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Fire TV </a> <a href="https://apps.veeps.com/ios" target="_self" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131947/product/Apple_voleei.svg" loading="lazy" class="block w-auto h-auto max-h-7"> iOS App </a><a href="https://apps.veeps.com/android" target="_self" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131949/product/Android_tzkavz.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Android App </a> </div> <script> function isUnsupported(userAgent) { var supported_browsers = /Edge?\/(79|[89]\d|\d{3,})(\.\d+|)(\.\d+|)|Firefox\/(6[5-9]|[7-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(7[2-9]|[89]\d|\d{3,})\.\d+(\.\d+|)|Maci.* Version\/(12\.([1-9]|\d{2,})|(1[3-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(5[89]|[6-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(12[._]([2-9]|\d{2,})|(1[3-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Opera Mini|Android:?[ /\-](10[7-9]|1[1-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/(7[2-9]|[89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(10[6-9]|1[1-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(10[7-9]|1[1-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(13\.([4-9]|\d{2,})|(1[4-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(8\.([2-9]|\d{2,})|(9|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(13(\.([1-9]|\d{2,})|)|(1[4-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)/; var unsupported_browsers = /Silk|CCleaner/i return !supported_browsers.test(userAgent) || unsupported_browsers.test(userAgent) } if (window.navigator && isUnsupported(window.navigator.userAgent)) { var unsupported = document.getElementById("unsupported") document.body.classList.add("overflow-hidden"); unsupported.classList.remove("hidden"); unsupported.removeAttribute("hidden"); if (/(Mac|iPhone|iPod|iPad)/i.test(window.navigator.platform)) { document.getElementById("mse_link").classList.add("hidden"); document.getElementById("safari_link").classList.remove("hidden"); } } </script> </div> <noscript> <div id="unsupported_no_js" class="fixed inset-0 flex flex-col items-center justify-center p-8 text-center" style="background: #000; color: #fff; z-index: 100"> <div class="absolute flex justify-center top-8 inset-x-8 md:justify-start"> <svg class="w-20" viewbox="0 0 89 25" fill="none"><path d="M86.3565 19.0049C87.8178 19.0049 89 17.8227 89 16.3614C89 14.8836 87.8178 13.7178 86.3565 13.7178C84.8787 13.7178 83.7129 14.8836 83.7129 16.3614C83.7129 17.8227 84.8787 19.0049 86.3565 19.0049Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.3922 18.5293L17.3728 0.878699H12.4161L8.80826 14.2813H8.71076L5.08669 0.878699H0L6.02927 18.5293H11.3922ZM24.1666 18.908C28.4733 18.908 31.5935 16.5864 32.1136 13.1287H27.7582C27.3194 14.4789 25.9868 15.3515 24.2479 15.3515C21.8264 15.3515 20.25 13.6227 20.25 11.1035V10.8072H32.2598V9.34176C32.2598 3.97414 29.0583 0.5 23.9879 0.5C18.8362 0.5 15.5859 4.15525 15.5859 9.78632C15.5859 15.4339 18.8037 18.908 24.1666 18.908ZM27.7629 7.8599H20.3686C20.5311 5.65358 22.0262 4.05646 24.1064 4.05646C26.2191 4.05646 27.6654 5.60418 27.7629 7.8599ZM41.2885 18.908C45.5951 18.908 48.7154 16.5864 49.2355 13.1287H44.8801C44.4413 14.4789 43.1087 15.3515 41.3698 15.3515C38.9483 15.3515 37.3719 13.6227 37.3719 11.1035V10.8072H49.3817V9.34176C49.3817 3.97414 46.1802 0.5 41.1098 0.5C35.9581 0.5 32.7078 4.15525 32.7078 9.78632C32.7078 15.4339 35.9256 18.908 41.2885 18.908ZM44.8848 7.8599H37.4904C37.653 5.65358 39.1481 4.05646 41.2283 4.05646C43.341 4.05646 44.7873 5.60418 44.8848 7.8599ZM55.2793 24.2921V15.5656H55.3768C56.3032 17.5578 58.2533 18.8092 60.7886 18.8092C65.1439 18.8092 67.8417 15.3845 67.8417 9.70399C67.8417 4.00707 65.1277 0.598789 60.7073 0.598789C58.1883 0.598789 56.2544 1.88307 55.3118 3.95767H55.2143V0.878696H50.5339V24.2921H55.2793ZM59.1147 14.9399C56.7907 14.9399 55.2631 12.8982 55.2631 9.70399C55.2631 6.54269 56.7907 4.45162 59.1147 4.45162C61.4874 4.45162 62.9825 6.50976 62.9825 9.70399C62.9825 12.9147 61.4874 14.9399 59.1147 14.9399ZM75.0798 18.908C79.6789 18.908 82.8317 16.6193 82.8317 13.1452C82.8317 10.5108 81.4178 9.11125 77.9238 8.32093L74.5922 7.59646C73.0646 7.23423 72.317 6.64149 72.317 5.76884C72.317 4.63274 73.3896 3.87535 75.031 3.87535C76.7862 3.87535 77.9075 4.748 78.005 6.164H82.3766C82.3116 2.73925 79.4676 0.5 75.096 0.5C70.6269 0.5 67.7504 2.70632 67.7504 6.06521C67.7504 8.66669 69.4405 10.412 72.7396 11.1694L75.9573 11.8939C77.5175 12.2726 78.1025 12.7665 78.1025 13.6556C78.1025 14.8082 77.0137 15.5326 75.2098 15.5326C73.3246 15.5326 72.1708 14.6765 71.9432 13.1946H67.3116C67.5716 16.6358 70.4319 18.908 75.0798 18.908Z" fill="currentColor"></path></svg> </div> <h1 class="mb-4 font-medium text-subtitle1 md:text-h6"> We’re sorry. This site requires JavaScript to be enabled. </h1> <p class="text-subtitle2" style="color: #9898A1;"> Please enable JavaScript in your browser to continue. </p> </div> </noscript> </div> </body> </html>