CINXE.COM

Browse Folk Streams - VEEPS

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="x-veeps-version" content="3dd2c747a3d7f6a400a84c7e56165b97e29fa0d1"> <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="DAkRdWkrLzExTyxUPQ8ncwIFCFJSO1YeUzpEQGIrEvF5uac1qfiebRdK" name="csrf-token"> <title> Browse Folk 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 Folk 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":"Live from South Africa: Dust and Thunder chronicles the meeting of South Africa with their long-standing favorites, Mumford & Sons. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696120229/assets/jj1zs52rw3vyxzxvf8ea.jpg","name":"Dust & Thunder: Live From South Africa","performer":[{"@type":"MusicGroup","name":"Mumford & Sons"}],"startDate":"2017-02-04T01:00:00Z","url":"https://veeps.com/ms/bb51899e-e681-4a07-aea0-81383aa69d14"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join Noah & Abby Gundersen on the ‘Ledges’ Ten Year Anniversary Tour live from The Blue Room in Nashville! For the first time in six years, Noah will be touring with his sister, Abby, to play the album in its entirety! ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1725632050/assets/zinyfhdiwtsogb0ibvdp.jpg","name":"'Ledges' 10 Year Anniversary Tour - Live From Nashville","performer":[{"@type":"MusicGroup","name":"Noah Gundersen"},{"@type":"MusicGroup","name":"Abby Gundersen"}],"startDate":"2024-10-03T01:00:00Z","url":"https://veeps.com/noahgundersen/9be5d239-77d7-4d0a-a4da-78701a4919d5"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Celebrate 25 years of ANTI- Records with an all-star lineup during their AMERICANAFEST showcase, featuring Neko Case, Waxahatchee, Madi Diaz, MJ Lenderman, Christian Lee Hutson and Leyla McCalla.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1725648055/assets/kgapqf5qopblcnaumxvs.jpg","name":"ANTI- Records at AMERICANAFEST","performer":[{"@type":"MusicGroup","name":"Anti- Records"},{"@type":"MusicGroup","name":"Waxahatchee"},{"@type":"MusicGroup","name":"Neko Case"},{"@type":"MusicGroup","name":"Madi Diaz"},{"@type":"MusicGroup","name":"MJ Lenderman"},{"@type":"MusicGroup","name":"Christian Lee Hutson"},{"@type":"MusicGroup","name":"Leyla McCalla"}],"startDate":"2024-09-20T00:30:00Z","url":"https://veeps.com/anti/5a429d5b-ca33-423a-a438-a95eb9499faa"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Performing together as one band for the first time, join Dawes and Lucius for a unique show live from Washington's in Fort Collins, CO, 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/v1708131016/assets/pymo2hc3g3ujeyf6n9np.jpg","name":"Tag Team Tour: Live from Fort Collins","performer":[{"@type":"MusicGroup","name":"Tag Team Tour"},{"@type":"MusicGroup","name":"Dawes"},{"@type":"MusicGroup","name":"Lucius"}],"startDate":"2024-03-17T01:00:00Z","url":"https://veeps.com/tagteamtour/d2c6ec70-ff77-4401-a355-20bfaa48de80"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with Grammy winners Larkin Poe.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705092376/assets/becv1ndh9oaguylxzhzd.jpg","name":"A Session With Larkin Poe","performer":[{"@type":"MusicGroup","name":"Larkin Poe"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/f2df7b26-a546-44e1-8a55-b4545750d13a"},{"@context":"https://schema.org","@type":"MusicEvent","description":"The documentary follows the band and their latest set of collaborators as they travel across uncharted territory, playing the major cities of South Africa with an eclectic mix of musician friends. They explore the craft of song writing and the people, events and influences that dictate that. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696338841/assets/ihdcheozsdhjk7aahfj5.jpg","name":"We Wrote This Yesterday","performer":[{"@type":"MusicGroup","name":"Mumford & Sons"}],"startDate":"2016-11-09T01:00:00Z","url":"https://veeps.com/ms/9fbaff88-b4ec-4fd1-a825-44736a853876"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join Old Crow Medicine Show for the 14th annual tradition of ringing in the new year onstage at the historic Ryman Auditorium, exclusively on Veeps.\n\n*Note: openers set will not be available on demand and is live only* ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1701132443/assets/hvi58zk9vojobniffzll.jpg","name":"A Nashville Tradition: Live from Ryman Auditorium - Night 1","performer":[{"@type":"MusicGroup","name":"Old Crow Medicine Show"},{"@type":"MusicGroup","name":"Willie Watson"},{"@type":"MusicGroup","name":"Kasey Tyndall"}],"startDate":"2023-12-31T02:00:00Z","url":"https://veeps.com/oldcrowmedicineshow/42b2d905-95ab-4cf5-ab92-7e4b2e910ad4"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join JOHNNYSWIM live from the Masonic Lodge at the Hollywood Forever Cemetery, 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/v1707346465/assets/jyx5b0fgml4rq29hvxby.jpg","name":"Live from Hollywood Forever Cemetery","performer":[{"@type":"MusicGroup","name":"JOHNNYSWIM"}],"startDate":"2024-02-15T03:00:00Z","url":"https://veeps.com/johnnyswim/330db53f-a0f6-4e75-a91c-885eaba5fb57"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Caamp is making their highly anticipated return to the Red Rocks Amphitheatre on July 19th and 20th for two consecutive sold-out nights.\n\nOn July 19th, Caamp will perform a special intimate acoustic set and on July 20th they will perform in their full band configuration.\n\nHope you will join us!","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1688599236/assets/e6biwbt787osjbgbrglt.jpg","name":"Live from Red Rocks - Night 2","performer":[{"@type":"MusicGroup","name":"Caamp"}],"startDate":"2023-07-21T03:00:00Z","url":"https://veeps.com/caamp/a6b6ed7b-77ef-4baf-b2c2-03cccae293e0"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Brett Dennon brings three tunes from his album, Por Favor. They are songs once again influenced by the landscape. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1706818209/assets/vmjnblowogv9t5uuiodx.jpg","name":"A Session With Brett Dennen","performer":[{"@type":"MusicGroup","name":"Brett Dennen"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/f6668ba3-cfe7-4a93-9ef7-301db69e7499"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join Shane Smith & the Saints live from Nashville's Ryman Auditorium, 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/v1699040740/assets/jxahgijteyxppwxtg1yp.jpg","name":"Live from Ryman Auditorium","performer":[{"@type":"MusicGroup","name":"Shane Smith and the Saints"}],"startDate":"2023-12-01T02:30:00Z","url":"https://veeps.com/shanesmithandthesaints/d86aed7f-84b1-4ff9-a3d1-6f974e46ba09"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Due to popular demand \"Look Long: Together\" is back for on demand viewing! About the show: Indigo Girls unite with members of their renowned backing band and special guests from across the globe for Look Long: Together, a career-spanning concert special featuring hits, rarities, and for the first time, full-band live renditions of songs from 2020’s Look Long album. Woven between multi-cam performances, Emily Saliers and Amy Ray discuss songwriting and reveal the inspiration behind signature songs in a series of intimate home movie segments. Look Long: Together is your evening with the Indigo Girls: a one-of-a-kind celebration of nearly four-decades of music and community.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1649264194/assets/jvphuxegmaaf3wnr4ihy.jpg","name":"Look Long: Together - Encore","performer":[{"@type":"MusicGroup","name":"Indigo Girls"}],"startDate":"2022-12-01T16:00:00Z","url":"https://veeps.com/indigogirls/e318c59a-902d-4ddf-aa97-f01f9567c77a"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Swedish sisters Klara and Johanna Sderberg bring an undeniable amount of hypnotic magic to this performance at Rockwood Music Hall.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1706121959/assets/jjjmvnsuvb0wvyitmigk.jpg","name":"First Aid Kit at Rockwood Music Hall","performer":[{"@type":"MusicGroup","name":"First Aid Kit"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/b7c8cf46-dda5-486b-bb7a-6c07a569d334"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Dallas Green brings the intimate folk tunes he pens under the moniker City and Colour before an gathering of die-hard fans at Littlefield in Brooklyn.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1706914156/assets/kz06epi10uwqvcsvpzfv.jpg","name":"City and Colour at Littlefield","performer":[{"@type":"MusicGroup","name":"City and Colour"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/797f9ced-484f-4954-bedd-8fc1dd9093ab"},{"@context":"https://schema.org","@type":"MusicEvent","description":"An intimate performance with Edward Sharpe and The Magnetic Zeros at World Cafe.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705941026/assets/xdcql9usi4gcueqhurln.jpg","name":"Edward Sharpe and The Magnetic Zeros - Live At World Cafe","performer":[{"@type":"MusicGroup","name":"Edward Sharpe and the Magnetic Zeros"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/38b0002b-3f21-414c-8a6d-f6f3ed64551b"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join Mt. Joy for the first of two sold-out shows live from Red Rocks Amphitheatre in Morrison, CO, exclusively on Veeps. \n\nEach night will include a different set spanning all their albums including new and unreleased music. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1706569565/assets/oz78kyx94hz8v0xuwwug.jpg","name":"Live from Red Rocks: Night 1","performer":[{"@type":"MusicGroup","name":"Mt. Joy"}],"startDate":"2024-08-09T03:05:00Z","url":"https://veeps.com/mtjoy/07226346-1de7-48f5-aab0-377611bb6e2e"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join Old Crow Medicine Show on New Year’s Eve for the 14th annual tradition of ringing in the new year onstage at the historic Ryman Auditorium, exclusively on Veeps.\n\n*Note: openers sets will not be available on demand and are live only* ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1701905790/assets/ixveoxdahmctcjown3su.jpg","name":"A Nashville Tradition: Live from Ryman Auditorium - Night 2","performer":[{"@type":"MusicGroup","name":"Old Crow Medicine Show"},{"@type":"MusicGroup","name":"Willie Watson"},{"@type":"MusicGroup","name":"Harper O'Neill"}],"startDate":"2024-01-01T03:00:00Z","url":"https://veeps.com/oldcrowmedicineshow/781300a0-870f-4e51-8e94-08938b69ba31"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Caamp is making their highly anticipated return to the Red Rocks Amphitheatre in Morrison, CO on July 19th and 20th for two consecutive sold-out nights.\n\nOn July 19th, Caamp will perform a special intimate acoustic set and on July 20th they will perform in their full band configuration.\n\nHope you will join us!","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1688599167/assets/w4m3fetqs2l4638e0qkg.jpg","name":"Live from Red Rocks - Night 1 (Acoustic)","performer":[{"@type":"MusicGroup","name":"Caamp"}],"startDate":"2023-07-20T03:15:00Z","url":"https://veeps.com/caamp/b5776eff-b93c-4cd5-981a-647866e7a79e"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for a visit with Madisen Ward and the Mama Bear. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705269876/assets/yubgcpqvhdnsalyeiztc.jpg","name":"A Visit With Madisen Ward and the Mama Bear","performer":[{"@type":"MusicGroup","name":"Madisen Ward and the Mama Bear"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/2ee108e7-cdfc-462a-85d8-684645fffb70"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Chuck is thrilled to be heading back over to Europe this winter. Tickets are now available at chuckragan.com","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1657659384/assets/oce54eht6afudjv2a2w7.jpg","name":"Live from Anaheim ","performer":[{"@type":"MusicGroup","name":"Chuck Ragan"}],"startDate":"2023-09-24T02:30:00Z","url":"https://veeps.com/chuckragan/db9dd44e-9fab-4024-9754-5e930d7fdbd3"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with Vance Joy.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705183358/assets/p5oo0lkeawkp6vel4tdi.jpg","name":"A Session With Vance Joy","performer":[{"@type":"MusicGroup","name":"Vance Joy"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/3c2d0ae8-0691-4a16-9aec-16e8a70f41f8"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with SYML.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705539950/assets/ypqgpy5nyyug5nxdxxsr.jpg","name":"A Session With SYML","performer":[{"@type":"MusicGroup","name":"SYML"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/db870f55-0ea4-4c54-bf6a-78f8429085e5"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with singer/songwriter Lissie. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705425313/assets/v0fv7mwb35lbd5jnupbx.jpg","name":"A Session With Lissie","performer":[{"@type":"MusicGroup","name":"Lissie"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/1d7078ad-b668-4f7f-9438-27504bbcea96"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for a session with indie folk singer-songwriter Noah Gundersen.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705535831/assets/baqxwapiqpni3kibmbja.jpg","name":"A Session With Noah Gundersen","performer":[{"@type":"MusicGroup","name":"Noah Gundersen"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/184ef51f-40c1-4e23-8250-2e0b2ffe06e2"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Held high school cool kids style, Australian folk quintet Boy & Bear, treat us with 4 tunes from their album, Harlequin Dream.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1706817595/assets/w3upu8b9rr5hwlspwchb.jpg","name":"A Bands and Brews Session With Boy & Bear","performer":[{"@type":"MusicGroup","name":"Boy & Bear"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/6a0bd20c-0e3d-4a24-ad74-031d33c536db"},{"@context":"https://schema.org","@type":"MusicEvent","description":"This session with City And Colour is a candid and revealing interview and performance pairing, casting a light on an incredible musician at an pivotal turning point in his career.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1706914015/assets/l9gl9kgvrmqxtft3em0t.jpg","name":"City And Colour In Session","performer":[{"@type":"MusicGroup","name":"City and Colour"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/2dd369f6-39a4-4c70-8270-2a41818264aa"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with Lily and Madeleine.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705095732/assets/yf6wdyaaagfpon4i0lxs.jpg","name":"In Session with Lily and Madeleine","performer":[{"@type":"MusicGroup","name":"Lily & Madeleine"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/22730e37-fafc-42a8-a9d7-d0b761a00da2"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Two Gallants are a folk rock dup made up of Adam Stephens on guitar, harmonica and vocals and Tyson Vogel on drums and vocals. This session filmed in 2012 at the ATO Cabin features songs from album The Bloom and the Blight.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705253988/assets/ypd1vq6yvpxmvnxz52co.jpg","name":"Cabin Session -Two Gallants at The ATO Cabin","performer":[{"@type":"MusicGroup","name":"Two Gallants"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/8929798f-b97b-4ac8-a8a2-4d50a608cc88"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Kele performs an intimate set at The Guest Apartment. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705002961/assets/iurqfhyjpnsxl6fvb2wl.jpg","name":"Kele at The Guest Apartment","performer":[{"@type":"MusicGroup","name":"Kele"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/51f7a887-e6fa-41fd-a581-b9c0fe1f0794"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Rhode Island based alternative rock-folk band Deer tick perform an intimate backyard session.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705097248/assets/gb5ritoou3dsddxlgpcu.jpg","name":"A Backyard Session With Deer Tick","performer":[{"@type":"MusicGroup","name":"Deer Tick"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/890e5e18-6369-4ac9-899f-db7636a4423c"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with New York based indie pop duo, Overcoats. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705533370/assets/o765rfrci0tuafqhujpx.jpg","name":"A Bands and Brews Session With Overcoats","performer":[{"@type":"MusicGroup","name":"Overcoats"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/45020637-9f6b-4b2b-a1d1-cc143530d81f"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Shovels and Rope strip their \"sloppy-tonk\" down to acoustic roots in this poignant and powerful new session.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705958833/assets/ftsv99pybmw93gbdkmzw.jpg","name":"A Session With Shovels and Rope","performer":[{"@type":"MusicGroup","name":"Shovels & Rope"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/66dc1a12-1da9-40e2-988b-1bd3fd441ec8"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with Magic Giant. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705271990/assets/soxbi5ci8r6rutjqpipw.jpg","name":"A Session With Magic Giant","performer":[{"@type":"MusicGroup","name":"Magic Giant"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/16a09ba7-63f6-41fe-aef4-83874b030cc1"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Enjoy this intimate session with Ciaran Lavery.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1706910654/assets/gpyqehxyajilzqaglr8q.jpg","name":"A Session With Ciaran Lavery","performer":[{"@type":"MusicGroup","name":"Ciaran Lavery"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/beb987c9-024d-4c3d-bb07-b8189feeaaba"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with Jade Bird.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705268762/assets/a6xbkmqgzqpve2n9maqf.jpg","name":"A Session With Jade Bird","performer":[{"@type":"MusicGroup","name":"Jade Bird"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/d559a0cf-0ef1-471d-8e8c-8aac4c4cc3a8"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Wake Owl bring their left of center folk to a cozy gathering of the Sofar Sounds series in NYC.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1705170453/assets/ih9i3lbb0fx7hrusoy6e.jpg","name":"Wake Owl at Sofar Sounds","performer":[{"@type":"MusicGroup","name":"Wake Owl"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/06466e14-e548-43fe-92d6-af5aaa397b8f"}]} </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=3dd2c747a3d7f6a400a84c7e56165b97e29fa0d1"> <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: "3dd2c747a3d7f6a400a84c7e56165b97e29fa0d1", 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=3dd2c747a3d7f6a400a84c7e56165b97e29fa0d1"> </script> </head> <body class="theme-fan overscroll-none text-body text-white vps-loading-page route-browsefolk 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-GCZDMOpP3qNZK55C" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIdwJpZG0AAAAUcGh4LUdDWkRNT3BQM3FOWks1NUN3B3Nlc3Npb250AAAAAHcEdmlld3caRWxpeGlyLlZlZXBzV2ViLkJyb3dzZUxpdmV3CnBhcmVudF9waWR3A25pbHcGcm91dGVydxZFbGl4aXIuVmVlcHNXZWIuUm91dGVydwhyb290X3BpZHcDbmlsdwlyb290X3ZpZXd3GkVsaXhpci5WZWVwc1dlYi5Ccm93c2VMaXZldwxsaXZlX3Nlc3Npb25oAncTdmVlcHNfY29uc3VtZXJfbWFpbm4IAMGGb23CZiUYbgYA6BonKZUBYgABUYA.9KhL2bTi6NWj-heAxXJDxX65D8RpwXlpL_t8Mjy88hQ" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAUcGh4LUdDWkRNT3BQM3FOWks1NUN3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAABncHc3RyZWFtc3cJc3ViZG9tYWludw5sYXlvdXRfYXNzaWduc3cPdHJhY2tpbmdfcGFyYW1zdwpnaG9zdF91c2VydwxjdXJyZW50X3VzZXJqbgYA6BonKZUBYgABUYA.Qt5QX4We4u93Wp5lUBRTO3qOHANPx3CXiGeVzRYOkrk"><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_528edfac-dcbc-4718-af2e-f8a0c6e43c2f" class="relative group" phx-hook="Dropdown" phx-click-away="[[&quot;remove_attr&quot;,{&quot;attr&quot;:&quot;aria-expanded&quot;,&quot;to&quot;:&quot;#genres_menu_desktop_528edfac-dcbc-4718-af2e-f8a0c6e43c2f_trigger&quot;}],[&quot;hide&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#genres_menu_desktop_528edfac-dcbc-4718-af2e-f8a0c6e43c2f_content&quot;,&quot;transition&quot;:[[&quot;ease-out-back&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]"> <button aria-controls="genres_menu_desktop_528edfac-dcbc-4718-af2e-f8a0c6e43c2f_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 [&amp;&gt;svg]:aria-expanded:rotate-180" id="genres_menu_desktop_528edfac-dcbc-4718-af2e-f8a0c6e43c2f_trigger" type="button" phx-click="[[&quot;toggle_attr&quot;,{&quot;attr&quot;:[&quot;aria-expanded&quot;,&quot;true&quot;,&quot;false&quot;],&quot;to&quot;:&quot;#genres_menu_desktop_528edfac-dcbc-4718-af2e-f8a0c6e43c2f_trigger&quot;}],[&quot;toggle&quot;,{&quot;time&quot;:300,&quot;ins&quot;:[[&quot;ease-in-out-cubic&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]],&quot;to&quot;:&quot;#genres_menu_desktop_528edfac-dcbc-4718-af2e-f8a0c6e43c2f_content&quot;,&quot;outs&quot;:[[&quot;ease-out-back&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]"> 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_528edfac-dcbc-4718-af2e-f8a0c6e43c2f_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&amp;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.g2gDaAJhBXQAAAADdwJpZG0AAAALc2VhcmNoX2xpdmV3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdqbgYA6BonKZUBYgABUYA.-iI-Q2ZnpHtr77WfsQy1QptareNzQqzuk9DDmtKnFX4" data-phx-parent-id="phx-GCZDMOpP3qNZK55C"><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="[[&quot;push&quot;,{&quot;target&quot;:&quot;#search_live&quot;,&quot;event&quot;:&quot;toggle-search-input&quot;}],[&quot;toggle&quot;,{&quot;display&quot;:&quot;flex&quot;,&quot;ins&quot;:[[&quot;ease-in&quot;,&quot;duration-fast-02&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]],&quot;to&quot;:&quot;#consumer_search_results&quot;,&quot;outs&quot;:[[&quot;ease-out&quot;,&quot;duration-fast-02&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;toggle&quot;,{&quot;to&quot;:&quot;#search_consumer_wrapper&quot;}],[&quot;toggle&quot;,{&quot;display&quot;:&quot;inline-flex&quot;,&quot;to&quot;:&quot;#search_icon&quot;}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;search-active&quot;,&quot;disableBodyScroll&quot;:false},&quot;event&quot;:&quot;phx:noscroll&quot;}]]"> <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="[[&quot;push&quot;,{&quot;target&quot;:&quot;#search_live&quot;,&quot;event&quot;:&quot;toggle-search-input&quot;}],[&quot;toggle&quot;,{&quot;display&quot;:&quot;flex&quot;,&quot;ins&quot;:[[&quot;ease-in&quot;,&quot;duration-fast-02&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]],&quot;to&quot;:&quot;#consumer_search_results&quot;,&quot;outs&quot;:[[&quot;ease-out&quot;,&quot;duration-fast-02&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;toggle&quot;,{&quot;to&quot;:&quot;#search_consumer_wrapper&quot;}],[&quot;toggle&quot;,{&quot;display&quot;:&quot;inline-flex&quot;,&quot;to&quot;:&quot;#search_icon&quot;}],[&quot;focus&quot;,{&quot;to&quot;:&quot;#search_consumer_q&quot;}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;search-active&quot;,&quot;disableBodyScroll&quot;:true},&quot;event&quot;:&quot;phx:noscroll&quot;}]]" 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="[[&quot;show&quot;,{&quot;to&quot;:&quot;#mobile_menu_content&quot;}],[&quot;show&quot;,{&quot;to&quot;:&quot;#mobile_menu_backdrop&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}],[&quot;show&quot;,{&quot;display&quot;:&quot;flex&quot;,&quot;to&quot;:&quot;#mobile_menu_nav&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-in-out-quad&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-full&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;]]}],[&quot;show&quot;,{&quot;display&quot;:&quot;flex&quot;,&quot;time&quot;:350,&quot;to&quot;:&quot;#mobile_menu_nav_links&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-in-out-quad&quot;,&quot;delay-150&quot;,&quot;duration-200&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-10&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;]]}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;menu-active&quot;,&quot;disableBodyScroll&quot;:true},&quot;event&quot;:&quot;phx:noscroll&quot;}]]" 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="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile_menu_backdrop&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile_menu_nav_links&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-in-out-quad&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-10&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:350,&quot;to&quot;:&quot;#mobile_menu_nav&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-out-quint&quot;,&quot;delay-150&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-full&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:350,&quot;to&quot;:&quot;#mobile_menu_content&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;menu-active&quot;,&quot;disableBodyScroll&quot;:false},&quot;event&quot;:&quot;phx:noscroll&quot;}]]" phx-remove="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile_menu_backdrop&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile_menu_nav_links&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-in-out-quad&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-10&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:350,&quot;to&quot;:&quot;#mobile_menu_nav&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-out-quint&quot;,&quot;delay-150&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-full&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:350,&quot;to&quot;:&quot;#mobile_menu_content&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;menu-active&quot;,&quot;disableBodyScroll&quot;:false},&quot;event&quot;:&quot;phx:noscroll&quot;}]]"> <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="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile_menu_backdrop&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile_menu_nav_links&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-in-out-quad&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-10&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:350,&quot;to&quot;:&quot;#mobile_menu_nav&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-out-quint&quot;,&quot;delay-150&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-full&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:350,&quot;to&quot;:&quot;#mobile_menu_content&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;menu-active&quot;,&quot;disableBodyScroll&quot;:false},&quot;event&quot;:&quot;phx:noscroll&quot;}]]" 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_aea08f94-38c3-4f95-a914-3257db2ea736" class="relative group" phx-hook="Dropdown" phx-click-away="[[&quot;remove_attr&quot;,{&quot;attr&quot;:&quot;aria-expanded&quot;,&quot;to&quot;:&quot;#genres_menu_desktop_aea08f94-38c3-4f95-a914-3257db2ea736_trigger&quot;}],[&quot;hide&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#genres_menu_desktop_aea08f94-38c3-4f95-a914-3257db2ea736_content&quot;,&quot;transition&quot;:[[&quot;ease-out-back&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]"> <button aria-controls="genres_menu_desktop_aea08f94-38c3-4f95-a914-3257db2ea736_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 [&amp;&gt;svg]:aria-expanded:rotate-180" id="genres_menu_desktop_aea08f94-38c3-4f95-a914-3257db2ea736_trigger" type="button" phx-click="[[&quot;toggle_attr&quot;,{&quot;attr&quot;:[&quot;aria-expanded&quot;,&quot;true&quot;,&quot;false&quot;],&quot;to&quot;:&quot;#genres_menu_desktop_aea08f94-38c3-4f95-a914-3257db2ea736_trigger&quot;}],[&quot;toggle&quot;,{&quot;time&quot;:300,&quot;ins&quot;:[[&quot;ease-in-out-cubic&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]],&quot;to&quot;:&quot;#genres_menu_desktop_aea08f94-38c3-4f95-a914-3257db2ea736_content&quot;,&quot;outs&quot;:[[&quot;ease-out-back&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]"> 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_aea08f94-38c3-4f95-a914-3257db2ea736_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&amp;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="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;phx:connected&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;opacity-0&quot;,&quot;animate-page-enter&quot;]}]]" phx-remove="[[&quot;add_class&quot;,{&quot;names&quot;:[&quot;opacity-0&quot;]}]]"> <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">Folk</h1> </div> </div> <div id="browse_rails" phx-update="stream"> <section id="rails-8dc56c87-5669-46d3-bba7-892fc83891f0" 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-8dc56c87-5669-46d3-bba7-892fc83891f0" data-list-name="Top 10 Folk" 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 Folk</h2> </div> <div class="relative" id="landscape_rail_rails-8dc56c87-5669-46d3-bba7-892fc83891f0" 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 [&amp;_[data-carousel-btn]]:bottom-14 [&amp;_[data-carousel-btn]]:top-14 [&amp;_[data-carousel-btn-content]]:mb-14 [&amp;_[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-8dc56c87-5669-46d3-bba7-892fc83891f0" data-carousel-type="chart" phx-hook="Carousel"> <div id="landscape_card_bb51899e-e681-4a07-aea0-81383aa69d14_cf9e5849-c300-4b4c-995c-64a7d472c1ca" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_bb51899e-e681-4a07-aea0-81383aa69d14_cf9e5849-c300-4b4c-995c-64a7d472c1ca" data-item-name="Mumford &amp; Sons - Dust &amp; Thunder: Live From South Africa" data-card-id="landscape_card_bb51899e-e681-4a07-aea0-81383aa69d14_cf9e5849-c300-4b4c-995c-64a7d472c1ca_landscape_card" data-overlay-id="landscape_card_bb51899e-e681-4a07-aea0-81383aa69d14_cf9e5849-c300-4b4c-995c-64a7d472c1ca_landscape_overlay" data-mute-id="landscape_card_bb51899e-e681-4a07-aea0-81383aa69d14_cf9e5849-c300-4b4c-995c-64a7d472c1ca_toggle_mute"> <a href="/ms/bb51899e-e681-4a07-aea0-81383aa69d14" 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_bb51899e-e681-4a07-aea0-81383aa69d14_cf9e5849-c300-4b4c-995c-64a7d472c1ca_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/v1696120229/assets/jj1zs52rw3vyxzxvf8ea.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1696120229/assets/jj1zs52rw3vyxzxvf8ea.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">Mumford &amp; Sons&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Dust &amp; Thunder: Live From South Africa </p> </div> </div> </button> </div><div id="landscape_card_9be5d239-77d7-4d0a-a4da-78701a4919d5_0fa3f526-471a-42ad-9ef7-212509b5e124" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_9be5d239-77d7-4d0a-a4da-78701a4919d5_0fa3f526-471a-42ad-9ef7-212509b5e124" data-item-name="Noah Gundersen - &#39;Ledges&#39; 10 Year Anniversary Tour - Live From Nashville" data-card-id="landscape_card_9be5d239-77d7-4d0a-a4da-78701a4919d5_0fa3f526-471a-42ad-9ef7-212509b5e124_landscape_card" data-overlay-id="landscape_card_9be5d239-77d7-4d0a-a4da-78701a4919d5_0fa3f526-471a-42ad-9ef7-212509b5e124_landscape_overlay" data-mute-id="landscape_card_9be5d239-77d7-4d0a-a4da-78701a4919d5_0fa3f526-471a-42ad-9ef7-212509b5e124_toggle_mute"> <a href="/noahgundersen/9be5d239-77d7-4d0a-a4da-78701a4919d5" 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_9be5d239-77d7-4d0a-a4da-78701a4919d5_0fa3f526-471a-42ad-9ef7-212509b5e124_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/v1725632050/assets/zinyfhdiwtsogb0ibvdp.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1725632050/assets/zinyfhdiwtsogb0ibvdp.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">Noah Gundersen&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> &#39;Ledges&#39; 10 Year Anniversary Tour - Live From Nashville </p> </div> </div> </button> </div><div id="landscape_card_5a429d5b-ca33-423a-a438-a95eb9499faa_aa069f34-0976-43d8-9b5a-1d2f86fa5299" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_5a429d5b-ca33-423a-a438-a95eb9499faa_aa069f34-0976-43d8-9b5a-1d2f86fa5299" data-item-name="Waxahatchee &amp; Neko Case - ANTI- Records at AMERICANAFEST" data-card-id="landscape_card_5a429d5b-ca33-423a-a438-a95eb9499faa_aa069f34-0976-43d8-9b5a-1d2f86fa5299_landscape_card" data-overlay-id="landscape_card_5a429d5b-ca33-423a-a438-a95eb9499faa_aa069f34-0976-43d8-9b5a-1d2f86fa5299_landscape_overlay" data-mute-id="landscape_card_5a429d5b-ca33-423a-a438-a95eb9499faa_aa069f34-0976-43d8-9b5a-1d2f86fa5299_toggle_mute"> <a href="/anti/5a429d5b-ca33-423a-a438-a95eb9499faa" 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_5a429d5b-ca33-423a-a438-a95eb9499faa_aa069f34-0976-43d8-9b5a-1d2f86fa5299_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/v1725648055/assets/kgapqf5qopblcnaumxvs.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1725648055/assets/kgapqf5qopblcnaumxvs.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">Waxahatchee &amp; Neko Case&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> ANTI- Records at AMERICANAFEST </p> </div> </div> </button> </div><div id="landscape_card_d2c6ec70-ff77-4401-a355-20bfaa48de80_c3da5804-8545-4ed2-a6f1-9ae5239cbc32" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_d2c6ec70-ff77-4401-a355-20bfaa48de80_c3da5804-8545-4ed2-a6f1-9ae5239cbc32" data-item-name="Dawes + Lucius - Tag Team Tour: Live from Fort Collins" data-card-id="landscape_card_d2c6ec70-ff77-4401-a355-20bfaa48de80_c3da5804-8545-4ed2-a6f1-9ae5239cbc32_landscape_card" data-overlay-id="landscape_card_d2c6ec70-ff77-4401-a355-20bfaa48de80_c3da5804-8545-4ed2-a6f1-9ae5239cbc32_landscape_overlay" data-mute-id="landscape_card_d2c6ec70-ff77-4401-a355-20bfaa48de80_c3da5804-8545-4ed2-a6f1-9ae5239cbc32_toggle_mute"> <a href="/tagteamtour/d2c6ec70-ff77-4401-a355-20bfaa48de80" 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_d2c6ec70-ff77-4401-a355-20bfaa48de80_c3da5804-8545-4ed2-a6f1-9ae5239cbc32_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/v1708131016/assets/pymo2hc3g3ujeyf6n9np.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1708131016/assets/pymo2hc3g3ujeyf6n9np.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">Dawes + Lucius&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Tag Team Tour: Live from Fort Collins </p> </div> </div> </button> </div><div id="landscape_card_f2df7b26-a546-44e1-8a55-b4545750d13a_2b869468-c198-420b-bfd6-e37855e270a2" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_f2df7b26-a546-44e1-8a55-b4545750d13a_2b869468-c198-420b-bfd6-e37855e270a2" data-item-name="Larkin Poe - A Session With Larkin Poe" data-card-id="landscape_card_f2df7b26-a546-44e1-8a55-b4545750d13a_2b869468-c198-420b-bfd6-e37855e270a2_landscape_card" data-overlay-id="landscape_card_f2df7b26-a546-44e1-8a55-b4545750d13a_2b869468-c198-420b-bfd6-e37855e270a2_landscape_overlay" data-mute-id="landscape_card_f2df7b26-a546-44e1-8a55-b4545750d13a_2b869468-c198-420b-bfd6-e37855e270a2_toggle_mute"> <a href="/b/f2df7b26-a546-44e1-8a55-b4545750d13a" 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_f2df7b26-a546-44e1-8a55-b4545750d13a_2b869468-c198-420b-bfd6-e37855e270a2_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/v1705092376/assets/becv1ndh9oaguylxzhzd.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705092376/assets/becv1ndh9oaguylxzhzd.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">Larkin Poe&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Larkin Poe </p> </div> </div> </button> </div><div id="landscape_card_9fbaff88-b4ec-4fd1-a825-44736a853876_15c66687-e2e2-4965-86dd-b0a8e257402d" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_9fbaff88-b4ec-4fd1-a825-44736a853876_15c66687-e2e2-4965-86dd-b0a8e257402d" data-item-name="Mumford &amp; Sons - We Wrote This Yesterday" data-card-id="landscape_card_9fbaff88-b4ec-4fd1-a825-44736a853876_15c66687-e2e2-4965-86dd-b0a8e257402d_landscape_card" data-overlay-id="landscape_card_9fbaff88-b4ec-4fd1-a825-44736a853876_15c66687-e2e2-4965-86dd-b0a8e257402d_landscape_overlay" data-mute-id="landscape_card_9fbaff88-b4ec-4fd1-a825-44736a853876_15c66687-e2e2-4965-86dd-b0a8e257402d_toggle_mute"> <a href="/ms/9fbaff88-b4ec-4fd1-a825-44736a853876" 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_9fbaff88-b4ec-4fd1-a825-44736a853876_15c66687-e2e2-4965-86dd-b0a8e257402d_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/v1696338841/assets/ihdcheozsdhjk7aahfj5.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1696338841/assets/ihdcheozsdhjk7aahfj5.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">Mumford &amp; Sons&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> We Wrote This Yesterday </p> </div> </div> </button> </div><div id="landscape_card_42b2d905-95ab-4cf5-ab92-7e4b2e910ad4_07e36467-910d-463e-85c8-5d50ed72f225" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_42b2d905-95ab-4cf5-ab92-7e4b2e910ad4_07e36467-910d-463e-85c8-5d50ed72f225" data-item-name="Old Crow Medicine Show - A Nashville Tradition: Live from Ryman Auditorium - Night 1" data-card-id="landscape_card_42b2d905-95ab-4cf5-ab92-7e4b2e910ad4_07e36467-910d-463e-85c8-5d50ed72f225_landscape_card" data-overlay-id="landscape_card_42b2d905-95ab-4cf5-ab92-7e4b2e910ad4_07e36467-910d-463e-85c8-5d50ed72f225_landscape_overlay" data-mute-id="landscape_card_42b2d905-95ab-4cf5-ab92-7e4b2e910ad4_07e36467-910d-463e-85c8-5d50ed72f225_toggle_mute"> <a href="/oldcrowmedicineshow/42b2d905-95ab-4cf5-ab92-7e4b2e910ad4" 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_42b2d905-95ab-4cf5-ab92-7e4b2e910ad4_07e36467-910d-463e-85c8-5d50ed72f225_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/v1701132443/assets/hvi58zk9vojobniffzll.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1701132443/assets/hvi58zk9vojobniffzll.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <img src="https://res.cloudinary.com/veeps/image/upload/v1716388570/product/veeps_exclusive_rwpj6k.png" data-testid="exclusive_badge" class="w-32 absolute bottom-4 right-4" alt="VEEPS EXCLUSIVE"> </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">Old Crow Medicine Show&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Nashville Tradition: Live from Ryman Auditorium - Night 1 </p> </div> </div> </button> </div><div id="landscape_card_330db53f-a0f6-4e75-a91c-885eaba5fb57_afb8a025-6a04-4f39-95e6-526f028f1cc1" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_330db53f-a0f6-4e75-a91c-885eaba5fb57_afb8a025-6a04-4f39-95e6-526f028f1cc1" data-item-name="JOHNNYSWIM - Live from Hollywood Forever Cemetery" data-card-id="landscape_card_330db53f-a0f6-4e75-a91c-885eaba5fb57_afb8a025-6a04-4f39-95e6-526f028f1cc1_landscape_card" data-overlay-id="landscape_card_330db53f-a0f6-4e75-a91c-885eaba5fb57_afb8a025-6a04-4f39-95e6-526f028f1cc1_landscape_overlay" data-mute-id="landscape_card_330db53f-a0f6-4e75-a91c-885eaba5fb57_afb8a025-6a04-4f39-95e6-526f028f1cc1_toggle_mute"> <a href="/johnnyswim/330db53f-a0f6-4e75-a91c-885eaba5fb57" 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_330db53f-a0f6-4e75-a91c-885eaba5fb57_afb8a025-6a04-4f39-95e6-526f028f1cc1_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/v1707346465/assets/jyx5b0fgml4rq29hvxby.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1707346465/assets/jyx5b0fgml4rq29hvxby.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">JOHNNYSWIM&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live from Hollywood Forever Cemetery </p> </div> </div> </button> </div><div id="landscape_card_a6b6ed7b-77ef-4baf-b2c2-03cccae293e0_0f3d4f1b-0530-4cdf-8d21-cc7cb3a4f0c3" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_a6b6ed7b-77ef-4baf-b2c2-03cccae293e0_0f3d4f1b-0530-4cdf-8d21-cc7cb3a4f0c3" data-item-name="Caamp - Live from Red Rocks - Night 2" data-card-id="landscape_card_a6b6ed7b-77ef-4baf-b2c2-03cccae293e0_0f3d4f1b-0530-4cdf-8d21-cc7cb3a4f0c3_landscape_card" data-overlay-id="landscape_card_a6b6ed7b-77ef-4baf-b2c2-03cccae293e0_0f3d4f1b-0530-4cdf-8d21-cc7cb3a4f0c3_landscape_overlay" data-mute-id="landscape_card_a6b6ed7b-77ef-4baf-b2c2-03cccae293e0_0f3d4f1b-0530-4cdf-8d21-cc7cb3a4f0c3_toggle_mute"> <a href="/caamp/a6b6ed7b-77ef-4baf-b2c2-03cccae293e0" 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_a6b6ed7b-77ef-4baf-b2c2-03cccae293e0_0f3d4f1b-0530-4cdf-8d21-cc7cb3a4f0c3_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/v1688599236/assets/e6biwbt787osjbgbrglt.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1688599236/assets/e6biwbt787osjbgbrglt.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">Caamp&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live from Red Rocks - Night 2 </p> </div> </div> </button> </div><div id="landscape_card_f6668ba3-cfe7-4a93-9ef7-301db69e7499_234a6ea6-7821-464f-81a4-0f4887c04e82" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="chart" data-list-item data-item-id="landscape_card_f6668ba3-cfe7-4a93-9ef7-301db69e7499_234a6ea6-7821-464f-81a4-0f4887c04e82" data-item-name="Brett Dennen - A Session With Brett Dennen" data-card-id="landscape_card_f6668ba3-cfe7-4a93-9ef7-301db69e7499_234a6ea6-7821-464f-81a4-0f4887c04e82_landscape_card" data-overlay-id="landscape_card_f6668ba3-cfe7-4a93-9ef7-301db69e7499_234a6ea6-7821-464f-81a4-0f4887c04e82_landscape_overlay" data-mute-id="landscape_card_f6668ba3-cfe7-4a93-9ef7-301db69e7499_234a6ea6-7821-464f-81a4-0f4887c04e82_toggle_mute"> <a href="/b/f6668ba3-cfe7-4a93-9ef7-301db69e7499" 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_f6668ba3-cfe7-4a93-9ef7-301db69e7499_234a6ea6-7821-464f-81a4-0f4887c04e82_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/v1706818209/assets/vmjnblowogv9t5uuiodx.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1706818209/assets/vmjnblowogv9t5uuiodx.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">Brett Dennen&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Brett Dennen </p> </div> </div> </button> </div> </div> </div> </section><section id="rails-92b5f1a8-0e8d-4b5a-9afb-4e5bb1b5a5c8" 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-92b5f1a8-0e8d-4b5a-9afb-4e5bb1b5a5c8"> <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="a6b6ed7b-77ef-4baf-b2c2-03cccae293e0_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/oIJcManqx5aPSme9Cfk2mhIp19wRLslEh1u26bUa4V4/high.mp4" data-url-default-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_sm_webm/https://stream.mux.com/oIJcManqx5aPSme9Cfk2mhIp19wRLslEh1u26bUa4V4/high.mp4" data-url-default="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_sm/https://stream.mux.com/oIJcManqx5aPSme9Cfk2mhIp19wRLslEh1u26bUa4V4/high.mp4" data-url-sm-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_md_webm/https://stream.mux.com/oIJcManqx5aPSme9Cfk2mhIp19wRLslEh1u26bUa4V4/high.mp4" data-url-sm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_md/https://stream.mux.com/oIJcManqx5aPSme9Cfk2mhIp19wRLslEh1u26bUa4V4/high.mp4" data-url-md-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_lg_webm/https://stream.mux.com/oIJcManqx5aPSme9Cfk2mhIp19wRLslEh1u26bUa4V4/high.mp4" data-url-md="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_lg/https://stream.mux.com/oIJcManqx5aPSme9Cfk2mhIp19wRLslEh1u26bUa4V4/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/v1687980869/assets/whfsrdv7uzxlf96gvaev.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_hero_logo/v1687980869/assets/whfsrdv7uzxlf96gvaev.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-sm 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"> Live from Red Rocks - Night 2 </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="a6b6ed7b-77ef-4baf-b2c2-03cccae293e0_actions" phx-hook="SelectItemEvent" data-list-id="a6b6ed7b-77ef-4baf-b2c2-03cccae293e0" data-list-name="genre-folk_wide_actions"> <a href="/caamp/a6b6ed7b-77ef-4baf-b2c2-03cccae293e0" 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-a46d62df-e77b-4b3e-9a60-c8310b2cbdb2" 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-a46d62df-e77b-4b3e-9a60-c8310b2cbdb2" data-list-name="Featured"> <div class="relative mb-6 text-left lg:mb-10 flex space-x-4 items-center justify-between z-10 px-5 md:px-10" data-testid="ds_cards_list_title" data-cards-list-title="standard"> <h2 class="text-subheading-sm">Featured</h2> </div> <div class="relative"> <div class="grid grid-flow-col auto-cols-max gap-x-2 md:gap-x-6 -my-5 py-5 px-5 md:px-10 snap-x snap-mandatory scroll-pl-5 md:scroll-pl-10 group/carousel overflow-hidden overflow-x-scroll vps-scrollbar-none" data-testid="ds_cards_list_items" id="carousel_rails-a46d62df-e77b-4b3e-9a60-c8310b2cbdb2" 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="d86aed7f-84b1-4ff9-a3d1-6f974e46ba09"> <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/v1699040819/assets/at7dgmmbp2od653yhlbk.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1699040819/assets/at7dgmmbp2od653yhlbk.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="/shanesmithandthesaints/d86aed7f-84b1-4ff9-a3d1-6f974e46ba09" 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="d86aed7f-84b1-4ff9-a3d1-6f974e46ba09" data-item-name="Shane Smith and the Saints - Live from Ryman Auditorium" 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> Shane Smith and the Saints </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live from Ryman Auditorium </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="e318c59a-902d-4ddf-aa97-f01f9567c77a"> <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/v1696957907/assets/vgsyd3pyyuuvfj1jedpc.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696957907/assets/vgsyd3pyyuuvfj1jedpc.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="/indigogirls/e318c59a-902d-4ddf-aa97-f01f9567c77a" 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="e318c59a-902d-4ddf-aa97-f01f9567c77a" data-item-name="Indigo Girls - Look Long: Together - Encore" 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> Indigo Girls </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Look Long: Together - Encore </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="b7c8cf46-dda5-486b-bb7a-6c07a569d334"> <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/v1706121959/assets/jjjmvnsuvb0wvyitmigk.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706121959/assets/jjjmvnsuvb0wvyitmigk.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/b7c8cf46-dda5-486b-bb7a-6c07a569d334" 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="b7c8cf46-dda5-486b-bb7a-6c07a569d334" data-item-name="First Aid Kit - First Aid Kit at Rockwood Music Hall" 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> First Aid Kit </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> First Aid Kit at Rockwood Music Hall </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="797f9ced-484f-4954-bedd-8fc1dd9093ab"> <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/v1706914169/assets/tgtyhzito08zgwgslxvh.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706914169/assets/tgtyhzito08zgwgslxvh.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/797f9ced-484f-4954-bedd-8fc1dd9093ab" 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="797f9ced-484f-4954-bedd-8fc1dd9093ab" data-item-name="City and Colour - City and Colour at Littlefield" 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> City and Colour </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> City and Colour at Littlefield </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="38b0002b-3f21-414c-8a6d-f6f3ed64551b"> <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/v1705941026/assets/xdcql9usi4gcueqhurln.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705941026/assets/xdcql9usi4gcueqhurln.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/38b0002b-3f21-414c-8a6d-f6f3ed64551b" 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="38b0002b-3f21-414c-8a6d-f6f3ed64551b" data-item-name="Edward Sharpe and the Magnetic Zeros - Edward Sharpe and The Magnetic Zeros - Live At World Cafe" 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> Edward Sharpe and the Magnetic Zeros </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Edward Sharpe and The Magnetic Zeros - Live At World Cafe </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="07226346-1de7-48f5-aab0-377611bb6e2e"> <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/v1706569609/assets/wpn2vb2gr6enbxnviixg.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706569609/assets/wpn2vb2gr6enbxnviixg.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="/mtjoy/07226346-1de7-48f5-aab0-377611bb6e2e" 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="07226346-1de7-48f5-aab0-377611bb6e2e" data-item-name="Mt. Joy - Live from Red Rocks: Night 1" data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Mt. Joy </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live from Red Rocks: Night 1 </p> </div> </a> <div class="absolute inset-x-0 top-0 flex-shrink-0 p-2 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="absolute inset-x-0 top-0 z-10 justify-end hidden p-2 sm:flex"> <div 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="42b2d905-95ab-4cf5-ab92-7e4b2e910ad4"> <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/v1701972059/assets/xug7yu3ujq22jqri0hub.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1701972059/assets/xug7yu3ujq22jqri0hub.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/oldcrowmedicineshow/42b2d905-95ab-4cf5-ab92-7e4b2e910ad4" 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="42b2d905-95ab-4cf5-ab92-7e4b2e910ad4" data-item-name="Old Crow Medicine Show - A Nashville Tradition: Live from Ryman Auditorium - Night 1" data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <img src="https://res.cloudinary.com/veeps/image/upload/v1716388570/product/veeps_exclusive_rwpj6k.png" data-testid="exclusive_badge" class="w-32 mx-auto mb-3" alt="VEEPS EXCLUSIVE"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Old Crow Medicine Show </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Nashville Tradition: Live from Ryman Auditorium - Night 1 </p> </div> </a> <div class="absolute inset-x-0 top-0 flex-shrink-0 p-2 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="absolute inset-x-0 top-0 z-10 justify-end hidden p-2 sm:flex"> <div 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="781300a0-870f-4e51-8e94-08938b69ba31"> <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/v1701905826/assets/odpvzi46t1kbke5t8fds.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1701905826/assets/odpvzi46t1kbke5t8fds.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/oldcrowmedicineshow/781300a0-870f-4e51-8e94-08938b69ba31" 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="781300a0-870f-4e51-8e94-08938b69ba31" data-item-name="Old Crow Medicine Show - A Nashville Tradition: Live from Ryman Auditorium - Night 2" data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <img src="https://res.cloudinary.com/veeps/image/upload/v1716388570/product/veeps_exclusive_rwpj6k.png" data-testid="exclusive_badge" class="w-32 mx-auto mb-3" alt="VEEPS EXCLUSIVE"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Old Crow Medicine Show </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Nashville Tradition: Live from Ryman Auditorium - Night 2 </p> </div> </a> <div class="absolute inset-x-0 top-0 flex-shrink-0 p-2 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="absolute inset-x-0 top-0 z-10 justify-end hidden p-2 sm:flex"> <div 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="b5776eff-b93c-4cd5-981a-647866e7a79e"> <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/v1688599167/assets/w4m3fetqs2l4638e0qkg.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1688599167/assets/w4m3fetqs2l4638e0qkg.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="/caamp/b5776eff-b93c-4cd5-981a-647866e7a79e" 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="b5776eff-b93c-4cd5-981a-647866e7a79e" data-item-name="Caamp - Live from Red Rocks - Night 1 (Acoustic)" 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> Caamp </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live from Red Rocks - Night 1 (Acoustic) </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="2ee108e7-cdfc-462a-85d8-684645fffb70"> <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/v1705269898/assets/k2lwfucxpvptdnhn9xoo.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705269898/assets/k2lwfucxpvptdnhn9xoo.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/2ee108e7-cdfc-462a-85d8-684645fffb70" 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="2ee108e7-cdfc-462a-85d8-684645fffb70" data-item-name="Madisen Ward and the Mama Bear - A Visit With Madisen Ward and the Mama Bear" 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> Madisen Ward and the Mama Bear </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Visit With Madisen Ward and the Mama Bear </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="db9dd44e-9fab-4024-9754-5e930d7fdbd3"> <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/v1696957421/assets/ccet3gichkkplsuccrjw.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696957421/assets/ccet3gichkkplsuccrjw.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/chuckragan/db9dd44e-9fab-4024-9754-5e930d7fdbd3" 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="db9dd44e-9fab-4024-9754-5e930d7fdbd3" data-item-name="Chuck Ragan - Live from Anaheim " 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> Chuck Ragan </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live from Anaheim </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-7a57c7d1-54ff-466f-b3a9-26d3c4b6cfee" 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-7a57c7d1-54ff-466f-b3a9-26d3c4b6cfee"> <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="bb51899e-e681-4a07-aea0-81383aa69d14_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/01HmBpLvw2JqPr3CtcPOi02B01fkSBxROIBnh1RZL01TFdY/high.mp4" data-url-default-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_sm_webm/https://stream.mux.com/01HmBpLvw2JqPr3CtcPOi02B01fkSBxROIBnh1RZL01TFdY/high.mp4" data-url-default="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_sm/https://stream.mux.com/01HmBpLvw2JqPr3CtcPOi02B01fkSBxROIBnh1RZL01TFdY/high.mp4" data-url-sm-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_md_webm/https://stream.mux.com/01HmBpLvw2JqPr3CtcPOi02B01fkSBxROIBnh1RZL01TFdY/high.mp4" data-url-sm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_md/https://stream.mux.com/01HmBpLvw2JqPr3CtcPOi02B01fkSBxROIBnh1RZL01TFdY/high.mp4" data-url-md-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_lg_webm/https://stream.mux.com/01HmBpLvw2JqPr3CtcPOi02B01fkSBxROIBnh1RZL01TFdY/high.mp4" data-url-md="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_lg/https://stream.mux.com/01HmBpLvw2JqPr3CtcPOi02B01fkSBxROIBnh1RZL01TFdY/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/v1696120719/assets/xonfrwkean5szwkbxzoy.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_hero_logo/v1696120719/assets/xonfrwkean5szwkbxzoy.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-sm 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"> Dust &amp; Thunder: Live From South Africa </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="bb51899e-e681-4a07-aea0-81383aa69d14_actions" phx-hook="SelectItemEvent" data-list-id="bb51899e-e681-4a07-aea0-81383aa69d14" data-list-name="genre-folk_wide_actions"> <a href="/ms/bb51899e-e681-4a07-aea0-81383aa69d14" 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-00e6ce8e-e4a5-4090-92c9-f6859b6db5ad" 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-00e6ce8e-e4a5-4090-92c9-f6859b6db5ad" data-list-name="Sessions" 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">Sessions</h2> </div> <div class="relative" id="landscape_rail_rails-00e6ce8e-e4a5-4090-92c9-f6859b6db5ad" 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 [&amp;_[data-carousel-btn]]:bottom-14 [&amp;_[data-carousel-btn]]:top-14 [&amp;_[data-carousel-btn-content]]:mb-14 [&amp;_[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-00e6ce8e-e4a5-4090-92c9-f6859b6db5ad" data-carousel-type="landscape" phx-hook="Carousel"> <div id="landscape_card_3c2d0ae8-0691-4a16-9aec-16e8a70f41f8_1c700db8-75ce-4d68-b437-b4da1aa3980f" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_3c2d0ae8-0691-4a16-9aec-16e8a70f41f8_1c700db8-75ce-4d68-b437-b4da1aa3980f" data-item-name="Vance Joy - A Session With Vance Joy" data-card-id="landscape_card_3c2d0ae8-0691-4a16-9aec-16e8a70f41f8_1c700db8-75ce-4d68-b437-b4da1aa3980f_landscape_card" data-overlay-id="landscape_card_3c2d0ae8-0691-4a16-9aec-16e8a70f41f8_1c700db8-75ce-4d68-b437-b4da1aa3980f_landscape_overlay" data-mute-id="landscape_card_3c2d0ae8-0691-4a16-9aec-16e8a70f41f8_1c700db8-75ce-4d68-b437-b4da1aa3980f_toggle_mute"> <a href="/b/3c2d0ae8-0691-4a16-9aec-16e8a70f41f8" 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_3c2d0ae8-0691-4a16-9aec-16e8a70f41f8_1c700db8-75ce-4d68-b437-b4da1aa3980f_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/v1705183358/assets/p5oo0lkeawkp6vel4tdi.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705183358/assets/p5oo0lkeawkp6vel4tdi.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">Vance Joy&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Vance Joy </p> </div> </div> </button> </div><div id="landscape_card_db870f55-0ea4-4c54-bf6a-78f8429085e5_be9ec6a8-1c06-4388-9045-3be164b9dae5" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_db870f55-0ea4-4c54-bf6a-78f8429085e5_be9ec6a8-1c06-4388-9045-3be164b9dae5" data-item-name="SYML - A Session With SYML" data-card-id="landscape_card_db870f55-0ea4-4c54-bf6a-78f8429085e5_be9ec6a8-1c06-4388-9045-3be164b9dae5_landscape_card" data-overlay-id="landscape_card_db870f55-0ea4-4c54-bf6a-78f8429085e5_be9ec6a8-1c06-4388-9045-3be164b9dae5_landscape_overlay" data-mute-id="landscape_card_db870f55-0ea4-4c54-bf6a-78f8429085e5_be9ec6a8-1c06-4388-9045-3be164b9dae5_toggle_mute"> <a href="/b/db870f55-0ea4-4c54-bf6a-78f8429085e5" 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_db870f55-0ea4-4c54-bf6a-78f8429085e5_be9ec6a8-1c06-4388-9045-3be164b9dae5_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/v1705539950/assets/ypqgpy5nyyug5nxdxxsr.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705539950/assets/ypqgpy5nyyug5nxdxxsr.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">SYML&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With SYML </p> </div> </div> </button> </div><div id="landscape_card_1d7078ad-b668-4f7f-9438-27504bbcea96_9de9467c-2e63-49f3-981b-d2c7be2cbf7d" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_1d7078ad-b668-4f7f-9438-27504bbcea96_9de9467c-2e63-49f3-981b-d2c7be2cbf7d" data-item-name="Lissie - A Session With Lissie" data-card-id="landscape_card_1d7078ad-b668-4f7f-9438-27504bbcea96_9de9467c-2e63-49f3-981b-d2c7be2cbf7d_landscape_card" data-overlay-id="landscape_card_1d7078ad-b668-4f7f-9438-27504bbcea96_9de9467c-2e63-49f3-981b-d2c7be2cbf7d_landscape_overlay" data-mute-id="landscape_card_1d7078ad-b668-4f7f-9438-27504bbcea96_9de9467c-2e63-49f3-981b-d2c7be2cbf7d_toggle_mute"> <a href="/b/1d7078ad-b668-4f7f-9438-27504bbcea96" 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_1d7078ad-b668-4f7f-9438-27504bbcea96_9de9467c-2e63-49f3-981b-d2c7be2cbf7d_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/v1705425313/assets/v0fv7mwb35lbd5jnupbx.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705425313/assets/v0fv7mwb35lbd5jnupbx.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">Lissie&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Lissie </p> </div> </div> </button> </div><div id="landscape_card_184ef51f-40c1-4e23-8250-2e0b2ffe06e2_923062d9-2aaf-4820-93cb-dbaedc2cd24a" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_184ef51f-40c1-4e23-8250-2e0b2ffe06e2_923062d9-2aaf-4820-93cb-dbaedc2cd24a" data-item-name="Noah Gundersen - A Session With Noah Gundersen" data-card-id="landscape_card_184ef51f-40c1-4e23-8250-2e0b2ffe06e2_923062d9-2aaf-4820-93cb-dbaedc2cd24a_landscape_card" data-overlay-id="landscape_card_184ef51f-40c1-4e23-8250-2e0b2ffe06e2_923062d9-2aaf-4820-93cb-dbaedc2cd24a_landscape_overlay" data-mute-id="landscape_card_184ef51f-40c1-4e23-8250-2e0b2ffe06e2_923062d9-2aaf-4820-93cb-dbaedc2cd24a_toggle_mute"> <a href="/b/184ef51f-40c1-4e23-8250-2e0b2ffe06e2" 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_184ef51f-40c1-4e23-8250-2e0b2ffe06e2_923062d9-2aaf-4820-93cb-dbaedc2cd24a_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/v1705535831/assets/baqxwapiqpni3kibmbja.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705535831/assets/baqxwapiqpni3kibmbja.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">Noah Gundersen&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Noah Gundersen </p> </div> </div> </button> </div><div id="landscape_card_6a0bd20c-0e3d-4a24-ad74-031d33c536db_68a51c9b-8b6c-4aa3-b29f-f6786aea6e92" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_6a0bd20c-0e3d-4a24-ad74-031d33c536db_68a51c9b-8b6c-4aa3-b29f-f6786aea6e92" data-item-name="Boy &amp; Bear - A Bands and Brews Session With Boy &amp; Bear" data-card-id="landscape_card_6a0bd20c-0e3d-4a24-ad74-031d33c536db_68a51c9b-8b6c-4aa3-b29f-f6786aea6e92_landscape_card" data-overlay-id="landscape_card_6a0bd20c-0e3d-4a24-ad74-031d33c536db_68a51c9b-8b6c-4aa3-b29f-f6786aea6e92_landscape_overlay" data-mute-id="landscape_card_6a0bd20c-0e3d-4a24-ad74-031d33c536db_68a51c9b-8b6c-4aa3-b29f-f6786aea6e92_toggle_mute"> <a href="/b/6a0bd20c-0e3d-4a24-ad74-031d33c536db" 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_6a0bd20c-0e3d-4a24-ad74-031d33c536db_68a51c9b-8b6c-4aa3-b29f-f6786aea6e92_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/v1706817595/assets/w3upu8b9rr5hwlspwchb.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1706817595/assets/w3upu8b9rr5hwlspwchb.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">Boy &amp; Bear&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Bands and Brews Session With Boy &amp; Bear </p> </div> </div> </button> </div><div id="landscape_card_2dd369f6-39a4-4c70-8270-2a41818264aa_61e43a95-ceea-4708-a167-ff17828d6573" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_2dd369f6-39a4-4c70-8270-2a41818264aa_61e43a95-ceea-4708-a167-ff17828d6573" data-item-name="City and Colour - City And Colour In Session" data-card-id="landscape_card_2dd369f6-39a4-4c70-8270-2a41818264aa_61e43a95-ceea-4708-a167-ff17828d6573_landscape_card" data-overlay-id="landscape_card_2dd369f6-39a4-4c70-8270-2a41818264aa_61e43a95-ceea-4708-a167-ff17828d6573_landscape_overlay" data-mute-id="landscape_card_2dd369f6-39a4-4c70-8270-2a41818264aa_61e43a95-ceea-4708-a167-ff17828d6573_toggle_mute"> <a href="/b/2dd369f6-39a4-4c70-8270-2a41818264aa" 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_2dd369f6-39a4-4c70-8270-2a41818264aa_61e43a95-ceea-4708-a167-ff17828d6573_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/v1706914015/assets/l9gl9kgvrmqxtft3em0t.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1706914015/assets/l9gl9kgvrmqxtft3em0t.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">City and Colour&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> City And Colour In Session </p> </div> </div> </button> </div><div id="landscape_card_22730e37-fafc-42a8-a9d7-d0b761a00da2_5c09b318-ec57-4cdc-ae8f-eae3cb9d6b6a" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_22730e37-fafc-42a8-a9d7-d0b761a00da2_5c09b318-ec57-4cdc-ae8f-eae3cb9d6b6a" data-item-name="Lily &amp; Madeleine - In Session with Lily and Madeleine" data-card-id="landscape_card_22730e37-fafc-42a8-a9d7-d0b761a00da2_5c09b318-ec57-4cdc-ae8f-eae3cb9d6b6a_landscape_card" data-overlay-id="landscape_card_22730e37-fafc-42a8-a9d7-d0b761a00da2_5c09b318-ec57-4cdc-ae8f-eae3cb9d6b6a_landscape_overlay" data-mute-id="landscape_card_22730e37-fafc-42a8-a9d7-d0b761a00da2_5c09b318-ec57-4cdc-ae8f-eae3cb9d6b6a_toggle_mute"> <a href="/b/22730e37-fafc-42a8-a9d7-d0b761a00da2" 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_22730e37-fafc-42a8-a9d7-d0b761a00da2_5c09b318-ec57-4cdc-ae8f-eae3cb9d6b6a_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/v1705095732/assets/yf6wdyaaagfpon4i0lxs.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705095732/assets/yf6wdyaaagfpon4i0lxs.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">Lily &amp; Madeleine&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> In Session with Lily and Madeleine </p> </div> </div> </button> </div><div id="landscape_card_8929798f-b97b-4ac8-a8a2-4d50a608cc88_e96851f1-3760-49c5-b732-a1719968f06c" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_8929798f-b97b-4ac8-a8a2-4d50a608cc88_e96851f1-3760-49c5-b732-a1719968f06c" data-item-name="Two Gallants - Cabin Session -Two Gallants at The ATO Cabin" data-card-id="landscape_card_8929798f-b97b-4ac8-a8a2-4d50a608cc88_e96851f1-3760-49c5-b732-a1719968f06c_landscape_card" data-overlay-id="landscape_card_8929798f-b97b-4ac8-a8a2-4d50a608cc88_e96851f1-3760-49c5-b732-a1719968f06c_landscape_overlay" data-mute-id="landscape_card_8929798f-b97b-4ac8-a8a2-4d50a608cc88_e96851f1-3760-49c5-b732-a1719968f06c_toggle_mute"> <a href="/b/8929798f-b97b-4ac8-a8a2-4d50a608cc88" 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_8929798f-b97b-4ac8-a8a2-4d50a608cc88_e96851f1-3760-49c5-b732-a1719968f06c_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/v1705253988/assets/ypd1vq6yvpxmvnxz52co.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705253988/assets/ypd1vq6yvpxmvnxz52co.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">Two Gallants&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Cabin Session -Two Gallants at The ATO Cabin </p> </div> </div> </button> </div><div id="landscape_card_51f7a887-e6fa-41fd-a581-b9c0fe1f0794_e4c74607-c148-4467-b160-328d004a5cfd" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_51f7a887-e6fa-41fd-a581-b9c0fe1f0794_e4c74607-c148-4467-b160-328d004a5cfd" data-item-name="Kele - Kele at The Guest Apartment" data-card-id="landscape_card_51f7a887-e6fa-41fd-a581-b9c0fe1f0794_e4c74607-c148-4467-b160-328d004a5cfd_landscape_card" data-overlay-id="landscape_card_51f7a887-e6fa-41fd-a581-b9c0fe1f0794_e4c74607-c148-4467-b160-328d004a5cfd_landscape_overlay" data-mute-id="landscape_card_51f7a887-e6fa-41fd-a581-b9c0fe1f0794_e4c74607-c148-4467-b160-328d004a5cfd_toggle_mute"> <a href="/b/51f7a887-e6fa-41fd-a581-b9c0fe1f0794" 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_51f7a887-e6fa-41fd-a581-b9c0fe1f0794_e4c74607-c148-4467-b160-328d004a5cfd_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/v1705002961/assets/iurqfhyjpnsxl6fvb2wl.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705002961/assets/iurqfhyjpnsxl6fvb2wl.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">Kele&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Kele at The Guest Apartment </p> </div> </div> </button> </div><div id="landscape_card_890e5e18-6369-4ac9-899f-db7636a4423c_04d6d5ed-6f82-4af6-b7ab-7e2c65af5dd5" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_890e5e18-6369-4ac9-899f-db7636a4423c_04d6d5ed-6f82-4af6-b7ab-7e2c65af5dd5" data-item-name="Deer Tick - A Backyard Session With Deer Tick" data-card-id="landscape_card_890e5e18-6369-4ac9-899f-db7636a4423c_04d6d5ed-6f82-4af6-b7ab-7e2c65af5dd5_landscape_card" data-overlay-id="landscape_card_890e5e18-6369-4ac9-899f-db7636a4423c_04d6d5ed-6f82-4af6-b7ab-7e2c65af5dd5_landscape_overlay" data-mute-id="landscape_card_890e5e18-6369-4ac9-899f-db7636a4423c_04d6d5ed-6f82-4af6-b7ab-7e2c65af5dd5_toggle_mute"> <a href="/b/890e5e18-6369-4ac9-899f-db7636a4423c" 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_890e5e18-6369-4ac9-899f-db7636a4423c_04d6d5ed-6f82-4af6-b7ab-7e2c65af5dd5_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/v1705097248/assets/gb5ritoou3dsddxlgpcu.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705097248/assets/gb5ritoou3dsddxlgpcu.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">Deer Tick&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Backyard Session With Deer Tick </p> </div> </div> </button> </div><div id="landscape_card_45020637-9f6b-4b2b-a1d1-cc143530d81f_edb480ef-4af4-4f52-bbd2-5a5b6af5e20f" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_45020637-9f6b-4b2b-a1d1-cc143530d81f_edb480ef-4af4-4f52-bbd2-5a5b6af5e20f" data-item-name="Overcoats - A Bands and Brews Session With Overcoats" data-card-id="landscape_card_45020637-9f6b-4b2b-a1d1-cc143530d81f_edb480ef-4af4-4f52-bbd2-5a5b6af5e20f_landscape_card" data-overlay-id="landscape_card_45020637-9f6b-4b2b-a1d1-cc143530d81f_edb480ef-4af4-4f52-bbd2-5a5b6af5e20f_landscape_overlay" data-mute-id="landscape_card_45020637-9f6b-4b2b-a1d1-cc143530d81f_edb480ef-4af4-4f52-bbd2-5a5b6af5e20f_toggle_mute"> <a href="/b/45020637-9f6b-4b2b-a1d1-cc143530d81f" 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_45020637-9f6b-4b2b-a1d1-cc143530d81f_edb480ef-4af4-4f52-bbd2-5a5b6af5e20f_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/v1705533370/assets/o765rfrci0tuafqhujpx.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705533370/assets/o765rfrci0tuafqhujpx.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">Overcoats&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Bands and Brews Session With Overcoats </p> </div> </div> </button> </div><div id="landscape_card_66dc1a12-1da9-40e2-988b-1bd3fd441ec8_fc9098f9-43fc-4382-bbd9-aa65fdb48051" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_66dc1a12-1da9-40e2-988b-1bd3fd441ec8_fc9098f9-43fc-4382-bbd9-aa65fdb48051" data-item-name="Shovels &amp; Rope - A Session With Shovels and Rope" data-card-id="landscape_card_66dc1a12-1da9-40e2-988b-1bd3fd441ec8_fc9098f9-43fc-4382-bbd9-aa65fdb48051_landscape_card" data-overlay-id="landscape_card_66dc1a12-1da9-40e2-988b-1bd3fd441ec8_fc9098f9-43fc-4382-bbd9-aa65fdb48051_landscape_overlay" data-mute-id="landscape_card_66dc1a12-1da9-40e2-988b-1bd3fd441ec8_fc9098f9-43fc-4382-bbd9-aa65fdb48051_toggle_mute"> <a href="/b/66dc1a12-1da9-40e2-988b-1bd3fd441ec8" 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_66dc1a12-1da9-40e2-988b-1bd3fd441ec8_fc9098f9-43fc-4382-bbd9-aa65fdb48051_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/v1705958833/assets/ftsv99pybmw93gbdkmzw.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705958833/assets/ftsv99pybmw93gbdkmzw.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">Shovels &amp; Rope&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Shovels and Rope </p> </div> </div> </button> </div><div id="landscape_card_16a09ba7-63f6-41fe-aef4-83874b030cc1_59b73ac7-41c2-432b-8baa-6004e34a2dcc" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_16a09ba7-63f6-41fe-aef4-83874b030cc1_59b73ac7-41c2-432b-8baa-6004e34a2dcc" data-item-name="Magic Giant - A Session With Magic Giant" data-card-id="landscape_card_16a09ba7-63f6-41fe-aef4-83874b030cc1_59b73ac7-41c2-432b-8baa-6004e34a2dcc_landscape_card" data-overlay-id="landscape_card_16a09ba7-63f6-41fe-aef4-83874b030cc1_59b73ac7-41c2-432b-8baa-6004e34a2dcc_landscape_overlay" data-mute-id="landscape_card_16a09ba7-63f6-41fe-aef4-83874b030cc1_59b73ac7-41c2-432b-8baa-6004e34a2dcc_toggle_mute"> <a href="/b/16a09ba7-63f6-41fe-aef4-83874b030cc1" 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_16a09ba7-63f6-41fe-aef4-83874b030cc1_59b73ac7-41c2-432b-8baa-6004e34a2dcc_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/v1705271990/assets/soxbi5ci8r6rutjqpipw.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705271990/assets/soxbi5ci8r6rutjqpipw.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">Magic Giant&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Magic Giant </p> </div> </div> </button> </div><div id="landscape_card_beb987c9-024d-4c3d-bb07-b8189feeaaba_ea512a12-e5de-498d-aab8-729aa0df36ae" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_beb987c9-024d-4c3d-bb07-b8189feeaaba_ea512a12-e5de-498d-aab8-729aa0df36ae" data-item-name="Ciaran Lavery - A Session With Ciaran Lavery" data-card-id="landscape_card_beb987c9-024d-4c3d-bb07-b8189feeaaba_ea512a12-e5de-498d-aab8-729aa0df36ae_landscape_card" data-overlay-id="landscape_card_beb987c9-024d-4c3d-bb07-b8189feeaaba_ea512a12-e5de-498d-aab8-729aa0df36ae_landscape_overlay" data-mute-id="landscape_card_beb987c9-024d-4c3d-bb07-b8189feeaaba_ea512a12-e5de-498d-aab8-729aa0df36ae_toggle_mute"> <a href="/b/beb987c9-024d-4c3d-bb07-b8189feeaaba" 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_beb987c9-024d-4c3d-bb07-b8189feeaaba_ea512a12-e5de-498d-aab8-729aa0df36ae_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/v1706910654/assets/gpyqehxyajilzqaglr8q.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1706910654/assets/gpyqehxyajilzqaglr8q.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">Ciaran Lavery&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Ciaran Lavery </p> </div> </div> </button> </div><div id="landscape_card_d559a0cf-0ef1-471d-8e8c-8aac4c4cc3a8_a13a8ebd-0639-404a-acbf-10ba95f32a00" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_d559a0cf-0ef1-471d-8e8c-8aac4c4cc3a8_a13a8ebd-0639-404a-acbf-10ba95f32a00" data-item-name="Jade Bird - A Session With Jade Bird" data-card-id="landscape_card_d559a0cf-0ef1-471d-8e8c-8aac4c4cc3a8_a13a8ebd-0639-404a-acbf-10ba95f32a00_landscape_card" data-overlay-id="landscape_card_d559a0cf-0ef1-471d-8e8c-8aac4c4cc3a8_a13a8ebd-0639-404a-acbf-10ba95f32a00_landscape_overlay" data-mute-id="landscape_card_d559a0cf-0ef1-471d-8e8c-8aac4c4cc3a8_a13a8ebd-0639-404a-acbf-10ba95f32a00_toggle_mute"> <a href="/b/d559a0cf-0ef1-471d-8e8c-8aac4c4cc3a8" 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_d559a0cf-0ef1-471d-8e8c-8aac4c4cc3a8_a13a8ebd-0639-404a-acbf-10ba95f32a00_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/v1705268762/assets/a6xbkmqgzqpve2n9maqf.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705268762/assets/a6xbkmqgzqpve2n9maqf.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">Jade Bird&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Jade Bird </p> </div> </div> </button> </div><div id="landscape_card_06466e14-e548-43fe-92d6-af5aaa397b8f_f6438046-a731-4e08-9d09-6d35cb5bdf0e" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&amp;]:sm:w-full" data-testid="ds_card_landscape" data-card="landscape" data-list-item data-item-id="landscape_card_06466e14-e548-43fe-92d6-af5aaa397b8f_f6438046-a731-4e08-9d09-6d35cb5bdf0e" data-item-name="Wake Owl - Wake Owl at Sofar Sounds" data-card-id="landscape_card_06466e14-e548-43fe-92d6-af5aaa397b8f_f6438046-a731-4e08-9d09-6d35cb5bdf0e_landscape_card" data-overlay-id="landscape_card_06466e14-e548-43fe-92d6-af5aaa397b8f_f6438046-a731-4e08-9d09-6d35cb5bdf0e_landscape_overlay" data-mute-id="landscape_card_06466e14-e548-43fe-92d6-af5aaa397b8f_f6438046-a731-4e08-9d09-6d35cb5bdf0e_toggle_mute"> <a href="/b/06466e14-e548-43fe-92d6-af5aaa397b8f" 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_06466e14-e548-43fe-92d6-af5aaa397b8f_f6438046-a731-4e08-9d09-6d35cb5bdf0e_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/v1705170453/assets/ih9i3lbb0fx7hrusoy6e.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1705170453/assets/ih9i3lbb0fx7hrusoy6e.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">Wake Owl&nbsp;</h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Wake Owl at Sofar Sounds </p> </div> </div> </button> </div> </div> </div> </section><section id="rails-48ac40f4-1bc4-4dfd-904b-2d04a66440d1" 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-48ac40f4-1bc4-4dfd-904b-2d04a66440d1" 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-48ac40f4-1bc4-4dfd-904b-2d04a66440d1" 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/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/pop" data-phx-link="redirect" data-phx-link-state="push" class="bg-genre-pink1 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="pop" data-item-name="Pop" data-list-item> <div data-testid="ds_card_title">Pop</div> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload//s--mJeNmK27--/v1703095303/product/genres/pop_shocx8.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/s--mJeNmK27--/v1703095303/product/genres/pop_shocx8.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&amp;B" data-list-item> <div data-testid="ds_card_title">R&amp;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/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="Folk 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">Folk 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="3bb4cd32-e3ca-4f82-ad3a-6e5001999b0d"> <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/v1706049915/assets/xx9uwojr9pjrt1pmgg5j.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706049915/assets/xx9uwojr9pjrt1pmgg5j.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/3bb4cd32-e3ca-4f82-ad3a-6e5001999b0d" 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="3bb4cd32-e3ca-4f82-ad3a-6e5001999b0d" data-item-name="Angus &amp; Julia Stone - Angus &amp; Julia Stone at Rockwood Music Hall" 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> Angus &amp; Julia Stone </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Angus &amp; Julia Stone at Rockwood Music Hall </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="ec1911d7-7eac-4eb7-82fb-df846e162b1b"> <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/v1706050276/assets/uovajc8c0savlppjjtgd.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706050276/assets/uovajc8c0savlppjjtgd.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/ec1911d7-7eac-4eb7-82fb-df846e162b1b" 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="ec1911d7-7eac-4eb7-82fb-df846e162b1b" data-item-name="Animal Years - 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> Animal Years </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="6b42a039-fa7e-4c2e-9a88-812db204164f"> <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/v1706572321/assets/magp5mfneurzqzq1mk2f.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706572321/assets/magp5mfneurzqzq1mk2f.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/6b42a039-fa7e-4c2e-9a88-812db204164f" 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="6b42a039-fa7e-4c2e-9a88-812db204164f" data-item-name="Bear&#39;s Den - A Session With Bear&#39;s Den" 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&#39;s Den </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Bear&#39;s Den </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="6d525672-f578-46c6-abad-f61e4f356cd1"> <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/v1706572394/assets/yn0fv67cjvsh1cojnzmp.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706572394/assets/yn0fv67cjvsh1cojnzmp.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/6d525672-f578-46c6-abad-f61e4f356cd1" 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="6d525672-f578-46c6-abad-f61e4f356cd1" data-item-name="Bear&#39;s Den - Interview with Bear&#39;s Den" 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&#39;s Den </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Interview with Bear&#39;s Den </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="28729070-0df4-4d6a-a52c-d231dc00a74b"> <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/v1706572242/assets/yjj13xjcsuezfnexrdzr.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706572242/assets/yjj13xjcsuezfnexrdzr.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/28729070-0df4-4d6a-a52c-d231dc00a74b" 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="28729070-0df4-4d6a-a52c-d231dc00a74b" data-item-name="Bear&#39;s Den - A Backyard Session With Bear&#39;s Den" 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&#39;s Den </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Backyard Session With Bear&#39;s Den </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="1a8d99b8-9f1c-4ce1-ac6f-8b23c6cb8149"> <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/v1706723855/assets/ot4hmmxxncvs1qvcmflz.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706723855/assets/ot4hmmxxncvs1qvcmflz.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/1a8d99b8-9f1c-4ce1-ac6f-8b23c6cb8149" 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="1a8d99b8-9f1c-4ce1-ac6f-8b23c6cb8149" data-item-name="Beirut - Beirut at Music Hall of Williamsburg" 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> Beirut </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Beirut at Music Hall of Williamsburg </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="16bff72a-51ca-4e15-bf5f-bd16efcdfb0e"> <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/v1706727100/assets/xauoe3kyh9sveccbz0cq.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706727100/assets/xauoe3kyh9sveccbz0cq.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/16bff72a-51ca-4e15-bf5f-bd16efcdfb0e" 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="16bff72a-51ca-4e15-bf5f-bd16efcdfb0e" data-item-name="Ben Howard - Live at The Launch Pad" 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> Ben Howard </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live at The Launch Pad </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="f8d35a17-d720-4885-b77e-6ec733076a66"> <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/v1706733516/assets/h6rgy0bbugsqbhoroyls.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706733516/assets/h6rgy0bbugsqbhoroyls.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/f8d35a17-d720-4885-b77e-6ec733076a66" 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="f8d35a17-d720-4885-b77e-6ec733076a66" data-item-name="Bhi Bhiman - Bhi Bhiman Interview" 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> Bhi Bhiman </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Bhi Bhiman Interview </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="1dad399c-a631-4f6b-97f8-a870cb2f4544"> <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/v1706733654/assets/nj5qq7zyy5qzqxtzuidb.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706733654/assets/nj5qq7zyy5qzqxtzuidb.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/1dad399c-a631-4f6b-97f8-a870cb2f4544" 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="1dad399c-a631-4f6b-97f8-a870cb2f4544" data-item-name="Bhi Bhiman - In Session With Bhi Bhiman" 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> Bhi Bhiman </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> In Session With Bhi Bhiman </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="6a0bd20c-0e3d-4a24-ad74-031d33c536db"> <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/v1706817374/assets/be2nbj37wpwdwq7tkano.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706817374/assets/be2nbj37wpwdwq7tkano.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/6a0bd20c-0e3d-4a24-ad74-031d33c536db" 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="6a0bd20c-0e3d-4a24-ad74-031d33c536db" data-item-name="Boy &amp; Bear - A Bands and Brews Session With Boy &amp; Bear" 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> Boy &amp; Bear </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Bands and Brews Session With Boy &amp; Bear </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="40646028-1eab-4bba-9715-ab618ebe71e2"> <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/v1706119440/assets/wep4urunt4mrmz1tclql.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706119440/assets/wep4urunt4mrmz1tclql.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/40646028-1eab-4bba-9715-ab618ebe71e2" 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="40646028-1eab-4bba-9715-ab618ebe71e2" data-item-name="Brett Dennen - An Interview with Brett Dennen" 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> Brett Dennen </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> An Interview with Brett Dennen </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="f6668ba3-cfe7-4a93-9ef7-301db69e7499"> <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/v1706818243/assets/zlbhltklfthec8w24mck.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706818243/assets/zlbhltklfthec8w24mck.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/f6668ba3-cfe7-4a93-9ef7-301db69e7499" 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="f6668ba3-cfe7-4a93-9ef7-301db69e7499" data-item-name="Brett Dennen - A Session With Brett Dennen" 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> Brett Dennen </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Brett Dennen </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="a6b6ed7b-77ef-4baf-b2c2-03cccae293e0"> <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/v1688599236/assets/e6biwbt787osjbgbrglt.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1688599236/assets/e6biwbt787osjbgbrglt.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="/caamp/a6b6ed7b-77ef-4baf-b2c2-03cccae293e0" 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="a6b6ed7b-77ef-4baf-b2c2-03cccae293e0" data-item-name="Caamp - Live from Red Rocks - Night 2" data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Caamp </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live from Red Rocks - Night 2 </p> </div> </a> <div class="absolute inset-x-0 top-0 flex-shrink-0 p-2 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="absolute inset-x-0 top-0 z-10 justify-end hidden p-2 sm:flex"> <div 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="529ecceb-7d9c-4282-915d-f4fc8b634863"> <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/v1706901512/assets/ojudbfxh319vgh5hbw68.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706901512/assets/ojudbfxh319vgh5hbw68.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/529ecceb-7d9c-4282-915d-f4fc8b634863" 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="529ecceb-7d9c-4282-915d-f4fc8b634863" data-item-name="Carl Broemel - A Bands and Brews Session With Carl Broemel" 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> Carl Broemel </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Bands and Brews Session With Carl Broemel </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="db9dd44e-9fab-4024-9754-5e930d7fdbd3"> <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/v1696957421/assets/ccet3gichkkplsuccrjw.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696957421/assets/ccet3gichkkplsuccrjw.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/chuckragan/db9dd44e-9fab-4024-9754-5e930d7fdbd3" 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="db9dd44e-9fab-4024-9754-5e930d7fdbd3" data-item-name="Chuck Ragan - Live from Anaheim " 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> Chuck Ragan </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live from Anaheim </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="beb987c9-024d-4c3d-bb07-b8189feeaaba"> <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/v1706910670/assets/eaoc1qcu0kv5flwnypbl.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706910670/assets/eaoc1qcu0kv5flwnypbl.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/beb987c9-024d-4c3d-bb07-b8189feeaaba" 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="beb987c9-024d-4c3d-bb07-b8189feeaaba" data-item-name="Ciaran Lavery - A Session With Ciaran Lavery" 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> Ciaran Lavery </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Ciaran Lavery </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="2dd369f6-39a4-4c70-8270-2a41818264aa"> <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/v1706913763/assets/kz8b8wvkih3zb4nql6gd.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706913763/assets/kz8b8wvkih3zb4nql6gd.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/2dd369f6-39a4-4c70-8270-2a41818264aa" 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="2dd369f6-39a4-4c70-8270-2a41818264aa" data-item-name="City and Colour - City And Colour In 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> City and Colour </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> City And Colour In 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="797f9ced-484f-4954-bedd-8fc1dd9093ab"> <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/v1706914169/assets/tgtyhzito08zgwgslxvh.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706914169/assets/tgtyhzito08zgwgslxvh.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/797f9ced-484f-4954-bedd-8fc1dd9093ab" 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="797f9ced-484f-4954-bedd-8fc1dd9093ab" data-item-name="City and Colour - City and Colour at Littlefield" 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> City and Colour </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> City and Colour at Littlefield </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="a12d4527-7a75-4800-8688-cf32c383737e"> <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/v1706914389/assets/ncucgw80ezbs89xpdhur.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706914389/assets/ncucgw80ezbs89xpdhur.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/a12d4527-7a75-4800-8688-cf32c383737e" 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="a12d4527-7a75-4800-8688-cf32c383737e" data-item-name="City of the sun - A Session With City of The Sun" 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> City of the sun </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With City of The Sun </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="13f7b765-2a3e-442c-bfa4-59bdd1d9d9d0"> <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/v1705449358/assets/opan1srwflcmf4t5rkw1.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705449358/assets/opan1srwflcmf4t5rkw1.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/13f7b765-2a3e-442c-bfa4-59bdd1d9d9d0" 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="13f7b765-2a3e-442c-bfa4-59bdd1d9d9d0" data-item-name="Dan Layus - A Session With Dan Layus" 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> Dan Layus </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Dan Layus </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="63665f83-ce22-4b3d-88d9-6a5bd52e0b9b"> <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/v1706921413/assets/r1vwcu0fr4wxqchsmlnz.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706921413/assets/r1vwcu0fr4wxqchsmlnz.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/63665f83-ce22-4b3d-88d9-6a5bd52e0b9b" 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="63665f83-ce22-4b3d-88d9-6a5bd52e0b9b" data-item-name="Dawes - Dawes at M Studio" 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> Dawes </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Dawes at M Studio </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="890e5e18-6369-4ac9-899f-db7636a4423c"> <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/v1705091547/assets/snkbvjop7yv5goyljw5u.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705091547/assets/snkbvjop7yv5goyljw5u.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/890e5e18-6369-4ac9-899f-db7636a4423c" 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="890e5e18-6369-4ac9-899f-db7636a4423c" data-item-name="Deer Tick - A Backyard Session With Deer Tick" 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> Deer Tick </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Backyard Session With Deer Tick </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="38b0002b-3f21-414c-8a6d-f6f3ed64551b"> <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/v1705941026/assets/xdcql9usi4gcueqhurln.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1705941026/assets/xdcql9usi4gcueqhurln.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/38b0002b-3f21-414c-8a6d-f6f3ed64551b" 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="38b0002b-3f21-414c-8a6d-f6f3ed64551b" data-item-name="Edward Sharpe and the Magnetic Zeros - Edward Sharpe and The Magnetic Zeros - Live At World Cafe" 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> Edward Sharpe and the Magnetic Zeros </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Edward Sharpe and The Magnetic Zeros - Live At World Cafe </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="081bc99b-a02c-47ec-9b33-6c11405f738f"> <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/v1706116841/assets/cyoe0owfqeppiix8s08t.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706116841/assets/cyoe0owfqeppiix8s08t.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/081bc99b-a02c-47ec-9b33-6c11405f738f" 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="081bc99b-a02c-47ec-9b33-6c11405f738f" data-item-name="Field Report - A Session With Field Report" 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> Field Report </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Field Report </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="b7c8cf46-dda5-486b-bb7a-6c07a569d334"> <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/v1706121959/assets/jjjmvnsuvb0wvyitmigk.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1706121959/assets/jjjmvnsuvb0wvyitmigk.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> </div> <a href="/b/b7c8cf46-dda5-486b-bb7a-6c07a569d334" 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="b7c8cf46-dda5-486b-bb7a-6c07a569d334" data-item-name="First Aid Kit - First Aid Kit at Rockwood Music Hall" 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> First Aid Kit </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> First Aid Kit at Rockwood Music Hall </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="[&amp;&gt;svg]:h-4 [&amp;&gt;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="[&amp;&gt;svg]:h-4 [&amp;&gt;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="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;grid-rows-1fr&quot;,&quot;pb-7&quot;],&quot;to&quot;:&quot;#section_0.grid-rows-1fr&quot;}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;grid-rows-1fr&quot;,&quot;pb-7&quot;],&quot;to&quot;:&quot;#section_0:not(.grid-rows-1fr)&quot;}],[&quot;toggle&quot;,{&quot;to&quot;:&quot;#section_0_trigger svg&quot;}]]"> 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="[&amp;_li&gt;*]:py-2 2xl:[&amp;_li&gt;*]: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="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;grid-rows-1fr&quot;,&quot;pb-7&quot;],&quot;to&quot;:&quot;#section_1.grid-rows-1fr&quot;}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;grid-rows-1fr&quot;,&quot;pb-7&quot;],&quot;to&quot;:&quot;#section_1:not(.grid-rows-1fr)&quot;}],[&quot;toggle&quot;,{&quot;to&quot;:&quot;#section_1_trigger svg&quot;}]]"> 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="[&amp;_li&gt;*]:py-2 2xl:[&amp;_li&gt;*]: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 &amp; 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="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;grid-rows-1fr&quot;,&quot;pb-7&quot;],&quot;to&quot;:&quot;#section_2.grid-rows-1fr&quot;}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;grid-rows-1fr&quot;,&quot;pb-7&quot;],&quot;to&quot;:&quot;#section_2:not(.grid-rows-1fr)&quot;}],[&quot;toggle&quot;,{&quot;to&quot;:&quot;#section_2_trigger svg&quot;}]]"> 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="[&amp;_li&gt;*]:py-2 2xl:[&amp;_li&gt;*]: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="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;grid-rows-1fr&quot;,&quot;pb-7&quot;],&quot;to&quot;:&quot;#section_3.grid-rows-1fr&quot;}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;grid-rows-1fr&quot;,&quot;pb-7&quot;],&quot;to&quot;:&quot;#section_3:not(.grid-rows-1fr)&quot;}],[&quot;toggle&quot;,{&quot;to&quot;:&quot;#section_3_trigger svg&quot;}]]"> 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="[&amp;_li&gt;*]:py-2 2xl:[&amp;_li&gt;*]: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 &amp; 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"> &copy; 2025, VEEPS Inc. </div> </div> </div> </footer> <div id="cart_live" data-phx-session="" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAJY2FydF9saXZldwVmbGFzaHQAAAAAdwphc3NpZ25fbmV3bAAAAAV3CXN1YmRvbWFpbncObGF5b3V0X2Fzc2lnbnN3D3RyYWNraW5nX3BhcmFtc3cKZ2hvc3RfdXNlcncMY3VycmVudF91c2Vyam4GAOsaJymVAWIAAVGA.DaTQ3Dy4e4S-31KqvEgtY65SMXTrK-JC5oFdRkrgF_k" data-phx-parent-id="phx-GCZDMOpP3qNZK55C"><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&#8217;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&#8217;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>

Pages: 1 2 3 4 5 6 7 8 9 10