CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="x-veeps-version" content="8f4d58cf5734eb75ccd3193f2f6979f3c6f98d23"> <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="AxkwNTART3IOYDsGCAVIDjEbUVQ7PR4hHwVEug-DaPkk_k89GRbdLPmc" name="csrf-token"> <title> Browse Pop 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 Pop 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":"Join AJ Rafael as he performs at the Gramercy Theatre in New York City. Relive the show as it happened live on August 25th. Tune in from wherever you are and enjoy the show with fans from all over the world!\n\nAll ticket purchases also include a 72 hour on demand viewing period. If you are based in the US you may enjoy the show on demand for a full year by choosing the Veeps All Access Subscription! ","endDate":"2025-10-21T02:00:00Z","eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1726088434/assets/qla3wvywt0cepq94chxc.jpg","name":"Take Me Back Tour - From Gramercy Theatre","performer":[{"@type":"MusicGroup","name":"AJ Rafael"}],"startDate":"2024-10-21T02:00:00Z","url":"https://veeps.com/ajrafael/7c60b628-2c41-49c0-b489-b8d2b58cb7c6"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Tune in from anywhere in the world to watch Tori Kelly's final US performance of her \"purple skies tour\", live from The Wiltern in Los Angeles, California. \n\nCan't join the show live? Each ticket will include a 7 day rental period with on demand, unlimited viewing access. Fans located in the US may also subscribe to Veeps All Access and enjoy the show all year.","endDate":"2025-11-10T05:00:00Z","eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1727800434/assets/g5oke9qkzoso9mbdrum5.jpg","name":"purple skies tour: Live from The Wiltern","performer":[{"@type":"MusicGroup","name":"Tori Kelly"}],"startDate":"2024-11-10T04:55:00Z","url":"https://veeps.com/torikelly/5567c3e7-7fd7-4cc1-baf0-016d1e2fb77c"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join Jesse McCartney LIVE on his ALL'S WELL TOUR Pt. 2. Broadcasting LIVE from the historic Ryman Auditorium. \n\nCan't watch the show live? This concert will be available to view on demand for 72 hours with the purchase of a ticket. US based viewers who subscribe to Veeps All Access may enjoy on demand for a FULL YEAR!","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1726518001/assets/ky73ylhksk7boytcyhtb.jpg","name":"All's Well Tour - Live from Ryman Auditorium","performer":[{"@type":"MusicGroup","name":"Jesse McCartney"}],"startDate":"2024-10-30T01:20:00Z","url":"https://veeps.com/jessemccartney/8ba73587-eec3-4723-889f-026fa460249e"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Tune in from anywhere in the world to watch Hey Violet's FINAL performance ever - live from Los Angeles, only on VEEPS.\n\nCan't join the show live? Each ticket will include a 7 day rental period with on demand, unlimited viewing access. Fans located in the US may also subscribe to Veeps All Access and enjoy the show for 2 years.","endDate":"2025-10-27T07:00:00Z","eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1728348048/assets/qfsymn9mmqfcelcum39h.jpg","name":"The Final Show","performer":[{"@type":"MusicGroup","name":"Hey Violet"}],"startDate":"2024-10-28T03:50:00Z","url":"https://veeps.com/heyviolet/fa442c32-e1f7-41d2-8949-7dac74eb1cdd"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Experience Coldplay's sold out, ten night run at Buenos Aires’ River Plate stadium. The film captures the band's acclaimed Music of the Spheres World Tour, which has been heralded by The Times as “the greatest live music show ever.”","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1715027811/assets/umrqtdn6oorx7pjhi4wd.jpg","name":"Music Of The Spheres: Live at River Plate","performer":[{"@type":"MusicGroup","name":"Coldplay"}],"startDate":"2024-05-11T19:00:00Z","url":"https://veeps.com/coldplay/ed1e4302-a9f7-4d4f-ab0c-51e61853734d"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Enjoy Train's show from the iconic and historic Royal Albert Hall in London. The concert, initially captured in April of 2024 utilized 18 cameras and will offer fans an experience unlike anything else. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1720568309/assets/a7llre6kn4sz26bu2ps2.jpg","name":"Live at Royal Albert Hall","performer":[{"@type":"MusicGroup","name":"Train"}],"startDate":"2024-07-23T00:00:00Z","url":"https://veeps.com/train/a4005628-b3f7-4c20-8e7e-31e658aa28f5"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Grammy-winning artist Sam Smith gives an intimate performance at the iconic Abbey Road Studios, featuring songs from their third album and more.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696191429/assets/wf9cupx7yflwzjz6ngky.jpg","name":"Love Goes - Live at Abbey Road Studios","performer":[{"@type":"MusicGroup","name":"Sam Smith"}],"startDate":"2021-03-19T20:00:00Z","url":"https://veeps.com/ms/4d2c98a5-df87-4544-8e35-441d626fdabc"},{"@context":"https://schema.org","@type":"MusicEvent","description":"In this session, Sofi Tukker offers up an incredibly unique and free-spirited sound blending elements of EDM, South American music, and psychedelia.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705618796/assets/fuvnlxwbeqsvannw2flp.jpg","name":"A Session with SOFI TUKKER","performer":[{"@type":"MusicGroup","name":"SOFI TUKKER"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/de8a6aaf-7c3a-4727-898e-6b9e45e8fac0"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Alicia Keys celebrates the 20th anniversary of her groundbreaking sophomore album, ‘The Diary of Alicia Keys,’ with a once-in-a-lifetime performance in New York City, 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/v1700099339/assets/t1nbdyldr97tauwoqwax.jpg","name":"The Diary of Alicia Keys: Live from New York","performer":[{"@type":"MusicGroup","name":"Alicia Keys"}],"startDate":"2023-12-02T02:00:00Z","url":"https://veeps.com/aliciakeys/ad2ea8b0-1887-4cc2-95a8-37c0010a4a33"},{"@context":"https://schema.org","@type":"MusicEvent","description":"The Don't Look Down Tour comes to an end, MisterWives perform in front of a sold-out crowd at The Wiltern in Los Angeles on October 11, 2023.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1698173113/assets/l4ogfil3nj9gu1uscjmb.jpg","name":"The Don't Look Down Tour","performer":[{"@type":"MusicGroup","name":"MisterWives"}],"startDate":"2023-10-12T04:00:00Z","url":"https://veeps.com/misterwives/eb74a83c-a90c-4a2d-8d90-81a8c080ba47"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join Eric Nam live from London on the *House on a Hill World Tour*, 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/v1709752533/assets/kyuvrnj4fwesftxps4iu.jpg","name":"House on a Hill World Tour: Live from London","performer":[{"@type":"MusicGroup","name":"Eric Nam"}],"startDate":"2024-03-26T20:50:00Z","url":"https://veeps.com/ericnam/aecb11ca-7323-4a09-9ee6-e704d1df36f9"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join The Aces live from the I've Loved You For So Long Tour at The Wiltern in Los Angeles, 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/v1697561487/assets/enxhovqaa76s8b19nofn.jpg","name":"I've Loved You For So Long: Live from Los Angeles","performer":[{"@type":"MusicGroup","name":"The Aces"}],"startDate":"2023-10-29T04:50:00Z","url":"https://veeps.com/theaces/0f803845-6297-48af-bf5e-f9eb6021d70e"},{"@context":"https://schema.org","@type":"MusicEvent","description":"The film includes all-access documentary footage with the band as they travel from continent to continent, telling the story of their incredible journey from that first gig in Sydney to selling out three consecutive nights at Wembley Arena.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696106561/assets/vom1t3jsokqylore54sm.jpg","name":"How Did We End Up Here? Live at Wembley","performer":[{"@type":"MusicGroup","name":"5 Seconds of Summer"}],"startDate":"2015-11-21T01:00:00Z","url":"https://veeps.com/ms/c70e9e61-8b50-411b-b775-3b3df8a2d54d"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate performance with the amazing Sara Bareilles.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705704749/assets/o0tobdwjxciwkup54gnt.jpg","name":"Live at the McKittrick Hotel","performer":[{"@type":"MusicGroup","name":"Sara Bareilles"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/244ba4b2-1e71-4e7a-9f9d-fbdb08a68d16"},{"@context":"https://schema.org","@type":"MusicEvent","description":"OneRepublic arrived in Johannesburg, South Africa, to play for 20,000 fans in an explosion of light and sound. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696183310/assets/rocqlpyvv1pmibx12geg.jpg","name":"Live in South Africa","performer":[{"@type":"MusicGroup","name":"OneRepublic"}],"startDate":"2015-06-19T11:00:00Z","url":"https://veeps.com/ms/4dc828cc-803e-4b38-9bcb-646ee4e451e1"},{"@context":"https://schema.org","@type":"MusicEvent","description":"If I Can't Have Love, I Want Power is a period fantasy horror film directed by Colin Tilley and produced by Jamee Ranta. Serving as a visual companion to American singer-songwriter Halsey's fourth studio album of the same name, the film stars herself in the lead in dual roles as Queen Lila, a young pregnant queen and Lilith, her look-alike. She was also credited as the writer of the film. Also starring in the film are Sasha Lane, Vuk Celebic, Brian Caspe and Marie Kaderabkova. The film explores themes of motherhood, misogyny, gender, through the elements of historic royalty and mysticism.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1687295189/assets/dzg4tvzckv5sywutvyra.jpg","name":"If I Can’t Have Love, I Want Power","performer":[{"@type":"MusicGroup","name":"Halsey"}],"startDate":"2021-08-26T00:00:00Z","url":"https://veeps.com/ms/b0c276b0-8ce5-463e-9ef1-54ea2e11c854"},{"@context":"https://schema.org","@type":"MusicEvent","description":"On July 2nd, 2012, Alanis Morissette returned to Montreux as part of her Guardian Angel Tour in support of her new album Havoc And Bright Lights. It was her third appearance at the festival. This is Alanis Morissette live at her very best.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696215598/assets/aiq1g9l9azcbctfwzxoc.jpg","name":"Live at Montreux","performer":[{"@type":"MusicGroup","name":"Alanis Morissette"}],"startDate":"2013-04-23T00:00:00Z","url":"https://veeps.com/ms/1239703f-2159-49f6-8953-e10b8def7261"},{"@context":"https://schema.org","@type":"MusicEvent","description":"A bracingly honest new documentary sourced from hundreds of hours of unseen archive and all-new conversations captured during the pandemic, the film features open and frank insights from each band member plus collaborators inextricably linked to the group's orchestral adventures.\n","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1687354083/assets/xrgtzlhvczxdrkkgxhwl.jpg","name":"ReOrchestrated","performer":[{"@type":"MusicGroup","name":"Bastille"}],"startDate":"2021-02-11T01:00:00Z","url":"https://veeps.com/ms/ca59c15d-a539-4c24-abe2-3856ff129b0e"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Relive Jesse's first tour in almost 4 years as he entered the stage with the aptly named, 'New Stage' Tour. \"I owe my career to the fans who come back to hear new songs and relive feelings of simpler times with the old songs.\" Jesse McCartney's concert is a feel-good night filled with nostalgia and hope for the future. ","endDate":"2025-10-30T01:00:00Z","eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1726606214/assets/fdry3jx8rmay53bxikgu.jpg","name":"Jesse McCartney from The House of Blues New Orleans 2022","performer":[{"@type":"MusicGroup","name":"Jesse McCartney"}],"startDate":"2022-06-11T03:15:00Z","url":"https://veeps.com/jessemccartney/b0119077-10b8-43ae-97ac-402583406849"},{"@context":"https://schema.org","@type":"MusicEvent","description":"The first-ever concert film from K-pop sensation MONSTA X will be broadcast for fans everywhere to watch on January 1, 2024 at 12:00 PM PT / 3:00 PM ET. \n\nJoin the global community to watch exclusive one-on-one interviews with each individual member, personal stories from their time in America, and a special concert clip exclusively for MONBEBE.\n\nPlease Note: The live broadcast will have English subtitles burned in.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1702578561/assets/a9rozmrljjohc52kaqak.jpg","name":"MONSTA X: The Dreaming","performer":[{"@type":"MusicGroup","name":"MONSTA X"}],"startDate":"2024-01-01T20:00:00Z","url":"https://veeps.com/monstax/1d84505e-0951-481c-ba20-c83ea84afb4c"},{"@context":"https://schema.org","@type":"MusicEvent","description":"An intimate film portrait of the world's biggest boy band: The Backstreet Boys; charting the highs, lows, betrayals and good fortunes of their 20 year journey from boyhood to manhood.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1717180670/assets/jm5mz5bkssy1mhv3g3ih.jpg","name":"Backstreet Boys: Show 'Em What You're Made Of","performer":[{"@type":"MusicGroup","name":"Backstreet Boys"},{"@type":"MusicGroup","name":"Nick Carter"}],"startDate":"2015-01-16T01:00:00Z","url":"https://veeps.com/gv/58d05077-9838-46c0-9baa-954ef18093ac"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Katy Perry: The Prismatic World Tour, is a sensory explosion of eye-popping theatrics and infectious pop tracks that secured Katyʼs place as one of the most captivating performers working today. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696221171/assets/oc2layjglwyhhuuxl0xt.jpg","name":"The Prismatic World Tour","performer":[{"@type":"MusicGroup","name":"Katy Perry"}],"startDate":"2016-04-16T03:00:00Z","url":"https://veeps.com/ms/9299e21c-1298-466d-9787-05738afd6fab"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Imagine Dragons perform a spectacular concert in front of 15,000 people in Toronto to end their Smoke + Mirrors tour.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696120976/assets/gx8l957r9ob5wnx7a35l.jpg","name":"Smoke + Mirrors","performer":[{"@type":"MusicGroup","name":"Imagine Dragons"}],"startDate":"2016-06-03T12:00:00Z","url":"https://veeps.com/ms/3fa24c77-9e8f-4e5c-bd5c-a06d1e98d50a"},{"@context":"https://schema.org","@type":"MusicEvent","description":"The genuine is coming. One and only festival for KPOP Fans in Europe. Streaming live on Veeps from PGE Narodowy Stadium in Warsaw with performances by The Boyz, Mamamoo+, Kep1er, CIX, ZEROBASEONE, SF9, (G)I-DLE, & Monsta X (SHOWNU X HYUNGWON)\n","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1701307686/assets/jevxswurazffd095nsnf.jpg","name":"KPOP NATION Special Edition (Subtitles)","performer":[{"@type":"MusicGroup","name":"KPOP NATION"},{"@type":"MusicGroup","name":"THE BOYZ"},{"@type":"MusicGroup","name":"Mamamoo"},{"@type":"MusicGroup","name":"KEP1ER"},{"@type":"MusicGroup","name":"CIX"},{"@type":"MusicGroup","name":"ZEROBASEONE"},{"@type":"MusicGroup","name":"SF9"},{"@type":"MusicGroup","name":"(G)I-DLE"},{"@type":"MusicGroup","name":"MONSTA X"}],"startDate":"2023-09-23T17:00:00Z","url":"https://veeps.com/kpopnation/ed634989-176b-44f6-a29e-adc84bd12333"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Back by popular demand, Louis Tomlinson's, \"For Every Questions Why: Live and Direct from Mexico City\" is back exclusively on Veeps! \n\nThis special, remastered edition of the concert, directed by Sam Wrench (Billie Eilish: Live At The O2, Taylor Swift: The Eras Tour) is now available to view on demand! The show was originally filmed on June 1, 2024, when Louis Tomlinson became the first male solo artist to headline the Autódromo Hermanos Rodríguez - the world famous home of the Mexican F1 Grand Prix. \n\nJoin Louis fans all over the world to celebrate this special global broadcast and relive the history making performance. Use #FEQWMexicoCity on socials to let us know where you are tuning in from!","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1723058407/assets/m4vowzf50ygm44kmg0i0.jpg","name":"For Every Question Why - Remastered Edition","performer":[{"@type":"MusicGroup","name":"Louis Tomlinson"}],"startDate":"2024-08-10T19:00:00Z","url":"https://veeps.com/louistomlinson/ea453a51-05fa-4c6a-aacf-7b753dd637ac"},{"@context":"https://schema.org","@type":"MusicEvent","description":"The Twenty Tour :Live from Croke Park is a celebration of one of pop's most sensational comebacks. Filmed at Westlife's homecoming gig in summer 2019, this spectacular live show features Shane, Nicky, Mark and Kian at their very best, performing their greatest hits to the backdrop of the iconic Croke Park stadium in Dublin, Ireland. Includes incredible performances of all their hit singles, including 'Uptown Girl', 'You Raise Me Up', 'Flying Without Wings' and 'World Of Our Own', along with brand new tracks 'Hello My Love', 'Better Man' and 'Dynamite' to a sell-out crowd with spectacular staging, lights and effects.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1698277978/assets/upxfuno1aixl6lwftahr.jpg","name":"The Twenty Tour: Live At Croke Park","performer":[{"@type":"MusicGroup","name":"Westlife"}],"startDate":"2020-02-28T01:00:00Z","url":"https://veeps.com/ms/f5f105d4-19be-46ad-b717-108854276b5e"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Reggaetón superstar J Balvin returns to his hometown of Medellín, Colombia to perform a special anniversary concert entitled \"BRUUTTAL\".","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696219502/assets/gczfoznxcvutvqnpjkcf.jpg","name":"BRUUTTAL: Live In Medellin","performer":[{"@type":"MusicGroup","name":"J Balvin"}],"startDate":"2018-07-21T00:00:00Z","url":"https://veeps.com/ms/10a4d2c7-328b-4f27-b399-debe4ddeabbe"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Filmed in November 2010 in the palatial surroundings of the wonderful art deco Pantages Theatre in Hollywood, this film captures Sheryl Crow on tour in support of her hit album 100 Miles from Memphis. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696251428/assets/dlfnuvyioym6sqbn4rnx.jpg","name":"Miles from Memphis","performer":[{"@type":"MusicGroup","name":"Sheryl Crow"}],"startDate":"2011-06-08T00:00:00Z","url":"https://veeps.com/ms/b563cc31-11c8-43f0-9f8e-788a741180c3"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Multiple Grammy Award winner, Norah Jones, plays an exclusive sold-out show at the world-famous Ronnie Scott’s Jazz Club in London. This wonderfully intimate live performance film sees Jones return to the piano, accompanied on stage by drummer Brian Blade and bassist Chris Thomas to form a classic jazz trio.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696131789/assets/iy4nggdefsgwe2lz566p.jpg","name":"Live at Ronnie Scott's","performer":[{"@type":"MusicGroup","name":"Norah Jones"}],"startDate":"2018-06-16T00:00:00Z","url":"https://veeps.com/ms/4d841ca9-f872-4937-8930-cca76e46406e"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with pop-rock icons, HANSON","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705456402/assets/mdtypw7weuk1vnp2qvbg.jpg","name":"A Session With Hanson at HQ","performer":[{"@type":"MusicGroup","name":"HANSON"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/070a0c26-13cf-4bc2-8730-62114ea9f818"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Celebrate the 20th Anniversary of Hanson's classic album, 'Underneath.' Tune in for night 1 of 2 at The Belasco for an intimate acoustic set. ","endDate":"2026-11-11T05:00:00Z","eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1727714449/assets/gebhqobas6qe3m8r9kss.jpg","name":"Night 1 - Underneath Experience Tour: Acoustic","performer":[{"@type":"MusicGroup","name":"HANSON"}],"startDate":"2024-11-11T04:00:00Z","url":"https://veeps.com/hanson/aad98a37-4bba-40a8-aa7a-b420d9de2646"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Joined by very special guests SB19, Singer/Songwriter, JVKE performs to a sold-out crowd for the very last show of his tour, \"What Tour Feels Like',\" live from House of Blues Boston. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696307252/assets/quwper8tnfb5lynbyizx.jpg","name":"What Tour Feels Like","performer":[{"@type":"MusicGroup","name":"JVKE"},{"@type":"MusicGroup","name":"SB19"}],"startDate":"2023-09-03T00:30:00Z","url":"https://veeps.com/jvke/74e507a8-f0e5-4e6a-a635-e5c9c23d111b"},{"@context":"https://schema.org","@type":"MusicEvent","description":"When CHVRCHES touched down in NYC to kick off their 2015 world tour in support of Every Open Eye, this interview captures their surreal concert at Central Park Summer Stage as well as examine the extremely close and very deliberate relationship the band shares with their fans.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1706909893/assets/p75castdulvzd4lp4vyj.jpg","name":"Behind The Scenes With CHVRCHES","performer":[{"@type":"MusicGroup","name":"CHVRCHES"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/5f3c6a0b-d888-4ab3-84da-895612c478a4"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Imagine Dragons' front man Dan Reynolds explores how the Mormon church treats its LGBTQ members. With the rising suicide rate amongst teens in the state of Utah, his concern with the church's policies sends him on an path for change.\n","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1719941644/assets/sqhorzm6f0fqwmu7zbzb.jpg","name":"Believer","performer":[{"@type":"MusicGroup","name":"Imagine Dragons"}],"startDate":"2024-04-01T17:03:00Z","url":"https://veeps.com/imaginedragons/7ac94ff0-3b50-4ac4-80e4-e3eeca74de29"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Singer-songwriter Jax on her deep love of emo music, examining the world of online comments and building a dream life both in and out of the music industry.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1726169787/assets/eaxl1uujjubkdfklil7d.jpg","name":"Artist Friendly | Jax","performer":[{"@type":"MusicGroup","name":"Jax"},{"@type":"MusicGroup","name":"Artist Friendly"},{"@type":"MusicGroup","name":"Joel Madden"}],"startDate":"2024-09-18T17:00:00Z","url":"https://veeps.com/artistfriendly/ad75fd6e-dc14-4b03-9d20-493167e22df4"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Singer-songwriter Alec Benjamin on consistency over perfection, the use of AI, and growing his career incrementally.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1716220652/assets/ccfjq5tbb9w3obwiekqo.jpg","name":"Artist Friendly | Alec Benjamin","performer":[{"@type":"MusicGroup","name":"Alec Benjamin"},{"@type":"MusicGroup","name":"Artist Friendly"},{"@type":"MusicGroup","name":"Joel Madden"}],"startDate":"2024-05-22T17:00:00Z","url":"https://veeps.com/artistfriendly/697737af-6245-4b2b-8e54-59b16423e2a2"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Grammy award-winning singer/songwriter Tori Kelly celebrates her upcoming tour and new album, TORI.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1712331718/assets/xxvke3ni0erkrzktkfaz.jpg","name":"Artist Friendly | Tori Kelly","performer":[{"@type":"MusicGroup","name":"Tori Kelly"},{"@type":"MusicGroup","name":"Artist Friendly"},{"@type":"MusicGroup","name":"Joel Madden"}],"startDate":"2024-04-10T17:00:00Z","url":"https://veeps.com/artistfriendly/5f0f792c-9602-470d-8328-dbd7ea5e0a5d"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Singer/songwriter, Bea Miller on the importance of drive and self-belief, starting in the music industry at 15, and working with Benji and Joel Madden. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1713479391/assets/jqfllnsyuji7lbckmzt6.jpg","name":"Artist Friendly | Bea Miller","performer":[{"@type":"MusicGroup","name":"Bea Miller"},{"@type":"MusicGroup","name":"Artist Friendly"},{"@type":"MusicGroup","name":"Joel Madden"}],"startDate":"2024-04-24T17:00:00Z","url":"https://veeps.com/artistfriendly/7cbde567-2f06-450a-a28d-04d728147c7d"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Joel Madden sits down with Ashton Irwin of 5SOS 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/v1714579892/assets/ottl7qtbebjnzxv5iwfh.jpg","name":"Ashton Irwin of 5 Seconds of Summer","performer":[{"@type":"MusicGroup","name":"Ashton Irwin"},{"@type":"MusicGroup","name":"Artist Friendly"},{"@type":"MusicGroup","name":"Joel Madden"},{"@type":"MusicGroup","name":"5 Seconds of Summer"}],"startDate":"2023-07-26T17:00:00Z","url":"https://veeps.com/artistfriendly/be511e56-000d-4e41-a277-caaa5ed651be"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Joel Madden sits down with Kailee Morgue 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/v1714595173/assets/d9yuy65qcojdltqhpa8h.jpg","name":"Kailee Morgue","performer":[{"@type":"MusicGroup","name":"Kailee Morgue"},{"@type":"MusicGroup","name":"Artist Friendly"},{"@type":"MusicGroup","name":"Joel Madden"}],"startDate":"2023-07-05T17:00:00Z","url":"https://veeps.com/artistfriendly/c1cdabb2-0b53-4be8-aca3-7247f418d291"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Sit down and tune in for a discussion with Melanie Martinez.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705962694/assets/ivo9qyqri5z0an269zao.jpg","name":"An Interview With Melanie Martinez","performer":[{"@type":"MusicGroup","name":"Melanie Martinez"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/6c940cbb-5906-49e3-aab4-dd9df2ee9f60"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Sit down for this in-depth interview with Carly Rae Jepsen. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1706902093/assets/fx1qzeblxhurv3u5gmer.jpg","name":"An Interview With Carly Rae Jepsen","performer":[{"@type":"MusicGroup","name":"Carly Rae Jepsen"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/8c4e3fa7-dffb-45e4-80c5-cd581ea4b20f"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with Aurora. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1706830601/assets/rwta13mbpkk6rzzftgsz.jpg","name":"Session with Aurora","performer":[{"@type":"MusicGroup","name":"Aurora"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/20ce6e3f-7603-4300-840e-25236735917b"},{"@context":"https://schema.org","@type":"MusicEvent","description":"A sublime session and beatboxing lesson from the one and only, Matisyahu.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705960559/assets/facdkjeqpm3xy7fdojzp.jpg","name":"A Session With Matisyahu","performer":[{"@type":"MusicGroup","name":"Matisyahu"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/fecac793-cae7-46a9-beaf-1b828a07b0a6"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with four-piece indie pop band, Lucius. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705429241/assets/gqnepslqitddja9wxeyn.jpg","name":"A Session With Lucius","performer":[{"@type":"MusicGroup","name":"Lucius"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/5c3de73e-66c3-48dd-8715-70517d56fa31"},{"@context":"https://schema.org","@type":"MusicEvent","description":"NYC family trio, AJR, drop the kind of scrumptious, DIY pop that will rattle around in your brain for days in this catchy session.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705964725/assets/grqfe1ddcqhopvuiyn7r.jpg","name":"A Session With AJR","performer":[{"@type":"MusicGroup","name":"AJR"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/abbceae2-26a3-4791-ac4c-774cd17f7382"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Tune in for an intimate Dead Kitten Session With MisterWives.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705275347/assets/ym8rejrup6iekfqxtr67.jpg","name":"A Dead Kitten Session With MisterWives","performer":[{"@type":"MusicGroup","name":"MisterWives"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/b305d2ff-7ca7-4eb0-99b1-8e83a89fc3ff"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with Haley Reinhart.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1732043194/assets/s6m6kpuyxw68bvznqzen.jpg","name":"A Session With Haley Reinhart ","performer":[{"@type":"MusicGroup","name":"Haley Reinhart"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/d8f1791e-2d59-4c4e-900d-cb6847d80974"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with pop rock band, The Aces. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705947198/assets/rk4w3leuiqlyf5ughev8.jpg","name":"A Session With The Aces","performer":[{"@type":"MusicGroup","name":"The Aces"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/6f852554-0c0d-43b8-b078-b756b45fe30f"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Enjoy this exclusive session with Chelsea Cutler.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1706906766/assets/l3vzny6c1qefkkrpyxfo.jpg","name":"A Session With Chelsea Cutler","performer":[{"@type":"MusicGroup","name":"Chelsea Cutler"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/0d43cdee-436c-4f71-8760-794fd8a5836e"},{"@context":"https://schema.org","@type":"MusicEvent","description":"A R I Z O N A gives us a night to remember with performances of \"Oceans Away,\" \"Cross My Mind,\" and more in this intimate session.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1706058321/assets/yg3opwtgmzbsip5ze1h1.jpg","name":"A Bands and Brews Session With A R I Z O N A","performer":[{"@type":"MusicGroup","name":"A R I Z O N A"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/4771b486-796e-4675-b870-661e9ba24a2c"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with British R&B singer/songwriter Izzy Bizu.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705275243/assets/mfncwplkaqfnpr0czizs.jpg","name":"A Session With Izzy Bizu ","performer":[{"@type":"MusicGroup","name":"Izzy Bizu"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/b316429e-3f00-4ae7-8201-025531d13985"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with Goldroom as they perform at Hype Machine's Hype Hotel.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705890148/assets/ijaureufr9zn6k9o9dln.jpg","name":"Goldroom - Live at Hype Machine's Hype Hotel ","performer":[{"@type":"MusicGroup","name":"Goldroom"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/437b3603-1e89-4e02-9daa-1e7911004e47"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Sit down with us for an interview with Grammy-nominated songwriter Emily Warren. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705944007/assets/wq5cgevd7bupmjldblkr.jpg","name":"The Writer's Block With Emily Warren","performer":[{"@type":"MusicGroup","name":"Emily Warren"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/ebf8762e-ab4f-4f4d-a33f-7eb3a401194d"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with White Arrows. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705088653/assets/mogkjws5cmeyatfoywbd.jpg","name":"A Festival Fever Session","performer":[{"@type":"MusicGroup","name":"White Arrows"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/e48aa4be-5c38-4a85-bd90-07daafb1f9cf"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an exclusive and intimate conversation with pop star Melanie Martinez.\n","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705963002/assets/hfkarirxpg80s0hfi6wh.jpg","name":"A Session With Melanie Martinez","performer":[{"@type":"MusicGroup","name":"Melanie Martinez"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/02bb50ec-a026-4b25-8907-a7333650ceee"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for this intimate session with Alex Clare. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705966145/assets/qlxvgon72oudsispfp1p.jpg","name":"A Session With Alex Clare","performer":[{"@type":"MusicGroup","name":"Alex Clare"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/4ba8b905-b81d-4f00-a11a-755b70f30c0d"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Chuck and Darren Criss AKA Computer Games perform an incredible acoustic performance.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1707330776/assets/ygjbscduasfpmwfj5yt5.jpg","name":"A Session With Computer Games","performer":[{"@type":"MusicGroup","name":"Computer Games"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/140969ab-c861-4139-b537-4e49f84eb5d8"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with electronic-dance duo Salt Cathedral. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705704425/assets/fl5qajxbuoqtlhxznah8.jpg","name":"Salt Cathedral","performer":[{"@type":"MusicGroup","name":"Salt Cathedral"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/52fe9152-cd61-4e20-9d8e-53e4be79f2a0"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with dream pop and synthpop musical duo based in New York City, Paperwhite. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705443743/assets/cb39vrkwgveamurns0be.jpg","name":"In Session With Paperwhite","performer":[{"@type":"MusicGroup","name":"Paperwhite"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/85513c35-6587-45e5-a5c5-b43a1eed96a3"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with Jasmine Thompson.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705274384/assets/ulo6snajrqoglbpinhvo.jpg","name":"A Session With Jasmine Thompson","performer":[{"@type":"MusicGroup","name":"JASMINE THOMPSON"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/1a6c4fb8-b118-4d13-8975-a45e03aa5711"}]} </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-535f4018a951022af21a50b06c53f0d4.css?vsn=d?v=8f4d58cf5734eb75ccd3193f2f6979f3c6f98d23"> <script> // NOTE: Must be defined before the tag manager snippet. // It also defines the layer before the org gtag is created so they share // the layer. Google recommends only 1 layer on a site. 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: { envName: "prod", hash: "8f4d58cf5734eb75ccd3193f2f6979f3c6f98d23", sentryDsn: "https://aa6faeae7ced4e7ca128b6245482ebdc@o94174.ingest.sentry.io/6135000", sentryEnv: "prd" } }; </script> <script defer phx-track-static type="text/javascript" src="/assets/app-0a84aec04786f131870047e32ed61e4f.js?vsn=d?v=8f4d58cf5734eb75ccd3193f2f6979f3c6f98d23"> </script> </head> <body class="theme-fan overscroll-none text-body text-white vps-loading-page route-browsepop 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-GCUbEyhkEIVQBjcB" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIdwJpZG0AAAAUcGh4LUdDVWJFeWhrRUlWUUJqY0J3B3Nlc3Npb250AAAAAHcEdmlld3caRWxpeGlyLlZlZXBzV2ViLkJyb3dzZUxpdmV3CnBhcmVudF9waWR3A25pbHcGcm91dGVydxZFbGl4aXIuVmVlcHNXZWIuUm91dGVydwhyb290X3BpZHcDbmlsdwxsaXZlX3Nlc3Npb25oAncTdmVlcHNfY29uc3VtZXJfbWFpbm4IAPwvmnYRXSMYdwlyb290X3ZpZXd3GkVsaXhpci5WZWVwc1dlYi5Ccm93c2VMaXZlbgYAvhm_FZUBYgABUYA.L88MFYIPzwlzoav3dMSuMtq3fLqncAgoVe6zs8hqHxw" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAUcGh4LUdDVWJFeWhrRUlWUUJqY0J3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAABncHc3RyZWFtc3cJc3ViZG9tYWludw5sYXlvdXRfYXNzaWduc3cPdHJhY2tpbmdfcGFyYW1zdwpnaG9zdF91c2VydwxjdXJyZW50X3VzZXJqbgYAvhm_FZUBYgABUYA.-optI8Lc3kFIgH0NFv0LKQdb-Ku61hRg92r12gNcA8E"><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" aria-label="VEEPS" data-testid="header_logo"> <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_4d2797fe-d1bb-4adf-addd-a7a948c50ffd" class="relative group" phx-hook="Dropdown" phx-click-away="[["remove_attr",{"attr":"aria-expanded","to":"#genres_menu_desktop_4d2797fe-d1bb-4adf-addd-a7a948c50ffd_trigger"}],["hide",{"time":300,"to":"#genres_menu_desktop_4d2797fe-d1bb-4adf-addd-a7a948c50ffd_content","transition":[["ease-out-back","duration-300"],["opacity-100"],["opacity-0"]]}]]"> <button aria-controls="genres_menu_desktop_4d2797fe-d1bb-4adf-addd-a7a948c50ffd_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_4d2797fe-d1bb-4adf-addd-a7a948c50ffd_trigger" type="button" phx-click="[["toggle_attr",{"attr":["aria-expanded","true","false"],"to":"#genres_menu_desktop_4d2797fe-d1bb-4adf-addd-a7a948c50ffd_trigger"}],["toggle",{"time":300,"ins":[["ease-in-out-cubic","duration-300"],["opacity-0"],["opacity-100"]],"to":"#genres_menu_desktop_4d2797fe-d1bb-4adf-addd-a7a948c50ffd_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_4d2797fe-d1bb-4adf-addd-a7a948c50ffd_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.g2gDaAJhBXQAAAADdwJpZG0AAAALc2VhcmNoX2xpdmV3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdqbgYAvhm_FZUBYgABUYA.CDaqXF7vcKXFpn_ma_XL_aey5b6MeQ2L1FJl45CViHY" data-phx-parent-id="phx-GCUbEyhkEIVQBjcB"><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_fe8c3296-df55-4505-90e9-9a7658acd0bc" class="relative group" phx-hook="Dropdown" phx-click-away="[["remove_attr",{"attr":"aria-expanded","to":"#genres_menu_desktop_fe8c3296-df55-4505-90e9-9a7658acd0bc_trigger"}],["hide",{"time":300,"to":"#genres_menu_desktop_fe8c3296-df55-4505-90e9-9a7658acd0bc_content","transition":[["ease-out-back","duration-300"],["opacity-100"],["opacity-0"]]}]]"> <button aria-controls="genres_menu_desktop_fe8c3296-df55-4505-90e9-9a7658acd0bc_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_fe8c3296-df55-4505-90e9-9a7658acd0bc_trigger" type="button" phx-click="[["toggle_attr",{"attr":["aria-expanded","true","false"],"to":"#genres_menu_desktop_fe8c3296-df55-4505-90e9-9a7658acd0bc_trigger"}],["toggle",{"time":300,"ins":[["ease-in-out-cubic","duration-300"],["opacity-0"],["opacity-100"]],"to":"#genres_menu_desktop_fe8c3296-df55-4505-90e9-9a7658acd0bc_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_fe8c3296-df55-4505-90e9-9a7658acd0bc_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-hook="PageTransitions" phx-connected="[["dispatch",{"event":"phx:connected"}],["remove_class",{"names":["opacity-0","animate-page-enter"]}]]" phx-remove="[["add_class",{"names":["opacity-0"]}]]"> <div id="browse_live"> <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">Pop</h1> </div> </div> <div id="browse_rails" phx-update="stream"> <section id="rails-50806da9-5a94-4576-8ce3-9b0ba93599ca" class="mb-20 only-of-type:mb-0 " data-cards-list="wide" data-testid="ds_cards_list" data-variant="carousel"> <div class="w-full relative" data-testid="ds_cards_list_items" id="carousel_rails-50806da9-5a94-4576-8ce3-9b0ba93599ca"> <section class="relative flex flex-col justify-end w-full overflow-hidden max-h-available-space min-h-[95vh]" data-testid="ds_card_hero" data-card="wide"> <div class="absolute inset-0 bg-placeholder"> <video id="7c60b628-2c41-49c0-b489-b8d2b58cb7c6_wide_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 0px 400px 0px" data-video-url="https://stream.mux.com/fBjukFAFYino2H00trah3CVKXBzrGZFGjpWnnUISDATw/high.mp4" data-url-default-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_sm_webm/https://stream.mux.com/fBjukFAFYino2H00trah3CVKXBzrGZFGjpWnnUISDATw/high.mp4" data-url-default="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_sm/https://stream.mux.com/fBjukFAFYino2H00trah3CVKXBzrGZFGjpWnnUISDATw/high.mp4" data-url-sm-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_md_webm/https://stream.mux.com/fBjukFAFYino2H00trah3CVKXBzrGZFGjpWnnUISDATw/high.mp4" data-url-sm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_md/https://stream.mux.com/fBjukFAFYino2H00trah3CVKXBzrGZFGjpWnnUISDATw/high.mp4" data-url-md-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_lg_webm/https://stream.mux.com/fBjukFAFYino2H00trah3CVKXBzrGZFGjpWnnUISDATw/high.mp4" data-url-md="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_lg/https://stream.mux.com/fBjukFAFYino2H00trah3CVKXBzrGZFGjpWnnUISDATw/high.mp4"> </video> <div class="absolute inset-0 pointer-events-none bg-gradient-wide-card backface-hidden"></div> </div> <div class="relative flex flex-wrap p-5 md:p-10 " data-card-content="wide"> <div data-all-access-badge class="flex items-center order-1 w-full mb-6 text-white/50 3xl:-mt-2 "> <img src="https://res.cloudinary.com/veeps/image/upload/v1713287065/product/AllAccess_emfpzh.svg" class="mr-3 w-7 h-7"> All Access </div> <picture class="order-1"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_hero_logo_webp/v1726088329/assets/jeyjvd97t74nz19ynplr.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_hero_logo/v1726088329/assets/jeyjvd97t74nz19ynplr.png" alt="" loading="lazy" class="max-h-20 w-fit max-w-55 text-left object-contain md:object-left-bottom object-left-bottom" data-testid="ds_card_logo"> </picture> <div class="text-heading-xs order-2 w-full py-6 3xl:py-8 grid grid-cols-12"> <h1 class="col-span-12 md:col-span-9 xl:col-span-7" data-testid="ds_card_title"> Take Me Back Tour - From Gramercy Theatre </h1> </div> <div class="flex flex-wrap justify-center order-5 max-w-full space-x-2 md:w-auto md:pr-6 shrink-0" data-testid="ds_card_action" id="7c60b628-2c41-49c0-b489-b8d2b58cb7c6_actions" phx-hook="SelectItemEvent" data-list-id="7c60b628-2c41-49c0-b489-b8d2b58cb7c6" data-list-name="genre-pop_wide_actions"> <a href="/ajrafael/7c60b628-2c41-49c0-b489-b8d2b58cb7c6" 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/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 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> </div> </div> </section> </div> </section><section id="rails-7f6d47ea-3bbd-480b-a404-56d45b1908e2" 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-7f6d47ea-3bbd-480b-a404-56d45b1908e2" data-list-name="Top 10 Pop" 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 Pop</h2> </div> <div class="relative" id="landscape_rail_rails-7f6d47ea-3bbd-480b-a404-56d45b1908e2" 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-7f6d47ea-3bbd-480b-a404-56d45b1908e2" data-carousel-type="chart" phx-hook="Carousel"> <div id="landscape_card_5567c3e7-7fd7-4cc1-baf0-016d1e2fb77c_c3494e84-f924-4548-99fd-541186142fb2" 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_5567c3e7-7fd7-4cc1-baf0-016d1e2fb77c_c3494e84-f924-4548-99fd-541186142fb2" data-item-name="Tori Kelly - purple skies tour: Live from The Wiltern" data-card-id="landscape_card_5567c3e7-7fd7-4cc1-baf0-016d1e2fb77c_c3494e84-f924-4548-99fd-541186142fb2_landscape_card" data-overlay-id="landscape_card_5567c3e7-7fd7-4cc1-baf0-016d1e2fb77c_c3494e84-f924-4548-99fd-541186142fb2_landscape_overlay" data-mute-id="landscape_card_5567c3e7-7fd7-4cc1-baf0-016d1e2fb77c_c3494e84-f924-4548-99fd-541186142fb2_toggle_mute"> <a href="/torikelly/5567c3e7-7fd7-4cc1-baf0-016d1e2fb77c" 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_5567c3e7-7fd7-4cc1-baf0-016d1e2fb77c_c3494e84-f924-4548-99fd-541186142fb2_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/v1727800434/assets/g5oke9qkzoso9mbdrum5.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1727800434/assets/g5oke9qkzoso9mbdrum5.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Tori Kelly </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> purple skies tour: Live from The Wiltern </p> </div> </div> </button> </div><div id="landscape_card_8ba73587-eec3-4723-889f-026fa460249e_fb72719f-cb46-4708-9dbe-6eeb9c373276" 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_8ba73587-eec3-4723-889f-026fa460249e_fb72719f-cb46-4708-9dbe-6eeb9c373276" data-item-name="Jesse McCartney - All's Well Tour - Live from Ryman Auditorium" data-card-id="landscape_card_8ba73587-eec3-4723-889f-026fa460249e_fb72719f-cb46-4708-9dbe-6eeb9c373276_landscape_card" data-overlay-id="landscape_card_8ba73587-eec3-4723-889f-026fa460249e_fb72719f-cb46-4708-9dbe-6eeb9c373276_landscape_overlay" data-mute-id="landscape_card_8ba73587-eec3-4723-889f-026fa460249e_fb72719f-cb46-4708-9dbe-6eeb9c373276_toggle_mute"> <a href="/jessemccartney/8ba73587-eec3-4723-889f-026fa460249e" 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_8ba73587-eec3-4723-889f-026fa460249e_fb72719f-cb46-4708-9dbe-6eeb9c373276_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/v1726518001/assets/ky73ylhksk7boytcyhtb.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1726518001/assets/ky73ylhksk7boytcyhtb.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Jesse McCartney </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> All's Well Tour - Live from Ryman Auditorium </p> </div> </div> </button> </div><div id="landscape_card_fa442c32-e1f7-41d2-8949-7dac74eb1cdd_dacd0ea8-aa8c-4e74-b6ee-7b19a50135c9" 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_fa442c32-e1f7-41d2-8949-7dac74eb1cdd_dacd0ea8-aa8c-4e74-b6ee-7b19a50135c9" data-item-name="Hey Violet - The Final Show" data-card-id="landscape_card_fa442c32-e1f7-41d2-8949-7dac74eb1cdd_dacd0ea8-aa8c-4e74-b6ee-7b19a50135c9_landscape_card" data-overlay-id="landscape_card_fa442c32-e1f7-41d2-8949-7dac74eb1cdd_dacd0ea8-aa8c-4e74-b6ee-7b19a50135c9_landscape_overlay" data-mute-id="landscape_card_fa442c32-e1f7-41d2-8949-7dac74eb1cdd_dacd0ea8-aa8c-4e74-b6ee-7b19a50135c9_toggle_mute"> <a href="/heyviolet/fa442c32-e1f7-41d2-8949-7dac74eb1cdd" 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_fa442c32-e1f7-41d2-8949-7dac74eb1cdd_dacd0ea8-aa8c-4e74-b6ee-7b19a50135c9_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/v1728348048/assets/qfsymn9mmqfcelcum39h.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1728348048/assets/qfsymn9mmqfcelcum39h.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Hey Violet </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> The Final Show </p> </div> </div> </button> </div><div id="landscape_card_ed1e4302-a9f7-4d4f-ab0c-51e61853734d_250ee49f-25d5-46a7-95d1-208d25129088" 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_ed1e4302-a9f7-4d4f-ab0c-51e61853734d_250ee49f-25d5-46a7-95d1-208d25129088" data-item-name="Coldplay - Music Of The Spheres: Live at River Plate" data-card-id="landscape_card_ed1e4302-a9f7-4d4f-ab0c-51e61853734d_250ee49f-25d5-46a7-95d1-208d25129088_landscape_card" data-overlay-id="landscape_card_ed1e4302-a9f7-4d4f-ab0c-51e61853734d_250ee49f-25d5-46a7-95d1-208d25129088_landscape_overlay" data-mute-id="landscape_card_ed1e4302-a9f7-4d4f-ab0c-51e61853734d_250ee49f-25d5-46a7-95d1-208d25129088_toggle_mute"> <a href="/coldplay/ed1e4302-a9f7-4d4f-ab0c-51e61853734d" 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_ed1e4302-a9f7-4d4f-ab0c-51e61853734d_250ee49f-25d5-46a7-95d1-208d25129088_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/v1715027811/assets/umrqtdn6oorx7pjhi4wd.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1715027811/assets/umrqtdn6oorx7pjhi4wd.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Coldplay </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Music Of The Spheres: Live at River Plate </p> </div> </div> </button> </div><div id="landscape_card_a4005628-b3f7-4c20-8e7e-31e658aa28f5_0a1d07a8-65bb-4d04-bb59-504035d9bf1d" 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_a4005628-b3f7-4c20-8e7e-31e658aa28f5_0a1d07a8-65bb-4d04-bb59-504035d9bf1d" data-item-name="Train - Live at Royal Albert Hall" data-card-id="landscape_card_a4005628-b3f7-4c20-8e7e-31e658aa28f5_0a1d07a8-65bb-4d04-bb59-504035d9bf1d_landscape_card" data-overlay-id="landscape_card_a4005628-b3f7-4c20-8e7e-31e658aa28f5_0a1d07a8-65bb-4d04-bb59-504035d9bf1d_landscape_overlay" data-mute-id="landscape_card_a4005628-b3f7-4c20-8e7e-31e658aa28f5_0a1d07a8-65bb-4d04-bb59-504035d9bf1d_toggle_mute"> <a href="/train/a4005628-b3f7-4c20-8e7e-31e658aa28f5" 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_a4005628-b3f7-4c20-8e7e-31e658aa28f5_0a1d07a8-65bb-4d04-bb59-504035d9bf1d_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/v1720568309/assets/a7llre6kn4sz26bu2ps2.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1720568309/assets/a7llre6kn4sz26bu2ps2.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Train </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live at Royal Albert Hall </p> </div> </div> </button> </div><div id="landscape_card_4d2c98a5-df87-4544-8e35-441d626fdabc_8eeb71f7-469a-4eb3-827b-f380b64c0827" 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_4d2c98a5-df87-4544-8e35-441d626fdabc_8eeb71f7-469a-4eb3-827b-f380b64c0827" data-item-name="Sam Smith - Love Goes - Live at Abbey Road Studios" data-card-id="landscape_card_4d2c98a5-df87-4544-8e35-441d626fdabc_8eeb71f7-469a-4eb3-827b-f380b64c0827_landscape_card" data-overlay-id="landscape_card_4d2c98a5-df87-4544-8e35-441d626fdabc_8eeb71f7-469a-4eb3-827b-f380b64c0827_landscape_overlay" data-mute-id="landscape_card_4d2c98a5-df87-4544-8e35-441d626fdabc_8eeb71f7-469a-4eb3-827b-f380b64c0827_toggle_mute"> <a href="/ms/4d2c98a5-df87-4544-8e35-441d626fdabc" 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_4d2c98a5-df87-4544-8e35-441d626fdabc_8eeb71f7-469a-4eb3-827b-f380b64c0827_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/v1696191429/assets/wf9cupx7yflwzjz6ngky.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1696191429/assets/wf9cupx7yflwzjz6ngky.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Sam Smith </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Love Goes - Live at Abbey Road Studios </p> </div> </div> </button> </div><div id="landscape_card_7c60b628-2c41-49c0-b489-b8d2b58cb7c6_0105a92d-54c0-4a6e-85da-bebd04ff77c6" 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_7c60b628-2c41-49c0-b489-b8d2b58cb7c6_0105a92d-54c0-4a6e-85da-bebd04ff77c6" data-item-name="AJ Rafael - Take Me Back Tour - From Gramercy Theatre" data-card-id="landscape_card_7c60b628-2c41-49c0-b489-b8d2b58cb7c6_0105a92d-54c0-4a6e-85da-bebd04ff77c6_landscape_card" data-overlay-id="landscape_card_7c60b628-2c41-49c0-b489-b8d2b58cb7c6_0105a92d-54c0-4a6e-85da-bebd04ff77c6_landscape_overlay" data-mute-id="landscape_card_7c60b628-2c41-49c0-b489-b8d2b58cb7c6_0105a92d-54c0-4a6e-85da-bebd04ff77c6_toggle_mute"> <a href="/ajrafael/7c60b628-2c41-49c0-b489-b8d2b58cb7c6" 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_7c60b628-2c41-49c0-b489-b8d2b58cb7c6_0105a92d-54c0-4a6e-85da-bebd04ff77c6_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/v1726088434/assets/qla3wvywt0cepq94chxc.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1726088434/assets/qla3wvywt0cepq94chxc.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">AJ Rafael </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Take Me Back Tour - From Gramercy Theatre </p> </div> </div> </button> </div><div id="landscape_card_de8a6aaf-7c3a-4727-898e-6b9e45e8fac0_12798b1c-1ee0-4a73-98e8-0660e843a581" 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_de8a6aaf-7c3a-4727-898e-6b9e45e8fac0_12798b1c-1ee0-4a73-98e8-0660e843a581" data-item-name="SOFI TUKKER - A Session with SOFI TUKKER" data-card-id="landscape_card_de8a6aaf-7c3a-4727-898e-6b9e45e8fac0_12798b1c-1ee0-4a73-98e8-0660e843a581_landscape_card" data-overlay-id="landscape_card_de8a6aaf-7c3a-4727-898e-6b9e45e8fac0_12798b1c-1ee0-4a73-98e8-0660e843a581_landscape_overlay" data-mute-id="landscape_card_de8a6aaf-7c3a-4727-898e-6b9e45e8fac0_12798b1c-1ee0-4a73-98e8-0660e843a581_toggle_mute"> <a href="/b/de8a6aaf-7c3a-4727-898e-6b9e45e8fac0" 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_de8a6aaf-7c3a-4727-898e-6b9e45e8fac0_12798b1c-1ee0-4a73-98e8-0660e843a581_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/v1705618796/assets/fuvnlxwbeqsvannw2flp.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705618796/assets/fuvnlxwbeqsvannw2flp.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">SOFI TUKKER </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session with SOFI TUKKER </p> </div> </div> </button> </div><div id="landscape_card_ad2ea8b0-1887-4cc2-95a8-37c0010a4a33_c0a17422-3106-4e21-a0c0-ab645cbbde13" 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_ad2ea8b0-1887-4cc2-95a8-37c0010a4a33_c0a17422-3106-4e21-a0c0-ab645cbbde13" data-item-name="Alicia Keys - The Diary of Alicia Keys: Live from New York" data-card-id="landscape_card_ad2ea8b0-1887-4cc2-95a8-37c0010a4a33_c0a17422-3106-4e21-a0c0-ab645cbbde13_landscape_card" data-overlay-id="landscape_card_ad2ea8b0-1887-4cc2-95a8-37c0010a4a33_c0a17422-3106-4e21-a0c0-ab645cbbde13_landscape_overlay" data-mute-id="landscape_card_ad2ea8b0-1887-4cc2-95a8-37c0010a4a33_c0a17422-3106-4e21-a0c0-ab645cbbde13_toggle_mute"> <a href="/aliciakeys/ad2ea8b0-1887-4cc2-95a8-37c0010a4a33" 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_ad2ea8b0-1887-4cc2-95a8-37c0010a4a33_c0a17422-3106-4e21-a0c0-ab645cbbde13_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/v1700099339/assets/t1nbdyldr97tauwoqwax.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1700099339/assets/t1nbdyldr97tauwoqwax.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Alicia Keys </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> The Diary of Alicia Keys: Live from New York </p> </div> </div> </button> </div><div id="landscape_card_eb74a83c-a90c-4a2d-8d90-81a8c080ba47_5963c431-86c7-4439-ae69-b161c3ef9236" 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_eb74a83c-a90c-4a2d-8d90-81a8c080ba47_5963c431-86c7-4439-ae69-b161c3ef9236" data-item-name="MisterWives - The Don't Look Down Tour" data-card-id="landscape_card_eb74a83c-a90c-4a2d-8d90-81a8c080ba47_5963c431-86c7-4439-ae69-b161c3ef9236_landscape_card" data-overlay-id="landscape_card_eb74a83c-a90c-4a2d-8d90-81a8c080ba47_5963c431-86c7-4439-ae69-b161c3ef9236_landscape_overlay" data-mute-id="landscape_card_eb74a83c-a90c-4a2d-8d90-81a8c080ba47_5963c431-86c7-4439-ae69-b161c3ef9236_toggle_mute"> <a href="/misterwives/eb74a83c-a90c-4a2d-8d90-81a8c080ba47" 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_eb74a83c-a90c-4a2d-8d90-81a8c080ba47_5963c431-86c7-4439-ae69-b161c3ef9236_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/v1698173113/assets/l4ogfil3nj9gu1uscjmb.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1698173113/assets/l4ogfil3nj9gu1uscjmb.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">MisterWives </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> The Don't Look Down Tour </p> </div> </div> </button> </div> </div> </div> </section><section id="rails-b270c679-076d-4472-be44-87d6af78b83a" class="mb-20 only-of-type:mb-0 " data-cards-list="landscape" data-testid="ds_cards_list" data-variant="carousel" phx-hook="SelectItemEvent" data-list-id="rails-b270c679-076d-4472-be44-87d6af78b83a" data-list-name="Featured" 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="landscape"> <h2 class="text-subheading-sm">Featured</h2> </div> <div class="relative" id="landscape_rail_rails-b270c679-076d-4472-be44-87d6af78b83a" 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-b270c679-076d-4472-be44-87d6af78b83a" data-carousel-type="landscape" phx-hook="Carousel"> <div id="landscape_card_fa442c32-e1f7-41d2-8949-7dac74eb1cdd_744cfd5d-0bb8-4b99-81bd-109aac035ac7" 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="landscape" data-list-item data-item-id="landscape_card_fa442c32-e1f7-41d2-8949-7dac74eb1cdd_744cfd5d-0bb8-4b99-81bd-109aac035ac7" data-item-name="Hey Violet - The Final Show" data-card-id="landscape_card_fa442c32-e1f7-41d2-8949-7dac74eb1cdd_744cfd5d-0bb8-4b99-81bd-109aac035ac7_landscape_card" data-overlay-id="landscape_card_fa442c32-e1f7-41d2-8949-7dac74eb1cdd_744cfd5d-0bb8-4b99-81bd-109aac035ac7_landscape_overlay" data-mute-id="landscape_card_fa442c32-e1f7-41d2-8949-7dac74eb1cdd_744cfd5d-0bb8-4b99-81bd-109aac035ac7_toggle_mute"> <a href="/heyviolet/fa442c32-e1f7-41d2-8949-7dac74eb1cdd" 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_fa442c32-e1f7-41d2-8949-7dac74eb1cdd_744cfd5d-0bb8-4b99-81bd-109aac035ac7_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/v1728348048/assets/qfsymn9mmqfcelcum39h.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1728348048/assets/qfsymn9mmqfcelcum39h.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Hey Violet </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> The Final Show </p> </div> </div> </button> </div><div id="landscape_card_aecb11ca-7323-4a09-9ee6-e704d1df36f9_f9ddd9d2-1bf2-436d-9ba0-f56813c377c4" 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="landscape" data-list-item data-item-id="landscape_card_aecb11ca-7323-4a09-9ee6-e704d1df36f9_f9ddd9d2-1bf2-436d-9ba0-f56813c377c4" data-item-name="Eric Nam - House on a Hill World Tour: Live from London" data-card-id="landscape_card_aecb11ca-7323-4a09-9ee6-e704d1df36f9_f9ddd9d2-1bf2-436d-9ba0-f56813c377c4_landscape_card" data-overlay-id="landscape_card_aecb11ca-7323-4a09-9ee6-e704d1df36f9_f9ddd9d2-1bf2-436d-9ba0-f56813c377c4_landscape_overlay" data-mute-id="landscape_card_aecb11ca-7323-4a09-9ee6-e704d1df36f9_f9ddd9d2-1bf2-436d-9ba0-f56813c377c4_toggle_mute"> <a href="/ericnam/aecb11ca-7323-4a09-9ee6-e704d1df36f9" 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_aecb11ca-7323-4a09-9ee6-e704d1df36f9_f9ddd9d2-1bf2-436d-9ba0-f56813c377c4_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/v1709752533/assets/kyuvrnj4fwesftxps4iu.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1709752533/assets/kyuvrnj4fwesftxps4iu.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Eric Nam </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> House on a Hill World Tour: Live from London </p> </div> </div> </button> </div><div id="landscape_card_0f803845-6297-48af-bf5e-f9eb6021d70e_b061f12e-7d45-48f4-806c-e656d34e8783" 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="landscape" data-list-item data-item-id="landscape_card_0f803845-6297-48af-bf5e-f9eb6021d70e_b061f12e-7d45-48f4-806c-e656d34e8783" data-item-name="The Aces - I've Loved You For So Long: Live from Los Angeles" data-card-id="landscape_card_0f803845-6297-48af-bf5e-f9eb6021d70e_b061f12e-7d45-48f4-806c-e656d34e8783_landscape_card" data-overlay-id="landscape_card_0f803845-6297-48af-bf5e-f9eb6021d70e_b061f12e-7d45-48f4-806c-e656d34e8783_landscape_overlay" data-mute-id="landscape_card_0f803845-6297-48af-bf5e-f9eb6021d70e_b061f12e-7d45-48f4-806c-e656d34e8783_toggle_mute"> <a href="/theaces/0f803845-6297-48af-bf5e-f9eb6021d70e" 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_0f803845-6297-48af-bf5e-f9eb6021d70e_b061f12e-7d45-48f4-806c-e656d34e8783_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/v1697561487/assets/enxhovqaa76s8b19nofn.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1697561487/assets/enxhovqaa76s8b19nofn.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">The Aces </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> I've Loved You For So Long: Live from Los Angeles </p> </div> </div> </button> </div><div id="landscape_card_c70e9e61-8b50-411b-b775-3b3df8a2d54d_269bb637-5b7f-418e-b93c-92dcbf8398db" 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="landscape" data-list-item data-item-id="landscape_card_c70e9e61-8b50-411b-b775-3b3df8a2d54d_269bb637-5b7f-418e-b93c-92dcbf8398db" data-item-name="5 Seconds of Summer - How Did We End Up Here? Live at Wembley" data-card-id="landscape_card_c70e9e61-8b50-411b-b775-3b3df8a2d54d_269bb637-5b7f-418e-b93c-92dcbf8398db_landscape_card" data-overlay-id="landscape_card_c70e9e61-8b50-411b-b775-3b3df8a2d54d_269bb637-5b7f-418e-b93c-92dcbf8398db_landscape_overlay" data-mute-id="landscape_card_c70e9e61-8b50-411b-b775-3b3df8a2d54d_269bb637-5b7f-418e-b93c-92dcbf8398db_toggle_mute"> <a href="/ms/c70e9e61-8b50-411b-b775-3b3df8a2d54d" 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_c70e9e61-8b50-411b-b775-3b3df8a2d54d_269bb637-5b7f-418e-b93c-92dcbf8398db_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/v1696106561/assets/vom1t3jsokqylore54sm.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1696106561/assets/vom1t3jsokqylore54sm.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">5 Seconds of Summer </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> How Did We End Up Here? Live at Wembley </p> </div> </div> </button> </div><div id="landscape_card_244ba4b2-1e71-4e7a-9f9d-fbdb08a68d16_d4bb9ed8-0a37-4423-80b6-e844309400a0" 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="landscape" data-list-item data-item-id="landscape_card_244ba4b2-1e71-4e7a-9f9d-fbdb08a68d16_d4bb9ed8-0a37-4423-80b6-e844309400a0" data-item-name="Sara Bareilles - Live at the McKittrick Hotel" data-card-id="landscape_card_244ba4b2-1e71-4e7a-9f9d-fbdb08a68d16_d4bb9ed8-0a37-4423-80b6-e844309400a0_landscape_card" data-overlay-id="landscape_card_244ba4b2-1e71-4e7a-9f9d-fbdb08a68d16_d4bb9ed8-0a37-4423-80b6-e844309400a0_landscape_overlay" data-mute-id="landscape_card_244ba4b2-1e71-4e7a-9f9d-fbdb08a68d16_d4bb9ed8-0a37-4423-80b6-e844309400a0_toggle_mute"> <a href="/b/244ba4b2-1e71-4e7a-9f9d-fbdb08a68d16" 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_244ba4b2-1e71-4e7a-9f9d-fbdb08a68d16_d4bb9ed8-0a37-4423-80b6-e844309400a0_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/v1705704749/assets/o0tobdwjxciwkup54gnt.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705704749/assets/o0tobdwjxciwkup54gnt.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">Sara Bareilles </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live at the McKittrick Hotel </p> </div> </div> </button> </div><div id="landscape_card_4dc828cc-803e-4b38-9bcb-646ee4e451e1_13f0964d-6044-4299-bd7c-28dd2559daf1" 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="landscape" data-list-item data-item-id="landscape_card_4dc828cc-803e-4b38-9bcb-646ee4e451e1_13f0964d-6044-4299-bd7c-28dd2559daf1" data-item-name="One Republic - Live in South Africa" data-card-id="landscape_card_4dc828cc-803e-4b38-9bcb-646ee4e451e1_13f0964d-6044-4299-bd7c-28dd2559daf1_landscape_card" data-overlay-id="landscape_card_4dc828cc-803e-4b38-9bcb-646ee4e451e1_13f0964d-6044-4299-bd7c-28dd2559daf1_landscape_overlay" data-mute-id="landscape_card_4dc828cc-803e-4b38-9bcb-646ee4e451e1_13f0964d-6044-4299-bd7c-28dd2559daf1_toggle_mute"> <a href="/ms/4dc828cc-803e-4b38-9bcb-646ee4e451e1" 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_4dc828cc-803e-4b38-9bcb-646ee4e451e1_13f0964d-6044-4299-bd7c-28dd2559daf1_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/v1696183310/assets/rocqlpyvv1pmibx12geg.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1696183310/assets/rocqlpyvv1pmibx12geg.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">One Republic </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live in South Africa </p> </div> </div> </button> </div><div id="landscape_card_b0c276b0-8ce5-463e-9ef1-54ea2e11c854_581b2f41-0ce4-439d-aa5c-8a49f4f1e8b3" 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="landscape" data-list-item data-item-id="landscape_card_b0c276b0-8ce5-463e-9ef1-54ea2e11c854_581b2f41-0ce4-439d-aa5c-8a49f4f1e8b3" data-item-name="Halsey - If I Can’t Have Love, I Want Power" data-card-id="landscape_card_b0c276b0-8ce5-463e-9ef1-54ea2e11c854_581b2f41-0ce4-439d-aa5c-8a49f4f1e8b3_landscape_card" data-overlay-id="landscape_card_b0c276b0-8ce5-463e-9ef1-54ea2e11c854_581b2f41-0ce4-439d-aa5c-8a49f4f1e8b3_landscape_overlay" data-mute-id="landscape_card_b0c276b0-8ce5-463e-9ef1-54ea2e11c854_581b2f41-0ce4-439d-aa5c-8a49f4f1e8b3_toggle_mute"> <a href="/ms/b0c276b0-8ce5-463e-9ef1-54ea2e11c854" 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_b0c276b0-8ce5-463e-9ef1-54ea2e11c854_581b2f41-0ce4-439d-aa5c-8a49f4f1e8b3_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/v1687295189/assets/dzg4tvzckv5sywutvyra.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1687295189/assets/dzg4tvzckv5sywutvyra.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Halsey </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> If I Can’t Have Love, I Want Power </p> </div> </div> </button> </div><div id="landscape_card_1239703f-2159-49f6-8953-e10b8def7261_c7fee3e4-544d-4b24-9bef-bac7447a8499" 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="landscape" data-list-item data-item-id="landscape_card_1239703f-2159-49f6-8953-e10b8def7261_c7fee3e4-544d-4b24-9bef-bac7447a8499" data-item-name="Alanis Morissette - Live at Montreux" data-card-id="landscape_card_1239703f-2159-49f6-8953-e10b8def7261_c7fee3e4-544d-4b24-9bef-bac7447a8499_landscape_card" data-overlay-id="landscape_card_1239703f-2159-49f6-8953-e10b8def7261_c7fee3e4-544d-4b24-9bef-bac7447a8499_landscape_overlay" data-mute-id="landscape_card_1239703f-2159-49f6-8953-e10b8def7261_c7fee3e4-544d-4b24-9bef-bac7447a8499_toggle_mute"> <a href="/ms/1239703f-2159-49f6-8953-e10b8def7261" 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_1239703f-2159-49f6-8953-e10b8def7261_c7fee3e4-544d-4b24-9bef-bac7447a8499_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/v1696215598/assets/aiq1g9l9azcbctfwzxoc.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1696215598/assets/aiq1g9l9azcbctfwzxoc.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Alanis Morissette </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live at Montreux </p> </div> </div> </button> </div><div id="landscape_card_ad2ea8b0-1887-4cc2-95a8-37c0010a4a33_266fca36-e83a-4fe8-8288-d7bc5a5fb444" 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="landscape" data-list-item data-item-id="landscape_card_ad2ea8b0-1887-4cc2-95a8-37c0010a4a33_266fca36-e83a-4fe8-8288-d7bc5a5fb444" data-item-name="Alicia Keys - The Diary of Alicia Keys: Live from New York" data-card-id="landscape_card_ad2ea8b0-1887-4cc2-95a8-37c0010a4a33_266fca36-e83a-4fe8-8288-d7bc5a5fb444_landscape_card" data-overlay-id="landscape_card_ad2ea8b0-1887-4cc2-95a8-37c0010a4a33_266fca36-e83a-4fe8-8288-d7bc5a5fb444_landscape_overlay" data-mute-id="landscape_card_ad2ea8b0-1887-4cc2-95a8-37c0010a4a33_266fca36-e83a-4fe8-8288-d7bc5a5fb444_toggle_mute"> <a href="/aliciakeys/ad2ea8b0-1887-4cc2-95a8-37c0010a4a33" 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_ad2ea8b0-1887-4cc2-95a8-37c0010a4a33_266fca36-e83a-4fe8-8288-d7bc5a5fb444_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/v1700099339/assets/t1nbdyldr97tauwoqwax.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1700099339/assets/t1nbdyldr97tauwoqwax.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Alicia Keys </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> The Diary of Alicia Keys: Live from New York </p> </div> </div> </button> </div><div id="landscape_card_ca59c15d-a539-4c24-abe2-3856ff129b0e_34e5a345-4774-4b89-b396-a210e84964d9" 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="landscape" data-list-item data-item-id="landscape_card_ca59c15d-a539-4c24-abe2-3856ff129b0e_34e5a345-4774-4b89-b396-a210e84964d9" data-item-name="Bastille - ReOrchestrated" data-card-id="landscape_card_ca59c15d-a539-4c24-abe2-3856ff129b0e_34e5a345-4774-4b89-b396-a210e84964d9_landscape_card" data-overlay-id="landscape_card_ca59c15d-a539-4c24-abe2-3856ff129b0e_34e5a345-4774-4b89-b396-a210e84964d9_landscape_overlay" data-mute-id="landscape_card_ca59c15d-a539-4c24-abe2-3856ff129b0e_34e5a345-4774-4b89-b396-a210e84964d9_toggle_mute"> <a href="/ms/ca59c15d-a539-4c24-abe2-3856ff129b0e" 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_ca59c15d-a539-4c24-abe2-3856ff129b0e_34e5a345-4774-4b89-b396-a210e84964d9_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/v1687354083/assets/xrgtzlhvczxdrkkgxhwl.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1687354083/assets/xrgtzlhvczxdrkkgxhwl.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Bastille </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> ReOrchestrated </p> </div> </div> </button> </div> </div> </div> </section><section id="rails-64075907-fda6-4e2c-ae01-a55ced32ffca" 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-64075907-fda6-4e2c-ae01-a55ced32ffca" data-list-name="Good Vibes"> <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">Good Vibes</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-64075907-fda6-4e2c-ae01-a55ced32ffca" 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="b0119077-10b8-43ae-97ac-402583406849"> <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/v1726608835/assets/qugixi4jvn2ev96fhldy.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1726608835/assets/qugixi4jvn2ev96fhldy.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/jessemccartney/b0119077-10b8-43ae-97ac-402583406849" 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="b0119077-10b8-43ae-97ac-402583406849" data-item-name="Jesse McCartney - Jesse McCartney from The House of Blues New Orleans 2022" 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> Jesse McCartney </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Jesse McCartney from The House of Blues New Orleans 2022 </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="5567c3e7-7fd7-4cc1-baf0-016d1e2fb77c"> <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/v1727800401/assets/sqk7asftetqeepyhmyih.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1727800401/assets/sqk7asftetqeepyhmyih.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/torikelly/5567c3e7-7fd7-4cc1-baf0-016d1e2fb77c" 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="5567c3e7-7fd7-4cc1-baf0-016d1e2fb77c" data-item-name="Tori Kelly - purple skies tour: Live from The Wiltern" 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> Tori Kelly </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> purple skies tour: Live from The Wiltern </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="1d84505e-0951-481c-ba20-c83ea84afb4c"> <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/v1702578577/assets/xpauqhx9bqvyv2qwgilx.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1702578577/assets/xpauqhx9bqvyv2qwgilx.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/monstax/1d84505e-0951-481c-ba20-c83ea84afb4c" 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="1d84505e-0951-481c-ba20-c83ea84afb4c" data-item-name="MONSTA X - MONSTA X: The Dreaming" 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> MONSTA X </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> MONSTA X: The Dreaming </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="ed1e4302-a9f7-4d4f-ab0c-51e61853734d"> <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/v1715027853/assets/t0oez2hpuhabqe2zhike.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1715027853/assets/t0oez2hpuhabqe2zhike.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/coldplay/ed1e4302-a9f7-4d4f-ab0c-51e61853734d" 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="ed1e4302-a9f7-4d4f-ab0c-51e61853734d" data-item-name="Coldplay - Music Of The Spheres: Live at River Plate" 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> Coldplay </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Music Of The Spheres: Live at River Plate </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="58d05077-9838-46c0-9baa-954ef18093ac"> <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/v1717180728/assets/ilpbsu8rvuavde2bpmwt.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1717180728/assets/ilpbsu8rvuavde2bpmwt.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/gv/58d05077-9838-46c0-9baa-954ef18093ac" 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="58d05077-9838-46c0-9baa-954ef18093ac" data-item-name="Backstreet Boys - Backstreet Boys: Show 'Em What You're Made Of" 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> Backstreet Boys </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Backstreet Boys: Show 'Em What You're Made Of </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="9299e21c-1298-466d-9787-05738afd6fab"> <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/v1696221193/assets/nlwok5wozkrhoaare1xc.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696221193/assets/nlwok5wozkrhoaare1xc.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/ms/9299e21c-1298-466d-9787-05738afd6fab" 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="9299e21c-1298-466d-9787-05738afd6fab" data-item-name="Katy Perry - The Prismatic World Tour" 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> Katy Perry </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> The Prismatic World Tour </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="3fa24c77-9e8f-4e5c-bd5c-a06d1e98d50a"> <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/v1696121004/assets/wshvmzcxt2rgqwrgeutp.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696121004/assets/wshvmzcxt2rgqwrgeutp.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/ms/3fa24c77-9e8f-4e5c-bd5c-a06d1e98d50a" 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="3fa24c77-9e8f-4e5c-bd5c-a06d1e98d50a" data-item-name="Imagine Dragons - Smoke + Mirrors" 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> Imagine Dragons </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Smoke + Mirrors </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="ed634989-176b-44f6-a29e-adc84bd12333"> <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/v1706849189/assets/tafhrhkm02hrp3wmlzkx.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706849189/assets/tafhrhkm02hrp3wmlzkx.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/kpopnation/ed634989-176b-44f6-a29e-adc84bd12333" 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="ed634989-176b-44f6-a29e-adc84bd12333" data-item-name="KPOP NATION - KPOP NATION Special Edition (Subtitles)" 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> KPOP NATION </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> KPOP NATION Special Edition (Subtitles) </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="ea453a51-05fa-4c6a-aacf-7b753dd637ac"> <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/v1723066703/assets/cu8tjfmiozfzsqxrheur.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1723066703/assets/cu8tjfmiozfzsqxrheur.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/louistomlinson/ea453a51-05fa-4c6a-aacf-7b753dd637ac" 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="ea453a51-05fa-4c6a-aacf-7b753dd637ac" data-item-name="Louis Tomlinson - For Every Question Why - Remastered Edition" 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> Louis Tomlinson </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> For Every Question Why - Remastered Edition </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="f5f105d4-19be-46ad-b717-108854276b5e"> <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/v1698277993/assets/boao1uwi23atgeoaiizx.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1698277993/assets/boao1uwi23atgeoaiizx.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/ms/f5f105d4-19be-46ad-b717-108854276b5e" 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="f5f105d4-19be-46ad-b717-108854276b5e" data-item-name="Westlife - The Twenty Tour: Live At Croke Park" 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> Westlife </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> The Twenty Tour: Live At Croke Park </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="10a4d2c7-328b-4f27-b399-debe4ddeabbe"> <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/v1696219546/assets/wgct7xq8gdftt54dbgxi.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696219546/assets/wgct7xq8gdftt54dbgxi.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/ms/10a4d2c7-328b-4f27-b399-debe4ddeabbe" 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="10a4d2c7-328b-4f27-b399-debe4ddeabbe" data-item-name="J Balvin - BRUUTTAL: Live In Medellin" 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> J Balvin </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> BRUUTTAL: Live In Medellin </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="b563cc31-11c8-43f0-9f8e-788a741180c3"> <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/v1696251451/assets/mogrsda13jjfhvcside3.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696251451/assets/mogrsda13jjfhvcside3.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/ms/b563cc31-11c8-43f0-9f8e-788a741180c3" 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="b563cc31-11c8-43f0-9f8e-788a741180c3" data-item-name="Sheryl Crow - Miles from Memphis" 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> Sheryl Crow </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Miles from Memphis </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </div> </div> </div> </div> </section><section id="rails-501e9982-c645-4cdd-930e-3053968e8903" class="mb-20 only-of-type:mb-0 " data-cards-list="landscape" data-testid="ds_cards_list" data-variant="carousel" phx-hook="SelectItemEvent" data-list-id="rails-501e9982-c645-4cdd-930e-3053968e8903" data-list-name="Feeling Intimate" 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="landscape"> <h2 class="text-subheading-sm">Feeling Intimate</h2> </div> <div class="relative" id="landscape_rail_rails-501e9982-c645-4cdd-930e-3053968e8903" 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-501e9982-c645-4cdd-930e-3053968e8903" data-carousel-type="landscape" phx-hook="Carousel"> <div id="landscape_card_4d841ca9-f872-4937-8930-cca76e46406e_670a962d-2c2a-4365-8313-4e8cb5be0746" 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="landscape" data-list-item data-item-id="landscape_card_4d841ca9-f872-4937-8930-cca76e46406e_670a962d-2c2a-4365-8313-4e8cb5be0746" data-item-name="Norah Jones - Live at Ronnie Scott's" data-card-id="landscape_card_4d841ca9-f872-4937-8930-cca76e46406e_670a962d-2c2a-4365-8313-4e8cb5be0746_landscape_card" data-overlay-id="landscape_card_4d841ca9-f872-4937-8930-cca76e46406e_670a962d-2c2a-4365-8313-4e8cb5be0746_landscape_overlay" data-mute-id="landscape_card_4d841ca9-f872-4937-8930-cca76e46406e_670a962d-2c2a-4365-8313-4e8cb5be0746_toggle_mute"> <a href="/ms/4d841ca9-f872-4937-8930-cca76e46406e" 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_4d841ca9-f872-4937-8930-cca76e46406e_670a962d-2c2a-4365-8313-4e8cb5be0746_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/v1696131789/assets/iy4nggdefsgwe2lz566p.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1696131789/assets/iy4nggdefsgwe2lz566p.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Norah Jones </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live at Ronnie Scott's </p> </div> </div> </button> </div><div id="landscape_card_4d2c98a5-df87-4544-8e35-441d626fdabc_b8f6788b-c2aa-4569-8ce2-f4c0758e2e3a" 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="landscape" data-list-item data-item-id="landscape_card_4d2c98a5-df87-4544-8e35-441d626fdabc_b8f6788b-c2aa-4569-8ce2-f4c0758e2e3a" data-item-name="Sam Smith - Love Goes - Live at Abbey Road Studios" data-card-id="landscape_card_4d2c98a5-df87-4544-8e35-441d626fdabc_b8f6788b-c2aa-4569-8ce2-f4c0758e2e3a_landscape_card" data-overlay-id="landscape_card_4d2c98a5-df87-4544-8e35-441d626fdabc_b8f6788b-c2aa-4569-8ce2-f4c0758e2e3a_landscape_overlay" data-mute-id="landscape_card_4d2c98a5-df87-4544-8e35-441d626fdabc_b8f6788b-c2aa-4569-8ce2-f4c0758e2e3a_toggle_mute"> <a href="/ms/4d2c98a5-df87-4544-8e35-441d626fdabc" 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_4d2c98a5-df87-4544-8e35-441d626fdabc_b8f6788b-c2aa-4569-8ce2-f4c0758e2e3a_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/v1696191429/assets/wf9cupx7yflwzjz6ngky.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1696191429/assets/wf9cupx7yflwzjz6ngky.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Sam Smith </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Love Goes - Live at Abbey Road Studios </p> </div> </div> </button> </div><div id="landscape_card_070a0c26-13cf-4bc2-8730-62114ea9f818_66fbcdc7-833d-425b-a175-a82a55536940" 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="landscape" data-list-item data-item-id="landscape_card_070a0c26-13cf-4bc2-8730-62114ea9f818_66fbcdc7-833d-425b-a175-a82a55536940" data-item-name="HANSON - A Session With Hanson at HQ" data-card-id="landscape_card_070a0c26-13cf-4bc2-8730-62114ea9f818_66fbcdc7-833d-425b-a175-a82a55536940_landscape_card" data-overlay-id="landscape_card_070a0c26-13cf-4bc2-8730-62114ea9f818_66fbcdc7-833d-425b-a175-a82a55536940_landscape_overlay" data-mute-id="landscape_card_070a0c26-13cf-4bc2-8730-62114ea9f818_66fbcdc7-833d-425b-a175-a82a55536940_toggle_mute"> <a href="/b/070a0c26-13cf-4bc2-8730-62114ea9f818" 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_070a0c26-13cf-4bc2-8730-62114ea9f818_66fbcdc7-833d-425b-a175-a82a55536940_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/v1705456402/assets/mdtypw7weuk1vnp2qvbg.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705456402/assets/mdtypw7weuk1vnp2qvbg.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">HANSON </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Hanson at HQ </p> </div> </div> </button> </div><div id="landscape_card_aad98a37-4bba-40a8-aa7a-b420d9de2646_c63e7a7f-4e63-44a5-bed3-20f0aa5fdf47" 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="landscape" data-list-item data-item-id="landscape_card_aad98a37-4bba-40a8-aa7a-b420d9de2646_c63e7a7f-4e63-44a5-bed3-20f0aa5fdf47" data-item-name="HANSON - Night 1 - Underneath Experience Tour: Acoustic" data-card-id="landscape_card_aad98a37-4bba-40a8-aa7a-b420d9de2646_c63e7a7f-4e63-44a5-bed3-20f0aa5fdf47_landscape_card" data-overlay-id="landscape_card_aad98a37-4bba-40a8-aa7a-b420d9de2646_c63e7a7f-4e63-44a5-bed3-20f0aa5fdf47_landscape_overlay" data-mute-id="landscape_card_aad98a37-4bba-40a8-aa7a-b420d9de2646_c63e7a7f-4e63-44a5-bed3-20f0aa5fdf47_toggle_mute"> <a href="/hanson/aad98a37-4bba-40a8-aa7a-b420d9de2646" 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_aad98a37-4bba-40a8-aa7a-b420d9de2646_c63e7a7f-4e63-44a5-bed3-20f0aa5fdf47_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/v1727714449/assets/gebhqobas6qe3m8r9kss.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1727714449/assets/gebhqobas6qe3m8r9kss.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">HANSON </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Night 1 - Underneath Experience Tour: Acoustic </p> </div> </div> </button> </div><div id="landscape_card_74e507a8-f0e5-4e6a-a635-e5c9c23d111b_86110d39-6046-4c69-a3aa-e7bbfef295e4" 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="landscape" data-list-item data-item-id="landscape_card_74e507a8-f0e5-4e6a-a635-e5c9c23d111b_86110d39-6046-4c69-a3aa-e7bbfef295e4" data-item-name="JVKE - What Tour Feels Like" data-card-id="landscape_card_74e507a8-f0e5-4e6a-a635-e5c9c23d111b_86110d39-6046-4c69-a3aa-e7bbfef295e4_landscape_card" data-overlay-id="landscape_card_74e507a8-f0e5-4e6a-a635-e5c9c23d111b_86110d39-6046-4c69-a3aa-e7bbfef295e4_landscape_overlay" data-mute-id="landscape_card_74e507a8-f0e5-4e6a-a635-e5c9c23d111b_86110d39-6046-4c69-a3aa-e7bbfef295e4_toggle_mute"> <a href="/jvke/74e507a8-f0e5-4e6a-a635-e5c9c23d111b" 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_74e507a8-f0e5-4e6a-a635-e5c9c23d111b_86110d39-6046-4c69-a3aa-e7bbfef295e4_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/v1696307252/assets/quwper8tnfb5lynbyizx.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1696307252/assets/quwper8tnfb5lynbyizx.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">JVKE </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> What Tour Feels Like </p> </div> </div> </button> </div><div id="landscape_card_5f3c6a0b-d888-4ab3-84da-895612c478a4_c2d63cb1-9066-45e8-9333-33aa62367140" 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="landscape" data-list-item data-item-id="landscape_card_5f3c6a0b-d888-4ab3-84da-895612c478a4_c2d63cb1-9066-45e8-9333-33aa62367140" data-item-name="CHVRCHES - Behind The Scenes With CHVRCHES" data-card-id="landscape_card_5f3c6a0b-d888-4ab3-84da-895612c478a4_c2d63cb1-9066-45e8-9333-33aa62367140_landscape_card" data-overlay-id="landscape_card_5f3c6a0b-d888-4ab3-84da-895612c478a4_c2d63cb1-9066-45e8-9333-33aa62367140_landscape_overlay" data-mute-id="landscape_card_5f3c6a0b-d888-4ab3-84da-895612c478a4_c2d63cb1-9066-45e8-9333-33aa62367140_toggle_mute"> <a href="/b/5f3c6a0b-d888-4ab3-84da-895612c478a4" 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_5f3c6a0b-d888-4ab3-84da-895612c478a4_c2d63cb1-9066-45e8-9333-33aa62367140_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/v1706909893/assets/p75castdulvzd4lp4vyj.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1706909893/assets/p75castdulvzd4lp4vyj.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">CHVRCHES </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Behind The Scenes With CHVRCHES </p> </div> </div> </button> </div> </div> </div> </section><section id="rails-ffe0c777-634d-42fd-8bc4-4d8a27697a0f" class="mb-20 only-of-type:mb-0 " data-cards-list="wide" data-testid="ds_cards_list" data-variant="carousel"> <div class="w-full relative" data-testid="ds_cards_list_items" id="carousel_rails-ffe0c777-634d-42fd-8bc4-4d8a27697a0f"> <section class="relative flex flex-col justify-end w-full overflow-hidden max-h-available-space min-h-[95vh]" data-testid="ds_card_hero" data-card="wide"> <div class="absolute inset-0 bg-placeholder"> <video id="7ac94ff0-3b50-4ac4-80e4-e3eeca74de29_wide_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 0px 400px 0px" data-video-url="https://stream.mux.com/kvf6MWhf2oUp8xC010001VSAZYGIbLr6Y6BH4Op01tLyQIA/high.mp4" data-url-default-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_sm_webm/https://stream.mux.com/kvf6MWhf2oUp8xC010001VSAZYGIbLr6Y6BH4Op01tLyQIA/high.mp4" data-url-default="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_sm/https://stream.mux.com/kvf6MWhf2oUp8xC010001VSAZYGIbLr6Y6BH4Op01tLyQIA/high.mp4" data-url-sm-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_md_webm/https://stream.mux.com/kvf6MWhf2oUp8xC010001VSAZYGIbLr6Y6BH4Op01tLyQIA/high.mp4" data-url-sm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_md/https://stream.mux.com/kvf6MWhf2oUp8xC010001VSAZYGIbLr6Y6BH4Op01tLyQIA/high.mp4" data-url-md-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_lg_webm/https://stream.mux.com/kvf6MWhf2oUp8xC010001VSAZYGIbLr6Y6BH4Op01tLyQIA/high.mp4" data-url-md="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_lg/https://stream.mux.com/kvf6MWhf2oUp8xC010001VSAZYGIbLr6Y6BH4Op01tLyQIA/high.mp4"> </video> <div class="absolute inset-0 pointer-events-none bg-gradient-wide-card backface-hidden"></div> </div> <div class="relative flex flex-wrap p-5 md:p-10 " data-card-content="wide"> <div data-all-access-badge class="flex items-center order-1 w-full mb-6 text-white/50 3xl:-mt-2 "> <img src="https://res.cloudinary.com/veeps/image/upload/v1713287065/product/AllAccess_emfpzh.svg" class="mr-3 w-7 h-7"> All Access </div> <picture class="order-1"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_hero_logo_webp/v1712594841/assets/j4yn6ikwqjajaqch4ogk.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_hero_logo/v1712594841/assets/j4yn6ikwqjajaqch4ogk.png" alt="" loading="lazy" class="max-h-20 w-fit max-w-55 text-left object-contain md:object-left-bottom object-left-bottom" data-testid="ds_card_logo"> </picture> <div class="text-heading-lg order-2 w-full py-6 3xl:py-8 grid grid-cols-12"> <h1 class="col-span-12 md:col-span-9 xl:col-span-7" data-testid="ds_card_title"> Believer </h1> </div> <div class="flex flex-wrap justify-center order-5 max-w-full space-x-2 md:w-auto md:pr-6 shrink-0" data-testid="ds_card_action" id="7ac94ff0-3b50-4ac4-80e4-e3eeca74de29_actions" phx-hook="SelectItemEvent" data-list-id="7ac94ff0-3b50-4ac4-80e4-e3eeca74de29" data-list-name="genre-pop_wide_actions"> <a href="/imaginedragons/7ac94ff0-3b50-4ac4-80e4-e3eeca74de29" 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/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 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> </div> </div> </section> </div> </section><section id="rails-e1586629-5f3b-40ad-828b-c77fa07aaaec" class="mb-20 only-of-type:mb-0 " data-cards-list="landscape" data-testid="ds_cards_list" data-variant="carousel" phx-hook="SelectItemEvent" data-list-id="rails-e1586629-5f3b-40ad-828b-c77fa07aaaec" data-list-name="Interviews" 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="landscape"> <h2 class="text-subheading-sm">Interviews</h2> </div> <div class="relative" id="landscape_rail_rails-e1586629-5f3b-40ad-828b-c77fa07aaaec" 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-e1586629-5f3b-40ad-828b-c77fa07aaaec" data-carousel-type="landscape" phx-hook="Carousel"> <div id="landscape_card_ad75fd6e-dc14-4b03-9d20-493167e22df4_ff952918-5e83-4a91-adfa-d9c3a844ec20" 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="landscape" data-list-item data-item-id="landscape_card_ad75fd6e-dc14-4b03-9d20-493167e22df4_ff952918-5e83-4a91-adfa-d9c3a844ec20" data-item-name="Jax - Artist Friendly | Jax" data-card-id="landscape_card_ad75fd6e-dc14-4b03-9d20-493167e22df4_ff952918-5e83-4a91-adfa-d9c3a844ec20_landscape_card" data-overlay-id="landscape_card_ad75fd6e-dc14-4b03-9d20-493167e22df4_ff952918-5e83-4a91-adfa-d9c3a844ec20_landscape_overlay" data-mute-id="landscape_card_ad75fd6e-dc14-4b03-9d20-493167e22df4_ff952918-5e83-4a91-adfa-d9c3a844ec20_toggle_mute"> <a href="/artistfriendly/ad75fd6e-dc14-4b03-9d20-493167e22df4" 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_ad75fd6e-dc14-4b03-9d20-493167e22df4_ff952918-5e83-4a91-adfa-d9c3a844ec20_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/v1726169787/assets/eaxl1uujjubkdfklil7d.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1726169787/assets/eaxl1uujjubkdfklil7d.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Jax </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Artist Friendly | Jax </p> </div> </div> </button> </div><div id="landscape_card_697737af-6245-4b2b-8e54-59b16423e2a2_309171cd-0620-40ae-a7ca-e61b90165eb9" 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="landscape" data-list-item data-item-id="landscape_card_697737af-6245-4b2b-8e54-59b16423e2a2_309171cd-0620-40ae-a7ca-e61b90165eb9" data-item-name="Alec Benjamin - Artist Friendly | Alec Benjamin" data-card-id="landscape_card_697737af-6245-4b2b-8e54-59b16423e2a2_309171cd-0620-40ae-a7ca-e61b90165eb9_landscape_card" data-overlay-id="landscape_card_697737af-6245-4b2b-8e54-59b16423e2a2_309171cd-0620-40ae-a7ca-e61b90165eb9_landscape_overlay" data-mute-id="landscape_card_697737af-6245-4b2b-8e54-59b16423e2a2_309171cd-0620-40ae-a7ca-e61b90165eb9_toggle_mute"> <a href="/artistfriendly/697737af-6245-4b2b-8e54-59b16423e2a2" 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_697737af-6245-4b2b-8e54-59b16423e2a2_309171cd-0620-40ae-a7ca-e61b90165eb9_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/v1716220652/assets/ccfjq5tbb9w3obwiekqo.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1716220652/assets/ccfjq5tbb9w3obwiekqo.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Alec Benjamin </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Artist Friendly | Alec Benjamin </p> </div> </div> </button> </div><div id="landscape_card_5f0f792c-9602-470d-8328-dbd7ea5e0a5d_314cc747-e3d4-4675-b841-2734320b59af" 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="landscape" data-list-item data-item-id="landscape_card_5f0f792c-9602-470d-8328-dbd7ea5e0a5d_314cc747-e3d4-4675-b841-2734320b59af" data-item-name="Tori Kelly - Artist Friendly | Tori Kelly" data-card-id="landscape_card_5f0f792c-9602-470d-8328-dbd7ea5e0a5d_314cc747-e3d4-4675-b841-2734320b59af_landscape_card" data-overlay-id="landscape_card_5f0f792c-9602-470d-8328-dbd7ea5e0a5d_314cc747-e3d4-4675-b841-2734320b59af_landscape_overlay" data-mute-id="landscape_card_5f0f792c-9602-470d-8328-dbd7ea5e0a5d_314cc747-e3d4-4675-b841-2734320b59af_toggle_mute"> <a href="/artistfriendly/5f0f792c-9602-470d-8328-dbd7ea5e0a5d" 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_5f0f792c-9602-470d-8328-dbd7ea5e0a5d_314cc747-e3d4-4675-b841-2734320b59af_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/v1712331718/assets/xxvke3ni0erkrzktkfaz.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1712331718/assets/xxvke3ni0erkrzktkfaz.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Tori Kelly </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Artist Friendly | Tori Kelly </p> </div> </div> </button> </div><div id="landscape_card_7cbde567-2f06-450a-a28d-04d728147c7d_422fd9e0-515a-45a4-a014-412ca2333ada" 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="landscape" data-list-item data-item-id="landscape_card_7cbde567-2f06-450a-a28d-04d728147c7d_422fd9e0-515a-45a4-a014-412ca2333ada" data-item-name="Bea Miller - Artist Friendly | Bea Miller" data-card-id="landscape_card_7cbde567-2f06-450a-a28d-04d728147c7d_422fd9e0-515a-45a4-a014-412ca2333ada_landscape_card" data-overlay-id="landscape_card_7cbde567-2f06-450a-a28d-04d728147c7d_422fd9e0-515a-45a4-a014-412ca2333ada_landscape_overlay" data-mute-id="landscape_card_7cbde567-2f06-450a-a28d-04d728147c7d_422fd9e0-515a-45a4-a014-412ca2333ada_toggle_mute"> <a href="/artistfriendly/7cbde567-2f06-450a-a28d-04d728147c7d" 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_7cbde567-2f06-450a-a28d-04d728147c7d_422fd9e0-515a-45a4-a014-412ca2333ada_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/v1713479391/assets/jqfllnsyuji7lbckmzt6.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1713479391/assets/jqfllnsyuji7lbckmzt6.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Bea Miller </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Artist Friendly | Bea Miller </p> </div> </div> </button> </div><div id="landscape_card_be511e56-000d-4e41-a277-caaa5ed651be_927f7394-4fa0-40c1-b0e9-afd1d6a8732a" 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="landscape" data-list-item data-item-id="landscape_card_be511e56-000d-4e41-a277-caaa5ed651be_927f7394-4fa0-40c1-b0e9-afd1d6a8732a" data-item-name="Ashton Irwin - Ashton Irwin of 5 Seconds of Summer" data-card-id="landscape_card_be511e56-000d-4e41-a277-caaa5ed651be_927f7394-4fa0-40c1-b0e9-afd1d6a8732a_landscape_card" data-overlay-id="landscape_card_be511e56-000d-4e41-a277-caaa5ed651be_927f7394-4fa0-40c1-b0e9-afd1d6a8732a_landscape_overlay" data-mute-id="landscape_card_be511e56-000d-4e41-a277-caaa5ed651be_927f7394-4fa0-40c1-b0e9-afd1d6a8732a_toggle_mute"> <a href="/artistfriendly/be511e56-000d-4e41-a277-caaa5ed651be" 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_be511e56-000d-4e41-a277-caaa5ed651be_927f7394-4fa0-40c1-b0e9-afd1d6a8732a_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/v1714579892/assets/ottl7qtbebjnzxv5iwfh.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1714579892/assets/ottl7qtbebjnzxv5iwfh.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Ashton Irwin </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Ashton Irwin of 5 Seconds of Summer </p> </div> </div> </button> </div><div id="landscape_card_c1cdabb2-0b53-4be8-aca3-7247f418d291_c9379a2a-5ca2-465c-98d4-92f17694bb20" 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="landscape" data-list-item data-item-id="landscape_card_c1cdabb2-0b53-4be8-aca3-7247f418d291_c9379a2a-5ca2-465c-98d4-92f17694bb20" data-item-name="Kailee Morgue - Kailee Morgue" data-card-id="landscape_card_c1cdabb2-0b53-4be8-aca3-7247f418d291_c9379a2a-5ca2-465c-98d4-92f17694bb20_landscape_card" data-overlay-id="landscape_card_c1cdabb2-0b53-4be8-aca3-7247f418d291_c9379a2a-5ca2-465c-98d4-92f17694bb20_landscape_overlay" data-mute-id="landscape_card_c1cdabb2-0b53-4be8-aca3-7247f418d291_c9379a2a-5ca2-465c-98d4-92f17694bb20_toggle_mute"> <a href="/artistfriendly/c1cdabb2-0b53-4be8-aca3-7247f418d291" 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_c1cdabb2-0b53-4be8-aca3-7247f418d291_c9379a2a-5ca2-465c-98d4-92f17694bb20_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/v1714595173/assets/d9yuy65qcojdltqhpa8h.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1714595173/assets/d9yuy65qcojdltqhpa8h.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </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">Kailee Morgue </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Kailee Morgue </p> </div> </div> </button> </div><div id="landscape_card_6c940cbb-5906-49e3-aab4-dd9df2ee9f60_bea2d3c1-a587-4fc9-833f-c5e78f0bf5b7" 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="landscape" data-list-item data-item-id="landscape_card_6c940cbb-5906-49e3-aab4-dd9df2ee9f60_bea2d3c1-a587-4fc9-833f-c5e78f0bf5b7" data-item-name="Melanie Martinez - An Interview With Melanie Martinez" data-card-id="landscape_card_6c940cbb-5906-49e3-aab4-dd9df2ee9f60_bea2d3c1-a587-4fc9-833f-c5e78f0bf5b7_landscape_card" data-overlay-id="landscape_card_6c940cbb-5906-49e3-aab4-dd9df2ee9f60_bea2d3c1-a587-4fc9-833f-c5e78f0bf5b7_landscape_overlay" data-mute-id="landscape_card_6c940cbb-5906-49e3-aab4-dd9df2ee9f60_bea2d3c1-a587-4fc9-833f-c5e78f0bf5b7_toggle_mute"> <a href="/b/6c940cbb-5906-49e3-aab4-dd9df2ee9f60" 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_6c940cbb-5906-49e3-aab4-dd9df2ee9f60_bea2d3c1-a587-4fc9-833f-c5e78f0bf5b7_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/v1705962694/assets/ivo9qyqri5z0an269zao.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705962694/assets/ivo9qyqri5z0an269zao.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">Melanie Martinez </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> An Interview With Melanie Martinez </p> </div> </div> </button> </div><div id="landscape_card_8c4e3fa7-dffb-45e4-80c5-cd581ea4b20f_4928cb8f-04f6-4b93-a533-ecfe152f17fa" 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="landscape" data-list-item data-item-id="landscape_card_8c4e3fa7-dffb-45e4-80c5-cd581ea4b20f_4928cb8f-04f6-4b93-a533-ecfe152f17fa" data-item-name="Carly Rae Jepsen - An Interview With Carly Rae Jepsen" data-card-id="landscape_card_8c4e3fa7-dffb-45e4-80c5-cd581ea4b20f_4928cb8f-04f6-4b93-a533-ecfe152f17fa_landscape_card" data-overlay-id="landscape_card_8c4e3fa7-dffb-45e4-80c5-cd581ea4b20f_4928cb8f-04f6-4b93-a533-ecfe152f17fa_landscape_overlay" data-mute-id="landscape_card_8c4e3fa7-dffb-45e4-80c5-cd581ea4b20f_4928cb8f-04f6-4b93-a533-ecfe152f17fa_toggle_mute"> <a href="/b/8c4e3fa7-dffb-45e4-80c5-cd581ea4b20f" 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_8c4e3fa7-dffb-45e4-80c5-cd581ea4b20f_4928cb8f-04f6-4b93-a533-ecfe152f17fa_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/v1706902093/assets/fx1qzeblxhurv3u5gmer.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1706902093/assets/fx1qzeblxhurv3u5gmer.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">Carly Rae Jepsen </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> An Interview With Carly Rae Jepsen </p> </div> </div> </button> </div> </div> </div> </section><section id="rails-16606787-d130-4f63-8022-1feb7c949a80" 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-16606787-d130-4f63-8022-1feb7c949a80" data-list-name="Sessions"> <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">Sessions</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-16606787-d130-4f63-8022-1feb7c949a80" 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="20ce6e3f-7603-4300-840e-25236735917b"> <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/v1706830749/assets/gncxstpwgrhyk6j9ta4h.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706830749/assets/gncxstpwgrhyk6j9ta4h.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/20ce6e3f-7603-4300-840e-25236735917b" 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="20ce6e3f-7603-4300-840e-25236735917b" data-item-name="Aurora - Session with Aurora" 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> Aurora </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Session with Aurora </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="fecac793-cae7-46a9-beaf-1b828a07b0a6"> <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/v1705960584/assets/rmahjqb3cqq4crztzvcx.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705960584/assets/rmahjqb3cqq4crztzvcx.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/fecac793-cae7-46a9-beaf-1b828a07b0a6" 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="fecac793-cae7-46a9-beaf-1b828a07b0a6" data-item-name="Matisyahu - A Session With Matisyahu" 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> Matisyahu </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Matisyahu </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="5c3de73e-66c3-48dd-8715-70517d56fa31"> <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/v1705429278/assets/dz739plbp7y92zqejvzd.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705429278/assets/dz739plbp7y92zqejvzd.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/5c3de73e-66c3-48dd-8715-70517d56fa31" 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="5c3de73e-66c3-48dd-8715-70517d56fa31" data-item-name="Lucius - A Session With Lucius" 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> Lucius </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Lucius </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="abbceae2-26a3-4791-ac4c-774cd17f7382"> <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/v1705964654/assets/fztoc1afqwtdag8nsl5u.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705964654/assets/fztoc1afqwtdag8nsl5u.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/abbceae2-26a3-4791-ac4c-774cd17f7382" 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="abbceae2-26a3-4791-ac4c-774cd17f7382" data-item-name="AJR - A Session With AJR" 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> AJR </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With AJR </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="b305d2ff-7ca7-4eb0-99b1-8e83a89fc3ff"> <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/v1705275407/assets/vqxggsxquwhqd6cztfdk.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705275407/assets/vqxggsxquwhqd6cztfdk.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/b305d2ff-7ca7-4eb0-99b1-8e83a89fc3ff" 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="b305d2ff-7ca7-4eb0-99b1-8e83a89fc3ff" data-item-name="MisterWives - A Dead Kitten Session With MisterWives" 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> MisterWives </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Dead Kitten Session With MisterWives </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="d8f1791e-2d59-4c4e-900d-cb6847d80974"> <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/v1732043215/assets/vermxprtdo1ov84ikvjd.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1732043215/assets/vermxprtdo1ov84ikvjd.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/d8f1791e-2d59-4c4e-900d-cb6847d80974" 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="d8f1791e-2d59-4c4e-900d-cb6847d80974" data-item-name="Haley Reinhart - A Session With Haley Reinhart " 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> Haley Reinhart </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Haley Reinhart </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="6f852554-0c0d-43b8-b078-b756b45fe30f"> <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/v1705947212/assets/j8phtbq3kbhhyiw7en1p.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705947212/assets/j8phtbq3kbhhyiw7en1p.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/6f852554-0c0d-43b8-b078-b756b45fe30f" 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="6f852554-0c0d-43b8-b078-b756b45fe30f" data-item-name="The Aces - A Session With The Aces" 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> The Aces </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With The Aces </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="0d43cdee-436c-4f71-8760-794fd8a5836e"> <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/v1706906283/assets/xdm4dycestqgqpufuiz9.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706906283/assets/xdm4dycestqgqpufuiz9.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/0d43cdee-436c-4f71-8760-794fd8a5836e" 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="0d43cdee-436c-4f71-8760-794fd8a5836e" data-item-name="Chelsea Cutler - A Session With Chelsea Cutler" 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> Chelsea Cutler </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Chelsea Cutler </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="4771b486-796e-4675-b870-661e9ba24a2c"> <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/v1706058343/assets/rtuib237trt97px1jeue.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706058343/assets/rtuib237trt97px1jeue.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/4771b486-796e-4675-b870-661e9ba24a2c" 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="4771b486-796e-4675-b870-661e9ba24a2c" data-item-name="A R I Z O N A - A Bands and Brews Session With A R I Z O N A" 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> A R I Z O N A </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Bands and Brews Session With A R I Z O N A </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="b316429e-3f00-4ae7-8201-025531d13985"> <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/v1705275208/assets/hi72rs1tb9oxv0jir223.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705275208/assets/hi72rs1tb9oxv0jir223.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/b316429e-3f00-4ae7-8201-025531d13985" 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="b316429e-3f00-4ae7-8201-025531d13985" data-item-name="Izzy Bizu - A Session With Izzy Bizu " 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> Izzy Bizu </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Izzy Bizu </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="437b3603-1e89-4e02-9daa-1e7911004e47"> <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/v1705890309/assets/gktpofrbre05l3bevrrg.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705890309/assets/gktpofrbre05l3bevrrg.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/437b3603-1e89-4e02-9daa-1e7911004e47" 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="437b3603-1e89-4e02-9daa-1e7911004e47" data-item-name="Goldroom - Goldroom - Live at Hype Machine's Hype Hotel " 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> Goldroom </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Goldroom - Live at Hype Machine's Hype Hotel </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="ebf8762e-ab4f-4f4d-a33f-7eb3a401194d"> <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/v1705944007/assets/wq5cgevd7bupmjldblkr.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705944007/assets/wq5cgevd7bupmjldblkr.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/ebf8762e-ab4f-4f4d-a33f-7eb3a401194d" 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="ebf8762e-ab4f-4f4d-a33f-7eb3a401194d" data-item-name="Emily Warren - The Writer's Block With Emily Warren" 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> Emily Warren </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> The Writer's Block With Emily Warren </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="e48aa4be-5c38-4a85-bd90-07daafb1f9cf"> <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/v1705088219/assets/cgggtllky8onmcakf0ov.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705088219/assets/cgggtllky8onmcakf0ov.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/e48aa4be-5c38-4a85-bd90-07daafb1f9cf" 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="e48aa4be-5c38-4a85-bd90-07daafb1f9cf" data-item-name="White Arrows - A Festival Fever Session" 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> White Arrows </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Festival Fever Session </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="02bb50ec-a026-4b25-8907-a7333650ceee"> <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/v1705963019/assets/shhxkqo2ixehr2zb1hhr.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705963019/assets/shhxkqo2ixehr2zb1hhr.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/02bb50ec-a026-4b25-8907-a7333650ceee" 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="02bb50ec-a026-4b25-8907-a7333650ceee" data-item-name="Melanie Martinez - A Session With Melanie Martinez" 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> Melanie Martinez </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Melanie Martinez </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="4ba8b905-b81d-4f00-a11a-755b70f30c0d"> <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/v1705966160/assets/xahqlk2jtqnradmevnea.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705966160/assets/xahqlk2jtqnradmevnea.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/4ba8b905-b81d-4f00-a11a-755b70f30c0d" 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="4ba8b905-b81d-4f00-a11a-755b70f30c0d" data-item-name="Alex Clare - A Session With Alex Clare" 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> Alex Clare </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Alex Clare </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="140969ab-c861-4139-b537-4e49f84eb5d8"> <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/v1707330812/assets/q7e2spwciw4o53czcqwp.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1707330812/assets/q7e2spwciw4o53czcqwp.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/140969ab-c861-4139-b537-4e49f84eb5d8" 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="140969ab-c861-4139-b537-4e49f84eb5d8" data-item-name="Computer Games - A Session With Computer Games" 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> Computer Games </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Computer Games </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="52fe9152-cd61-4e20-9d8e-53e4be79f2a0"> <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/v1705704466/assets/ghbrht7plonxafhozhfy.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705704466/assets/ghbrht7plonxafhozhfy.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/52fe9152-cd61-4e20-9d8e-53e4be79f2a0" 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="52fe9152-cd61-4e20-9d8e-53e4be79f2a0" data-item-name="Salt Cathedral - Salt Cathedral" 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> Salt Cathedral </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Salt Cathedral </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="85513c35-6587-45e5-a5c5-b43a1eed96a3"> <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/v1705443763/assets/bvvr9fig4fmjgf8gajee.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705443763/assets/bvvr9fig4fmjgf8gajee.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/85513c35-6587-45e5-a5c5-b43a1eed96a3" 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="85513c35-6587-45e5-a5c5-b43a1eed96a3" data-item-name="Paperwhite - In Session With Paperwhite" 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> Paperwhite </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> In Session With Paperwhite </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="1a6c4fb8-b118-4d13-8975-a45e03aa5711"> <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/v1705274401/assets/abdcisyx5mdugv6sejcp.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705274401/assets/abdcisyx5mdugv6sejcp.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/1a6c4fb8-b118-4d13-8975-a45e03aa5711" 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="1a6c4fb8-b118-4d13-8975-a45e03aa5711" data-item-name="JASMINE THOMPSON - A Session With Jasmine Thompson" 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> JASMINE THOMPSON </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Jasmine Thompson </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </div> </div> </div> </div> </section><section id="rails-7eac949f-2d47-4e8c-b220-680d2d4b0356" class="mb-20 only-of-type:mb-0 " data-cards-list="genre" data-testid="ds_cards_list" data-variant="carousel" phx-hook="SelectItemEvent" data-direct-children-only="false" data-list-id="rails-7eac949f-2d47-4e8c-b220-680d2d4b0356" 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-7eac949f-2d47-4e8c-b220-680d2d4b0356" data-carousel-type="genre" phx-hook="Carousel"> <div class="snap-start group" data-testid="ds_card_genre" data-card="genre"> <a href="/browse/alternative" data-phx-link="redirect" data-phx-link-state="push" class="bg-genre-red2 relative block px-3 sm:px-4 py-4 sm:py-6 uppercase rounded-lg w-41 sm:w-55 h-24 sm:h-35 text-heading-xxs-1 sm:text-heading-xs-1 font-VEEPS-Display" data-testid="ds_card_link" data-item-id="alternative" data-item-name="Alternative" data-list-item> <div data-testid="ds_card_title">Alternative</div> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload//s--k2H0qwhK--/v1703095301/product/genres/alternative_vknmkj.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/s--k2H0qwhK--/v1703095301/product/genres/alternative_vknmkj.png" alt="" loading="lazy" class="absolute bottom-0 right-0 object-contain object-right-bottom w-auto h-20 sm:w-29 sm:h-35" data-testid="ds_card_image"> </picture> </a> </div><div class="snap-start group" data-testid="ds_card_genre" data-card="genre"> <a href="/browse/comedy" data-phx-link="redirect" data-phx-link-state="push" class="bg-genre-purple2 relative block px-3 sm:px-4 py-4 sm:py-6 uppercase rounded-lg w-41 sm:w-55 h-24 sm:h-35 text-heading-xxs-1 sm:text-heading-xs-1 font-VEEPS-Display" data-testid="ds_card_link" data-item-id="comedy" data-item-name="Comedy" data-list-item> <div data-testid="ds_card_title">Comedy</div> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload//s--_ngK1ydh--/v1703095307/product/genres/comedy_h0f9iq.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/s--_ngK1ydh--/v1703095307/product/genres/comedy_h0f9iq.png" alt="" loading="lazy" class="absolute bottom-0 right-0 object-contain object-right-bottom w-auto h-20 sm:w-29 sm:h-35" data-testid="ds_card_image"> </picture> </a> </div><div class="snap-start group" data-testid="ds_card_genre" data-card="genre"> <a href="/browse/country" data-phx-link="redirect" data-phx-link-state="push" class="bg-genre-brown2 relative block px-3 sm:px-4 py-4 sm:py-6 uppercase rounded-lg w-41 sm:w-55 h-24 sm:h-35 text-heading-xxs-1 sm:text-heading-xs-1 font-VEEPS-Display" data-testid="ds_card_link" data-item-id="country" data-item-name="Country" data-list-item> <div data-testid="ds_card_title">Country</div> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload//s--D_HDd1D0--/v1703095305/product/genres/country_knolwh.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/s--D_HDd1D0--/v1703095305/product/genres/country_knolwh.png" alt="" loading="lazy" class="absolute bottom-0 right-0 object-contain object-right-bottom w-auto h-20 sm:w-29 sm:h-35" data-testid="ds_card_image"> </picture> </a> </div><div class="snap-start group" data-testid="ds_card_genre" data-card="genre"> <a href="/browse/folk" data-phx-link="redirect" data-phx-link-state="push" class="bg-genre-orange3 relative block px-3 sm:px-4 py-4 sm:py-6 uppercase rounded-lg w-41 sm:w-55 h-24 sm:h-35 text-heading-xxs-1 sm:text-heading-xs-1 font-VEEPS-Display" data-testid="ds_card_link" data-item-id="folk" data-item-name="Folk" data-list-item> <div data-testid="ds_card_title">Folk</div> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload//s--TplXdnuN--/v1703095302/product/genres/folk_lek5mq.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/s--TplXdnuN--/v1703095302/product/genres/folk_lek5mq.png" alt="" loading="lazy" class="absolute bottom-0 right-0 object-contain object-right-bottom w-auto h-20 sm:w-29 sm:h-35" data-testid="ds_card_image"> </picture> </a> </div><div class="snap-start group" data-testid="ds_card_genre" data-card="genre"> <a href="/browse/indie" data-phx-link="redirect" data-phx-link-state="push" class="bg-genre-green3 relative block px-3 sm:px-4 py-4 sm:py-6 uppercase rounded-lg w-41 sm:w-55 h-24 sm:h-35 text-heading-xxs-1 sm:text-heading-xs-1 font-VEEPS-Display" data-testid="ds_card_link" data-item-id="indie" data-item-name="Indie" data-list-item> <div data-testid="ds_card_title">Indie</div> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload//s--h0KeJ8M6--/v1703095301/product/genres/indie_yjyg7r.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/s--h0KeJ8M6--/v1703095301/product/genres/indie_yjyg7r.png" alt="" loading="lazy" class="absolute bottom-0 right-0 object-contain object-right-bottom w-auto h-20 sm:w-29 sm:h-35" data-testid="ds_card_image"> </picture> </a> </div><div class="snap-start group" data-testid="ds_card_genre" data-card="genre"> <a href="/browse/jazz" data-phx-link="redirect" data-phx-link-state="push" class="bg-genre-blue3 relative block px-3 sm:px-4 py-4 sm:py-6 uppercase rounded-lg w-41 sm:w-55 h-24 sm:h-35 text-heading-xxs-1 sm:text-heading-xs-1 font-VEEPS-Display" data-testid="ds_card_link" data-item-id="jazz" data-item-name="Jazz" data-list-item> <div data-testid="ds_card_title">Jazz</div> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload//s--0UavT7zZ--/v1703095300/product/genres/jazz_qzibt0.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/s--0UavT7zZ--/v1703095300/product/genres/jazz_qzibt0.png" alt="" loading="lazy" class="absolute bottom-0 right-0 object-contain object-right-bottom w-auto h-20 sm:w-29 sm:h-35" data-testid="ds_card_image"> </picture> </a> </div><div class="snap-start group" data-testid="ds_card_genre" data-card="genre"> <a href="/browse/metal" data-phx-link="redirect" data-phx-link-state="push" class="bg-genre-red3 relative block px-3 sm:px-4 py-4 sm:py-6 uppercase rounded-lg w-41 sm:w-55 h-24 sm:h-35 text-heading-xxs-1 sm:text-heading-xs-1 font-VEEPS-Display" data-testid="ds_card_link" data-item-id="metal" data-item-name="Metal" data-list-item> <div data-testid="ds_card_title">Metal</div> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload//s--XJ9h-8Ox--/v1703095300/product/genres/metal_usoigs.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/s--XJ9h-8Ox--/v1703095300/product/genres/metal_usoigs.png" alt="" loading="lazy" class="absolute bottom-0 right-0 object-contain object-right-bottom w-auto h-20 sm:w-29 sm:h-35" data-testid="ds_card_image"> </picture> </a> </div><div class="snap-start group" data-testid="ds_card_genre" data-card="genre"> <a href="/browse/randb" data-phx-link="redirect" data-phx-link-state="push" class="bg-genre-purple3 relative block px-3 sm:px-4 py-4 sm:py-6 uppercase rounded-lg w-41 sm:w-55 h-24 sm:h-35 text-heading-xxs-1 sm:text-heading-xs-1 font-VEEPS-Display" data-testid="ds_card_link" data-item-id="randb" data-item-name="R&B" data-list-item> <div data-testid="ds_card_title">R&B</div> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload//s--vROWCP3I--/v1703095303/product/genres/rnb_kxjll5.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/s--vROWCP3I--/v1703095303/product/genres/rnb_kxjll5.png" alt="" loading="lazy" class="absolute bottom-0 right-0 object-contain object-right-bottom w-auto h-20 sm:w-29 sm:h-35" data-testid="ds_card_image"> </picture> </a> </div><div class="snap-start group" data-testid="ds_card_genre" data-card="genre"> <a href="/browse/rap" data-phx-link="redirect" data-phx-link-state="push" class="bg-genre-cyan3 relative block px-3 sm:px-4 py-4 sm:py-6 uppercase rounded-lg w-41 sm:w-55 h-24 sm:h-35 text-heading-xxs-1 sm:text-heading-xs-1 font-VEEPS-Display" data-testid="ds_card_link" data-item-id="rap" data-item-name="Rap" data-list-item> <div data-testid="ds_card_title">Rap</div> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload//s--yG2ZhyQF--/v1703095304/product/genres/rap_tqtdug.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/s--yG2ZhyQF--/v1703095304/product/genres/rap_tqtdug.png" alt="" loading="lazy" class="absolute bottom-0 right-0 object-contain object-right-bottom w-auto h-20 sm:w-29 sm:h-35" data-testid="ds_card_image"> </picture> </a> </div><div class="snap-start group" data-testid="ds_card_genre" data-card="genre"> <a href="/browse/rock" data-phx-link="redirect" data-phx-link-state="push" class="bg-genre-dark-gray relative block px-3 sm:px-4 py-4 sm:py-6 uppercase rounded-lg w-41 sm:w-55 h-24 sm:h-35 text-heading-xxs-1 sm:text-heading-xs-1 font-VEEPS-Display" data-testid="ds_card_link" data-item-id="rock" data-item-name="Rock" data-list-item> <div data-testid="ds_card_title">Rock</div> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload//s--R-PNbZw3--/v1703095299/product/genres/rock_dsemut.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/s--R-PNbZw3--/v1703095299/product/genres/rock_dsemut.png" alt="" loading="lazy" class="absolute bottom-0 right-0 object-contain object-right-bottom w-auto h-20 sm:w-29 sm:h-35" data-testid="ds_card_image"> </picture> </a> </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" phx-hook="SelectItemEvent" data-direct-children-only="false" data-list-id="rails-genre_catalog" data-list-name="Pop 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">Pop 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="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="c70e9e61-8b50-411b-b775-3b3df8a2d54d"> <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/v1696106545/assets/t9zqqtxbalnodhvul7yv.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696106545/assets/t9zqqtxbalnodhvul7yv.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/ms/c70e9e61-8b50-411b-b775-3b3df8a2d54d" 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="c70e9e61-8b50-411b-b775-3b3df8a2d54d" data-item-name="5 Seconds of Summer - How Did We End Up Here? Live at Wembley" 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> 5 Seconds of Summer </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> How Did We End Up Here? Live at Wembley </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="4771b486-796e-4675-b870-661e9ba24a2c"> <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/v1706058343/assets/rtuib237trt97px1jeue.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706058343/assets/rtuib237trt97px1jeue.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/4771b486-796e-4675-b870-661e9ba24a2c" 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="4771b486-796e-4675-b870-661e9ba24a2c" data-item-name="A R I Z O N A - A Bands and Brews Session With A R I Z O N A" 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> A R I Z O N A </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Bands and Brews Session With A R I Z O N A </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="88f76275-017f-46bb-8601-7c4d92a44cb1"> <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/v1726767249/assets/cdlzkvclmqdlsyes8moz.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1726767249/assets/cdlzkvclmqdlsyes8moz.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/ajrafael/88f76275-017f-46bb-8601-7c4d92a44cb1" 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="88f76275-017f-46bb-8601-7c4d92a44cb1" data-item-name="AJ Rafael - Take Me Back Tour - Philippines Broadcast" 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> AJ Rafael </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Take Me Back Tour - Philippines Broadcast </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="7c60b628-2c41-49c0-b489-b8d2b58cb7c6"> <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/v1726767212/assets/himooz5lr8ph5nffwqnx.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1726767212/assets/himooz5lr8ph5nffwqnx.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/ajrafael/7c60b628-2c41-49c0-b489-b8d2b58cb7c6" 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="7c60b628-2c41-49c0-b489-b8d2b58cb7c6" data-item-name="AJ Rafael - Take Me Back Tour - From Gramercy Theatre" 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> AJ Rafael </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Take Me Back Tour - From Gramercy Theatre </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="abbceae2-26a3-4791-ac4c-774cd17f7382"> <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/v1705964654/assets/fztoc1afqwtdag8nsl5u.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705964654/assets/fztoc1afqwtdag8nsl5u.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/abbceae2-26a3-4791-ac4c-774cd17f7382" 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="abbceae2-26a3-4791-ac4c-774cd17f7382" data-item-name="AJR - A Session With AJR" 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> AJR </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With AJR </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="6744d832-1440-4754-bbbd-b66d34755fa8"> <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/v1705947087/assets/xj1h12adqlp40ysmlxom.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705947087/assets/xj1h12adqlp40ysmlxom.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/6744d832-1440-4754-bbbd-b66d34755fa8" 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="6744d832-1440-4754-bbbd-b66d34755fa8" data-item-name="Absofacto - A Session With Absofacto" 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> Absofacto </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Absofacto </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="ea262b3e-500c-4b41-87bd-36ff3a275a05"> <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/v1705947442/assets/a4h4ogkwf2rmtaw0owmm.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705947442/assets/a4h4ogkwf2rmtaw0owmm.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/ea262b3e-500c-4b41-87bd-36ff3a275a05" 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="ea262b3e-500c-4b41-87bd-36ff3a275a05" data-item-name="Active Child - Active Child at The Launch Pad at Spike Hill" 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> Active Child </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Active Child at The Launch Pad at Spike Hill </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="697737af-6245-4b2b-8e54-59b16423e2a2"> <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/v1716220727/assets/l2h2d86di9ipajlcqb0q.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1716220727/assets/l2h2d86di9ipajlcqb0q.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/artistfriendly/697737af-6245-4b2b-8e54-59b16423e2a2" 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="697737af-6245-4b2b-8e54-59b16423e2a2" data-item-name="Alec Benjamin - Artist Friendly | Alec Benjamin" 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> Alec Benjamin </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Artist Friendly | Alec Benjamin </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="4ba8b905-b81d-4f00-a11a-755b70f30c0d"> <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/v1705966160/assets/xahqlk2jtqnradmevnea.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705966160/assets/xahqlk2jtqnradmevnea.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/4ba8b905-b81d-4f00-a11a-755b70f30c0d" 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="4ba8b905-b81d-4f00-a11a-755b70f30c0d" data-item-name="Alex Clare - A Session With Alex Clare" 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> Alex Clare </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Alex Clare </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="ad2ea8b0-1887-4cc2-95a8-37c0010a4a33"> <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/v1700102953/assets/z91dub7dghq6uptiwloq.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1700102953/assets/z91dub7dghq6uptiwloq.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/aliciakeys/ad2ea8b0-1887-4cc2-95a8-37c0010a4a33" 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="ad2ea8b0-1887-4cc2-95a8-37c0010a4a33" data-item-name="Alicia Keys - The Diary of Alicia Keys: Live from New York" 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> Alicia Keys </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> The Diary of Alicia Keys: Live from New York </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="21d28c40-034e-4f7a-b4a8-2379e6c53c6b"> <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/v1706047400/assets/luigeu1e5yutcal8uqev.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706047400/assets/luigeu1e5yutcal8uqev.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/21d28c40-034e-4f7a-b4a8-2379e6c53c6b" 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="21d28c40-034e-4f7a-b4a8-2379e6c53c6b" data-item-name="Andreas Moe - Live at The Thrillist Holiday Hideaway" 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> Andreas Moe </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live at The Thrillist Holiday Hideaway </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="ed403d74-0b0f-4f88-a062-d2575e04df86"> <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/v1706049504/assets/b8yv9bslla3zt2zf9ojc.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706049504/assets/b8yv9bslla3zt2zf9ojc.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/ed403d74-0b0f-4f88-a062-d2575e04df86" 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="ed403d74-0b0f-4f88-a062-d2575e04df86" data-item-name="Andrew Belle - A Session With Andrew Belle" 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> Andrew Belle </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Andrew Belle </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="be511e56-000d-4e41-a277-caaa5ed651be"> <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/v1714579987/assets/dn56oqcwegkmp8pf4ilr.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1714579987/assets/dn56oqcwegkmp8pf4ilr.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/artistfriendly/be511e56-000d-4e41-a277-caaa5ed651be" 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="be511e56-000d-4e41-a277-caaa5ed651be" data-item-name="Ashton Irwin - Ashton Irwin of 5 Seconds of Summer" 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> Ashton Irwin </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Ashton Irwin of 5 Seconds of Summer </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="a8530328-bde9-4cf6-91da-5054e495f0e2"> <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/v1706553663/assets/npcccnprhicrnurargvv.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706553663/assets/npcccnprhicrnurargvv.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/a8530328-bde9-4cf6-91da-5054e495f0e2" 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="a8530328-bde9-4cf6-91da-5054e495f0e2" data-item-name="Aurora - Interview with Aurora " 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> Aurora </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Interview with Aurora </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="20ce6e3f-7603-4300-840e-25236735917b"> <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/v1706830749/assets/gncxstpwgrhyk6j9ta4h.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706830749/assets/gncxstpwgrhyk6j9ta4h.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/20ce6e3f-7603-4300-840e-25236735917b" 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="20ce6e3f-7603-4300-840e-25236735917b" data-item-name="Aurora - Session with Aurora" 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> Aurora </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Session with Aurora </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="58d05077-9838-46c0-9baa-954ef18093ac"> <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/v1717180728/assets/ilpbsu8rvuavde2bpmwt.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1717180728/assets/ilpbsu8rvuavde2bpmwt.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/gv/58d05077-9838-46c0-9baa-954ef18093ac" 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="58d05077-9838-46c0-9baa-954ef18093ac" data-item-name="Backstreet Boys - Backstreet Boys: Show 'Em What You're Made Of" 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> Backstreet Boys </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Backstreet Boys: Show 'Em What You're Made Of </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="74ee4392-b6cc-47da-bffa-545a05a54b2e"> <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/v1706562348/assets/csrxyqjvh1xrp0awnyjc.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706562348/assets/csrxyqjvh1xrp0awnyjc.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/74ee4392-b6cc-47da-bffa-545a05a54b2e" 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="74ee4392-b6cc-47da-bffa-545a05a54b2e" data-item-name="Baio - A Session with Baio" 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> Baio </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session with Baio </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="ca59c15d-a539-4c24-abe2-3856ff129b0e"> <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/v1696266943/assets/zeuafytgj9qsreetr0gj.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696266943/assets/zeuafytgj9qsreetr0gj.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/ms/ca59c15d-a539-4c24-abe2-3856ff129b0e" 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="ca59c15d-a539-4c24-abe2-3856ff129b0e" data-item-name="Bastille - ReOrchestrated" 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> Bastille </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> ReOrchestrated </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="7cbde567-2f06-450a-a28d-04d728147c7d"> <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/v1713479425/assets/iodhxnicn2nn0uegnzj7.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1713479425/assets/iodhxnicn2nn0uegnzj7.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/artistfriendly/7cbde567-2f06-450a-a28d-04d728147c7d" 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="7cbde567-2f06-450a-a28d-04d728147c7d" data-item-name="Bea Miller - Artist Friendly | Bea Miller" 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> Bea Miller </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Artist Friendly | Bea Miller </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="d37031b6-5d96-45fd-83a5-4cf28cb325a8"> <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/v1706571470/assets/k4ggnntnfv6owyakpfie.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706571470/assets/k4ggnntnfv6owyakpfie.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/d37031b6-5d96-45fd-83a5-4cf28cb325a8" 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="d37031b6-5d96-45fd-83a5-4cf28cb325a8" data-item-name="Bear Mountain - Live at Hype Machine's Hype Hotel" 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> Bear Mountain </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live at Hype Machine's Hype Hotel </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="8db1fa86-6590-4245-a39d-e96bb3d969cb"> <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/v1698178669/assets/a5sgkeu3uddhcq4bd0wl.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1698178669/assets/a5sgkeu3uddhcq4bd0wl.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/bishopbriggs/8db1fa86-6590-4245-a39d-e96bb3d969cb" 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="8db1fa86-6590-4245-a39d-e96bb3d969cb" data-item-name="Bishop Briggs - The Don't Look Down Tour" 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> Bishop Briggs </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> The Don't Look Down Tour </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="42760b09-808f-4e38-ad88-1dad259d7914"> <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/v1706814105/assets/xxhcel5nnii1mryjhdze.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706814105/assets/xxhcel5nnii1mryjhdze.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/42760b09-808f-4e38-ad88-1dad259d7914" 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="42760b09-808f-4e38-ad88-1dad259d7914" data-item-name="Blondfire - Blondfire at The Bounce House" 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> Blondfire </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Blondfire at The Bounce House </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="5793eb75-efe3-494b-8a52-fbfd374a5d43"> <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/v1697818823/assets/quni4rpt5tt3s4ovkp5m.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1697818823/assets/quni4rpt5tt3s4ovkp5m.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/boyslikegirls/5793eb75-efe3-494b-8a52-fbfd374a5d43" 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="5793eb75-efe3-494b-8a52-fbfd374a5d43" data-item-name="Boys Like Girls - Boys Like Girls Live from The Fillmore Philadelphia" 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> Boys Like Girls </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Boys Like Girls Live from The Fillmore Philadelphia </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="8731f42d-f62a-4c3f-b18f-3121f86bf8ab"> <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/v1729465808/assets/ltfw9ioplqa0ffravckf.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1729465808/assets/ltfw9ioplqa0ffravckf.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/altpressmagazine/8731f42d-f62a-4c3f-b18f-3121f86bf8ab" 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="8731f42d-f62a-4c3f-b18f-3121f86bf8ab" data-item-name="Boys Like Girls - Backstage at WWWY with Boys Like Girls" 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> Boys Like Girls </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Backstage at WWWY with Boys Like Girls </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </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="2438eb12-94d9-4643-8741-72ff7def2f22"> <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/v1706823928/assets/g062t5xjtlkzpv8typi2.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706823928/assets/g062t5xjtlkzpv8typi2.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/2438eb12-94d9-4643-8741-72ff7def2f22" 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="2438eb12-94d9-4643-8741-72ff7def2f22" data-item-name="Bright Light Bright Light - A Session With Bright Light Bright Light" 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> Bright Light Bright Light </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Bright Light Bright Light </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 class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </div> </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><li> <a href="/new-org" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Artists & Venues </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.g2gDaAJhBXQAAAADdwJpZG0AAAAJY2FydF9saXZldwVmbGFzaHQAAAAAdwphc3NpZ25fbmV3bAAAAAV3CXN1YmRvbWFpbncObGF5b3V0X2Fzc2lnbnN3D3RyYWNraW5nX3BhcmFtc3cKZ2hvc3RfdXNlcncMY3VycmVudF91c2Vyam4GAMMZvxWVAWIAAVGA.4JR_MM4bDDwfdq5VfEghg_N_LbuGEzp5xL5zG0mzvlc" data-phx-parent-id="phx-GCUbEyhkEIVQBjcB"><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>