{"id":8146,"date":"2023-04-19T11:56:33","date_gmt":"2023-04-19T11:56:33","guid":{"rendered":"https:\/\/crawlsf.com\/?post_type=guides&#038;p=8146"},"modified":"2025-01-29T21:53:18","modified_gmt":"2025-01-30T05:53:18","slug":"beaches","status":"publish","type":"guides","link":"https:\/\/crawlsf.com\/guides\/beaches\/","title":{"rendered":"Beaches"},"content":{"rendered":"\n\n<section class=\"m-banner m-banner--medium m-banner--general has-overlay has-overlay-top colors-inverted\">\n\t\t\n<div class=\"breadcrumbs container colors-inverted\">\n    <nav class=\"breadcrumbs__list\">\n                    <a class=\"breadcrumbs__item weight-thin text-small\" href='https:\/\/crawlsf.com'>\n                <span>San Francisco Pub Crawls and Events<\/span>\n            <\/a>\n            <span class=\"separator -no-line\"> <i class=\"mec-sl-angle-right icon\"><\/i><\/span>\n                \t\t\n        <span class=\"breadcrumbs__item text-small\">\n            <b>\n                            <\/b>\n        <\/span>\n    <\/nav>\n<\/div>\n    <div class=\"m-banner__container container\">\n        <div class=\"l-banner\">\n            <div class=\"c-heading -h1\">\n                                    <div class=\"c-heading__pre\">\n                        <p>Sun, Sand, and Surf  <\/p>\n                    <\/div>\n                \n                                    <h1 class=\"c-heading__title -h1\">Exploring the Beaches of the San Francisco Bay Area<\/h1>\n                            <\/div>\n        <\/div>\n    <\/div>\n    \n\n    <!-- Background Video -->\n            <div class=\"m-banner__media\">\n                                        <!-- Background Image -->\n                                    <img decoding=\"async\"   src=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches-1200x800.jpeg\" srcset=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches-1200x800.jpeg 1200w, https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches-300x200.jpeg 300w, https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches-1024x683.jpeg 1024w, https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches-635x423.jpeg 635w, https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches-771x514.jpeg 771w, https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches-391x260.jpeg 391w, https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches.jpeg 1500w\" alt=\"Beaches in the San Francisco Bay Area\" width=\"1200\" height=\"800\"\/>                                    <\/div>\n    \n\n    <div class=\"scroll-down sd-right\">\n        <!--  -->\n        <svg width=\"16\" height=\"36\" class=\"icon\" viewBox=\"0 0 16 36\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path class=\"animate-move-down\" d=\"M8.70711 35.2071C8.31658 35.5976 7.68342 35.5976 7.29289 35.2071L0.928932 28.8431C0.538407 28.4526 0.538407 27.8195 0.928932 27.4289C1.31946 27.0384 1.95262 27.0384 2.34315 27.4289L8 33.0858L13.6569 27.4289C14.0474 27.0384 14.6805 27.0384 15.0711 27.4289C15.4616 27.8195 15.4616 28.4526 15.0711 28.8431L8.70711 35.2071ZM9 19L9 34.5L7 34.5L7 19L9 19Z\" fill=\"currentColor\"\/>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 7C0 3.13401 3.13401 0 7 0H9C12.866 0 16 3.13401 16 7V14C16 17.171 13.8915 19.8496 11 20.7101V18.1973C12.7934 17.1599 14 15.2208 14 13V8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8V13C2 15.2208 3.2066 17.1599 5 18.1973V20.7101C2.10851 19.8496 0 17.171 0 14V7Z\" fill=\"currentColor\"\/>\n        <rect class=\"animate-move-down\" x=\"7\" y=\"5\" width=\"2\" height=\"4\" rx=\"1\" fill=\"currentColor\"\/>\n        <\/svg>\n    <\/div>\n<\/section>\n\n\n<section class=\"\">\n\t    <div class=\"container gap-top gap-bot\">\n        <div class=\"content-interesting\">\n            <div class=\"content-interesting__content\">\n                <div class=\"is-wysiwyg\">\n\t                <p>The San Francisco Bay Area is blessed with a diverse and breathtaking coastline that stretches from the shores of the Pacific Ocean to the calm waters of the San Francisco Bay. With its unique blend of sandy beaches, rugged cliffs, and picturesque coves, the region offers a wealth of beach-going experiences for locals and visitors alike. In this article, we&#8217;ll introduce you to some of the best beaches in the Bay Area, provide information on how to get there, and share interesting facts about these coastal gems.<\/p>\n<h2>\nThe Coastline:<\/h2>\n<p>The San Francisco Bay Area&#8217;s coastline is a study in contrasts. The Pacific Ocean side features dramatic cliffs, crashing waves, and windswept beaches, while the shores of the San Francisco Bay are characterized by calmer waters, warmer temperatures, and more sheltered beaches. This diversity of coastal environments provides a wide range of beach experiences, from surfing and wildlife watching on the Pacific Coast to sunbathing and swimming in the San Francisco Bay.<\/p>\n<p>&nbsp;<\/p>\n                <\/div>\n            <\/div>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<section class=\"\">\n\t    <div class=\"container gap-top gap-bot\">\n        <div class=\"content-interesting\">\n            <div class=\"content-interesting__content\">\n                <div class=\"is-wysiwyg\">\n\t                <h2>Best Beaches in the San Francisco Bay Area:<\/h2>\n<p><strong>Ocean Beach (San Francisco):<\/strong><br \/>\nLocated along the western edge of San Francisco, Ocean Beach is a popular destination for surfers, beachcombers, and sunset watchers. Its expansive, sandy shoreline stretches for more than three miles, offering plenty of space for beachgoers to spread out.<\/p>\n<p><strong>How to Get There:<\/strong> Ocean Beach is easily accessible by car or public transportation, with ample parking available along the Great Highway and nearby streets. The Muni&#8217;s N-Judah line and 18 bus route also provide convenient access to the beach.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Baker Beach (San Francisco):<\/strong><br \/>\nNestled at the base of the rugged cliffs below the Presidio, Baker Beach offers stunning views of the Golden Gate Bridge and Marin Headlands. The northern end of the beach is clothing-optional, while the southern section is more family-friendly.<\/p>\n<p><strong>How to Get There:<\/strong> Baker Beach can be reached by car, with limited parking available in a nearby lot and along the adjacent streets. Public transportation options include the Muni&#8217;s 29 bus route.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Stinson Beach (Marin County):<\/strong><br \/>\nLocated in Marin County, Stinson Beach is a popular destination for sunbathing, swimming, and surfing. Its wide, sandy shoreline is perfect for beach volleyball, picnics, and building sandcastles.<\/p>\n<p><strong>How to Get There:<\/strong> Stinson Beach is about a 45-minute drive from San Francisco, following the scenic Highway 1. Parking is available at the Stinson Beach parking lot. Public transportation options are limited but can be accessed via the West Marin Stagecoach.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Muir Beach (Marin County):<\/strong><br \/>\nMuir Beach is a secluded cove surrounded by rugged cliffs and lush hillsides. This picturesque beach is popular for sunbathing, beachcombing, and exploring the nearby tide pools.<\/p>\n<p><strong>How to Get There:<\/strong> Muir Beach is a 30-minute drive from San Francisco via Highway 1. Limited parking is available at the Muir Beach parking lot. Public transportation options include the Muir Woods Shuttle on weekends and holidays, which requires a reservation.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Crissy Field (San Francisco):<\/strong><br \/>\nLocated within the Golden Gate National Recreation Area, Crissy Field is a popular spot for kiteboarding, windsurfing, and picnicking. Its sandy beach offers stunning views of the Golden Gate Bridge and Alcatraz Island.<\/p>\n<p><strong>How to Get There:<\/strong> Crissy Field is easily accessible by car, with parking available at the nearby East Beach parking lot. Public transportation options include the Muni&#8217;s 30 bus route and the PresidiGo Shuttle.<\/p>\n                <\/div>\n            <\/div>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<section class=\"\">\n\t    <div class=\"container gap-top gap-bot\">\n        <div class=\"content-interesting\">\n            <div class=\"content-interesting__content\">\n                <div class=\"is-wysiwyg\">\n\t                <h2>Interesting Facts:<\/h2>\n<ul>\n<li>The Bay Area is home to the smallest beach in California, China Beach, located in San Francisco&#8217;s Sea Cliff neighborhood.<\/li>\n<li>Mavericks, located in Half Moon Bay, is home to one of the most famous big-wave surf breaks in the world. The Mavericks Surf Contest, held during the winter months, attracts professional surfers from around the globe to ride waves that can reach up to 60 feet in height.<\/li>\n<li>The Bay Area&#8217;s coastal waters are part of the Monterey Bay National Marine Sanctuary, which spans 276 miles of shoreline and protects a diverse array of marine species, including whales, dolphins, sea otters, and seals.<\/li>\n<li>Many Bay Area beaches, such as Pillar Point Harbor in Half Moon Bay and Fitzgerald Marine Reserve in Moss Beach, are popular spots for tide pool exploration, offering the opportunity to observe a variety of marine creatures up close.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>The San Francisco Bay Area&#8217;s diverse coastline offers a wealth of beach experiences, from the rugged beauty of the Pacific Ocean to the serene shores of the San Francisco Bay. Whether you&#8217;re a surfer chasing the perfect wave, a family looking for a relaxing day by the water, or a nature lover seeking to explore the region&#8217;s abundant marine life, there&#8217;s a beach in the Bay Area that&#8217;s perfect for you. So, pack your sunscreen and beach towel, and get ready to discover the stunning beaches of the San Francisco Bay Area.<\/p>\n<p>&nbsp;<\/p>\n                <\/div>\n            <\/div>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n\n    <section class=\"container gap-top gap-bot content-interesting__content\">\n        <div class=\"c-heading -h2 text-center\">\n\t\t\t                <p class=\"c-heading__pre\">EXPLORE EVENTS<\/p>\n\t\t\t\n\t\t\t                <h2 class=\"c-heading__title\">Upcoming San Francisco Events<\/h2>\n\t\t\t        <\/div>\n\n\t\t            <div class=\"events-calendar -daily c-events\" data-tag=\"107\">\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/unbroken-chain\/\" class=\"c-text-box -row c-event\" data-event-id=\"24864\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">20<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Unbroken Chain: A Celebration of the Life and Music of Phil Lesh<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>The Fillmore<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            08:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/parlor-greens\/\" class=\"c-text-box -row c-event\" data-event-id=\"24947\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">20<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Parlor Greens with Prophet Martian<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>The Independent<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            08:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/unbroken-chain-night-two\/\" class=\"c-text-box -row c-event\" data-event-id=\"24865\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">21<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Unbroken Chain: Night Two &#8211; A Celebration of the Life and Music of Phil Lesh<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>The Fillmore<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            08:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/lucha-libre-wrestling-night\/\" class=\"c-text-box -row c-event\" data-event-id=\"25225\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">22<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Lucha Libre Wrestling Night<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Chase Center<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            03:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/unbroken-chain-night-three\/\" class=\"c-text-box -row c-event\" data-event-id=\"24866\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">22<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Unbroken Chain: Night Three &#8211; A Celebration of the Life and Music of Phil Lesh<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>The Fillmore<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            08:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/the-nude-party\/\" class=\"c-text-box -row c-event\" data-event-id=\"24949\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">22<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>The Nude Party with Teddy and the Rough Riders<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>The Independent<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            08:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/san-francisco-giants-vs-sultanes-de-monterrey\/\" class=\"c-text-box -row c-event\" data-event-id=\"25290\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">23<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>San Francisco Giants vs. Sultanes De Monterrey<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Oracle Park<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            06:45 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/warriors-vs-nets\/\" class=\"c-text-box -row c-event\" data-event-id=\"25226\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">25<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Warriors vs. Nets at Chase Center<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Chase Center<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            07:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/jeff-tweedy\/\" class=\"c-text-box -row c-event\" data-event-id=\"24867\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">25<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Jeff Tweedy with Macie Stewart at The Fillmore<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>The Fillmore<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            08:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/chill-towards-enlightenment\/\" class=\"c-text-box -row c-event\" data-event-id=\"24950\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">25<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Chill Towards Enlightenment: A Stoke Seminar with Chad Goes Deep<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>The Independent<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            08:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/lithe\/\" class=\"c-text-box -row c-event\" data-event-id=\"24951\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">26<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Lithe \u2014 Euphoria Tour at The Independent<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>The Independent<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            08:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/warriors-vs-wizards\/\" class=\"c-text-box -row c-event\" data-event-id=\"25227\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">27<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Warriors vs. Wizards at Chase Center<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Chase Center<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            07:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/los-lobos-2\/\" class=\"c-text-box -row c-event\" data-event-id=\"24872\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">27<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Los Lobos at The Fillmore<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>The Fillmore<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            08:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/the-motet-2\/\" class=\"c-text-box -row c-event\" data-event-id=\"24952\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">27<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>The Motet with Michael Wilbur at The Independent<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>The Independent<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            09:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/voxtrot\/\" class=\"c-text-box -row c-event\" data-event-id=\"24953\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">28<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Voxtrot at The Independent SF<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>The Independent<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            09:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/tophouse\/\" class=\"c-text-box -row c-event\" data-event-id=\"24954\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">29<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Tophouse at The Independent SF<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>The Independent<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            08:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/golden-state-5k\/\" class=\"c-text-box -row c-event\" data-event-id=\"25228\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">29<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Golden State 5K presented by Kaiser Permanente<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Chase Center<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            11:59 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/quarters\/\" class=\"c-text-box -row c-event\" data-event-id=\"24955\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">30<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Quarters with Porch Light, Telescreens<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>The Independent<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            08:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/nick-lowe-at-the-castro-theater\/\" class=\"c-text-box -row c-event\" data-event-id=\"25291\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">31<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">March<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Nick Lowe at The Castro Theater<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>The Castro Theater<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            08:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/golden-state-warriors-vs-san-antonio-spurs\/\" class=\"c-text-box -row c-event\" data-event-id=\"25229\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">01<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">April<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Golden State Warriors vs. San Antonio Spurs<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Chase Center<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            07:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/warriors-vs-cleveland-cavaliers\/\" class=\"c-text-box -row c-event\" data-event-id=\"25230\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">02<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">April<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Warriors vs. Cleveland Cavaliers<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Chase Center<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            07:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/lany-2\/\" class=\"c-text-box -row c-event\" data-event-id=\"24729\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">03<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">April<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>LANY \u2014 Soft World Tour at Bill Graham<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Bill Graham Civic Auditorium<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            07:30 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/warriors-vs-houston-rockets\/\" class=\"c-text-box -row c-event\" data-event-id=\"25231\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">05<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">April<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Warriors vs. Houston Rockets<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Chase Center<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            07:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/warriors-vs-sacramento-kings\/\" class=\"c-text-box -row c-event\" data-event-id=\"25232\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">07<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">April<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Warriors vs. Sacramento Kings at Chase Center<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Chase Center<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            07:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/fka-twigs\/\" class=\"c-text-box -row c-event\" data-event-id=\"24730\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">07<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">April<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>FKA twigs \u2014 Body High Tour at Bill Graham<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Bill Graham Civic Auditorium<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            08:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/warriors-vs-los-angeles-lakers\/\" class=\"c-text-box -row c-event\" data-event-id=\"25233\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">09<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">April<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Warriors vs. Los Angeles Lakers<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Chase Center<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            07:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/cherry-blossom-festival-2026-weekend-1\/\" class=\"c-text-box -row c-event\" data-event-id=\"25181\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">11<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">April<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Cherry Blossom Festival 2026 &#8211; Weekend 1<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Japantown<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            11:00 AM &#8211; 06:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/charlie-puth-2\/\" class=\"c-text-box -row c-event\" data-event-id=\"24731\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">01<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">May<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Charlie Puth \u2014 Whatever\u2019s Clever! World Tour<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Bill Graham Civic Auditorium<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            07:30 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/levity\/\" class=\"c-text-box -row c-event\" data-event-id=\"24732\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">09<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">May<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Levity \u2014 Lasership at Bill Graham Civic Auditorium<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Bill Graham Civic Auditorium<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            07:00 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t\n\n                    <a href=\"https:\/\/crawlsf.com\/events\/golden-state-valkyries-vs-phoenix-mercury\/\" class=\"c-text-box -row c-event\" data-event-id=\"25234\">\n                        <div class=\"c-tag -vertical -no-radius -secondary -left\"><\/div>\n                        <div class=\"c-text-box__date\">\n                            <p class=\"c-text-box__day-in-month\">10<\/p>\n                            <div class=\"c-text-box__date-wrap\">\n                                <p class=\"c-text-box__month\">May<\/p>\n                                <p class=\"c-text-box__day\">2026<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"c-text-box__title c-heading -h4\">\n                            <h3>Golden State Valkyries vs. Phoenix Mercury<\/h3>\n                        <\/div>\n                        <div class=\"c-text-box__info\">\n\t\t\t\t\t\t\t                                <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon icon-lib-icon-pin \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-pin\"><\/use><\/svg>                                    <p>Chase Center<\/p>\n                                <\/div>\n\t\t\t\t\t\t\t\t                        \t\t                                                            <div class=\"text-icon mb-0 -left text-dark\">\n\t\t\t\t                        <svg class=\"icon icon-lib-icon-time \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-time\"><\/use><\/svg>                                        <span class=\"text-small\">\n                                            05:30 PM                                        <\/span>\n                                    <\/div>\n\t\t                        \t                                                <\/div>\n                        <div class=\"c-text-box__btn\">\n\t\t\t\t\t\t\t<span class=\"c-btn -link\">\n\t\t\t\t\t\t\t\t<span class=\"c-btn__text\">See Details<\/span>\n\t\t\t\t\t\t\t\t<span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n\t\t\t\t\t\t\t<\/span>\n                        <\/div>\n                    <\/a>\n\n\n\t\t\t\t            <\/div>\n\t\t\n        <!-- CTA -->\n\t\t            <div class=\"c-block__btn text-center\">\n\t                                <a href='#' class=\"c-btn -secondary -plus btn-load-more-js\" data-load-more-posts-number=\"20\">\n                        <span class=\"c-btn__text\">Load More<\/span>\n                        <span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-plus \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-plus\"><\/use><\/svg><\/span>\n                    <\/a>\n\t                            <a href='\/events-category\/san-francisco\/' class=\"c-btn -secondary -plus\" >\n                    <span class=\"c-btn__text\">View All San Francisco Events<\/span>\n                    <span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-plus \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-plus\"><\/use><\/svg><\/span>\n                <\/a>\n            <\/div>\n\t\t\n    <\/section>\n\n\n\n<section class=\"content-visibility gap-top gap-bot p-relative\">\n\t        <div class=\"container c-heading -h2 text-center\">\n                            <p class=\"c-heading__pre\">San Francisco Events<\/p>\n            \n                    <\/div>\n\n        \n\n                    <div class=\"img-overlay -bot-overlap\">\n                <img data-src=\"https:\/\/crawlsf.com\/wp-content\/themes\/digitalsilk\/assets\/_dist\/images\/sf-experience-bg.jpg\" class=\"img lazy\" alt=\"CrawlSF Experience Background\" width=\"1920\" height=\"1146\">\n            <\/div>\n            <div class=\"container m-slider m-slider--categories colors-inverted\">\n                <div class=\"m-slider__container swiper js-slider-simple\" data-slider-columns=\"auto\" data-slider-slides-per-group=\"3\" data-slider-columns-gap=\"10\" data-slider-navigation=\"split-arrows\">\n                    <div class=\"m-slider__wrapper swiper-wrapper\">\n\n                        \n                        \n                                                            <div class=\"m-slider__slide swiper-slide\">                                \n\n                                    \n                                    \n                                    <a href=\"\/events\/\" class=\"l-acbl l-acbl-v1 c-block slider-medium\">\n                                        <div class=\"c-block__media\">\n                                            <div class=\"c-image\">\n                                                <img class=\"lazy\" loading=\"lazy\" data-src=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2022\/12\/San-Francisco-635x313.jpg\"  alt=\"SF Ferry Building\" width=\"635\" height=\"313\"\/>                                            <\/div>\n                                        <\/div>\n                                        \n                                        <div class=\"c-block__body\">\n                                            \n                                                                                            <div class=\"c-heading -h4\">\n                                                    <h3 class=\"c-heading__title\">San Francisco Events<\/h3>\n                                                <\/div>\n                                            \n                                            <span class=\"c-btn -link -no-padding-left\">\n                                                <span class=\"c-btn__text\">View events<\/span>\n                                                <span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n                                            <\/span>\n                                            \n                                        <\/div>\n\n                                    <\/a>\n\n                                    \n                                    \n                                <\/div>\n\n                            \n                        \n                                                            <div class=\"m-slider__slide swiper-slide\">                                \n\n                                    \n                                    \n                                    <a href=\"https:\/\/crawlsf.com\/mec_category\/san-francisco-concerts\/\" class=\"l-acbl l-acbl-v1 c-block slider-small\">\n                                        <div class=\"c-block__media\">\n                                            <div class=\"c-image\">\n                                                <img class=\"lazy\" loading=\"lazy\" data-src=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2022\/12\/Odesza-concert-tickets-313x313.jpg\" data-srcset=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2022\/12\/Odesza-concert-tickets-313x313.jpg 313w, https:\/\/crawlsf.com\/wp-content\/uploads\/2022\/12\/Odesza-concert-tickets-150x150.jpg 150w, https:\/\/crawlsf.com\/wp-content\/uploads\/2022\/12\/Odesza-concert-tickets-425x425.jpg 425w, https:\/\/crawlsf.com\/wp-content\/uploads\/2022\/12\/Odesza-concert-tickets-300x300.jpg 300w\" alt=\"Odesza Concert\" width=\"313\" height=\"313\"\/>                                            <\/div>\n                                        <\/div>\n                                        \n                                        <div class=\"c-block__body\">\n                                            \n                                                                                            <div class=\"c-heading -h4\">\n                                                    <h3 class=\"c-heading__title\">san Francisco Concerts<\/h3>\n                                                <\/div>\n                                            \n                                            <span class=\"c-btn -link -no-padding-left\">\n                                                <span class=\"c-btn__text\">View Concerts<\/span>\n                                                <span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n                                            <\/span>\n                                            \n                                        <\/div>\n\n                                    <\/a>\n\n                                    \n                                    \n                                <\/div>\n\n                            \n                        \n                                                            <div class=\"m-slider__slide swiper-slide\">                                \n\n                                    \n                                    \n                                    <a href=\"https:\/\/crawlsf.com\/mec_category\/san-francisco-festivals\/\" class=\"l-acbl l-acbl-v1 c-block slider-small\">\n                                        <div class=\"c-block__media\">\n                                            <div class=\"c-image\">\n                                                <img class=\"lazy\" loading=\"lazy\" data-src=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2022\/12\/treasure_island_music_festival_san_francisco-313x313.jpeg\" data-srcset=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2022\/12\/treasure_island_music_festival_san_francisco-313x313.jpeg 313w, https:\/\/crawlsf.com\/wp-content\/uploads\/2022\/12\/treasure_island_music_festival_san_francisco-150x150.jpeg 150w, https:\/\/crawlsf.com\/wp-content\/uploads\/2022\/12\/treasure_island_music_festival_san_francisco-300x300.jpeg 300w\" alt=\"Treasure Island Music Festival Set Times\" width=\"313\" height=\"313\"\/>                                            <\/div>\n                                        <\/div>\n                                        \n                                        <div class=\"c-block__body\">\n                                            \n                                                                                            <div class=\"c-heading -h4\">\n                                                    <h3 class=\"c-heading__title\">San Francisco Festivals<\/h3>\n                                                <\/div>\n                                            \n                                            <span class=\"c-btn -link -no-padding-left\">\n                                                <span class=\"c-btn__text\">View Festivals<\/span>\n                                                <span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n                                            <\/span>\n                                            \n                                        <\/div>\n\n                                    <\/a>\n\n                                    \n                                    \n                                <\/div>\n\n                            \n                        \n                                                            <div class=\"m-slider__slide swiper-slide\">                                \n\n                                    \n                                    \n                                    <a href=\"https:\/\/crawlsf.com\/mec_category\/san-francisco-nightlife\/\" class=\"l-acbl l-acbl-v1 c-block slider-medium\">\n                                        <div class=\"c-block__media\">\n                                            <div class=\"c-image\">\n                                                <img class=\"lazy\" loading=\"lazy\" data-src=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2022\/12\/Imaginary_DJ_picture_pictures_video_nightclub-500x313.jpeg\"  alt=\"DJ Set Nightclub SF\" width=\"500\" height=\"313\"\/>                                            <\/div>\n                                        <\/div>\n                                        \n                                        <div class=\"c-block__body\">\n                                            \n                                                                                            <div class=\"c-heading -h4\">\n                                                    <h3 class=\"c-heading__title\">San Francisco Nightlife<\/h3>\n                                                <\/div>\n                                            \n                                            <span class=\"c-btn -link -no-padding-left\">\n                                                <span class=\"c-btn__text\">View Nightlife<\/span>\n                                                <span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n                                            <\/span>\n                                            \n                                        <\/div>\n\n                                    <\/a>\n\n                                    \n                                    \n                                <\/div>\n\n                            \n                                            <\/div>\n\t                                    <div class=\"m-slider__pagination swiper-pagination\"><\/div>\n\t                                <\/div>\n\t                            <div class=\"m-slider__nav is-square\">\n                    <div class=\"m-slider__arrows -prev swiper-button-prev\">\n                        <svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg>                    <\/div>\n                    <div class=\"m-slider__arrows -next swiper-button-next\">\n                        <svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg>                    <\/div>\n                <\/div>\n    \t                    <\/div>\n\n        \n\t  \n<\/section>\n\n\n    <section class=\"container gap-top gap-bot\">\n        <div class=\"c-heading -h2 text-center\">\n            <p class=\"c-heading__pre\">No Upcoming Events Avaialble<\/p>\n        <\/div>\n    <\/section>\n\n\n<section class=\"gap-top gap-bot p-relative content-visibility alignfull  \">\n\t    <div class=\"container\">\n\t\t<div class=\"c-heading -h2 text-center w-75\">\n                            <p class=\"c-heading__pre\">Holiday Insights<\/p>\n            \n                            <h2 class=\"c-heading__title\">What\u2019s Happening in San Francisco<\/h2>\n                    <\/div>\n\n        <div class=\"l-rcbl l-posts\">\n            \n                                        <article class=\"l-posts__col c-block \">\n                        <div class=\"c-block__media\">\n                            <a href='https:\/\/crawlsf.com\/where-to-find-the-best-corned-beef-in-san-francisco\/' class=\"c-image c-block__media-link\">\n                                <img class=\"c-image__src lazy\" loading=\"lazy\" data-src=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2025\/02\/corned-beef-san-francisco-360x270.jpg\" data-srcset=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2025\/02\/corned-beef-san-francisco-360x270.jpg 360w, https:\/\/crawlsf.com\/wp-content\/uploads\/2025\/02\/corned-beef-san-francisco-800x600.jpg 800w\" alt=\"Corned Beef and Cabbage\" width=\"360\" height=\"270\"\/>                            <\/a>\n                        <\/div>\n                        <div class=\"c-block__body\">\n                                                            <a href='https:\/\/crawlsf.com\/category\/all\/' class=\"c-block__cats\">\n                                    <span class=\"c-block__tag\">All<\/span>\n                                <\/a>\n                            \n                            <a href='https:\/\/crawlsf.com\/where-to-find-the-best-corned-beef-in-san-francisco\/'>\n                                                                    <h3 class=\"c-block__title\">Where to find the Best Corned Beef in San Francisco<\/h3>\n                                                            <\/a>\n                                                        <div class=\"c-block__meta\">\n                                <div class=\"c-block__author\">\n                                    <div class=\"c-block__author-name\">\n                                        By: <a href=\"https:\/\/crawlsf.com\/writers\/matt-seliga\/\">\n                                            Matt Seliga                                        <\/a>\n                                    <\/div>\n                                    <div class=\"c-block__date\">\n                                        March 12, 2026                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    \n                                        <article class=\"l-posts__col c-block \">\n                        <div class=\"c-block__media\">\n                            <a href='https:\/\/crawlsf.com\/the-best-irish-pubs-in-san-francisco\/' class=\"c-image c-block__media-link\">\n                                <img class=\"c-image__src lazy\" loading=\"lazy\" data-src=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/03\/best-irish-pubs-san-francisco-360x270.jpeg\" data-srcset=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/03\/best-irish-pubs-san-francisco-360x270.jpeg 360w, https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/03\/best-irish-pubs-san-francisco-800x600.jpeg 800w\" alt=\"Best Irish Pubs in San Francisco\" width=\"360\" height=\"270\"\/>                            <\/a>\n                        <\/div>\n                        <div class=\"c-block__body\">\n                                                            <a href='https:\/\/crawlsf.com\/category\/all\/' class=\"c-block__cats\">\n                                    <span class=\"c-block__tag\">All<\/span>\n                                <\/a>\n                            \n                            <a href='https:\/\/crawlsf.com\/the-best-irish-pubs-in-san-francisco\/'>\n                                                                    <h3 class=\"c-block__title\">The Best Irish Pubs in San Francisco<\/h3>\n                                                            <\/a>\n                                                        <div class=\"c-block__meta\">\n                                <div class=\"c-block__author\">\n                                    <div class=\"c-block__author-name\">\n                                        By: <a href=\"https:\/\/crawlsf.com\/writers\/matt-seliga\/\">\n                                            Matt Seliga                                        <\/a>\n                                    <\/div>\n                                    <div class=\"c-block__date\">\n                                        March 11, 2026                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    \n                                        <article class=\"l-posts__col c-block \">\n                        <div class=\"c-block__media\">\n                            <a href='https:\/\/crawlsf.com\/try-a-traditional-irish-breakfast-in-the-san-francisco-bay-area\/' class=\"c-image c-block__media-link\">\n                                <img class=\"c-image__src lazy\" loading=\"lazy\" data-src=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2024\/03\/irish-breakfast-360x270.jpeg\" data-srcset=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2024\/03\/irish-breakfast-360x270.jpeg 360w, https:\/\/crawlsf.com\/wp-content\/uploads\/2024\/03\/irish-breakfast-800x600.jpeg 800w\" alt=\"Traditional Irish Breakfast\" width=\"360\" height=\"270\"\/>                            <\/a>\n                        <\/div>\n                        <div class=\"c-block__body\">\n                                                            <a href='https:\/\/crawlsf.com\/category\/all\/' class=\"c-block__cats\">\n                                    <span class=\"c-block__tag\">All<\/span>\n                                <\/a>\n                            \n                            <a href='https:\/\/crawlsf.com\/try-a-traditional-irish-breakfast-in-the-san-francisco-bay-area\/'>\n                                                                    <h3 class=\"c-block__title\">Try a Traditional Irish Breakfast in the San Francisco Bay Area<\/h3>\n                                                            <\/a>\n                                                        <div class=\"c-block__meta\">\n                                <div class=\"c-block__author\">\n                                    <div class=\"c-block__author-name\">\n                                        By: <a href=\"https:\/\/crawlsf.com\/writers\/matt-seliga\/\">\n                                            Matt Seliga                                        <\/a>\n                                    <\/div>\n                                    <div class=\"c-block__date\">\n                                        March 10, 2026                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n                                                    <\/div>\n\n\t    <!-- CTA -->\n\t    \t        <div class=\"c-block__btn text-center\">\n\t            <a href='\/latest-news\/' class=\"c-btn -secondary -plus\" >\n\t                <span class=\"c-btn__text\">View All News<\/span>\n\t                <span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-plus \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-plus\"><\/use><\/svg><\/span>\n\t            <\/a>\n\t        <\/div>\n\t    \t<\/div>\n<\/section>\n\n\n\n<section class=\"container\" id='jsGuidesList' data-guide-cat=\"2017\">\n\t        <!-- Categories -->\n    <div class=\"m-search m-search--v1 -single -move-y-50\">\n        <div class=\"select-container js-select-container\" :class='{ is_active : cats.main }'>\n            <div class=\"m-search__item text-icon -content-center -left js-input-wrapper\" @click='openDropdown($event, cats)'>\n                <svg class=\"icon icon-list \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#list\"><\/use><\/svg>                <input type=\"text\" class=\"select-input text-small weight-bold\" placeholder=\"Category\" name='cats' :value='cats.value' readonly hidden>\n                <p class=\"text-small mb-0 weight-bold\">{{ cats.name }}<\/p>\n            <\/div>\n            <div class=\"option-container js-label-container\" :class='{ is_active : cats.main }'>\n                <div v-for='ch in cats.select'>\n                    <label :value='ch.value' @click='selectCat($event, ch)' class=\"option\" :class='{ selected : ch.selected }'> {{ ch.name }} <\/label>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <template v-if='list.guides != 0'>\n        <div class=\"gap-top gap-bot\">\n            <template v-if='list.loading &#038;&#038; list.guides == 0'>\n                <div style=\"width:100%;\">\n\n<\/div>            <\/template>\n            <template v-if='list.guides != 0'>\n                <div class=\"l-rcbl l-rcbl-v1 align-center\">\n                    <div class=\"l-rcbl__col\" v-for='guide in list.guides'>\n                        <article class=\"h-100\">\n                            <a :href=\"guide.permalink\" class=\"c-block\">\n                                <div class=\"c-block__media\">\n                                    <div class=\"c-image\" v-html='guide.thumbnail_html'><\/div>\n                                <\/div>\n                                <div class=\"c-block__body\">\n                                    <h3 class=\"c-block__title\">{{ guide.title }}<\/h3>\n                                    <div class=\"c-block__text\">\n                                        <p>{{ guide.short_description }}<\/p>\n                                    <\/div>\n                                    <div class=\"c-block__btn\">\n                                        <span class=\"c-btn -link \">\n                                            <span class=\"c-btn__text\">Discover More<\/span>\n                                            <span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-arrow1 \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-arrow1\"><\/use><\/svg><\/span>\n                                        <\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/article>\n                    <\/div>\n                <\/div>\n\n                <!-- Load More Button -->\n                <div class=\"c-block__btn text-center\" v-if='( list.guides.length < list.found )'>\n                    <a href='' class=\"c-btn -secondary -plus\" @click.prevent='loadMore()'>\n                        <span class=\"c-btn__text\">Load More<\/span>\n                        <span class=\"c-btn__ico\"><svg class=\"icon icon-lib-icon-plus \"  aria-hidden=\"true\" role=\"img\"><use xlink:href=\"#lib-icon-plus\"><\/use><\/svg><\/span>\n                    <\/a>\n                <\/div>\n            <\/template>\n            <template v-if='( list.tours == 0 &#038;&#038; list.loading == false )'>\n                No Guides Found\n            <\/template>\n        <\/div>\n    <\/template>\n    <\/section>\n\n\n\n<p><\/p>\n","protected":false},"featured_media":8147,"template":"","guides_category":[2024],"class_list":["post-8146","guides","type-guides","status-publish","has-post-thumbnail","hentry","guides_category-activities-and-attractions"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.6 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Beaches in San Francisco- CrawlSF<\/title>\n<meta name=\"description\" content=\"Discover the best beaches in the San Francisco Bay Area. From scenic getaways to popular surf spots, find your perfect beach with our Bay Area guide\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crawlsf.com\/guides\/beaches\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beaches\" \/>\n<meta property=\"og:description\" content=\"Discover the best beaches in the San Francisco Bay Area. From scenic getaways to popular surf spots, find your perfect beach with our Bay Area guide\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crawlsf.com\/guides\/beaches\/\" \/>\n<meta property=\"og:site_name\" content=\"CrawlSF\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-30T05:53:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crawlsf.com\/guides\/beaches\/\",\"url\":\"https:\/\/crawlsf.com\/guides\/beaches\/\",\"name\":\"Beaches in San Francisco- CrawlSF\",\"isPartOf\":{\"@id\":\"https:\/\/crawlsf.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/crawlsf.com\/guides\/beaches\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/crawlsf.com\/guides\/beaches\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches.jpeg\",\"datePublished\":\"2023-04-19T11:56:33+00:00\",\"dateModified\":\"2025-01-30T05:53:18+00:00\",\"description\":\"Discover the best beaches in the San Francisco Bay Area. From scenic getaways to popular surf spots, find your perfect beach with our Bay Area guide\",\"breadcrumb\":{\"@id\":\"https:\/\/crawlsf.com\/guides\/beaches\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crawlsf.com\/guides\/beaches\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crawlsf.com\/guides\/beaches\/#primaryimage\",\"url\":\"https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches.jpeg\",\"contentUrl\":\"https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches.jpeg\",\"width\":1500,\"height\":1000,\"caption\":\"Beaches in the San Francisco Bay Area\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crawlsf.com\/guides\/beaches\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crawlsf.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Beaches\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crawlsf.com\/#website\",\"url\":\"https:\/\/crawlsf.com\/\",\"name\":\"CrawlSF\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crawlsf.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Beaches in San Francisco- CrawlSF","description":"Discover the best beaches in the San Francisco Bay Area. From scenic getaways to popular surf spots, find your perfect beach with our Bay Area guide","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crawlsf.com\/guides\/beaches\/","og_locale":"en_US","og_type":"article","og_title":"Beaches","og_description":"Discover the best beaches in the San Francisco Bay Area. From scenic getaways to popular surf spots, find your perfect beach with our Bay Area guide","og_url":"https:\/\/crawlsf.com\/guides\/beaches\/","og_site_name":"CrawlSF","article_modified_time":"2025-01-30T05:53:18+00:00","og_image":[{"width":1500,"height":1000,"url":"https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crawlsf.com\/guides\/beaches\/","url":"https:\/\/crawlsf.com\/guides\/beaches\/","name":"Beaches in San Francisco- CrawlSF","isPartOf":{"@id":"https:\/\/crawlsf.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/crawlsf.com\/guides\/beaches\/#primaryimage"},"image":{"@id":"https:\/\/crawlsf.com\/guides\/beaches\/#primaryimage"},"thumbnailUrl":"https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches.jpeg","datePublished":"2023-04-19T11:56:33+00:00","dateModified":"2025-01-30T05:53:18+00:00","description":"Discover the best beaches in the San Francisco Bay Area. From scenic getaways to popular surf spots, find your perfect beach with our Bay Area guide","breadcrumb":{"@id":"https:\/\/crawlsf.com\/guides\/beaches\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crawlsf.com\/guides\/beaches\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crawlsf.com\/guides\/beaches\/#primaryimage","url":"https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches.jpeg","contentUrl":"https:\/\/crawlsf.com\/wp-content\/uploads\/2023\/04\/san-francisco-beaches.jpeg","width":1500,"height":1000,"caption":"Beaches in the San Francisco Bay Area"},{"@type":"BreadcrumbList","@id":"https:\/\/crawlsf.com\/guides\/beaches\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crawlsf.com\/"},{"@type":"ListItem","position":2,"name":"Beaches"}]},{"@type":"WebSite","@id":"https:\/\/crawlsf.com\/#website","url":"https:\/\/crawlsf.com\/","name":"CrawlSF","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crawlsf.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/crawlsf.com\/wp-json\/wp\/v2\/guides\/8146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crawlsf.com\/wp-json\/wp\/v2\/guides"}],"about":[{"href":"https:\/\/crawlsf.com\/wp-json\/wp\/v2\/types\/guides"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/crawlsf.com\/wp-json\/wp\/v2\/media\/8147"}],"wp:attachment":[{"href":"https:\/\/crawlsf.com\/wp-json\/wp\/v2\/media?parent=8146"}],"wp:term":[{"taxonomy":"guides_category","embeddable":true,"href":"https:\/\/crawlsf.com\/wp-json\/wp\/v2\/guides_category?post=8146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}