CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="x-veeps-version" content="47049d0771fb93f7e938b21c5919c24c0d649b18"> <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="EHYMFQ4KERw3ER5HNBd2BDlfPXRwNWITjEBQOIRnGAX6MyNFhnM-CSSt" name="csrf-token"> <title> Browse Jazz 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 Jazz 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":"Multiple Grammy Award winner, Norah Jones, plays an exclusive sold-out show at the world-famous Ronnie Scott’s Jazz Club in London. This wonderfully intimate live performance film sees Jones return to the piano, accompanied on stage by drummer Brian Blade and bassist Chris Thomas to form a classic jazz trio.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696131789/assets/iy4nggdefsgwe2lz566p.jpg","name":"Live at Ronnie Scott's","performer":[{"@type":"MusicGroup","name":"Norah Jones"}],"startDate":"2018-06-16T00:00:00Z","url":"https://veeps.com/ms/4d841ca9-f872-4937-8930-cca76e46406e"},{"@context":"https://schema.org","@type":"MusicEvent","description":"The DJANGO FESTIVAL ALLSTARS deliver the vibrant hot-swing jazz of Django Reinhardt, blending top European & American jazz talents. Founded in 2000 by Pat Philips and Ettore Stratta, the Django Reinhardt NY Festival was the first of its kind in the U.S., held at New York's Birdland Jazz Club. The festival honors Reinhardt's legacy and Reinhardt's virtuosity & original compositions, like \"Nuages,\" continue to inspire musicians worldwide. The Allstars received acclaim with a standing ovation at Carnegie Hall in 2017. The Django Festival Allstars include: DORADO SCHMITT (Violin/Guitar); SAMSON SCHMITT (Lead Guitar); AMATI SCHMITT (Lead Guitar); FRANCKO MEHRSTEIN (Rhythm Guitar); and GINO ROMAN (Bass). Hardest swinging band at the Newport Festival...Sensational,\" raves DOWNBEAT MAGAZINE. \"The best jazz show in town! Imagine a stage filled with six contemporary Reinhardt descendants...\" says THE WALL STREET JOURNAL.","endDate":"2024-11-25T00:30:00Z","eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1730395917/assets/orvtud0aketnhbzefb2m.jpg","name":"Django Festival Allstars - Hot Gypsy Jazz Livestream from Jimmy's","performer":[{"@type":"MusicGroup","name":"Django Reinhardt Festival All-Stars"}],"startDate":"2024-11-22T00:30:00Z","url":"https://veeps.com/jimmysjazzandbluesclub/e34341be-cd2f-4551-bed7-1b1790c45a1d"},{"@context":"https://schema.org","@type":"MusicEvent","description":"\"Horn is among the most exciting young vocalists in jazz, with a proud traditionalism that keeps her tightly linked to the sound of classic figures like Nancy Wilson and Betty Carter, but a vivacity of spirit and conviction that places her firmly in the present.\" states the NEW YORK TIMES. \n\n3x-GRAMMY® Award Nominated Vocalist JAZZMEIA HORN, is the winner of BOTH the 2013 Sarah Vaughan International Jazz Vocal Competition and the 2015 Thelonious Monk Institute International Jazz Competition. Horn's most recent GRAMMY® Award Nomination was in 2021 for her album 'Dear Love'. Garnering praise from critics and fans alike, 'Dear Love' is a recording that brims with the combination of her assured delivery and spoken world segments, deft arrangements, and fiery musical ideas. In 2018, Jazzmeia Horn was Nominated for a GRAMMY® Award (Best Jazz Vocal Album) for her album 'A Social Call'. Horn was also Nominated for another GRAMMY® Award (Best Jazz Vocal Album) in 2020 for her album 'Love & Liberation'. Jazzmeia's fourth album 'Messages' is set to release October 25, 2024 via Empress Legacy Records.","endDate":"2024-11-24T00:30:00Z","eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1730395658/assets/j7htzosdy3jvenspbudi.jpg","name":"Jazzmeia Horn Livestream from Jimmy's Jazz & Blues Club","performer":[{"@type":"MusicGroup","name":"Jazzmeia Horn"}],"startDate":"2024-11-21T00:30:00Z","url":"https://veeps.com/jimmysjazzandbluesclub/afd7d1d3-850a-4c15-960f-20a33c8b3857"},{"@context":"https://schema.org","@type":"MusicEvent","description":" Koch Marshall Trio's most recent full length album, \"From The Up'n'uh\", not only showcases TOBY LEE MARSHALL's explosive organ playing alongside the fiendish fretboard work of guitar master Greg Koch and the power-pocket playing of his drummer son Dylan, it also reflects the remarkable chemistry they established on the road in the wake of their last acclaimed album 'Toby Arrives'. \n\nLegendary Guitarist GREG KOCH brings the Koch Marshall Trio back to Jimmy's Jazz & Blues Club following the trios new EP 'Melting The Farmhouse', released April 2024! At the heart of this organ trio is a Blues sensibility - but Koch's compositions are a blend of Rock, Funk & Jazz served up with heavy grooves, dynamic improvisations, and occasional wild abandon! Greg Koch has released 16 critically acclaimed albums featuring his unique and incendiary brand of playing and composing. GUITAR PLAYER MAGAZINE calls Koch \"fiendishly talented\" and lists Greg's \"Chief's Blues\" in their \"40 Badass Blues Solos You Must Hear\".","endDate":"2024-11-23T00:30:00Z","eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1730394978/assets/owogysxwipkve6hofkrj.jpg","name":"Greg Koch Livestream From Jimmy's Jazz & Blues Club","performer":[{"@type":"MusicGroup","name":"Greg Koch Trio"}],"startDate":"2024-11-20T00:30:00Z","url":"https://veeps.com/jimmysjazzandbluesclub/b594404c-f519-493b-8759-a9e6d46307ab"},{"@context":"https://schema.org","@type":"MusicEvent","description":"In 2007 Amy was crowned Best British Female at the Brit awards and this exclusive show which followed her award made it clear why. Set in London’s prestigious Porchester Hall, Amy performed the much loved classics from her two firsts albums.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696335411/assets/si8dbqcguvnegyht1tkx.jpg","name":"Live At Porchester Hall","performer":[{"@type":"MusicGroup","name":"Amy Winehouse"}],"startDate":"2012-11-14T01:00:00Z","url":"https://veeps.com/ms/c5317a91-4eec-424f-9444-02d534f06030"},{"@context":"https://schema.org","@type":"MusicEvent","description":"British Blues Hall of Fame Guitarist, Singer & Songwriter MATT SCHOFIELD and his Acclaimed Band return to Jimmy's after Sold Out shows in 2021 & 2022! Schofield - with 3 Consecutive Wins for \"British Blues Guitarist of the Year\" - continues to push the frontiers & reshape the boundaries of the British Blues tradition. A Multi Award-Winning Guitar Virtuoso with 30+ years of performing, Schofield's impact as one of the most influential & distinctive guitarists of his generation is unquestionable. A storied career has taken Schofield and his band to 35+ countries worldwide and garnered him significant industry & critical acclaim: 3x-\"British Blues Guitarist of the Year\"; 1st guitarist inducted into the \"British Blues Awards Hall of Fame\"; and Guitar & Bass Magazine's \"Top 10 British Blues Guitarist of All Time\" alongside Eric Clapton & Peter Green. What remains even more impressive is Schofield live. Schofield's ability to connect with audiences immediately & profoundly is unforgettable!\n\n\"For fans of the more sophisticated blues/rock of players like Robben Ford and Scott Henderson, Schofield is worthy of standing shoulder to shoulder with the best of the genre,\" says PREMIER GUITAR MAGAZINE. \"Schofield is a force to be reckoned with,\" raves BLUES ROCK REVIEW. \"The best of this generation's European players. His feel for the music is incredible,\" states VINTAGE GUITAR MAGAZINE.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1701803096/assets/z8flyz9pcz8guwp1nkmd.jpg","name":"Matt Schofield Livestream from Jimmy's Jazz & Blues Club","performer":[{"@type":"MusicGroup","name":"Matt Schofield"}],"startDate":"2023-12-15T00:30:00Z","url":"https://veeps.com/jimmysjazzandbluesclub/1d868aeb-cf04-49cd-9f4f-37297bb3b4ff"},{"@context":"https://schema.org","@type":"MusicEvent","description":"An exploration of musician Miles Davis' jazz story, featuring archival photos and never-before-scene footage.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1696336594/assets/dfztzwbz5euvh3k56w0q.jpg","name":"Birth of The Cool","performer":[{"@type":"MusicGroup","name":"Miles Davis"}],"startDate":"2019-01-28T01:00:00Z","url":"https://veeps.com/ms/8b30dbe5-ee16-43ec-ba93-b856b6634a5c"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join Slash live from the Mission Ballroom as the inaugural S.E.R.P.E.N.T Festival, Slash’s blues tour that accompanies the release of his latest blues album Orgy Of The Damned.\n\nExperience the soulful melodies and electrifying performances that define the blues, all while contributing to a greater cause.\n\nJoin us for an unforgettable celebration of music and purpose at the S.E.R.P.E.N.T Festival.\n\nIf able, we encourage you to please make a donation that will benefit: Equal Justice Initiative, Know Your Rights Camp, The Greenlining Institute, War Child and National Alliance on Mental Illness. Learn more about S.E.R.P.E.N.T. Festival charities at (https://www.serpentfestival.com/charities)\n","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1717792819/assets/ym8hjrc60dkyilouuxgm.jpg","name":"S.E.R.P.E.N.T. Festival : Live from Denver","performer":[{"@type":"MusicGroup","name":"Slash"}],"startDate":"2024-07-18T03:25:00Z","url":"https://veeps.com/slash/ef7609b0-a8c0-4445-9240-2338b6fb5766"},{"@context":"https://schema.org","@type":"MusicEvent","description":"In the summer of 2016, Jeff Beck celebrated 50 years of his musical career with a special concert at the famous Hollywood Bowl. The setlist reached back to his first recordings with The Yardbirds in 1966 and came right up to date with tracks from his most recent album \"Loud Hailer.\"","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1698448262/assets/m1k9xfnbzbc8wgl06u77.jpg","name":"50 Years of: Live at the Hollywood Bowl","performer":[{"@type":"MusicGroup","name":"Jeff Beck"}],"startDate":"2017-10-07T00:00:00Z","url":"https://veeps.com/ms/bf88033c-7dff-4a47-ab54-ea1eaa079881"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Watch Lake Street Dive perform LIVE from The Fox Theater in Oakland, CA on the final stop of their fall 2022 tour.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1732309467/assets/osfqhk1vli6ndfpfm4yn.jpg","name":"Lake Street Dive LIVE From The Fox Theater","performer":[{"@type":"MusicGroup","name":"Lake Street Dive"}],"startDate":"2022-10-14T04:00:00Z","url":"https://veeps.com/lakestreetdive/ea03a923-29e3-404e-ac4a-3200957b90b9"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for a session with blues legend Beth Hart. ","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1706729469/assets/wfitc8a19mmgzdrqaiye.jpg","name":"A Session With Beth Hart","performer":[{"@type":"MusicGroup","name":"Beth Hart"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/56ea704b-4e4e-4eee-96ca-9aaded1792be"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Join us for an intimate session with Haley Reinhart.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1732043194/assets/s6m6kpuyxw68bvznqzen.jpg","name":"A Session With Haley Reinhart ","performer":[{"@type":"MusicGroup","name":"Haley Reinhart"}],"startDate":"2023-10-03T00:00:00Z","url":"https://veeps.com/b/d8f1791e-2d59-4c4e-900d-cb6847d80974"},{"@context":"https://schema.org","@type":"MusicEvent","description":"With Ron Carter (bass), Jimmy Greene (saxes), Renee Rosnes (piano), Payton Crossley (drums). \n\nRon Carter is among the most original, prolific and influential bassists in jazz with more than 2,000 albums to his credit. Beginning his career in the 1960s with Jaki Byard and Eric Dolphy, Cannonball Adderley, and a five year stint with the Miles Davis’ Quintet, Ron also performed and recorded with notables including Bill Evans, B.B. King, and Dexter Gordon. Ron Carter’s various ensembles, big band to trio, feature a who’s who of the finest players on the NYC scene with, “an absolute commitment to musical sublimity [that] exudes refined elegance and sonic power.” (amazon.com)","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1695914942/assets/symnhbyujkosru60dkui.jpg","name":"Ron Carter's Foursight Quartet at Birdland","performer":[{"@type":"MusicGroup","name":"Ron Carter “Foursight Quartet”"}],"startDate":"2023-10-19T23:00:00Z","url":"https://veeps.com/birdland/3416e672-2d81-4e0f-a4b8-59fcbe88004f"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Emmet Cohen (piano), Ron Carter (bass), Evan Sherman (drums).","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1717362095/assets/wsaughwza7hcnrbgarfy.jpg","name":"Emmet Cohen Trio featuring Ron Carter at Birdland","performer":[{"@type":"MusicGroup","name":"Ron Carter"},{"@type":"MusicGroup","name":"Emmet Cohen Trio"}],"startDate":"2024-06-13T23:00:00Z","url":"https://veeps.com/birdland/9cf0aa5b-ba7d-4165-9cb1-6b7f9b6f7689"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Hans Zimmer is one of the most successful film music composers working today. His multi-award winning career reaches back to the mid-eighties and he has developed close working relationships with renowned directors such as Ridley Scott, Tony Scott, Michael Bay, Ron Howard, Gore Verbinski and Christopher Nolan. His credits include some of the biggest blockbuster movies of all time along with acclaimed TV series such as The Crown and Planet Earth II. This concert was recorded and filmed on May 7th, 2016 in Prague during Hans Zimmer's hugely successful European concert tour. Hans was accompanied by a band, orchestra and choir, 72 musicians in total, including guitarist Johnny Marr of The Smiths. The staging was spectacular with a ground-breaking light show, stunning visuals, and a state of the art sound system. Hans Zimmer performs on multiple instruments and gives introductory insights to many of the pieces during the concert. This show is a treat for lovers of both great music and great movies.","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1699764938/assets/s7ne27elxzk2w1nupmvr.jpg","name":"Hans Zimmer: Live in Prague","performer":[{"@type":"MusicGroup","name":"Hans Zimmer"}],"startDate":"2017-11-03T12:00:00Z","url":"https://veeps.com/ms/623036be-ade4-43a5-b6ce-8590db98cd04"}]} </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-e33851c053b9b902df3ba9b0282e1e27.css?vsn=d?v=47049d0771fb93f7e938b21c5919c24c0d649b18"> <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: "47049d0771fb93f7e938b21c5919c24c0d649b18", sentryDsn: "https://aa6faeae7ced4e7ca128b6245482ebdc@o94174.ingest.sentry.io/6135000", sentryEnv: "prd" } }; </script> <script defer phx-track-static type="text/javascript" src="/assets/app-34b24467e0f3665da1aab73f34e553df.js?vsn=d?v=47049d0771fb93f7e938b21c5919c24c0d649b18"> </script> </head> <body class="theme-fan overscroll-none text-body text-white vps-loading-page route-browsejazz 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-GArts1ZA2JJ_v3_B" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIdwJpZG0AAAAUcGh4LUdBcnRzMVpBMkpKX3YzX0J3B3Nlc3Npb250AAAAAHcEdmlld3caRWxpeGlyLlZlZXBzV2ViLkJyb3dzZUxpdmV3CnBhcmVudF9waWR3A25pbHcGcm91dGVydxZFbGl4aXIuVmVlcHNXZWIuUm91dGVydwhyb290X3BpZHcDbmlsdwxsaXZlX3Nlc3Npb25oAncTdmVlcHNfY29uc3VtZXJfbWFpbm4IAEOg7oe_VAoYdwlyb290X3ZpZXd3GkVsaXhpci5WZWVwc1dlYi5Ccm93c2VMaXZlbgYArbGQXpMBYgABUYA.Tr3G3DFkG2QEfv0qD4K61pTWnviI2mHnuNWt0ksx4i8" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAUcGh4LUdBcnRzMVpBMkpKX3YzX0J3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAABncHc3RyZWFtc3cJc3ViZG9tYWludw5sYXlvdXRfYXNzaWduc3cPdHJhY2tpbmdfcGFyYW1zdwpnaG9zdF91c2VydwxjdXJyZW50X3VzZXJqbgYArbGQXpMBYgABUYA.PVfyUJ6kOXt0H4LXOqrHJ4hc8mEVBgO1uZb5FWn8w1g"><div id="vps-loader" phx-update="ignore"> <div class="vps-spinner" role="status"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div class="sr-only">Loading...</div> </div> </div> <div id="vps-session-update-hook" phx-hook="UpdateSession"></div> <div data-event="noop" id="google-purchase-event" phx-hook="GooglePurchaseEvent" style="display:none"> </div> <header class="fixed top-0 left-0 z-50 w-full transition-transform duration-500 ease-out-circ py-4 px-5 md:py-6 md:px-10 " id="site_header" phx-hook="HeaderScroll"> <div class="absolute inset-0 overflow-hidden -z-10"> <div class="absolute inset-x-0 top-0 -bottom-0.5 pointer-events-none bg-bottom bg-[length:100%_138%] bg-gradient-to-b from-black to-transparent to-[calc(100%_-_2px)]" phx-update="ignore" id="vps_header_bg"> </div> </div> <div class="grid grid-cols-2 grid-rows-1 h-12 lg:grid-cols-[120px_1fr_max-content] 2xl:grid-cols-[minmax(0,_1fr)_2fr_minmax(0,_1fr)] items-center relative"> <a href="/browse" data-phx-link="redirect" data-phx-link-state="push" class="block w-30 z-1" data-testid="header_logo" aria-label="VEEPS"> <svg aria-hidden="true" class="block h-6 w-30" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 120 24"><path fill="currentColor" d="M18.521 0 14.32 15.547 9.643 0H.52l8.844 24h9.77l7.704-24h-8.317Zm31.912 0v24H70.82v-6.801H57.628v-2.267h13.021V8.706H57.628V6.589H70.82V0H50.433Zm60.018 8.706h-5.623c-.605 0-1.096-.303-1.096-1.059s.491-1.058 1.096-1.058h5.334c.605 0 .864.302.864 1.058h7.885c0-4.927-3.223-7.647-9.007-7.647h-5.079c-6.36 0-8.892 2.176-8.892 7.647 0 4.776 2.82 7.285 8.202 7.285h6.228c.604 0 1.095.333 1.095 1.118 0 .786-.462 1.149-1.067 1.149h-5.681c-.605 0-.864-.333-.864-1.149h-7.827c0 5.683 2.533 7.95 8.892 7.95h4.445c7.052 0 10.124-2.267 10.124-7.95 0-4.836-3.275-7.344-9.03-7.344M28.056 0v24h20.418v-6.801H35.25v-2.267H48.3V8.706H35.25V6.589h13.223V0H28.056Zm66.638 7.617c0-5.44-2.36-7.617-8.232-7.617H72.78v24h7.252v-9.068h6.431c5.871 0 8.23-2.086 8.23-7.315Zm-7.138 0c0 .786-.49 1.089-1.095 1.089h-6.429V6.59h6.43c.604 0 1.094.302 1.094 1.028"></path></svg> </a> <nav class="hidden lg:block z-1" data-testid="header_nav_desktop"> <ul class="flex items-center justify-center space-x-2 text-center"> <li> <a href="/browse" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Browse </a> </li> <li> <a href="/schedule" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Schedule </a> </li> <li> <a href="/live" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Live TV </a> </li> <li> <div id="genres_menu_desktop_b52da55a-7951-4ae2-88e4-64f490797271" class="relative group" phx-hook="Dropdown" phx-click-away="[["remove_attr",{"attr":"aria-expanded","to":"#genres_menu_desktop_b52da55a-7951-4ae2-88e4-64f490797271_trigger"}],["hide",{"time":300,"to":"#genres_menu_desktop_b52da55a-7951-4ae2-88e4-64f490797271_content","transition":[["ease-out-back","duration-300"],["opacity-100"],["opacity-0"]]}]]"> <button aria-controls="genres_menu_desktop_b52da55a-7951-4ae2-88e4-64f490797271_content" aria-haspopup="true" aria-label="Toggle genres menu" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl aria-expanded:bg-white/30 aria-expanded:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start [&>svg]:aria-expanded:rotate-180" id="genres_menu_desktop_b52da55a-7951-4ae2-88e4-64f490797271_trigger" type="button" phx-click="[["toggle_attr",{"attr":["aria-expanded","true","false"],"to":"#genres_menu_desktop_b52da55a-7951-4ae2-88e4-64f490797271_trigger"}],["toggle",{"time":300,"ins":[["ease-in-out-cubic","duration-300"],["opacity-0"],["opacity-100"]],"to":"#genres_menu_desktop_b52da55a-7951-4ae2-88e4-64f490797271_content","outs":[["ease-out-back","duration-300"],["opacity-100"],["opacity-0"]]}]]"> Genres <svg aria-hidden="true" viewbox="0 0 16 16" fill="none" class="h-4 w-4 ml-1"><path d="M3 6L8 11L13 6" stroke="currentColor" stroke-width="2"></path></svg> </button> <div id="genres_menu_desktop_b52da55a-7951-4ae2-88e4-64f490797271_content" class="vps-dropdown__content hidden absolute bg-dark-gray p-1.5 rounded-lg top-full w-50 z-10 relative right-0 w-auto mt-1 md:absolute" aria-orientation="vertical"> <nav> <ul class="grid grid-flow-col grid-rows-4"> <li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/alternative" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Alternative </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/comedy" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Comedy </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/country" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Country </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/folk" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Folk </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/indie" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Indie </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/jazz" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Jazz </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/metal" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Metal </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/pop" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Pop </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/randb" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> R&B </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/rap" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Rap </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/rock" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Rock </a> </li> </ul> </nav> </div> </div> </li> </ul> </nav> <div class="flex items-center justify-end space-x-3" data-testid="header_actions"> <div> <div id="search_live" data-phx-session="" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAALc2VhcmNoX2xpdmV3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdqbgYArrGQXpMBYgABUYA.PHsgnRIkEb6KwHVdM0w8kPwKWsOacczQwffo4PwZvWc" data-phx-parent-id="phx-GArts1ZA2JJ_v3_B"><div> <div id="search_consumer_wrapper" class="absolute top-0 left-0 z-50 hidden transition-opacity -right-4 md:left-40 2xl:right-0"> <form id="search_consumer" phx-hook="NoScroll" phx-target="#search_live" phx-change="search-consumer" phx-submit="search-consumer"> <div phx-feedback-for="search[q]" class="relative inline-flex flex-col align-top w-full m-0 bg-black"> <label for="search_consumer_q" class="block mb-4 text-white/50 sr-only"> Find events or artists... </label> <div class="flex flex-nowrap"> <span class="absolute left-0 flex items-center h-10 px-3 top-1"> <svg aria-hidden="true" viewbox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 10.5C17 14.0899 14.0899 17 10.5 17C6.91015 17 4 14.0899 4 10.5C4 6.91015 6.91015 4 10.5 4C14.0899 4 17 6.91015 17 10.5ZM15.7618 17.176C14.3145 18.3183 12.4869 19 10.5 19C5.80558 19 2 15.1944 2 10.5C2 5.80558 5.80558 2 10.5 2C15.1944 2 19 5.80558 19 10.5C19 12.4869 18.3183 14.3145 17.176 15.7618L21.9971 20.5829L20.5829 21.9971L15.7618 17.176Z" fill="currentColor"></path></svg> </span> <input type="search" autocomplete="off" autofocus name="search[q]" id="search_consumer_q" class="flex-grow h-12 py-1 pr-16 bg-transparent rounded outline-none pl-15 text-subheading-sm leading-0 placeholder:text-white/50" value="" phx-debounce="1000" placeholder="Find events or artists..."> <span class="absolute right-0 flex items-center h-10 px-3 top-1"> <button class="inline-flex items-center justify-center w-6 h-6 transition-colors rounded-full text-white/50 hover:text-white" id="close_search" type="button" aria-label="Close search" phx-click="[["push",{"target":"#search_live","event":"toggle-search-input"}],["toggle",{"display":"flex","ins":[["ease-in","duration-fast-02"],["opacity-0"],["opacity-100"]],"to":"#consumer_search_results","outs":[["ease-out","duration-fast-02"],["opacity-100"],["opacity-0"]]}],["toggle",{"to":"#search_consumer_wrapper"}],["toggle",{"display":"inline-flex","to":"#search_icon"}],["dispatch",{"detail":{"class":"search-active","disableBodyScroll":false},"event":"phx:noscroll"}]]"> <svg aria-hidden="true" viewbox="0 0 24 24" fill="none"><path d="M5 5L19 19M19 5L5 19" stroke="currentColor" stroke-width="2"></path></svg> </button> </span> </div> </div> </form> </div> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 w-11 h-11 3xl:w-12 3xl:h-12 rounded-lg " id="search_icon" phx-click="[["push",{"target":"#search_live","event":"toggle-search-input"}],["toggle",{"display":"flex","ins":[["ease-in","duration-fast-02"],["opacity-0"],["opacity-100"]],"to":"#consumer_search_results","outs":[["ease-out","duration-fast-02"],["opacity-100"],["opacity-0"]]}],["toggle",{"to":"#search_consumer_wrapper"}],["toggle",{"display":"inline-flex","to":"#search_icon"}],["focus",{"to":"#search_consumer_q"}],["dispatch",{"detail":{"class":"search-active","disableBodyScroll":true},"event":"phx:noscroll"}]]" aria-label="Search"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724179229/product/icons/white/general/Search_dnqcur.svg" alt="" width="24" height="24" class=""> </button> </div> <div id="consumer_search_results" class="fixed inset-0 hidden pt-20 bg-black md:pt-32 -z-1"> <div class="flex-grow overflow-x-hidden overflow-y-auto vps-scrollbar overscroll-contain"> <div class="max-w-full"> <div data-testid="search_results"> </div> </div> </div> </div></div> </div> <div class="flex items-center" id="cart_button"> </div> <div class="hidden md:block" id="desktop_account_menu" phx-hook="SelectItemEvent" data-list-id="account_menu" data-list-name="account_menu_actions" data-testid="logged_out_actions"> <a href="/session/login" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg"> Sign in </a> <a href="/session/signup" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white active:bg-off-white focus-visible:bg-off-white hover:bg-off-white text-black disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg md:hidden lg:inline-flex"> Sign up </a> </div> <div class="lg:hidden" data-testid="mobile_menu"> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white/10 backdrop-blur-2xl active:bg-white/30 focus-visible:bg-white/30 hover:bg-white/30 text-white disabled:bg-white/10 disabled:text-white/30 w-11 h-11 3xl:w-12 3xl:h-12 rounded-lg " phx-click="[["show",{"to":"#mobile_menu_content"}],["show",{"to":"#mobile_menu_backdrop","transition":[["transition-all","transform","ease-out","duration-300"],["opacity-0"],["opacity-100"]]}],["show",{"display":"flex","to":"#mobile_menu_nav","transition":[["transition-all","ease-in-out-quad","duration-300"],["opacity-0","-translate-y-full"],["opacity-100","translate-y-0"]]}],["show",{"display":"flex","time":350,"to":"#mobile_menu_nav_links","transition":[["transition-all","ease-in-out-quad","delay-150","duration-200"],["opacity-0","-translate-y-10"],["opacity-100","translate-y-0"]]}],["dispatch",{"detail":{"class":"menu-active","disableBodyScroll":true},"event":"phx:noscroll"}]]" aria-label="Open Menu"> <svg aria-hidden="true" class="block" viewbox="0 0 24 24" fill="none"><rect x="3" y="4" width="18" height="2" fill="currentColor"></rect><rect x="3" y="18" width="12" height="2" fill="currentColor"></rect><rect x="3" y="11" width="18" height="2" fill="currentColor"></rect></svg> </button> <div class="fixed inset-0 z-0 overflow-hidden" id="mobile_menu_content" style="display:none"> <div class="absolute inset-0 transition duration-700 bg-black/40 backdrop-blur-sm" id="mobile_menu_backdrop"> </div> <div class="absolute inset-y-0 left-0 flex flex-col h-full max-w-full max-h-full px-5 overflow-y-auto bg-black w-105 pt-25" style="box-shadow: 0px 0px 0px -1px;" id="mobile_menu_nav" phx-click-away="[["hide",{"to":"#mobile_menu_backdrop","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100"],["opacity-0"]]}],["hide",{"to":"#mobile_menu_nav_links","transition":[["transition-all","ease-in-out-quad","duration-150"],["opacity-100","translate-y-0"],["opacity-0","-translate-y-10"]]}],["hide",{"time":350,"to":"#mobile_menu_nav","transition":[["transition-all","ease-out-quint","delay-150","duration-200"],["opacity-100","translate-y-0"],["opacity-0","-translate-y-full"]]}],["hide",{"time":350,"to":"#mobile_menu_content","transition":[["block"],["block"],["hidden"]]}],["dispatch",{"detail":{"class":"menu-active","disableBodyScroll":false},"event":"phx:noscroll"}]]" phx-remove="[["hide",{"to":"#mobile_menu_backdrop","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100"],["opacity-0"]]}],["hide",{"to":"#mobile_menu_nav_links","transition":[["transition-all","ease-in-out-quad","duration-150"],["opacity-100","translate-y-0"],["opacity-0","-translate-y-10"]]}],["hide",{"time":350,"to":"#mobile_menu_nav","transition":[["transition-all","ease-out-quint","delay-150","duration-200"],["opacity-100","translate-y-0"],["opacity-0","-translate-y-full"]]}],["hide",{"time":350,"to":"#mobile_menu_content","transition":[["block"],["block"],["hidden"]]}],["dispatch",{"detail":{"class":"menu-active","disableBodyScroll":false},"event":"phx:noscroll"}]]"> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 w-11 h-11 3xl:w-12 3xl:h-12 rounded-lg absolute top-4 right-5" navigate="/login" phx-click="[["hide",{"to":"#mobile_menu_backdrop","transition":[["transition-all","transform","ease-in","duration-200"],["opacity-100"],["opacity-0"]]}],["hide",{"to":"#mobile_menu_nav_links","transition":[["transition-all","ease-in-out-quad","duration-150"],["opacity-100","translate-y-0"],["opacity-0","-translate-y-10"]]}],["hide",{"time":350,"to":"#mobile_menu_nav","transition":[["transition-all","ease-out-quint","delay-150","duration-200"],["opacity-100","translate-y-0"],["opacity-0","-translate-y-full"]]}],["hide",{"time":350,"to":"#mobile_menu_content","transition":[["block"],["block"],["hidden"]]}],["dispatch",{"detail":{"class":"menu-active","disableBodyScroll":false},"event":"phx:noscroll"}]]" aria-label="Close Menu"> <svg aria-hidden="true" class="block" viewbox="0 0 24 24" fill="none"><path d="M5 5L19 19M19 5L5 19" stroke="currentColor" stroke-width="2"></path></svg> </button> <nav class="relative flex flex-col h-full pt-6 overflow-auto" id="mobile_menu_nav_links"> <ul class="flex flex-col mb-2 space-y-2"> <li> <a href="/browse" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Browse </a> </li> <li> <a href="/schedule" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Schedule </a> </li> <li> <a href="/live" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Live TV </a> </li> <li> <div id="genres_menu_desktop_394f622c-b0e6-44b5-bb36-bc82e9bb02e9" class="relative group" phx-hook="Dropdown" phx-click-away="[["remove_attr",{"attr":"aria-expanded","to":"#genres_menu_desktop_394f622c-b0e6-44b5-bb36-bc82e9bb02e9_trigger"}],["hide",{"time":300,"to":"#genres_menu_desktop_394f622c-b0e6-44b5-bb36-bc82e9bb02e9_content","transition":[["ease-out-back","duration-300"],["opacity-100"],["opacity-0"]]}]]"> <button aria-controls="genres_menu_desktop_394f622c-b0e6-44b5-bb36-bc82e9bb02e9_content" aria-haspopup="true" aria-label="Toggle genres menu" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl aria-expanded:bg-white/30 aria-expanded:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start [&>svg]:aria-expanded:rotate-180" id="genres_menu_desktop_394f622c-b0e6-44b5-bb36-bc82e9bb02e9_trigger" type="button" phx-click="[["toggle_attr",{"attr":["aria-expanded","true","false"],"to":"#genres_menu_desktop_394f622c-b0e6-44b5-bb36-bc82e9bb02e9_trigger"}],["toggle",{"time":300,"ins":[["ease-in-out-cubic","duration-300"],["opacity-0"],["opacity-100"]],"to":"#genres_menu_desktop_394f622c-b0e6-44b5-bb36-bc82e9bb02e9_content","outs":[["ease-out-back","duration-300"],["opacity-100"],["opacity-0"]]}]]"> Genres <svg aria-hidden="true" viewbox="0 0 16 16" fill="none" class="h-4 w-4 ml-1"><path d="M3 6L8 11L13 6" stroke="currentColor" stroke-width="2"></path></svg> </button> <div id="genres_menu_desktop_394f622c-b0e6-44b5-bb36-bc82e9bb02e9_content" class="vps-dropdown__content hidden absolute bg-dark-gray p-1.5 rounded-lg top-full w-50 z-10 relative right-0 w-auto mt-1 md:absolute" aria-orientation="vertical"> <nav> <ul class="grid grid-flow-col grid-rows-4"> <li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/alternative" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Alternative </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/comedy" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Comedy </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/country" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Country </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/folk" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Folk </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/indie" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Indie </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/jazz" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Jazz </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/metal" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Metal </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/pop" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Pop </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/randb" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> R&B </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/rap" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Rap </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/rock" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Rock </a> </li> </ul> </nav> </div> </div> </li> </ul> <div class="flex flex-col flex-grow pb-4 space-y-2" id="mobile_account_menu" phx-hook="SelectItemEvent" data-list-id="account_menu" data-list-name="account_menu_actions"> <a href="/session/login" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white/10 backdrop-blur-2xl active:bg-white/30 focus-visible:bg-white/30 hover:bg-white/30 text-white disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg mt-auto"> Sign in </a> <a href="/session/signup" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white active:bg-off-white focus-visible:bg-off-white hover:bg-off-white text-black disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg md:hidden lg:inline-flex"> Sign up </a> </div> </nav> </div> </div> </div> </div> </div> </header> <main id="main_content" role="main" class="transition-opacity duration-500 ease-linear opacity-0 animate-page-enter min-h-content md:min-h-content-md" phx-hook="PageTransitions" phx-connected="[["dispatch",{"event":"phx:connected"}],["remove_class",{"names":["opacity-0","animate-page-enter"]}]]" phx-remove="[["add_class",{"names":["opacity-0"]}]]"> <div id="browse_live"> <div id="feature_page_heading" class="flex items-end px-5 mb-10 mt-35 md:px-10"> <div data-testid="feature_page_heading_text"> <h1 class="text-heading-sm">Jazz</h1> </div> </div> <div id="browse_rails" phx-update="stream"> <section id="rails-6ef31389-0aae-488a-87e6-f27138c9f1d0" class="[&_+_[data-cards-list="standard"]]:pt-0 " data-cards-list="feature_hero" data-testid="ds_cards_list" data-variant="carousel"> <div class="mx-5 mb-10 mt-20 relative md:mx-10 md:mt-24" data-testid="ds_cards_list_items" id="carousel_rails-6ef31389-0aae-488a-87e6-f27138c9f1d0" phx-hook="FeatureCarousel" data-carousel=""> <section id="feature_hero_4d841ca9-f872-4937-8930-cca76e46406e" class="flex-col justify-end overflow-hidden relative flex" data-testid="ds_card_feature_hero" data-card="feature_hero" phx-countdown="[["set_attr",{"attr":["data-countdown-expired","true"]}]]"> <div class="relative overflow-hidden rounded-lg animate-skeleton w-full aspect-[35/44] lt-md:max-h-[70vh] sm:aspect-[5/3] md:aspect-[728/360] lg:max-h-[454px] xl:aspect-[12/5] xl:max-h-none before:absolute before:inset-0 before:bg-gradient-to-r before:from-black before:to-transparent before:opacity-70"> <video id="4d841ca9-f872-4937-8930-cca76e46406e_feature_hero_video" muted playsinline preload="auto" loop class="object-cover w-full h-full" data-testid="ds_card_video" phx-hook="ResponsiveVideo" data-root-margin="0px" data-video-url="https://stream.mux.com/zjcB5TRXLJT5ZtM5jt2ae3cfOgtLIt3biOPkXePirYA/high.mp4" data-url-default-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_sm_webm/https://stream.mux.com/zjcB5TRXLJT5ZtM5jt2ae3cfOgtLIt3biOPkXePirYA/high.mp4" data-url-default="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_sm/https://stream.mux.com/zjcB5TRXLJT5ZtM5jt2ae3cfOgtLIt3biOPkXePirYA/high.mp4" data-url-sm-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_md_webm/https://stream.mux.com/zjcB5TRXLJT5ZtM5jt2ae3cfOgtLIt3biOPkXePirYA/high.mp4" data-url-sm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_md/https://stream.mux.com/zjcB5TRXLJT5ZtM5jt2ae3cfOgtLIt3biOPkXePirYA/high.mp4" data-url-md-webm="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_lg_webm/https://stream.mux.com/zjcB5TRXLJT5ZtM5jt2ae3cfOgtLIt3biOPkXePirYA/high.mp4" data-url-md="https://res.cloudinary.com/veeps/video/fetch/t_video_hero_lg/https://stream.mux.com/zjcB5TRXLJT5ZtM5jt2ae3cfOgtLIt3biOPkXePirYA/high.mp4"> </video> <div class="absolute w-full -bottom-0.25 top-1/2 backface-hidden pointer-events-none bg-gradient-to-t from-black/70 to-transparent"></div>  </div> <div class="absolute inset-0 flex flex-col items-center justify-end p-5 text-center lg:text-left lg:items-start lg:p-10 lg:pl-12"> <div class="mb-4 pointer-events-none hidden" data-testid="event_date" data-hero-date> <div class="py-1 md:py-1.5 px-2 3xl:px-3 rounded inline-block text-body tracking-wide capitalize bg-white/10 backdrop-blur-2xl text-white" data-testid="ds_tag_white"> white </div> </div> <picture class="mb-2 lg:mb-4"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_hero_logo_webp/v1720462833/assets/uhjtassrdcix9tzleomg.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_hero_logo/v1720462833/assets/uhjtassrdcix9tzleomg.png" alt="" loading="eager" class="max-h-20 max-w-55 w-fit text-left object-contain object-bottom lg:object-left-bottom" data-testid="ds_card_logo"> </picture> <h1 class="w-full text-white text-body-1" data-testid="ds_card_title"> Live at Ronnie Scott's </h1> <div class="-order-1 flex flex-wrap justify-end space-x-2 shrink-0 -mx-3 -mt-3 mb-auto w-[calc(100%_+_24px)] [&>button:disabled]:hidden lg:order-none lg:justify-start lg:max-w-full lg:w-full lg:m-0 lg:mt-6 lg:[&>button:disabled]:flex lt-lg:[&>a]:!opacity-0 lt-lg:[&>a]:absolute lt-lg:[&>a]:z-0 lt-lg:[&>a]:inset-0 lt-lg:[&>a]:!ml-0" data-testid="ds_card_action" id="4d841ca9-f872-4937-8930-cca76e46406e_hero_actions" phx-hook="SelectItemEvent" data-list-id="4d841ca9-f872-4937-8930-cca76e46406e" data-list-name="genre-jazz_feature_hero_actions"> <a href="/ms/4d841ca9-f872-4937-8930-cca76e46406e?view=true" data-phx-link="redirect" data-phx-link-state="push" text="Get Tickets" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white active:bg-off-white focus-visible:bg-off-white hover:bg-off-white text-black disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg active:opacity-75 active:backdrop-blur-2xl focus:opacity-75 focus:backdrop-blur-2xl" data-item-id="get_tickets_link" data-item-name="Get Tickets" data-list-item> <span>Get Tickets</span> </a> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white/10 backdrop-blur-2xl active:bg-white/30 focus-visible:bg-white/30 hover:bg-white/30 text-white disabled:bg-white/10 disabled:text-white/30 w-11 h-11 3xl:w-12 3xl:h-12 rounded-lg lg:!ml-auto [&>img]:pointer-events-none [&[data-muted=true]>[data-sound=off]]:block [&[data-muted=true]>[data-sound=on]]:hidden [&[data-muted=false]>[data-sound=off]]:hidden [&[data-muted=false]>[data-sound=on]]:block" id="4d841ca9-f872-4937-8930-cca76e46406e_toggle_mute" phx-hook="ToggleMute" aria-label="Mute/Unmute" data-mute data-muted="true" data-video-id="4d841ca9-f872-4937-8930-cca76e46406e_feature_hero_video"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724179232/product/icons/white/player/SoundOff_dclkfk.svg" alt="" width="24" height="24" class="" data-sound="off"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724179232/product/icons/white/player/SoundOn_qj2zi1.svg" alt="" width="24" height="24" class="" data-sound="on"> </button> </div> </div> </section> </div> </section><section id="rails-c1aff845-8451-4fea-93a1-b2cdc2c6ab4d" 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-c1aff845-8451-4fea-93a1-b2cdc2c6ab4d" data-list-name="Featured Jazz Events"> <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 Jazz Events</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-c1aff845-8451-4fea-93a1-b2cdc2c6ab4d" data-carousel-type="standard" phx-hook="Carousel"> <div class="overflow-visible bg-black rounded-lg aspect-portrait group animate-skeleton 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="e34341be-cd2f-4551-bed7-1b1790c45a1d"> <div class="overflow-hidden transition-transform duration-500 rounded-lg group-hover:scale-102 ease-card 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/v1730395946/assets/mayuq86kmxlokv61b7lj.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1730395946/assets/mayuq86kmxlokv61b7lj.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="/jimmysjazzandbluesclub/e34341be-cd2f-4551-bed7-1b1790c45a1d" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end transition-transform duration-500 aspect-content group-hover:-translate-y-2.5 ease-card" data-testid="ds_card_link" data-item-id="e34341be-cd2f-4551-bed7-1b1790c45a1d" data-item-name="Django Reinhardt Festival All-Stars - Django Festival Allstars - Hot Gypsy Jazz Livestream from Jimmy's" 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> Django Reinhardt Festival All-Stars </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Django Festival Allstars - Hot Gypsy Jazz Livestream from Jimmy's </p> </div> </a> <div class="absolute inset-x-0 top-0 p-2 group-hover:-translate-y-[5%] group-hover:-translate-x-[1%] ease-card duration-500 transition-transform flex-shrink-0 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="hidden sm:flex absolute inset-x-0 top-0 z-10 justify-end p-2 group-hover:-translate-y-[5%] group-hover:translate-x-[1%] ease-card duration-500 transition-transform"> <div class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </div> </div><div class="overflow-visible bg-black rounded-lg aspect-portrait group animate-skeleton 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="afd7d1d3-850a-4c15-960f-20a33c8b3857"> <div class="overflow-hidden transition-transform duration-500 rounded-lg group-hover:scale-102 ease-card 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/v1730395695/assets/dhwqpgy28ufsbhkdkkij.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1730395695/assets/dhwqpgy28ufsbhkdkkij.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="/jimmysjazzandbluesclub/afd7d1d3-850a-4c15-960f-20a33c8b3857" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end transition-transform duration-500 aspect-content group-hover:-translate-y-2.5 ease-card" data-testid="ds_card_link" data-item-id="afd7d1d3-850a-4c15-960f-20a33c8b3857" data-item-name="Jazzmeia Horn - Jazzmeia Horn Livestream from Jimmy's Jazz & Blues Club" 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> Jazzmeia Horn </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Jazzmeia Horn Livestream from Jimmy's Jazz & Blues Club </p> </div> </a> <div class="absolute inset-x-0 top-0 p-2 group-hover:-translate-y-[5%] group-hover:-translate-x-[1%] ease-card duration-500 transition-transform flex-shrink-0 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> <div class="py-1 md:py-1.5 px-2 3xl:px-3 rounded inline-block text-body tracking-wide capitalize bg-white text-black" data-testid="ds_tag_new"> new </div> </div> </div> <div class="hidden sm:flex absolute inset-x-0 top-0 z-10 justify-end p-2 group-hover:-translate-y-[5%] group-hover:translate-x-[1%] ease-card duration-500 transition-transform"> <div class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </div> </div><div class="overflow-visible bg-black rounded-lg aspect-portrait group animate-skeleton 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="b594404c-f519-493b-8759-a9e6d46307ab"> <div class="overflow-hidden transition-transform duration-500 rounded-lg group-hover:scale-102 ease-card 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/v1730395000/assets/spsvg1jqzrl6u71y4a5a.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1730395000/assets/spsvg1jqzrl6u71y4a5a.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="/jimmysjazzandbluesclub/b594404c-f519-493b-8759-a9e6d46307ab" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end transition-transform duration-500 aspect-content group-hover:-translate-y-2.5 ease-card" data-testid="ds_card_link" data-item-id="b594404c-f519-493b-8759-a9e6d46307ab" data-item-name="Greg Koch Trio - Greg Koch Livestream From Jimmy's Jazz & Blues Club" 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> Greg Koch Trio </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Greg Koch Livestream From Jimmy's Jazz & Blues Club </p> </div> </a> <div class="absolute inset-x-0 top-0 p-2 group-hover:-translate-y-[5%] group-hover:-translate-x-[1%] ease-card duration-500 transition-transform flex-shrink-0 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="hidden sm:flex absolute inset-x-0 top-0 z-10 justify-end p-2 group-hover:-translate-y-[5%] group-hover:translate-x-[1%] ease-card duration-500 transition-transform"> <div class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </div> </div><div class="overflow-visible bg-black rounded-lg aspect-portrait group animate-skeleton 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="4d841ca9-f872-4937-8930-cca76e46406e"> <div class="overflow-hidden transition-transform duration-500 rounded-lg group-hover:scale-102 ease-card 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/v1696131816/assets/kfbo0xclgbag4rqns8ef.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696131816/assets/kfbo0xclgbag4rqns8ef.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/ms/4d841ca9-f872-4937-8930-cca76e46406e" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end transition-transform duration-500 aspect-content group-hover:-translate-y-2.5 ease-card" data-testid="ds_card_link" data-item-id="4d841ca9-f872-4937-8930-cca76e46406e" data-item-name="Norah Jones - Live at Ronnie Scott's" 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> Norah Jones </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live at Ronnie Scott's </p> </div> </a> <div class="absolute inset-x-0 top-0 p-2 group-hover:-translate-y-[5%] group-hover:-translate-x-[1%] ease-card duration-500 transition-transform flex-shrink-0 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="hidden sm:flex absolute inset-x-0 top-0 z-10 justify-end p-2 group-hover:-translate-y-[5%] group-hover:translate-x-[1%] ease-card duration-500 transition-transform"> <div class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </div> </div><div class="overflow-visible bg-black rounded-lg aspect-portrait group animate-skeleton 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="c5317a91-4eec-424f-9444-02d534f06030"> <div class="overflow-hidden transition-transform duration-500 rounded-lg group-hover:scale-102 ease-card 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/v1696335425/assets/dy52yuu1sjpjjqirzxnz.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1696335425/assets/dy52yuu1sjpjjqirzxnz.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/ms/c5317a91-4eec-424f-9444-02d534f06030" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end transition-transform duration-500 aspect-content group-hover:-translate-y-2.5 ease-card" data-testid="ds_card_link" data-item-id="c5317a91-4eec-424f-9444-02d534f06030" data-item-name="Amy Winehouse - Live At Porchester 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> Amy Winehouse </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Live At Porchester Hall </p> </div> </a> <div class="absolute inset-x-0 top-0 p-2 group-hover:-translate-y-[5%] group-hover:-translate-x-[1%] ease-card duration-500 transition-transform flex-shrink-0 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="hidden sm:flex absolute inset-x-0 top-0 z-10 justify-end p-2 group-hover:-translate-y-[5%] group-hover:translate-x-[1%] ease-card duration-500 transition-transform"> <div class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </div> </div><div class="overflow-visible bg-black rounded-lg aspect-portrait group animate-skeleton 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="1d868aeb-cf04-49cd-9f4f-37297bb3b4ff"> <div class="overflow-hidden transition-transform duration-500 rounded-lg group-hover:scale-102 ease-card 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/v1701803126/assets/sgqktm4lmdvgk56dw9sf.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1701803126/assets/sgqktm4lmdvgk56dw9sf.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="/jimmysjazzandbluesclub/1d868aeb-cf04-49cd-9f4f-37297bb3b4ff" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end transition-transform duration-500 aspect-content group-hover:-translate-y-2.5 ease-card" data-testid="ds_card_link" data-item-id="1d868aeb-cf04-49cd-9f4f-37297bb3b4ff" data-item-name="Matt Schofield - Matt Schofield Livestream from Jimmy's Jazz & Blues Club" 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> Matt Schofield </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Matt Schofield Livestream from Jimmy's Jazz & Blues Club </p> </div> </a> <div class="absolute inset-x-0 top-0 p-2 group-hover:-translate-y-[5%] group-hover:-translate-x-[1%] ease-card duration-500 transition-transform flex-shrink-0 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="hidden sm:flex absolute inset-x-0 top-0 z-10 justify-end p-2 group-hover:-translate-y-[5%] group-hover:translate-x-[1%] ease-card duration-500 transition-transform"> <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-c17589d2-473c-49b0-8f05-cab0f0ecae94" class="mb-20 only-of-type:mb-0 " data-cards-list="circle" data-testid="ds_cards_list" data-variant="carousel" phx-hook="SelectItemEvent" data-direct-children-only="false" data-list-id="rails-c17589d2-473c-49b0-8f05-cab0f0ecae94" data-list-name="Featured Jazz Venues"> <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="circle"> <h2 class="text-subheading-sm">Featured Jazz Venues</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-c17589d2-473c-49b0-8f05-cab0f0ecae94" data-carousel-type="circle" phx-hook="Carousel"> <div class="flex flex-col items-center h-full px-2 pt-2 space-y-4 w-fit snap-start group flex-shrink-0 w-card-circle-mobile min-w-card-circle-mobile max-w-card-circle-mobile 3xl:w-card-circle-desktop 3xl:min-w-card-circle-desktop 3xl:max-w-card-circle-desktop snap-start" data-testid="ds_card_circle" data-card="circle" data-item-id="56239f8f-2bff-4ed1-884c-5715287752ea"> <a href="/v/56239f8f-2bff-4ed1-884c-5715287752ea" data-phx-link="redirect" data-phx-link-state="push" class="grid items-start justify-center flex-grow grid-cols-1" data-testid="ds_card_link" data-item-id="56239f8f-2bff-4ed1-884c-5715287752ea" data-item-name="Jimmy's Jazz & Blues Club" data-list-item> <div class="relative w-screen max-w-full rounded-full aspect-square transition-transform duration-500 group-hover:scale-105 ease-card will-change-transform ring-offset-black ring-offset-4 bg-white/10 animate-skeleton ring-2 ring-white/10" data-card-image> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_artist_avatar_webp/v1676657514/assets/vizdcxlslobpberbewnh.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_artist_avatar/v1676657514/assets/vizdcxlslobpberbewnh.jpg" alt="" loading="lazy" class="object-cover w-full h-full rounded-full aspect-content" data-testid="ds_card_image"> </picture> </div> </a> <a href="/v/56239f8f-2bff-4ed1-884c-5715287752ea" data-phx-link="redirect" data-phx-link-state="push" class="mt-6" data-testid="ds_card_link" data-item-id="56239f8f-2bff-4ed1-884c-5715287752ea" data-item-name="Jimmy's Jazz & Blues Club" data-list-item> <p class="text-center text-white" data-testid="ds_card_title" data-card-title> Jimmy's Jazz & Blues Club </p> </a> </div><div class="flex flex-col items-center h-full px-2 pt-2 space-y-4 w-fit snap-start group flex-shrink-0 w-card-circle-mobile min-w-card-circle-mobile max-w-card-circle-mobile 3xl:w-card-circle-desktop 3xl:min-w-card-circle-desktop 3xl:max-w-card-circle-desktop snap-start" data-testid="ds_card_circle" data-card="circle" data-item-id="dca25cfb-102f-4867-91df-1801c6832678"> <a href="/v/dca25cfb-102f-4867-91df-1801c6832678" data-phx-link="redirect" data-phx-link-state="push" class="grid items-start justify-center flex-grow grid-cols-1" data-testid="ds_card_link" data-item-id="dca25cfb-102f-4867-91df-1801c6832678" data-item-name="Birdland Jazz Club NYC" data-list-item> <div class="relative w-screen max-w-full rounded-full aspect-square transition-transform duration-500 group-hover:scale-105 ease-card will-change-transform ring-offset-black ring-offset-4 bg-white/10 animate-skeleton ring-2 ring-white/10" data-card-image> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_artist_avatar_webp/v1688061110/assets/yr2zepvyqblsrlahjwox.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_artist_avatar/v1688061110/assets/yr2zepvyqblsrlahjwox.jpg" alt="" loading="lazy" class="object-cover w-full h-full rounded-full aspect-content" data-testid="ds_card_image"> </picture> </div> </a> <a href="/v/dca25cfb-102f-4867-91df-1801c6832678" data-phx-link="redirect" data-phx-link-state="push" class="mt-6" data-testid="ds_card_link" data-item-id="dca25cfb-102f-4867-91df-1801c6832678" data-item-name="Birdland Jazz Club NYC" data-list-item> <p class="text-center text-white" data-testid="ds_card_title" data-card-title> Birdland Jazz Club NYC </p> </a> </div><div class="flex flex-col items-center h-full px-2 pt-2 space-y-4 w-fit snap-start group flex-shrink-0 w-card-circle-mobile min-w-card-circle-mobile max-w-card-circle-mobile 3xl:w-card-circle-desktop 3xl:min-w-card-circle-desktop 3xl:max-w-card-circle-desktop snap-start" data-testid="ds_card_circle" data-card="circle" data-item-id="93ef38aa-d1c7-4842-8478-e1dc77c43948"> <a href="/v/93ef38aa-d1c7-4842-8478-e1dc77c43948" data-phx-link="redirect" data-phx-link-state="push" class="grid items-start justify-center flex-grow grid-cols-1" data-testid="ds_card_link" data-item-id="93ef38aa-d1c7-4842-8478-e1dc77c43948" data-item-name="Big Top Chautauqua" data-list-item> <div class="relative w-screen max-w-full rounded-full aspect-square transition-transform duration-500 group-hover:scale-105 ease-card will-change-transform ring-offset-black ring-offset-4 bg-white/10 animate-skeleton ring-2 ring-white/10" data-card-image> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_artist_avatar_webp/v1682106382/assets/s8vudhet20i8nkjwiddz.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_artist_avatar/v1682106382/assets/s8vudhet20i8nkjwiddz.jpg" alt="" loading="lazy" class="object-cover w-full h-full rounded-full aspect-content" data-testid="ds_card_image"> </picture> </div> </a> <a href="/v/93ef38aa-d1c7-4842-8478-e1dc77c43948" data-phx-link="redirect" data-phx-link-state="push" class="mt-6" data-testid="ds_card_link" data-item-id="93ef38aa-d1c7-4842-8478-e1dc77c43948" data-item-name="Big Top Chautauqua" data-list-item> <p class="text-center text-white" data-testid="ds_card_title" data-card-title> Big Top Chautauqua </p> </a> </div> </div> </div> </section><section id="rails-09053f74-7354-4897-b4ad-6586d6581d40" 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-09053f74-7354-4897-b4ad-6586d6581d40" data-list-name="You May Also Like" 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">You May Also Like</h2> </div> <div class="relative"> <div class="grid grid-flow-col auto-cols-max gap-x-2 md:gap-x-6 -mt-18 pt-18 -mb-32 pb-32 landscape-card-rail [&_[data-carousel-btn]]:bottom-14 [&_[data-carousel-btn]]:top-14 [&_[data-carousel-btn-content]]:mb-14 [&_[data-carousel-btn]]:hover:z-40 px-5 md:px-10 snap-x snap-mandatory scroll-pl-5 md:scroll-pl-10 group/carousel overflow-hidden overflow-x-scroll vps-scrollbar-none" data-testid="ds_cards_list_items" id="carousel_rails-09053f74-7354-4897-b4ad-6586d6581d40" data-carousel-type="landscape" phx-hook="Carousel"> <div id="landscape_card_8b30dbe5-ee16-43ec-ba93-b856b6634a5c_bc60ac0a-fedb-4ee8-809d-25ea37c0e7d2" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" phx-hook="LandscapeCard" data-card="landscape" data-item-id="landscape_card_8b30dbe5-ee16-43ec-ba93-b856b6634a5c_bc60ac0a-fedb-4ee8-809d-25ea37c0e7d2" data-card-id="landscape_card_8b30dbe5-ee16-43ec-ba93-b856b6634a5c_bc60ac0a-fedb-4ee8-809d-25ea37c0e7d2_landscape_card" data-overlay-id="landscape_card_8b30dbe5-ee16-43ec-ba93-b856b6634a5c_bc60ac0a-fedb-4ee8-809d-25ea37c0e7d2_landscape_overlay" data-mute-id="landscape_card_8b30dbe5-ee16-43ec-ba93-b856b6634a5c_bc60ac0a-fedb-4ee8-809d-25ea37c0e7d2_toggle_mute" data-close-id="landscape_card_8b30dbe5-ee16-43ec-ba93-b856b6634a5c_bc60ac0a-fedb-4ee8-809d-25ea37c0e7d2_landscape_close_btn"> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_8b30dbe5-ee16-43ec-ba93-b856b6634a5c_bc60ac0a-fedb-4ee8-809d-25ea37c0e7d2_landscape_card" aria-haspopup="dialog"> <div class="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="animate-skeleton aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1696336594/assets/dfztzwbz5euvh3k56w0q.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1696336594/assets/dfztzwbz5euvh3k56w0q.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="absolute inset-0 pointer-events-none bg-gradient-landscape-card backface-hidden"> </div> <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" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Miles Davis </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Birth of The Cool </p> </div> </div> </button> </div><div id="landscape_card_ef7609b0-a8c0-4445-9240-2338b6fb5766_6f8692d6-96da-4ece-b429-c77bf5a58eb8" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" phx-hook="LandscapeCard" data-card="landscape" data-item-id="landscape_card_ef7609b0-a8c0-4445-9240-2338b6fb5766_6f8692d6-96da-4ece-b429-c77bf5a58eb8" data-card-id="landscape_card_ef7609b0-a8c0-4445-9240-2338b6fb5766_6f8692d6-96da-4ece-b429-c77bf5a58eb8_landscape_card" data-overlay-id="landscape_card_ef7609b0-a8c0-4445-9240-2338b6fb5766_6f8692d6-96da-4ece-b429-c77bf5a58eb8_landscape_overlay" data-mute-id="landscape_card_ef7609b0-a8c0-4445-9240-2338b6fb5766_6f8692d6-96da-4ece-b429-c77bf5a58eb8_toggle_mute" data-close-id="landscape_card_ef7609b0-a8c0-4445-9240-2338b6fb5766_6f8692d6-96da-4ece-b429-c77bf5a58eb8_landscape_close_btn"> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_ef7609b0-a8c0-4445-9240-2338b6fb5766_6f8692d6-96da-4ece-b429-c77bf5a58eb8_landscape_card" aria-haspopup="dialog"> <div class="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="animate-skeleton aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1717792819/assets/ym8hjrc60dkyilouuxgm.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1717792819/assets/ym8hjrc60dkyilouuxgm.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="absolute inset-0 pointer-events-none bg-gradient-landscape-card backface-hidden"> </div> <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" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Slash </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> S.E.R.P.E.N.T. Festival : Live from Denver </p> </div> </div> </button> </div><div id="landscape_card_bf88033c-7dff-4a47-ab54-ea1eaa079881_f2789d20-1c76-45c1-9490-6a221f3909c2" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" phx-hook="LandscapeCard" data-card="landscape" data-item-id="landscape_card_bf88033c-7dff-4a47-ab54-ea1eaa079881_f2789d20-1c76-45c1-9490-6a221f3909c2" data-card-id="landscape_card_bf88033c-7dff-4a47-ab54-ea1eaa079881_f2789d20-1c76-45c1-9490-6a221f3909c2_landscape_card" data-overlay-id="landscape_card_bf88033c-7dff-4a47-ab54-ea1eaa079881_f2789d20-1c76-45c1-9490-6a221f3909c2_landscape_overlay" data-mute-id="landscape_card_bf88033c-7dff-4a47-ab54-ea1eaa079881_f2789d20-1c76-45c1-9490-6a221f3909c2_toggle_mute" data-close-id="landscape_card_bf88033c-7dff-4a47-ab54-ea1eaa079881_f2789d20-1c76-45c1-9490-6a221f3909c2_landscape_close_btn"> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_bf88033c-7dff-4a47-ab54-ea1eaa079881_f2789d20-1c76-45c1-9490-6a221f3909c2_landscape_card" aria-haspopup="dialog"> <div class="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="animate-skeleton aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1698448262/assets/m1k9xfnbzbc8wgl06u77.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1698448262/assets/m1k9xfnbzbc8wgl06u77.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="absolute inset-0 pointer-events-none bg-gradient-landscape-card backface-hidden"> </div> <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" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Jeff Beck </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> 50 Years of: Live at the Hollywood Bowl </p> </div> </div> </button> </div><div id="landscape_card_ea03a923-29e3-404e-ac4a-3200957b90b9_1244c708-b93a-4227-8852-bfa9285ac784" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" phx-hook="LandscapeCard" data-card="landscape" data-item-id="landscape_card_ea03a923-29e3-404e-ac4a-3200957b90b9_1244c708-b93a-4227-8852-bfa9285ac784" data-card-id="landscape_card_ea03a923-29e3-404e-ac4a-3200957b90b9_1244c708-b93a-4227-8852-bfa9285ac784_landscape_card" data-overlay-id="landscape_card_ea03a923-29e3-404e-ac4a-3200957b90b9_1244c708-b93a-4227-8852-bfa9285ac784_landscape_overlay" data-mute-id="landscape_card_ea03a923-29e3-404e-ac4a-3200957b90b9_1244c708-b93a-4227-8852-bfa9285ac784_toggle_mute" data-close-id="landscape_card_ea03a923-29e3-404e-ac4a-3200957b90b9_1244c708-b93a-4227-8852-bfa9285ac784_landscape_close_btn"> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_ea03a923-29e3-404e-ac4a-3200957b90b9_1244c708-b93a-4227-8852-bfa9285ac784_landscape_card" aria-haspopup="dialog"> <div class="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="animate-skeleton aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1732309467/assets/osfqhk1vli6ndfpfm4yn.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1732309467/assets/osfqhk1vli6ndfpfm4yn.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="absolute inset-0 pointer-events-none bg-gradient-landscape-card backface-hidden"> </div> <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" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Lake Street Dive </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Lake Street Dive LIVE From The Fox Theater </p> </div> </div> </button> </div><div id="landscape_card_56ea704b-4e4e-4eee-96ca-9aaded1792be_458b3d37-5bf4-4d04-8180-3f62394b4cc3" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" phx-hook="LandscapeCard" data-card="landscape" data-item-id="landscape_card_56ea704b-4e4e-4eee-96ca-9aaded1792be_458b3d37-5bf4-4d04-8180-3f62394b4cc3" data-card-id="landscape_card_56ea704b-4e4e-4eee-96ca-9aaded1792be_458b3d37-5bf4-4d04-8180-3f62394b4cc3_landscape_card" data-overlay-id="landscape_card_56ea704b-4e4e-4eee-96ca-9aaded1792be_458b3d37-5bf4-4d04-8180-3f62394b4cc3_landscape_overlay" data-mute-id="landscape_card_56ea704b-4e4e-4eee-96ca-9aaded1792be_458b3d37-5bf4-4d04-8180-3f62394b4cc3_toggle_mute" data-close-id="landscape_card_56ea704b-4e4e-4eee-96ca-9aaded1792be_458b3d37-5bf4-4d04-8180-3f62394b4cc3_landscape_close_btn"> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_56ea704b-4e4e-4eee-96ca-9aaded1792be_458b3d37-5bf4-4d04-8180-3f62394b4cc3_landscape_card" aria-haspopup="dialog"> <div class="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="animate-skeleton aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1706729469/assets/wfitc8a19mmgzdrqaiye.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1706729469/assets/wfitc8a19mmgzdrqaiye.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="absolute inset-0 pointer-events-none bg-gradient-landscape-card backface-hidden"> </div> </div> <div class="flex items-center py-4" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Beth Hart </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Beth Hart </p> </div> </div> </button> </div><div id="landscape_card_d8f1791e-2d59-4c4e-900d-cb6847d80974_f6b7e65c-aafd-4642-9447-c88da9deccd3" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" phx-hook="LandscapeCard" data-card="landscape" data-item-id="landscape_card_d8f1791e-2d59-4c4e-900d-cb6847d80974_f6b7e65c-aafd-4642-9447-c88da9deccd3" data-card-id="landscape_card_d8f1791e-2d59-4c4e-900d-cb6847d80974_f6b7e65c-aafd-4642-9447-c88da9deccd3_landscape_card" data-overlay-id="landscape_card_d8f1791e-2d59-4c4e-900d-cb6847d80974_f6b7e65c-aafd-4642-9447-c88da9deccd3_landscape_overlay" data-mute-id="landscape_card_d8f1791e-2d59-4c4e-900d-cb6847d80974_f6b7e65c-aafd-4642-9447-c88da9deccd3_toggle_mute" data-close-id="landscape_card_d8f1791e-2d59-4c4e-900d-cb6847d80974_f6b7e65c-aafd-4642-9447-c88da9deccd3_landscape_close_btn"> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_d8f1791e-2d59-4c4e-900d-cb6847d80974_f6b7e65c-aafd-4642-9447-c88da9deccd3_landscape_card" aria-haspopup="dialog"> <div class="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="animate-skeleton aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1732043194/assets/s6m6kpuyxw68bvznqzen.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1732043194/assets/s6m6kpuyxw68bvznqzen.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="absolute inset-0 pointer-events-none bg-gradient-landscape-card backface-hidden"> </div> </div> <div class="flex items-center py-4" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Haley Reinhart </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> A Session With Haley Reinhart </p> </div> </div> </button> </div><div id="landscape_card_3416e672-2d81-4e0f-a4b8-59fcbe88004f_e21b618f-2e0b-4b99-b44d-96506d72fc78" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" phx-hook="LandscapeCard" data-card="landscape" data-item-id="landscape_card_3416e672-2d81-4e0f-a4b8-59fcbe88004f_e21b618f-2e0b-4b99-b44d-96506d72fc78" data-card-id="landscape_card_3416e672-2d81-4e0f-a4b8-59fcbe88004f_e21b618f-2e0b-4b99-b44d-96506d72fc78_landscape_card" data-overlay-id="landscape_card_3416e672-2d81-4e0f-a4b8-59fcbe88004f_e21b618f-2e0b-4b99-b44d-96506d72fc78_landscape_overlay" data-mute-id="landscape_card_3416e672-2d81-4e0f-a4b8-59fcbe88004f_e21b618f-2e0b-4b99-b44d-96506d72fc78_toggle_mute" data-close-id="landscape_card_3416e672-2d81-4e0f-a4b8-59fcbe88004f_e21b618f-2e0b-4b99-b44d-96506d72fc78_landscape_close_btn"> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_3416e672-2d81-4e0f-a4b8-59fcbe88004f_e21b618f-2e0b-4b99-b44d-96506d72fc78_landscape_card" aria-haspopup="dialog"> <div class="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="animate-skeleton aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1695914942/assets/symnhbyujkosru60dkui.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1695914942/assets/symnhbyujkosru60dkui.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="absolute inset-0 pointer-events-none bg-gradient-landscape-card backface-hidden"> </div> <div data-testid="exclusive_badge" class="absolute bottom-4 right-4"> <img src="https://res.cloudinary.com/veeps/image/upload/v1716388570/product/veeps_exclusive_rwpj6k.png" class="w-32" alt="VEEPS EXCLUSIVE"> </div> </div> <div class="flex items-center py-4" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Ron Carter “Foursight Quartet” </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Ron Carter's Foursight Quartet at Birdland </p> </div> </div> </button> </div><div id="landscape_card_9cf0aa5b-ba7d-4165-9cb1-6b7f9b6f7689_48c1cd58-529a-4c92-9533-cdb0cb3cf150" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" phx-hook="LandscapeCard" data-card="landscape" data-item-id="landscape_card_9cf0aa5b-ba7d-4165-9cb1-6b7f9b6f7689_48c1cd58-529a-4c92-9533-cdb0cb3cf150" data-card-id="landscape_card_9cf0aa5b-ba7d-4165-9cb1-6b7f9b6f7689_48c1cd58-529a-4c92-9533-cdb0cb3cf150_landscape_card" data-overlay-id="landscape_card_9cf0aa5b-ba7d-4165-9cb1-6b7f9b6f7689_48c1cd58-529a-4c92-9533-cdb0cb3cf150_landscape_overlay" data-mute-id="landscape_card_9cf0aa5b-ba7d-4165-9cb1-6b7f9b6f7689_48c1cd58-529a-4c92-9533-cdb0cb3cf150_toggle_mute" data-close-id="landscape_card_9cf0aa5b-ba7d-4165-9cb1-6b7f9b6f7689_48c1cd58-529a-4c92-9533-cdb0cb3cf150_landscape_close_btn"> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_9cf0aa5b-ba7d-4165-9cb1-6b7f9b6f7689_48c1cd58-529a-4c92-9533-cdb0cb3cf150_landscape_card" aria-haspopup="dialog"> <div class="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="animate-skeleton aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1717362095/assets/wsaughwza7hcnrbgarfy.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1717362095/assets/wsaughwza7hcnrbgarfy.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="absolute inset-0 pointer-events-none bg-gradient-landscape-card backface-hidden"> </div> <div data-testid="exclusive_badge" class="absolute bottom-4 right-4"> <img src="https://res.cloudinary.com/veeps/image/upload/v1716388570/product/veeps_exclusive_rwpj6k.png" class="w-32" alt="VEEPS EXCLUSIVE"> </div> </div> <div class="flex items-center py-4" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Ron Carter </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Emmet Cohen Trio featuring Ron Carter at Birdland </p> </div> </div> </button> </div><div id="landscape_card_623036be-ade4-43a5-b6ce-8590db98cd04_1bad9e31-af68-4214-ad09-aadbc2812986" class="relative snap-start min-w-60 max-w-75 w-60 sm:w-75 [[data-variant=grid]_&]:sm:w-full" data-testid="ds_card_landscape" phx-hook="LandscapeCard" data-card="landscape" data-item-id="landscape_card_623036be-ade4-43a5-b6ce-8590db98cd04_1bad9e31-af68-4214-ad09-aadbc2812986" data-card-id="landscape_card_623036be-ade4-43a5-b6ce-8590db98cd04_1bad9e31-af68-4214-ad09-aadbc2812986_landscape_card" data-overlay-id="landscape_card_623036be-ade4-43a5-b6ce-8590db98cd04_1bad9e31-af68-4214-ad09-aadbc2812986_landscape_overlay" data-mute-id="landscape_card_623036be-ade4-43a5-b6ce-8590db98cd04_1bad9e31-af68-4214-ad09-aadbc2812986_toggle_mute" data-close-id="landscape_card_623036be-ade4-43a5-b6ce-8590db98cd04_1bad9e31-af68-4214-ad09-aadbc2812986_landscape_close_btn"> <button type="button" class="w-full text-left cursor-pointer" id="landscape_card_623036be-ade4-43a5-b6ce-8590db98cd04_1bad9e31-af68-4214-ad09-aadbc2812986_landscape_card" aria-haspopup="dialog"> <div class="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="animate-skeleton aspect-content"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_landscape_webp/v1699764938/assets/s7ne27elxzk2w1nupmvr.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_landscape/v1699764938/assets/s7ne27elxzk2w1nupmvr.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div class="absolute inset-0 pointer-events-none bg-gradient-landscape-card backface-hidden"> </div> <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" data-testid="ds_card_title" data-landscape-card-title> <div> <h3 class="mb-1 text-white text-body-2 line-clamp-1">Hans Zimmer </h3> <p class="text-body-2 text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> Hans Zimmer: Live in Prague </p> </div> </div> </button> </div> </div> </div> </section> <div data-target="browse_rails" data-page="1" data-root="#browse_rails" data-root-margin="0px 0px 1000px" data-threshold="1.0" data-test-infinite-scroll="true" id="browse_infinite_scroll" phx-hook="InfiniteScroll"> </div> </div> <div phx-update="ignore" id="app_banner_wrapper"> <section class="hidden vps-app-banner" id="app_banner" phx-hook="AppsBanner"></section> </div> </div> </main> <div id="site_footer" phx-hook="IntercomInit"> </div> <footer data-testid="footer" class="border-t border-t-white/15 md:border-none"> <div class="px-5 pt-9 gap-x-10 mb-7 sm:grid sm:grid-cols-4 md:grid-cols-6 md:px-10 md:pt-20 md:mb-30"> <div class="flex flex-col justify-between col-span-4 mb-10 md:mb-0 md:col-span-2"> <div class="hidden md:block"> <svg aria-hidden="true" class="block h-auto max-w-full w-34 2xl:w-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 120 24"><path fill="currentColor" d="M18.521 0 14.32 15.547 9.643 0H.52l8.844 24h9.77l7.704-24h-8.317Zm31.912 0v24H70.82v-6.801H57.628v-2.267h13.021V8.706H57.628V6.589H70.82V0H50.433Zm60.018 8.706h-5.623c-.605 0-1.096-.303-1.096-1.059s.491-1.058 1.096-1.058h5.334c.605 0 .864.302.864 1.058h7.885c0-4.927-3.223-7.647-9.007-7.647h-5.079c-6.36 0-8.892 2.176-8.892 7.647 0 4.776 2.82 7.285 8.202 7.285h6.228c.604 0 1.095.333 1.095 1.118 0 .786-.462 1.149-1.067 1.149h-5.681c-.605 0-.864-.333-.864-1.149h-7.827c0 5.683 2.533 7.95 8.892 7.95h4.445c7.052 0 10.124-2.267 10.124-7.95 0-4.836-3.275-7.344-9.03-7.344M28.056 0v24h20.418v-6.801H35.25v-2.267H48.3V8.706H35.25V6.589h13.223V0H28.056Zm66.638 7.617c0-5.44-2.36-7.617-8.232-7.617H72.78v24h7.252v-9.068h6.431c5.871 0 8.23-2.086 8.23-7.315Zm-7.138 0c0 .786-.49 1.089-1.095 1.089h-6.429V6.59h6.43c.604 0 1.094.302 1.094 1.028"></path></svg> </div> <div> <div class="mb-2 md:hidden">Download</div> <div class="flex flex-wrap gap-y-3" id="footer_app_links" phx-hook="FooterAppLinks"> <a href="https://apps.veeps.com/ios" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white/10 backdrop-blur-2xl active:bg-white/30 focus-visible:bg-white/30 hover:bg-white/30 text-white disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg mr-2 footer_app_store"> <span class="[&>svg]:h-4 [&>svg]:w-4 order-0 mr-2 -ml-0.5"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724179232/product/icons/white/social/Apple_pgrl9c.svg" alt="" width="24" height="24" class="w-6 h-6"> </span> iOS </a> <a href="https://apps.veeps.com/android" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white/10 backdrop-blur-2xl active:bg-white/30 focus-visible:bg-white/30 hover:bg-white/30 text-white disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg footer_play_store"> <span class="[&>svg]:h-4 [&>svg]:w-4 order-0 mr-2 -ml-0.5"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724179232/product/icons/white/social/Android_htx10h.svg" alt="" width="24" height="24" class="w-6 h-6"> </span> Android </a> </div> </div> </div> <section class="border-t border-white/15 sm:border-0" data-testid="accordion_links"> <h1 class="capitalize sm:mb-4 2xl:mb-9"> <span class="hidden sm:block">Company</span> <button type="button" class="flex items-center justify-between w-full py-6 leading-8 text-left sm:hidden" aria-controls="section_0" id="section_0_trigger" phx-click="[["remove_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_0.grid-rows-1fr"}],["add_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_0:not(.grid-rows-1fr)"}],["toggle",{"to":"#section_0_trigger svg"}]]"> Company <svg aria-hidden="true" class="w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M12 3V21M21 12H3" stroke="currentColor" stroke-width="2"></path></svg> <svg aria-hidden="true" class="hidden w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M3 12H21" stroke="currentColor" stroke-width="2"></path></svg> </button> </h1> <div class="grid transition-[grid-template-rows] sm:transition-none sm:block sm:pb-0 grid-rows-0" id="section_0" role="region" aria-labelledby="section_0_trigger"> <ul class="[&_li>*]:py-2 2xl:[&_li>*]:py-3 overflow-hidden"> <li> <a href="/" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Home </a> </li><li> <a href="/all-access" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> All Access </a> </li><li> <a href="https://veeps.com/newsroom" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Newsroom </a> </li><li> <a href="https://brand.veeps.com" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Brand Guidelines </a> </li><li> <button type="button" id="footer_intercom_trigger" phx-hook="IntercomShow" class="inline-block transition-colors text-white/50 hover:text-white"> Contact Us </button> </li> </ul> </div> </section><section class="border-t border-white/15 sm:border-0" data-testid="accordion_links"> <h1 class="capitalize sm:mb-4 2xl:mb-9"> <span class="hidden sm:block">Resources</span> <button type="button" class="flex items-center justify-between w-full py-6 leading-8 text-left sm:hidden" aria-controls="section_1" id="section_1_trigger" phx-click="[["remove_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_1.grid-rows-1fr"}],["add_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_1:not(.grid-rows-1fr)"}],["toggle",{"to":"#section_1_trigger svg"}]]"> Resources <svg aria-hidden="true" class="w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M12 3V21M21 12H3" stroke="currentColor" stroke-width="2"></path></svg> <svg aria-hidden="true" class="hidden w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M3 12H21" stroke="currentColor" stroke-width="2"></path></svg> </button> </h1> <div class="grid transition-[grid-template-rows] sm:transition-none sm:block sm:pb-0 grid-rows-0" id="section_1" role="region" aria-labelledby="section_1_trigger"> <ul class="[&_li>*]:py-2 2xl:[&_li>*]:py-3 overflow-hidden"> <li> <a href="/help" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Help Center </a> </li><li> <a href="/all-access/gift" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Buy Gifts </a> </li><li> <a href="/redeem" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Redeem Gift </a> </li><li> <a href="https://connect.studentbeans.com/v4/hosted/veeps/us" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Student Discount </a> </li><li> <a href="/new-org" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Artists & Venues </a> </li> </ul> </div> </section><section class="border-t border-white/15 sm:border-0" data-testid="accordion_links"> <h1 class="capitalize sm:mb-4 2xl:mb-9"> <span class="hidden sm:block">Where to stream</span> <button type="button" class="flex items-center justify-between w-full py-6 leading-8 text-left sm:hidden" aria-controls="section_2" id="section_2_trigger" phx-click="[["remove_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_2.grid-rows-1fr"}],["add_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_2:not(.grid-rows-1fr)"}],["toggle",{"to":"#section_2_trigger svg"}]]"> Where to stream <svg aria-hidden="true" class="w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M12 3V21M21 12H3" stroke="currentColor" stroke-width="2"></path></svg> <svg aria-hidden="true" class="hidden w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M3 12H21" stroke="currentColor" stroke-width="2"></path></svg> </button> </h1> <div class="grid transition-[grid-template-rows] sm:transition-none sm:block sm:pb-0 grid-rows-0" id="section_2" role="region" aria-labelledby="section_2_trigger"> <ul class="[&_li>*]:py-2 2xl:[&_li>*]:py-3 overflow-hidden"> <li> <a href="/apps/ios" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> iOS </a> </li><li> <a href="/apps/android" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Android </a> </li><li> <a href="/apps/tvos" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Apple TV </a> </li><li> <a href="/apps/roku" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Roku </a> </li><li> <a href="/apps" target="_self" class="inline-block transition-colors text-white/50 hover:text-white"> Samsung </a> </li><li> <a href="https://www.amazon.com/Veeps/dp/B0CLCWR77F" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Fire TV </a> </li> </ul> </div> </section><section class="border-t border-white/15 sm:border-0" data-testid="accordion_links"> <h1 class="capitalize sm:mb-4 2xl:mb-9"> <span class="hidden sm:block">Follow us</span> <button type="button" class="flex items-center justify-between w-full py-6 leading-8 text-left sm:hidden" aria-controls="section_3" id="section_3_trigger" phx-click="[["remove_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_3.grid-rows-1fr"}],["add_class",{"names":["grid-rows-1fr","pb-7"],"to":"#section_3:not(.grid-rows-1fr)"}],["toggle",{"to":"#section_3_trigger svg"}]]"> Follow us <svg aria-hidden="true" class="w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M12 3V21M21 12H3" stroke="currentColor" stroke-width="2"></path></svg> <svg aria-hidden="true" class="hidden w-4 h-4 ml-4" viewbox="0 0 24 24" fill="none"><path d="M3 12H21" stroke="currentColor" stroke-width="2"></path></svg> </button> </h1> <div class="grid transition-[grid-template-rows] sm:transition-none sm:block sm:pb-0 grid-rows-0" id="section_3" role="region" aria-labelledby="section_3_trigger"> <ul class="[&_li>*]:py-2 2xl:[&_li>*]:py-3 overflow-hidden"> <li> <a href="https://www.instagram.com/veeps/" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Instagram </a> </li><li> <a href="https://www.facebook.com/veepsofficial/" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Facebook </a> </li><li> <a href="https://twitter.com/veeps" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Twitter </a> </li><li> <a href="https://www.linkedin.com/company/veepsofficial/" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> LinkedIn </a> </li><li> <a href="https://www.tiktok.com/@veepsofficial" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> TikTok </a> </li> </ul> </div> </section> </div> <div class="flex flex-col px-5 pt-2 border-t border-t-white/15 gap-x-10 text-white/50 md:py-9 md:grid md:grid-cols-6 md:px-10"> <div class="md:col-span-2"> </div> <div class="md:col-span-4 md:flex"> <ul class="flex space-x-10 border-b border-b-white/15 py-7 md:py-0 md:border-none" data-testid="footer_links"> <li> <a href="/terms" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Terms & Conditions </a> </li><li> <a href="/privacy" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Privacy Policy </a> </li> </ul> <div class="pb-5 pt-7 md:text-right md:py-0 md:ml-auto"> © 2024, VEEPS Inc. </div> </div> </div> </footer> <div id="cart_live" data-phx-session="" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAJY2FydF9saXZldwVmbGFzaHQAAAAAdwphc3NpZ25fbmV3bAAAAAV3CXN1YmRvbWFpbncObGF5b3V0X2Fzc2lnbnN3D3RyYWNraW5nX3BhcmFtc3cKZ2hvc3RfdXNlcncMY3VycmVudF91c2Vyam4GAK-xkF6TAWIAAVGA.zPRce_kUVM6KB47dGRCSf6otwGKSiVWo51WxYRDqACQ" data-phx-parent-id="phx-GArts1ZA2JJ_v3_B"><div id="cart-login-hook" class="hidden" data-event-name="cart_login_token_validated" phx-hook="LoginToken"> </div> <div id="cart-countdown-timer-hook" class="hidden" phx-hook="CartCountdownTimer"></div> </div> </div> <div> <div id="unsupported" class="fixed inset-0 hidden px-4 py-40 overflow-y-auto text-center vps-scrollbar" style="background: #000; color: #fff; z-index: 100" hidden> <div class="absolute flex justify-center top-8 inset-x-8 md:justify-start"> <svg aria-hidden="true" class="block h-6 w-30" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 120 24"><path fill="currentColor" d="M18.521 0 14.32 15.547 9.643 0H.52l8.844 24h9.77l7.704-24h-8.317Zm31.912 0v24H70.82v-6.801H57.628v-2.267h13.021V8.706H57.628V6.589H70.82V0H50.433Zm60.018 8.706h-5.623c-.605 0-1.096-.303-1.096-1.059s.491-1.058 1.096-1.058h5.334c.605 0 .864.302.864 1.058h7.885c0-4.927-3.223-7.647-9.007-7.647h-5.079c-6.36 0-8.892 2.176-8.892 7.647 0 4.776 2.82 7.285 8.202 7.285h6.228c.604 0 1.095.333 1.095 1.118 0 .786-.462 1.149-1.067 1.149h-5.681c-.605 0-.864-.333-.864-1.149h-7.827c0 5.683 2.533 7.95 8.892 7.95h4.445c7.052 0 10.124-2.267 10.124-7.95 0-4.836-3.275-7.344-9.03-7.344M28.056 0v24h20.418v-6.801H35.25v-2.267H48.3V8.706H35.25V6.589h13.223V0H28.056Zm66.638 7.617c0-5.44-2.36-7.617-8.232-7.617H72.78v24h7.252v-9.068h6.431c5.871 0 8.23-2.086 8.23-7.315Zm-7.138 0c0 .786-.49 1.089-1.095 1.089h-6.429V6.59h6.43c.604 0 1.094.302 1.094 1.028"></path></svg> </div> <h1 class="mb-4 text-subheading-lg"> We’re sorry. We do not support this browser version </h1> <p class="my-4 text-subheading-sm text-white/50"> Please update your browser version and try again </p> <div class="flex flex-wrap justify-center vps-scrollbar-none"> <a href="https://www.google.com/chrome" target="" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1718736169/product/chrome_qoqom7.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Chrome </a><a href="https://www.microsoft.com/edge" target="" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1718736130/product/edge_ql5psr.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Microsoft Edge </a><a href="https://support.apple.com/en-us/HT204416" target="" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724130656/product/safari_muwtj4.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Safari </a><a href="https://www.mozilla.org/en-US/firefox/new" target="" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1718735736/product/firefox_kgnjdb.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Firefox </a> </div> <img src="https://res.cloudinary.com/veeps/image/upload/v1713287065/product/AllAccess_emfpzh.svg" class="w-20 h-20 mx-auto mt-4"> <p class="my-4 text-subheading-sm text-white/50"> Watch on one of our premium Smart TV or mobile apps </p> <div class="flex flex-wrap justify-center vps-scrollbar-none"> <a href="https://apps.veeps.com/tvos" target="_self" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131948/product/tvOS_sxhot8.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Apple TV </a><a href="https://apps.veeps.com/roku" target="_self" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131949/product/Roku_qewozn.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Roku </a><div id="samsung_tv" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131948/product/Samsung_bwhqxy.svg" class="block w-auto h-auto max-h-7"> <span class="text-left text-white/50">Visit Samsung App Store and search for Veeps</span> Samsung TV </div><a href="https://www.amazon.com/Veeps/dp/B0CLCWR77F" target="_blank" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131948/product/FireTV_arv16h.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Fire TV </a> <a href="https://apps.veeps.com/ios" target="_self" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131947/product/Apple_voleei.svg" loading="lazy" class="block w-auto h-auto max-h-7"> iOS App </a><a href="https://apps.veeps.com/android" target="_self" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131949/product/Android_tzkavz.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Android App </a> </div> <script> function isUnsupported(userAgent) { var supported_browsers = /Edge?\/(79|[89]\d|\d{3,})(\.\d+|)(\.\d+|)|Firefox\/(6[5-9]|[7-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(7[2-9]|[89]\d|\d{3,})\.\d+(\.\d+|)|Maci.* Version\/(12\.([1-9]|\d{2,})|(1[3-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(5[89]|[6-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(12[._]([2-9]|\d{2,})|(1[3-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Opera Mini|Android:?[ /\-](10[7-9]|1[1-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/(7[2-9]|[89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(10[6-9]|1[1-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(10[7-9]|1[1-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(13\.([4-9]|\d{2,})|(1[4-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(8\.([2-9]|\d{2,})|(9|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(13(\.([1-9]|\d{2,})|)|(1[4-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)/; var unsupported_browsers = /Silk|CCleaner/i return !supported_browsers.test(userAgent) || unsupported_browsers.test(userAgent) } if (window.navigator && isUnsupported(window.navigator.userAgent)) { var unsupported = document.getElementById("unsupported") document.body.classList.add("overflow-hidden"); unsupported.classList.remove("hidden"); unsupported.removeAttribute("hidden"); if (/(Mac|iPhone|iPod|iPad)/i.test(window.navigator.platform)) { document.getElementById("mse_link").classList.add("hidden"); document.getElementById("safari_link").classList.remove("hidden"); } } </script> </div> <noscript> <div id="unsupported_no_js" class="fixed inset-0 flex flex-col items-center justify-center p-8 text-center" style="background: #000; color: #fff; z-index: 100"> <div class="absolute flex justify-center top-8 inset-x-8 md:justify-start"> <svg class="w-20" viewbox="0 0 89 25" fill="none"><path d="M86.3565 19.0049C87.8178 19.0049 89 17.8227 89 16.3614C89 14.8836 87.8178 13.7178 86.3565 13.7178C84.8787 13.7178 83.7129 14.8836 83.7129 16.3614C83.7129 17.8227 84.8787 19.0049 86.3565 19.0049Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.3922 18.5293L17.3728 0.878699H12.4161L8.80826 14.2813H8.71076L5.08669 0.878699H0L6.02927 18.5293H11.3922ZM24.1666 18.908C28.4733 18.908 31.5935 16.5864 32.1136 13.1287H27.7582C27.3194 14.4789 25.9868 15.3515 24.2479 15.3515C21.8264 15.3515 20.25 13.6227 20.25 11.1035V10.8072H32.2598V9.34176C32.2598 3.97414 29.0583 0.5 23.9879 0.5C18.8362 0.5 15.5859 4.15525 15.5859 9.78632C15.5859 15.4339 18.8037 18.908 24.1666 18.908ZM27.7629 7.8599H20.3686C20.5311 5.65358 22.0262 4.05646 24.1064 4.05646C26.2191 4.05646 27.6654 5.60418 27.7629 7.8599ZM41.2885 18.908C45.5951 18.908 48.7154 16.5864 49.2355 13.1287H44.8801C44.4413 14.4789 43.1087 15.3515 41.3698 15.3515C38.9483 15.3515 37.3719 13.6227 37.3719 11.1035V10.8072H49.3817V9.34176C49.3817 3.97414 46.1802 0.5 41.1098 0.5C35.9581 0.5 32.7078 4.15525 32.7078 9.78632C32.7078 15.4339 35.9256 18.908 41.2885 18.908ZM44.8848 7.8599H37.4904C37.653 5.65358 39.1481 4.05646 41.2283 4.05646C43.341 4.05646 44.7873 5.60418 44.8848 7.8599ZM55.2793 24.2921V15.5656H55.3768C56.3032 17.5578 58.2533 18.8092 60.7886 18.8092C65.1439 18.8092 67.8417 15.3845 67.8417 9.70399C67.8417 4.00707 65.1277 0.598789 60.7073 0.598789C58.1883 0.598789 56.2544 1.88307 55.3118 3.95767H55.2143V0.878696H50.5339V24.2921H55.2793ZM59.1147 14.9399C56.7907 14.9399 55.2631 12.8982 55.2631 9.70399C55.2631 6.54269 56.7907 4.45162 59.1147 4.45162C61.4874 4.45162 62.9825 6.50976 62.9825 9.70399C62.9825 12.9147 61.4874 14.9399 59.1147 14.9399ZM75.0798 18.908C79.6789 18.908 82.8317 16.6193 82.8317 13.1452C82.8317 10.5108 81.4178 9.11125 77.9238 8.32093L74.5922 7.59646C73.0646 7.23423 72.317 6.64149 72.317 5.76884C72.317 4.63274 73.3896 3.87535 75.031 3.87535C76.7862 3.87535 77.9075 4.748 78.005 6.164H82.3766C82.3116 2.73925 79.4676 0.5 75.096 0.5C70.6269 0.5 67.7504 2.70632 67.7504 6.06521C67.7504 8.66669 69.4405 10.412 72.7396 11.1694L75.9573 11.8939C77.5175 12.2726 78.1025 12.7665 78.1025 13.6556C78.1025 14.8082 77.0137 15.5326 75.2098 15.5326C73.3246 15.5326 72.1708 14.6765 71.9432 13.1946H67.3116C67.5716 16.6358 70.4319 18.908 75.0798 18.908Z" fill="currentColor"></path></svg> </div> <h1 class="mb-4 font-medium text-subtitle1 md:text-h6"> We’re sorry. This site requires JavaScript to be enabled. </h1> <p class="text-subtitle2" style="color: #9898A1;"> Please enable JavaScript in your browser to continue. </p> </div> </noscript> </div> </body> </html>