1<!DOCTYPE html> 2<html lang="en-US" class="h-full font-sans bg-primary scroll-smooth" data-theme="light"> 3 <head> 4 <title>Local Golf Spot | The Best Golf Near You</title> 5<meta name="description" content="Find golf courses, driving ranges, instruction, and more. Get the inside scoop from local golfers worldwide."> 6<meta name="viewport" content="width=device-width,initial-scale=1"> 7<meta name="turbo-refresh-method" content="morph"> 8<meta name="turbo-refresh-scroll" content="preserve"> 9<link rel="canonical" href="https://www.localgolfspot.com/"> 10 <link rel="icon" type="image/png" sizes="96x96" href="/assets/favicon-96x96-416cd96f.png"> 11<link rel="icon" type="image/svg+xml" href="/assets/favicon-e7d8ca4c.svg"> 12<link rel="shortcut icon" href="/assets/favicon-72acecdf.ico"> 13<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon-6f74db6a.png"> 14<meta name="apple-mobile-web-app-title" content="LGS"> 15<link rel="manifest" href="/site.webmanifest"> 16<meta name="theme-color" content="#2a6b48"> 17 18 <meta name="og:type" content="website"> 19<meta name="og:locale" content="en-US"> 20<meta name="og:site_name" content="Local Golf Spot"> 21<meta name="og:url" content="https://www.localgolfspot.com/"> 22<meta name="og:title" content="Local Golf Spot | The Best Golf Near You"> 23<meta name="og:description" content="Find golf courses, driving ranges, instruction, and more. Get the inside scoop from local golfers worldwide."> 24<meta name="og:image" content="https://www.localgolfspot.com/assets/default-og-11d0a480.jpg"> 25<meta name="og:image:width" content="1200"> 26<meta name="og:image:height" content="630"> 27 <meta name="twitter:card" content="summary_large_image"> 28<meta name="twitter:title" content="Local Golf Spot | The Best Golf Near You"> 29<meta name="twitter:description" content="Find golf courses, driving ranges, instruction, and more. Get the inside scoop from local golfers worldwide."> 30<meta name="twitter:image" content="https://www.localgolfspot.com/assets/default-og-11d0a480.jpg"> 31 <meta name="csrf-param" content="authenticity_token" /> 32<meta name="csrf-token" content="I-KJi1UysnniLbApnEI5rzL4pT6ooZrhI3fUG-GhrTW9SQmtiwMmimFfWXgoPehSKZgcC5OJNnSpnX08vn3BxQ" /> 33 34 <!-- Must go before tailwind --> 35<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v3.7.0/mapbox-gl.css" /> 36 37<link rel="stylesheet" href="/assets/tailwind-f454802c.css" data-turbo-track="reload" /> 38 39 40
41<script type="importmap" data-turbo-track="reload">{ 42 "imports": { 43 "application": "/assets/application-1bebd8e8.js", 44 "@hotwired/turbo-rails": "/assets/turbo.min-9fd88cd5.js", 45 "@hotwired/stimulus": "/assets/stimulus.min-4b1e420e.js", 46 "@hotwired/stimulus-loading": "/assets/stimulus-loading-1fc53fe7.js", 47 "@rails/activestorage": "/assets/activestorage.esm-81bb34bc.js", 48 "@github/hotkey": "/assets/@github--hotkey-f2efc8fe.js", 49 "lightgallery": "/assets/lightgallery-80b1234e.js", 50 "lightgallery/plugins/thumbnail": "/assets/lightgallery--plugins--thumbnail-d3bc5f7e.js", 51 "lightgallery/plugins/zoom": "/assets/lightgallery--plugins--zoom-9f775c82.js", 52 "mapbox-gl": "/assets/mapbox-gl-efa063c2.js", 53 "process": "/assets/process-6f6b85cc.js", 54 "ahoy.js": "/assets/ahoy.js-0d4d746d.js", 55 "d3": "/assets/d3-1337d2d9.js", 56 "d3-array": "/assets/d3-array-dcc21360.js", 57 "d3-axis": "/assets/d3-axis-85fa0849.js", 58 "d3-brush": "/assets/d3-brush-fbd8b7f4.js", 59 "d3-chord": "/assets/d3-chord-fb006d87.js", 60 "d3-color": "/assets/d3-color-105ebb5b.js", 61 "d3-contour": "/assets/d3-contour-f8d81ff4.js", 62 "d3-delaunay": "/assets/d3-delaunay-42a3bc59.js", 63 "d3-dispatch": "/assets/d3-dispatch-79ecb6ed.js", 64 "d3-drag": "/assets/d3-drag-1641fd0c.js", 65 "d3-dsv": "/assets/d3-dsv-0a36d31b.js", 66 "d3-ease": "/assets/d3-ease-7cefd8e9.js", 67 "d3-fetch": "/assets/d3-fetch-72a3c2eb.js", 68 "d3-force": "/assets/d3-force-5d1545f7.js", 69 "d3-format": "/assets/d3-format-89ab33aa.js", 70 "d3-geo": "/assets/d3-geo-85871f22.js", 71 "d3-hierarchy": "/assets/d3-hierarchy-e550ac50.js", 72 "d3-interpolate": "/assets/d3-interpolate-46876ef7.js", 73 "d3-path": "/assets/d3-path-371afee5.js", 74 "d3-polygon": "/assets/d3-polygon-d04ed820.js", 75 "d3-quadtree": "/assets/d3-quadtree-6793b4ae.js", 76 "d3-random": "/assets/d3-random-2f15e44b.js", 77 "d3-scale": "/assets/d3-scale-541e3be4.js", 78 "d3-scale-chromatic": "/assets/d3-scale-chromatic-194b7e0a.js", 79 "d3-selection": "/assets/d3-selection-6536d848.js", 80 "d3-shape": "/assets/d3-shape-568effaa.js", 81 "d3-time": "/assets/d3-time-0c5ea8a2.js", 82 "d3-time-format": "/assets/d3-time-format-7c088be1.js", 83 "d3-timer": "/assets/d3-timer-82d936b5.js", 84 "d3-transition": "/assets/d3-transition-e0ccac69.js", 85 "d3-zoom": "/assets/d3-zoom-f8d842d9.js", 86 "delaunator": "/assets/delaunator-f7d3bb2a.js", 87 "internmap": "/assets/internmap-1a2ce1e6.js", 88 "robust-predicates": "/assets/robust-predicates-ee031280.js", 89 "trix": "/assets/trix-be60fa75.js", 90 "@rails/actiontext": "/assets/actiontext.esm-c376325e.js", 91 "@floating-ui/dom": "/assets/@floating-ui--dom-0c5799a4.js", 92 "@floating-ui/core": "/assets/@floating-ui--core-39414196.js", 93 "@floating-ui/utils": "/assets/@floating-ui--utils-e7cf7fe6.js", 94 "@floating-ui/utils/dom": "/assets/@floating-ui--utils--dom-cabcc9ef.js", 95 "controllers/application": "/assets/controllers/application-3affb389.js", 96 "controllers/direct_upload_controller": "/assets/controllers/direct_upload_controller-0b1d2b5e.js",
97 "controllers/form_element_controller": "/assets/controllers/form_element_controller-c6c5cab8.js", 98 "controllers/geolocation_controller": "/assets/controllers/geolocation_controller-2c19dff5.js", 99 "controllers/hotkey_controller": "/assets/controllers/hotkey_controller-bad4f2fd.js", 100 "controllers/import_review_controller": "/assets/controllers/import_review_controller-d457cca0.js", 101 "controllers": "/assets/controllers/index-ee64e1f1.js", 102 "controllers/mapbox_tracker_controller": "/assets/controllers/mapbox_tracker_controller-cbe35c1c.js", 103 "controllers/menu_controller": "/assets/controllers/menu_controller-bba09eaf.js", 104 "controllers/removal_controller": "/assets/controllers/removal_controller-16026fe3.js", 105 "controllers/resort_matcher_controller": "/assets/controllers/resort_matcher_controller-f26816c6.js", 106 "controllers/sidebar_controller": "/assets/controllers/sidebar_controller-d8760ee2.js", 107 "controllers/swipe_delete_controller": "/assets/controllers/swipe_delete_controller-3e80966c.js", 108 "controllers/tooltip_controller": "/assets/controllers/tooltip_controller-758d265c.js", 109 "controllers/ds/breadcrumbs_controller": "/assets/ds/breadcrumbs_controller-1cc7c0c8.js", 110 "controllers/ds/dialog_controller": "/assets/ds/dialog_controller-d3e4211e.js", 111 "controllers/ds/drawer_controller": "/assets/ds/drawer_controller-c0e0b138.js", 112 "controllers/ds/dropdown_controller": "/assets/ds/dropdown_controller-899700f0.js", 113 "controllers/ds/forms/file_picker_controller": "/assets/ds/forms/file_picker_controller-1a4e7ac1.js", 114 "controllers/ds/phone_number_controller": "/assets/ds/phone_number_controller-380c8890.js", 115 "controllers/ds/searchable_dropdown_controller": "/assets/ds/searchable_dropdown_controller-1834a1df.js", 116 "controllers/ds/tooltip_controller": "/assets/ds/tooltip_controller-c2f4256c.js", 117 "controllers/ui/admin/history_chart_controller": "/assets/ui/admin/history_chart_controller-7506643d.js", 118 "controllers/ui/favorites/favorite_button_controller": "/assets/ui/favorites/favorite_button_controller-bee07e12.js", 119 "controllers/ui/favorites/list_search_controller": "/assets/ui/favorites/list_search_controller-0f3115d8.js", 120 "controllers/ui/maps/nearby_map_controller": "/assets/ui/maps/nearby_map_controller-5fd21f30.js", 121 "controllers/ui/maps/rankings_map_controller": "/assets/ui/maps/rankings_map_controller-5aabf160.js", 122 "controllers/ui/maps/regions_map_controller": "/assets/ui/maps/regions_map_controller-10cbaaa6.js", 123 "controllers/ui/media/gallery_controller": "/assets/ui/media/gallery_controller-899739f3.js", 124 "controllers/ui/media/video_grid_controller": "/assets/ui/media/video_grid_controller-81e91a1a.js", 125 "controllers/ui/media/video_lightbox_controller": "/assets/ui/media/video_lightbox_controller-d6faba77.js", 126 "controllers/ui/mobile_search_controller": "/assets/ui/mobile_search_controller-b13685e3.js", 127 "controllers/ui/search/ranking_filters_controller": "/assets/ui/search/ranking_filters_controller-0892a478.js", 128 "controllers/ui/search/searchbar_controller": "/assets/ui/search/searchbar_controller-f2676f13.js", 129 "controllers/ui/shared/theme_toggle_controller": "/assets/ui/shared/theme_toggle_controller-d6893fb3.js", 130 "controllers/ui/spot/header_controller": "/assets/ui/spot/header_controller-4dc9145d.js", 131 "controllers/ui/spot/scores/ranking_trend_item_controller": "/assets/ui/spot/scores/ranking_trend_item_controller-5628cbc8.js", 132 "controllers/ui/spot/scores/score_trend_chart_controller": "/assets/ui/spot/scores/score_trend_chart_controller-d4cc630d.js", 133 "controllers/ui/spot/sections_container_controller": "/assets/ui/spot/sections_container_controller-0b4124d8.js" 134 } 135}</script>
135 136<link rel="modulepreload" href="/assets/application-1bebd8e8.js"> 137<link rel="modulepreload" href="/assets/turbo.min-9fd88cd5.js"> 138<link rel="modulepreload" href="/assets/stimulus.min-4b1e420e.js"> 139<link rel="modulepreload" href="/assets/stimulus-loading-1fc53fe7.js"> 140<link rel="modulepreload" href="/assets/activestorage.esm-81bb34bc.js"> 141<link rel="modulepreload" href="/assets/@github--hotkey-f2efc8fe.js"> 142<link rel="modulepreload" href="/assets/lightgallery-80b1234e.js"> 143<link rel="modulepreload" href="/assets/lightgallery--plugins--thumbnail-d3bc5f7e.js"> 144<link rel="modulepreload" href="/assets/lightgallery--plugins--zoom-9f775c82.js"> 145<link rel="modulepreload" href="/assets/mapbox-gl-efa063c2.js"> 146<link rel="modulepreload" href="/assets/process-6f6b85cc.js"> 147<link rel="modulepreload" href="/assets/ahoy.js-0d4d746d.js"> 148<link rel="modulepreload" href="/assets/trix-be60fa75.js"> 149<link rel="modulepreload" href="/assets/actiontext.esm-c376325e.js"> 150<link rel="modulepreload" href="/assets/@floating-ui--dom-0c5799a4.js"> 151<link rel="modulepreload" href="/assets/@floating-ui--core-39414196.js"> 152<link rel="modulepreload" href="/assets/@floating-ui--utils-e7cf7fe6.js"> 153<link rel="modulepreload" href="/assets/@floating-ui--utils--dom-cabcc9ef.js"> 154<link rel="modulepreload" href="/assets/controllers/application-3affb389.js"> 155<link rel="modulepreload" href="/assets/controllers/direct_upload_controller-0b1d2b5e.js"> 156<link rel="modulepreload" href="/assets/controllers/form_element_c
156ontroller-c6c5cab8.js"> 157<link rel="modulepreload" href="/assets/controllers/geolocation_controller-2c19dff5.js"> 158<link rel="modulepreload" href="/assets/controllers/hotkey_controller-bad4f2fd.js"> 159<link rel="modulepreload" href="/assets/controllers/import_review_controller-d457cca0.js"> 160<link rel="modulepreload" href="/assets/controllers/index-ee64e1f1.js"> 161<link rel="modulepreload" href="/assets/controllers/mapbox_tracker_controller-cbe35c1c.js"> 162<link rel="modulepreload" href="/assets/controllers/menu_controller-bba09eaf.js"> 163<link rel="modulepreload" href="/assets/controllers/removal_controller-16026fe3.js"> 164<link rel="modulepreload" href="/assets/controllers/resort_matcher_controller-f26816c6.js"> 165<link rel="modulepreload" href="/assets/controllers/sidebar_controller-d8760ee2.js"> 166<link rel="modulepreload" href="/assets/controllers/swipe_delete_controller-3e80966c.js"> 167<link rel="modulepreload" href="/assets/controllers/tooltip_controller-758d265c.js"> 168<link rel="modulepreload" href="/assets/ds/breadcrumbs_controller-1cc7c0c8.js"> 169<link rel="modulepreload" href="/assets/ds/dialog_controller-d3e4211e.js"> 170<link rel="modulepreload" href="/assets/ds/drawer_controller-c0e0b138.js"> 171<link rel="modulepreload" href="/assets/ds/dropdown_controller-899700f0.js"> 172<link rel="modulepreload" href="/assets/ds/forms/file_picker_controller-1a4e7ac1.js"> 173<link rel="modulepreload" href="/assets/ds/phone_number_controller-380c8890.js"> 174<link rel="modulepreload" href="/assets/ds/searchable_dropdown_controller-1834a1df.js"> 175<link rel="modulepreload" href="/assets/ds/tooltip_controller-c2f4256c.js"> 176<link rel="modulepreload" href="/assets/ui/admin/history_chart_controller-7506643d.js"> 177<link rel="modulepreload" href="/assets/ui/favorites/favorite_button_controller-bee07e12.js"> 178<link rel="modulepreload" href="/assets/ui/favorites/list_search_controller-0f3115d8.js"> 179<link rel="modulepreload" href="/assets/ui/maps/nearby_map_controller-5fd21f30.js"> 180<link rel="modulepreload" href="/assets/ui/maps/rankings_map_controller-5aabf160.js"> 181<link rel="modulepreload" href="/assets/ui/maps/regions_map_controller-10cbaaa6.js"> 182<link rel="modulepreload" href="/assets/ui/media/gallery_controller-899739f3.js"> 183<link rel="modulepreload" href="/assets/ui/media/video_grid_controller-81e91a1a.js"> 184<link rel="modulepreload" href="/assets/ui/media/video_lightbox_controller-d6faba77.js"> 185<link rel="modulepreload" href="/assets/ui/mobile_search_controller-b13685e3.js"> 186<link rel="modulepreload" href="/assets/ui/search/ranking_filters_controller-0892a478.js"> 187<link rel="modulepreload" href="/assets/ui/search/searchbar_controller-f2676f13.js"> 188<link rel="modulepreload" href="/assets/ui/shared/theme_toggle_controller-d6893fb3.js"> 189<link rel="modulepreload" href="/assets/ui/spot/header_controller-4dc9145d.js"> 190<link rel="modulepreload" href="/assets/ui/spot/scores/ranking_trend_item_controller-5628cbc8.js"> 191<link rel="modulepreload" href="/assets/ui/spot/scores/score_trend_chart_controller-d4cc630d.js"> 192<link rel="modulepreload" href="/assets/ui/spot/sections_container_controller-0b4124d8.js">
193<script type="module">import "application"</script>
193 194
195<script src="https://analytics.linkslogic.dev/js/script.js" defer="defer" data-domain="www.localgolfspot.com"></script>
195 196 197 <meta name="turbo-refresh-method" content="morph"><meta name="turbo-refresh-scroll" content="preserve"> 198 </head> 199 200 <body class="h-full"> 201 <div class="fixed z-40 space-y-1 right-2 bottom-2 px-2 pointer-events-none"> 202 <div id="notification-tray" class="pointer-events-auto"> 203 204 </div> 205</div> 206 <turbo-frame id="dialog"></turbo-frame> 207 208 <div data-controller="ui--mobile-search"> 209 <div id="search-modal" 210 class="fixed inset-0 z-[100] bg-primary translate-x-full transition-transform duration-300 ease-out" 211 data-ui--mobile-search-target="modal" 212 data-action="keydown@window->ui--mobile-search#handleKeydown"> 213 <div class="flex flex-col h-full"> 214 <div class="flex items-center gap-3 p-4 border-b border-secondary"> 215 <button data-action="click->ui--mobile-search#close" 216 class="p-2 cursor-pointer hover:bg-active rounded-lg transition-colors" 217 type="button"> 218 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg> 219 </button> 220 <div class="flex-1"> 221 <input type="search" 222 placeholder="Search courses, resorts, regions..." 223 class="w-full px-lg py-md text-base border border-primary bg-primary placeholder:text-quaternary text-primary rounded-lg focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-transparent transition-all duration-150" 224 data-ui--mobile-search-target="input" 225 data-action="input->ui--mobile-search#search search->ui--mobile-search#search"> 226 </div> 227 </div> 228 <div class="flex-1 overflow-y-auto bg-primary"> 229 <turbo-frame data-ui--mobile-search-target="results" id="search-results"></turbo-frame> 230 </div> 231 </div> 232</div> 233 234<div class="space-y-7xl lg:space-y-9xl bg-primary"> 235 <section class="relative flex flex-col"> 236 <!-- Base image layer with mask --> 237 <div class="absolute inset-0 z-0" 238 style="background-image: url('/assets/homepage-hero-acfe892f.jpeg'); 239 background-size: cover; 240 background-position: center; 241 mask-image: linear-gradient(to bottom, 242 rgba(0, 0, 0, 1) 0%, 243 rgba(0, 0, 0, 1) 65%, 244 rgba(0, 0, 0, 0.95) 75%, 245 rgba(0, 0, 0, 0.8) 85%, 246 rgba(0, 0, 0, 0.4) 95%, 247 rgba(0, 0, 0, 0) 100%); 248 -webkit-mask-image: linear-gradient(to bottom, 249 rgba(0, 0, 0, 1) 0%, 250 rgba(0, 0, 0, 1) 65%, 251 rgba(0, 0, 0, 0.95) 75%, 252 rgba(0, 0, 0, 0.8) 85%, 253 rgba(0, 0, 0, 0.4) 95%, 254 rgba(0, 0, 0, 0) 100%);"> 255 </div> 256 257 <!-- Dark mode overlay --> 258 <div class="hidden theme-dark:block absolute inset-0 z-10" 259 style="background: linear-gradient(180deg, 260 #0F0F0F 0%, 261 rgba(0, 0, 0, 0.85) 20%, 262 rgba(0, 0, 0, 0.55) 55%, 263 rgba(0, 0, 0, 0.8) 85%, 264 #0F0F0F 100%);"> 265 </div> 266 267 <!-- Light mode overlays --> 268 <div class="theme-dark:hidden absolute inset-0 z-5" 269 style="background: linear-gradient(180deg, 270 rgba(0, 0, 0, 0.8) 0%, 271 rgba(0, 0, 0, 0.6) 30%, 272 rgba(0, 0, 0, 0.2) 70%, 273 rgba(0, 0, 0, 0) 100%);"> 274 </div> 275 <div class="theme-dark:hidden absolute inset-0 z-10" 276 style="background: linear-gradient(180deg, 277 rgba(18, 53, 36, 0.6) 0%, 278 rgba(18, 53, 36, 0.4) 20%, 279 rgba(18, 53, 36, 0.2) 50%, 280 rgba(255, 255, 255, 0) 100%);"> 281 </div> 282 283 <!-- Content --> 284 <div class="relative z-20"> 285 286<nav class="flex items-center justify-between relative z-50 p-xl bg-transparent" data-controller="sidebar" data-sidebar-scroll-lock-value="true"> 287 <div class="flex items-center gap-8"> 288 <a href="/"> 289 <div class="flex items-center gap-2"> 290 <div class="flex items-center justify-center shrink-0 w-6 h-6"> 291 <svg viewBox="0 0 24 24" class="w-full h-full" aria-hidden="true" focusable="false"> 292 <circle cx="12" cy="12" r="12" fill="currentColor" class="text-white"/> 293 <circle cx="12" cy="12" r="6.2" fill="none" stroke="currentColor" stroke-width="1.2" class="text-brand-700"/> 294 <circle cx="12" cy="12" r="2.6" fill="currentColor" class="text-brand-700"/> 295 <g class="text-brand-700" fill="currentColor"> 296 <rect x="11" y="2" width="2" height="4"/> 297 <rect x="11" y="18" width="2" height="4"/> 298 <rect x="2" y="11" width="4" height="2"/> 299 <rect x="18" y="11" width="4" height="2"/> 300 </g> 301 </svg> 302</div> 303 <span class="text-sm text-white font-display font-bold">Local Golf Spot</span> 304</div> 305 306</a> 307 <div class="hidden lg:block"> 308 309<ul class="flex items-center gap-2"> 310 <li> 311 <a class="text-sm font-semibold text-secondary_on-brand hover:text-primary_on-brand hover:bg-white/10 px-lg py-md rounded-sm" href="/guides/by-region/united-states/best-golf-courses"> 312 Best courses 313</a> <a class="text-sm font-semibold text-secondary_on-brand hover:text-primary_on-brand hover:bg-white/10 px-lg py-md rounded-sm" href="/regions"> 314 Regions 315</a> </li> 316</ul> 317 318 </div> 319 </div> 320 321 322 <div class="hidden lg:flex items-center gap-4xl"> 323 <div data-controller="ui--shared--theme-toggle" data-ui--shared--theme-toggle-current-theme-value="light">
324 <form class="flex items-center gap-xxs" data-ui--shared--theme-toggle-target="form" action="/profile/theme" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" autocomplete="off" /><input type="hidden" name="authenticity_token" value="lXPj8rkNIPLRSw2mmiC4N_CbxphWW6hMx4tEA1-00enWYy8XxE0EwNYm4U-6So7-jwYrcaN8MuItC_PjMS8kog" autocomplete="off" /> 325 <label class="inline-block cursor-pointer"> 326 <div class="relative inline-block"> 327 <input type="hidden" name="user[theme]" value="0"> 328 <input type="checkbox" name="user[theme]" id="user_theme" value="1" class="sr-only peer" data-action="change->ui--shared--theme-toggle#toggle" data-ui--shared--theme-toggle-target="checkbox" skip_default_ids="false" allow_method_names_outside_object="true" object="false"> 329 330 <span class="block relative rounded-full transition-colors duration-300 cursor-pointer w-11 h-6 bg-tertiary peer-checked:bg-gray-700 peer-checked:theme-dark:bg-gray-600 hover:bg-tertiary_hover peer-checked:hover:bg-gray-600 peer-checked:hover:theme-dark:bg-gray-500 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-gray-400 theme-dark:peer-focus:ring-gray-500 peer-focus:ring-offset-2 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 after:content-[''] after:block after:absolute after:bg-white after:rounded-full after:shadow-sm after:w-5 after:h-5 after:top-[2px] after:left-[2px] after:transition-transform after:duration-300 after:ease-in-out peer-checked:after:translate-x-5 "></span> 331 332 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-3 h-3 fg-tertiary cursor-pointer z-10 text-gray-600 absolute top-1/2 -translate-y-1/2 transition-all duration-200 left-1 opacity-100 peer-checked:opacity-0"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg> 333 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-3 h-3 fg-tertiary cursor-pointer z-10 text-gray-600 absolute top-1/2 -translate-y-1/2 transition-all duration-200 right-1 opacity-0 peer-checked:opacity-100"><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path></svg> 334 </div> 335 336</label> 337</form></div> 338 339 <div class="flex items-center gap-2"> 340 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-xs px-[14px] py-[10px] rounded-md text-sm button-secondary-fg hover:button-secondary-fg-hover button-secondary-bg hover:button-secondary-bg-hover border-inset button-secondary-border hover:button-secondary-border-hover shadow-xs-skeumorphic focus:shadow-focus-ring-xs-skeumorphic disabled:fg-disabled disabled:bg-primary disabled:border disabled:border-disabled_subtle disabled:shadow-xs" href="/sign_in"> 341 <span>Log in</span> 342</a> 343 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-xs px-[14px] py-[10px] rounded-md text-sm button-primary-fg hover:button-primary-fg-hover button-primary-bg hover:button-primary-bg-hover border-inset shadow-xs-skeumorphic focus:shadow-focus-ring-xs-skeumorphic disabled:bg-disabled disabled:fg-disabled disabled:border-disabled_subtle disabled:border disabled:shadow-xs" href="/sign_up"> 344 <span>Sign up</span> 345</a> 346 </div> 347 </div> 348 349 <div class="lg:hidden flex items-center gap-sm"> 350 <button type="button" class="p-md rounded-md text-primary_inverted hover:bg-primary/20" data-action="ui--mobile-search#open" aria-label="Search"> 351 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-6 h-6 text-current"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg> 352 </button> 353 354 <a class="p-md rounded-md text-primary_inverted hover:bg-primary/20" aria-label="Rankings" href="/guides/by-region/united-states/best-golf-courses"> 355 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-6 h-6 text-current"><path d="M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978"></path><path d="M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978"></path><path d="M18 9h1.5a1 1 0 0 0 0-5H18"></path><path d="M4 22h16"></path><path d="M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z"></path><path d="M6 9H4.5a1 1 0 0 1 0-5H6"></path></svg> 356</a> 357 <button type="button" class="p-md rounded-md text-primary_inverted hover:bg-primary/20" data-action="sidebar#open" data-sidebar-target="btn"> 358 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-6 h-6 text-current"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg> 359 </button> 360 </div> 361 362 <div class="fixed inset-0 w-full h-dvh z-40 bg-primary overflow-y-auto hidden" data-sidebar-target="content"> 363 364<div class="py-xl flex flex-col gap-2xl h-full"> 365 <div> 366 <div class="container-padding-mobile space-y-2xl"> 367 <div class="flex justify-between items-center"> 368 <div class="flex items-center gap-2"> 369 <div class="flex items-center justify-center shrink-0 w-6 h-6"> 370 <svg viewBox="0 0 24 24" class="w-full h-full" aria-hidden="true" focusable="false"> 371 <circle cx="12" cy="12" r="12" fill="currentColor" class="text-brand-700 theme-dark:text-white"/> 372 <circle cx="12" cy="12" r="6.2" fill="none" stroke="currentColor" stroke-width="1.2" class="text-white theme-dark:text-brand-700"/> 373 <circle cx="12" cy="12" r="2.6" fill="currentColor" class="text-white theme-dark:text-brand-700"/> 374 <g class="text-white theme-dark:text-brand-700" fill="currentColor"> 375 <rect x="11" y="2" width="2" height="4"/> 376 <rect x="11" y="18" width="2" height="4"/> 377 <rect x="2" y="11" width="4" height="2"/> 378 <rect x="18" y="11" width="4" height="2"/> 379 </g> 380 </svg> 381</div> 382 <span class="text-sm text-primary font-display font-bold">Local Golf Spot</span> 383</div> 384 385 <div data-controller="ui--shared--theme-toggle" data-ui--shared--theme-toggle-current-theme-value="light">
386 <form class="flex items-center gap-xxs" data-ui--shared--theme-toggle-target="form" action="/profile/theme" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" autocomplete="off" /><input type="hidden" name="authenticity_token" value="XmGyQiObDWmfjknEcWyQFHuzIeNGmnXkeLMNWuF5WgMdcX6nXtspW5jjpS1RBqbdBC7MCrO970qSM7q6j-KvSA" autocomplete="off" /> 387 <label class="inline-block cursor-pointer"> 388 <div class="relative inline-block"> 389 <input type="hidden" name="user[theme]" value="0"> 390 <input type="checkbox" name="user[theme]" id="user_theme" value="1" class="sr-only peer" data-action="change->ui--shared--theme-toggle#toggle" data-ui--shared--theme-toggle-target="checkbox" skip_default_ids="false" allow_method_names_outside_object="true" object="false"> 391 392 <span class="block relative rounded-full transition-colors duration-300 cursor-pointer w-11 h-6 bg-tertiary peer-checked:bg-gray-700 peer-checked:theme-dark:bg-gray-600 hover:bg-tertiary_hover peer-checked:hover:bg-gray-600 peer-checked:hover:theme-dark:bg-gray-500 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-gray-400 theme-dark:peer-focus:ring-gray-500 peer-focus:ring-offset-2 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 after:content-[''] after:block after:absolute after:bg-white after:rounded-full after:shadow-sm after:w-5 after:h-5 after:top-[2px] after:left-[2px] after:transition-transform after:duration-300 after:ease-in-out peer-checked:after:translate-x-5 "></span> 393 394 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-3 h-3 fg-tertiary cursor-pointer z-10 text-gray-600 absolute top-1/2 -translate-y-1/2 transition-all duration-200 left-1 opacity-100 peer-checked:opacity-0"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg> 395 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-3 h-3 fg-tertiary cursor-pointer z-10 text-gray-600 absolute top-1/2 -translate-y-1/2 transition-all duration-200 right-1 opacity-0 peer-checked:opacity-100"><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path></svg> 396 </div> 397 398</label> 399</form></div> 400 </div> 401 402 <button data-action="click->ui--mobile-search#open" 403 class="flex items-center gap-3 px-4 py-2 border border-primary rounded-lg hover:border-secondary transition-colors cursor-text w-full text-left"> 404 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary text-quaternary"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg> 405 <span class="text-sm text-quaternary">Search courses...</span> 406 </button> 407 </div> 408 409 <div class="py-2xl"> 410 <section class="py-2xl"> 411 <h3 class="text-quaternary uppercase text-xs font-bold px-xl mb-xs">General</h3> 412 413 <ul class="px-md space-y-xxs"> 414 <li> 415 <a class="flex items-center gap-md px-lg py-md rounded-sm hover:bg-active" href="/guides/by-region/united-states/best-golf-courses"> 416 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary fg-quaternary"><path d="m12 8 6-3-6-3v10"></path><path d="m8 11.99-5.5 3.14a1 1 0 0 0 0 1.74l8.5 4.86a2 2 0 0 0 2 0l8.5-4.86a1 1 0 0 0 0-1.74L16 12"></path><path d="m6.49 12.85 11.02 6.3"></path><path d="M17.51 12.85 6.5 19.15"></path></svg>
417 <span class="text-sm font-semibold pl-xxs text-secondary hover:text-secondary_hover">Rankings</span> 418</a> </li> 419 <li> 420 <a class="flex items-center gap-md px-lg py-md rounded-sm hover:bg-active" href="/regions"> 421 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary fg-quaternary"><path d="M18 8c0 3.613-3.869 7.429-5.393 8.795a1 1 0 0 1-1.214 0C9.87 15.429 6 11.613 6 8a6 6 0 0 1 12 0"></path><circle cx="12" cy="8" r="2"></circle><path d="M8.714 14h-3.71a1 1 0 0 0-.948.683l-2.004 6A1 1 0 0 0 3 22h18a1 1 0 0 0 .948-1.316l-2-6a1 1 0 0 0-.949-.684h-3.712"></path></svg> 422 <span class="text-sm font-semibold pl-xxs text-secondary hover:text-secondary_hover">Regions</span> 423</a> </li> 424 </ul> 425 </section> 426 427 <section class="pb-2xl border-b border-secondary"> 428 <h3 class="text-quaternary uppercase text-xs font-bold px-xl mb-xs">Account</h3> 429 430 <ul class="px-md space-y-xxs"> 431 <li> 432 <a class="flex items-center gap-md px-lg py-md rounded-sm hover:bg-active" href="/favorite_lists"> 433 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary fg-quaternary"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg> 434 <span class="text-sm font-semibold pl-xxs text-secondary hover:text-secondary_hover">My Lists</span> 435</a> </li> 436 </ul> 437 </section> 438 439 </div> 440 </div> 441 442 <section class="space-y-4xl container-padding-mobile"> 443 <ul class="flex gap-3xl"> 444 <div class="space-y-lg w-1/2"> 445 <li> 446 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-xs rounded-md text-sm button-tertiary-fg hover:button-tertiary-fg-hover focus:shadow-focus-ring" href="/privacy-policy"> 447 <span>Privacy Policy</span> 448</a> 449 </li> 450 <li> 451 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-xs rounded-md text-sm button-tertiary-fg hover:button-tertiary-fg-hover focus:shadow-focus-ring" href="/terms-and-conditions"> 452 <span>Terms and Conditions</span> 453</a> 454 </li> 455 </div> 456 457 <div class="space-y-lg w-1/2"> 458 <li> 459 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-xs rounded-md text-sm button-tertiary-fg hover:button-tertiary-fg-hover focus:shadow-focus-ring" href="/guides/by-region/united-states/best-public-golf-courses"> 460 <span>Best public courses</span> 461</a> 462 </li> 463 <li> 464 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-xs rounded-md text-sm button-tertiary-fg hover:button-tertiary-fg-hover focus:shadow-focus-ring" href="/guides/by-region/united-states/best-private-golf-courses"> 465 <span>Best private courses</span> 466</a> 467 </li> 468 <li> 469 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-xs rounded-md text-sm button-tertiary-fg hover:button-tertiary-fg-hover focus:shadow-focus-ring" href="/guides/by-region/united-states/best-par-3-golf-courses"> 470 <span>Best par 3 courses</span> 471</a> 472 </li> 473 </div> 474 </ul> 475 476 <div class="space-y-lg pb-12"> 477 <a width="w-full" class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-full inline-flex items-center gap-xs px-[14px] py-[10px] rounded-md text-sm button-primary-fg hover:button-primary-fg-hover button-primary-bg hover:button-primary-bg-hover border-inset shadow-xs-skeumorphic focus:shadow-focus-ring-xs-skeumorphic disabled:bg-disabled disabled:fg-disabled disabled:border-disabled_subtle disabled:border disabled:shadow-xs" href="/sign_up"> 478 <span>Sign up</span> 479</a> 480 <a width="w-full" class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-full inline-flex items-center gap-xs px-[14px] py-[10px] rounded-md text-sm button-secondary-fg hover:button-secondary-fg-hover button-secondary-bg hover:button-secondary-bg-hover border-inset button-secondary-border hover:button-secondary-border-hover shadow-xs-skeumorphic focus:shadow-focus-ring-xs-skeumorphic disabled:fg-disabled disabled:bg-primary disabled:border disabled:border-disabled_subtle disabled:shadow-xs" href="/sign_in"> 481 <span>Log in</span> 482</a> 483 </div> 484 </section> 485</div> 486 487 </div> 488</nav> 489 490 491 <div class="grow flex flex-col items-center container-padding-mobile"> 492 <div class="max-w-screen-sm space-y-3xl pt-12 pb-24 lg:pt-48 lg:pb-60"> 493 <h1 class="text-center text-primary_on-brand font-display font-semibold text-display-md lg:text-display-xl">The easiest way to find great golf courses</h1> 494 <p class="text-center text-secondary_on-brand text-lg lg:text-xl">Search over 17.9k+ golf courses across 143+ regions to find local gems or even plan your next big golf trip.</p> 495 <div class="flex justify-center"> 496 <div class="relative w-full max-w-2xl mx-auto" 497 data-controller="ui--search--searchbar" 498 data-action="keydown->ui--search--searchbar#handleKeydown" 499 data-ui--search--searchbar-variant-value="hero"> 500 <input type="text" 501 placeholder="Search courses..." 502 class="w-full px-2xl py-lg text-base rounded-lg border-secondary bg-primary placeholder:text-placeholder text-primary focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-transparent shadow-sm transition-all duration-150" 503 data-ui--search--searchbar-target="input" 504 data-action="input->ui--search--searchbar#search"> 505 506 <div class="absolute top-full left-0 right-0 mt-sm bg-primary rounded-xl border-secondary overflow-hidden hidden data-[open]:block z-50 transition-all duration-150 shadow-[0px_20px_24px_-4px_rgba(10,13,18,0.08),0px_8px_8px_-4px_rgba(10,13,18,0.03)] max-h-[520px]" data-ui--search--searchbar-target="panel"> 507 <turbo-frame data-ui--search--searchbar-target="results" id="search-results"></turbo-frame> 508 </div> 509</div> 510 </div> 511 </div> 512 </div> 513 </div> 514 </section> 515 516 <section class="space-y-6xl lg:space-y-9xl container-padding-mobile"> 517 <div class="flex flex-col items-center text-center max-w-(--container-3xl) mx-auto"> 518 <h2 class="text-sm lg:text-base font-semibold text-brand-secondary mb-lg">Features</h2>
519 <span class="text-primary font-semibold font-display text-display-sm lg:text-display-md mb-xl lg:mb-2xl">What is Local Golf Spot?</span> 520 <p class="text-tertiary text-lg lg:text-xl">We help you find the best golf in your area, faster.</p> 521 </div> 522 523 <div class="space-y-6xl lg:space-y-9xl"> 524 <div class="flex flex-col lg:flex-row space-y-5xl"> 525 <div class="max-w-(--container-xl) ml-auto lg:py-9xl lg:pr-7xl flex justify-end lg:w-1/2"> 526 <div class="lg:container-padding-desktop"> 527 <div class="mb-2xl"> 528 <div class="rounded-full flex justify-center items-center w-12 h-12 bg-brand-secondary"> 529 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary w-6 h-6 featured-icon-light-fg-brand"><path d="m12 8 6-3-6-3v10"></path><path d="m8 11.99-5.5 3.14a1 1 0 0 0 0 1.74l8.5 4.86a2 2 0 0 0 2 0l8.5-4.86a1 1 0 0 0 0-1.74L16 12"></path><path d="m6.49 12.85 11.02 6.3"></path><path d="M17.51 12.85 6.5 19.15"></path></svg> 530</div> 531 </div> 532 533 <h3 class="text-primary font-semibold font-display text-display-xs lg:text-display-sm mb-md lg:mb-xl">Find the best golf courses</h3> 534 535 <p class="text-tertiary lg:text-lg mb-4xl">We have over 17.9k+ courses to search with detailed scores showing you which ones local golfers like the best.</p> 536 537 <ul class="pl-xl space-y-2xl"> 538 <li><div class="text-tertiary"> 539 <div class="hidden lg:flex items-center gap-lg"> 540 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 541 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 542 </div> 543 <p class="text-lg"> 544 Search over 17.9k+ golf courses across 143+ regions 545</p> </div> 546 547 <div class="lg:hidden flex items-center gap-lg"> 548 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 549 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 550 </div> 551 <p class="text-base"> 552 Search over 17.9k+ golf courses across 143+ regions 553</p> </div> 554</div></li> 555 <li><div class="text-tertiary"> 556 <div class="hidden lg:flex items-center gap-lg"> 557 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 558 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 559 </div> 560 <p class="text-lg"> 561 Compare course rankings by region 562</p> </div> 563 564 <div class="lg:hidden flex items-center gap-lg"> 565 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 566 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 567 </div> 568 <p class="text-base"> 569 Compare course rankings by region 570</p> </div> 571</div></li> 572 <li><div class="text-tertiary"> 573 <div class="hidden lg:flex items-center gap-lg"> 574 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 575 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 576 </div> 577 <p class="text-lg"> 578 See details about each course and facility 579</p> </div> 580 581 <div class="lg:hidden flex items-center gap-lg"> 582 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 583 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 584 </div> 585 <p class="text-base"> 586 See details about each course and facility 587</p> </div> 588</div></li> 589 </ul> 590 </div> 591 </div> 592 593 <div class="bg-cover bg-center bg-no-repeat min-h-60 lg:w-1/2" style="background-image: url('/assets/golf-course-1-26921055.jpg')"></div> 594 </div> 595 </div> 596 597 <div class="space-y-6xl lg:space-y-9xl"> 598 <div class="flex flex-col lg:flex-row-reverse space-y-5xl"> 599 <div class="max-w-(--container-xl) ml-auto lg:py-9xl lg:pr-7xl flex justify-end lg:w-1/2"> 600 <div class="lg:container-padding-desktop"> 601 <div class="mb-2xl"> 602 <div class="rounded-full flex justify-center items-center w-12 h-12 bg-brand-secondary"> 603 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary w-6 h-6 featured-icon-light-fg-brand"><path d="M8 2v4"></path><path d="M16 2v4"></path><path d="M21 14V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8"></path><path d="M3 10h18"></path><path d="m16 20 2 2 4-4"></path></svg> 604</div> 605 </div> 606 607 <h3 class="text-primary font-semibold font-display text-display-xs lg:text-display-sm mb-md lg:mb-xl">Plan your next golf trip</h3> 608 609 <p class="text-tertiary lg:text-lg mb-4xl">Whether you're building your bucket list of courses to play or planning your next big golf trip, we've got you covered.</p> 610 611 <ul class="pl-xl space-y-2xl"> 612 <li><div class="text-tertiary"> 613 <div class="hidden lg:flex items-center gap-lg"> 614 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 615 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 616 </div> 617 <p class="text-lg"> 618 Build custom course lists 619</p> </div> 620 621 <div class="lg:hidden flex items-center gap-lg"> 622 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 623 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 624 </div> 625 <p class="text-base"> 626 Build custom course lists 627</p> </div> 628</div></li> 629 <li><div class="text-tertiary"> 630 <div class="hidden lg:flex items-center gap-lg"> 631 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 632 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 633 </div> 634 <p class="text-lg"> 635 Plan out your next golf trip with our trip planner 636</p> </div> 637 638 <div class="lg:hidden flex items-center gap-lg"> 639 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 640 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 641 </div> 642 <p class="text-base"> 643 Plan out your next golf trip with our trip planner 644</p> </div> 645</div></li> 646 <li><div class="text-tertiary"> 647 <div class="hidden lg:flex items-center gap-lg"> 648 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 649 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 650 </div> 651 <p class="text-lg"> 652 See popular golf trip itineraries 653</p> </div> 654 655 <div class="lg:hidden flex items-center gap-lg"> 656 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 657 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 658 </div> 659 <p class="text-base"> 660 See popular golf trip itineraries 661</p> </div> 662</div></li> 663 </ul> 664 </div> 665 </div> 666 667 <div class="bg-cover bg-center bg-no-repeat min-h-60 lg:w-1/2" style="background-image: url('/assets/golf-course-2-e4d785d2.jpg')"></div> 668 </div> 669 </div> 670 671 <div class="space-y-6xl lg:space-y-9xl"> 672 <div class="flex flex-col lg:flex-row space-y-5xl"> 673 <div class="max-w-(--container-xl) ml-auto lg:py-9xl lg:pr-7xl flex justify-end lg:w-1/2"> 674 <div class="lg:container-padding-desktop"> 675 <div class="mb-2xl"> 676 <div class="rounded-full flex justify-center items-center w-12 h-12 bg-brand-secondary"> 677 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary w-6 h-6 featured-icon-light-fg-brand"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"></path><path d="m9 9.5 2 2 4-4"></path></svg> 678</div> 679 </div> 680 681 <h3 class="text-primary font-semibold font-display text-display-xs lg:text-display-sm mb-md lg:mb-xl">Document and share</h3> 682 683 <p class="text-tertiary lg:text-lg mb-4xl">Track courses you've played and share your experience with the local golf community.</p> 684 685 <ul class="pl-xl space-y-2xl"> 686 <li><div class="text-tertiary"> 687 <div class="hidden lg:flex items-center gap-lg"> 688 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 689 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 690 </div> 691 <p class="text-lg"> 692 Track your rounds played and rank each course 693</p> </div> 694 695 <div class="lg:hidden flex items-center gap-lg"> 696 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 697 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 698 </div> 699 <p class="text-base"> 700 Track your rounds played and rank each course 701</p> </div> 702</div></li> 703 <li><div class="text-tertiary"> 704 <div class="hidden lg:flex items-center gap-lg"> 705 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 706 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 707 </div> 708 <p class="text-lg"> 709 Share local insights with the golf community 710</p> </div> 711 712 <div class="lg:hidden flex items-center gap-lg"> 713 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 714 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 715 </div> 716 <p class="text-base"> 717 Share local insights with the golf community 718</p> </div> 719</div></li> 720 <li><div class="text-tertiary"> 721 <div class="hidden lg:flex items-center gap-lg"> 722 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 723 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 724 </div> 725 <p class="text-lg"> 726 Document your personal golf timeline 727</p> </div> 728 729 <div class="lg:hidden flex items-center gap-lg"> 730 <div class="rounded-full flex justify-center items-center bg-brand-primary w-7 h-7"> 731 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary featured-icon-light-fg-brand"><path d="M20 6 9 17l-5-5"></path></svg> 732 </div> 733 <p class="text-base"> 734 Document your personal golf timeline 735</p> </div> 736</div></li> 737 </ul> 738 </div> 739 </div> 740 741 <div class="bg-cover bg-center bg-no-repeat min-h-60 lg:w-1/2" style="background-image: url('/assets/golf-course-3-37a917cc.jpg')"></div> 742 </div> 743 </div> 744 </section> 745 746 <section class="space-y-6xl container-padding-mobile"> 747 <div class="text-center flex flex-col items-center"> 748 <div class="mb-xl lg:mb-3xl"> 749 <div class="rounded-full flex justify-center items-center w-14 h-14 bg-brand-secondary"> 750 <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 w-5 h-5 fg-tertiary w-7 h-7 featured-icon-light-fg-brand"><path d="M5 21v-6"></path><path d="M12 21V9"></path><path d="M19 21V3"></path></svg> 751</div> 752 </div> 753 <h2 class="text-primary font-semibold font-display text-display-sm lg:text-display-md mb-xl lg:mb-2xl">The most accurate rankings in golf</h2> 754 <p class="text-tertiary text-lg lg:text-xl">We use a combination of data from local golfers and course reviews to give you the most accurate rankings in golf.</p> 755 </div> 756 757 <div class="mx-auto container-max-width-desktop flex flex-col lg:flex-row lg:justify-center gap-4xl"> 758 <div class="flex flex-col gap-lg items-center text-center min-w-60">
759 <span class="text-brand-tertiary_alt font-display text-display-lg lg:text-display-xl font-semibold">17.9k+</span> 760 <span class="text-primary text-lg font-semibold">Golf courses</span> 761 </div> 762 763 <div class="flex flex-col gap-lg items-center text-center min-w-60"> 764 <span class="text-brand-tertiary_alt font-display text-display-lg lg:text-display-xl font-semibold">143+</span> 765 <span class="text-primary text-lg font-semibold">Regions</span> 766 </div> 767 768 <div class="flex flex-col gap-lg items-center text-center min-w-60"> 769 <span class="text-brand-tertiary_alt font-display text-display-lg lg:text-display-xl font-semibold">135.1k+</span> 770 <span class="text-primary text-lg font-semibold">Data points</span> 771 </div> 772 </div> 773 </section> 774 775 <section class="container-padding-mobile lg:container-padding-desktop lg:container-max-width-desktop mx-auto"> 776 <div class="lg:rounded-2xl lg:p-7xl lg:bg-secondary flex flex-col lg:flex-row lg:justify-between gap-4xl"> 777 <div class="space-y-xl"> 778 <h3 class="text-primary font-display text-display-sm font-semibold">Plan your next golf trip with Local Golf Spot</h3> 779 <p class="text-tertiary text-lg lg:text-xl">Sign up to save your favorite courses and plan your next golf getaway.</p> 780 </div> 781 <div class="flex items-center gap-lg"> 782 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-sm px-[18px] py-lg rounded-md text-md button-secondary-fg hover:button-secondary-fg-hover button-secondary-bg hover:button-secondary-bg-hover border-inset button-secondary-border hover:button-secondary-border-hover shadow-xs-skeumorphic focus:shadow-focus-ring-xs-skeumorphic disabled:fg-disabled disabled:bg-primary disabled:border disabled:border-disabled_subtle disabled:shadow-xs" href="/sign_up"> 783 <span>Learn more</span> 784</a> 785 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-sm px-[18px] py-lg rounded-md text-md button-primary-fg hover:button-primary-fg-hover button-primary-bg hover:button-primary-bg-hover border-inset shadow-xs-skeumorphic focus:shadow-focus-ring-xs-skeumorphic disabled:bg-disabled disabled:fg-disabled disabled:border-disabled_subtle disabled:border disabled:shadow-xs" href="/sign_up"> 786 <span>Sign up</span> 787</a> 788 </div> 789 </div> 790 </section> 791 792 <footer class="py-6xl lg:py-7xl space-y-6xl lg:space-y-7xl"> 793 <div class="flex flex-col gap-4xl lg:items-center container-padding-mobile lg:container-padding-desktop container-max-width-desktop mx-auto"> 794 <div class="flex items-center gap-2"> 795 <div class="flex items-center justify-center shrink-0 w-8 h-8"> 796 <svg viewBox="0 0 24 24" class="w-full h-full" aria-hidden="true" focusable="false"> 797 <circle cx="12" cy="12" r="12" fill="currentColor" class="text-brand-700 theme-dark:text-white"/> 798 <circle cx="12" cy="12" r="6.2" fill="none" stroke="currentColor" stroke-width="1.2" class="text-white theme-dark:text-brand-700"/> 799 <circle cx="12" cy="12" r="2.6" fill="currentColor" class="text-white theme-dark:text-brand-700"/> 800 <g class="text-white theme-dark:text-brand-700" fill="currentColor"> 801 <rect x="11" y="2" width="2" height="4"/> 802 <rect x="11" y="18" width="2" height="4"/> 803 <rect x="2" y="11" width="4" height="2"/> 804 <rect x="18" y="11" width="4" height="2"/> 805 </g> 806 </svg> 807</div> 808 <span class="text-sm text-primary font-display font-bold">Local Golf Spot</span> 809</div> 810 811 812 <ul> 813 <li class="flex flex-col lg:flex-row lg:items-center gap-lg lg:gap-4xl"> 814 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-sm rounded-md text-md button-tertiary-fg hover:button-tertiary-fg-hover focus:shadow-focus-ring" href="/"> 815 <span>Home</span> 816</a> 817 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-sm roun
817ded-md text-md button-tertiary-fg hover:button-tertiary-fg-hover focus:shadow-focus-ring" href="/regions"> 818 <span>Golf Course Rankings</span> 819</a> 820 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-sm rounded-md text-md button-tertiary-fg hover:button-tertiary-fg-hover focus:shadow-focus-ring" href="/regions"> 821 <span>Region Guides</span> 822</a> 823 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-sm rounded-md text-md button-tertiary-fg hover:button-tertiary-fg-hover focus:shadow-focus-ring" href="/"> 824 <span>Map</span> 825</a> 826 </li> 827 </ul> 828 </div> 829 830 <div class="container-padding-mobile lg:container-padding-desktop container-max-width-desktop mx-auto"> 831 <div class="pt-4xl border-t border-secondary flex flex-col-reverse lg:flex-row lg:items-center justify-between gap-xl"> 832 <p class="text-quaternary">© Links Logic LLC. All rights reserved.</p> 833 834 <ul class="flex items-center gap-xl"> 835 <li> 836 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-xs rounded-md text-sm button-tertiary-fg hover:button-tertiary-fg-hover focus:shadow-focus-ring" href="/terms-and-conditions"> 837 <span>Terms</span> 838</a> 839 </li> 840 841 <li> 842 <a class="whitespace-nowrap font-semibold cursor-pointer disabled:cursor-not-allowed flex justify-center w-fit inline-flex items-center gap-xs rounded-md text-sm button-tertiary-fg hover:button-tertiary-fg-hover focus:shadow-focus-ring" href="/privacy-policy"> 843 <span>Privacy</span> 844</a> 845 </li> 846 </ul> 847 </div> 848 </div> 849</footer> 850 851</div> 852 </div> 853
853<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"6936a79f7cac424e8e4cd33834279630","r":1,"spa":2}' crossorigin="anonymous"></script>
853 854</body> 855</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.