1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"/> 5 <meta name="viewport" content="width=device-width, initial-scale=1"/> 6 7 <!-- SEO --> 8 <title>Golf Simulator at Premier | TrackMan Technology</title> 9 <meta name="description" content="Experience year-round golf with TrackMan iO technology. Memberships from $250/month. Book tee times, join leagues, or take lessons with expert instructors."/> 10 <meta name="robots" content="index, follow"/> 11 <link rel="canonical" href="https://www.playatpremier.com/golf"/> 12 13 <!-- Open Graph --> 14 <meta property="og:type" content="website"/> 15 <meta property="og:url" content="https://www.playatpremier.com/golf"/> 16 <meta property="og:title" content="Golf Simulator at Premier | TrackMan Technology"/> 17 <meta property="og:description" content="Experience year-round golf with TrackMan iO technology. Memberships from $250/month. Book tee times, join leagues, or take lessons with expert instructors."/> 18 <meta property="og:image" content="https://www.playatpremier.com/assets/images/golf-banner.jpg"/> 19 <meta property="og:site_name" content="Premier Pickleball Club"/> 20 21 <!-- Twitter --> 22 <meta name="twitter:card" content="summary_large_image"/> 23 <meta name="twitter:title" content="Golf Simulator at Premier | TrackMan Technology"/> 24 <meta name="twitter:description" content="Experience year-round golf with TrackMan iO technology. Memberships from $250/month. Book tee times, join leagues, or take lessons with expert instructors."/> 25 <meta name="twitter:image" content="https://www.playatpremier.com/assets/images/golf-banner.jpg"/> 26 27 <!-- Favicon --> 28 <link rel="icon" href="/assets/images/favicon.png" type="image/png"/> 29 <link rel="shortcut icon" href="/assets/images/favicon.png"/> 30 31 <!-- Preload hero LCP image --> 32 <link rel="preload" as="image" href="/assets/images/golf-banner.jpg"/> 33 34 <!-- Fonts --> 35 <link rel="preconnect" href="https://fonts.googleapis.com"/> 36 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> 37 <link rel="dns-prefetch" href="https://fonts.googleapis.com"/> 38 <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,900&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap" rel="stylesheet"/>
vendor: 63 bytes, lines 38-39
38 39 <script src="https://www.google.com/recaptcha/api.js?render=
396LcsP38tAAAAAM7mDFX5jnqY3dzEyIdb7WrY-FUq
vendor: 14 bytes, lines 39-40
39"></script> 40
40<script>function _recaptcha(a){return new Promise(function(r){if(typeof grecaptcha==='undefined')return r('');try{grecaptcha.ready(function(){grecaptcha.execute('6LcsP38tAAAAAM7mDFX5jnqY3dzEyIdb7WrY-FUq',{action:a}).then(r,function(){r('')});});}catch(e){r('')}});}</script>
40 41 42 <!-- GTM --> 43
43<script>
vendor: 323 bytes, line 43
43(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
43GTM-MRC4F3B2
vendor: 3 bytes, line 43
43');
43</script>
43 44 45 <!-- JSON-LD --> 46
46<script type="application/ld+json"> 47 { 48 "@context": "https://schema.org", 49 "@type": "WebPage", 50 "name": "Welcome to Premier's Golf Simulator", 51 "description": "Premier Pickleball Club offers state-of-the-art golf simulator experiences with TrackMan iO technology, memberships, leagues, and professional instruction in a climate-controlled facility.", 52 "url": "https://www.playatpremier.com/golf", 53 "inLanguage": "en", 54 "about": { 55 "@type": "LocalBusiness", 56 "name": "Premier Pickleball Club", 57 "description": "Golf simulator facility featuring TrackMan iO technology, memberships, leagues, and professional golf instruction", 58 "image": [ 59 "/assets/images/golf-banner.jpg", 60 "/assets/images/players-gameplay.webp", 61 "/assets/images/cta-bg.jpg" 62 ], 63 "address": { 64 "@type": "PostalAddress", 65 "streetAddress": "5163 Denali Park Dr", 66 "addressLocality": "Herriman", 67 "addressRegion": "UT", 68 "postalCode": "84096", 69 "addressCountry": "US" 70 }, 71 "telephone": "+1-801-679-9608", 72 "email": "[email protected]", 73 "openingHours": "Mo-Su 06:00-00:00", 74 "priceRange": "$45-$280", 75 "sameAs": [ 76 "https://www.facebook.com/profile.php?id=61560432118129", 77 "https://www.instagram.com/premierpickleball_/" 78 ], 79 "makesOffer": [ 80 { 81 "@type": "Offer", 82 "name": "Month to Month Membership", 83 "price": "280", 84 "priceCurrency": "USD", 85 "description": "Unlimited Tee Times, Hold 2 Reservations at a Time, Bring 3 Guests at No Additional Cost, 20% Off Leagues" 86 }, 87 { 88 "@type": "Offer", 89 "name": "6 Month Membership", 90 "price": "1600", 91 "priceCurrency": "USD", 92 "description": "Unlimited Tee Times, Hold 3 Reservations at a Time, Bring 3 Guests at No Additional Cost, 20% Off Leagues" 93 }, 94 { 95 "@type": "Offer", 96 "name": "12 Month Membership", 97 "price": "3000", 98 "priceCurrency": "USD", 99 "description": "Unlimited Tee Times, Hold 4 Reservations at a Time, Bring 3 Guests at No Additional Cost, 20% Off Leagues" 100 } 101 ] 102 } 103 } 104 </script>
104 105 106
106<script type="application/ld+json"> 107[ 108 { 109 "@context": "https://schema.org", 110 "@type": "BreadcrumbList", 111 "itemListElement": [ 112 {"@type":"ListItem","position":1,"name":"Home","item":"https://www.playatpremier.com/"}, 113 {"@type":"ListItem","position":2,"name":"Golf Simulator","item":"https://www.playatpremier.com/golf"} 114 ] 115 }, 116 { 117 "@context": "https://schema.org", 118 "@type": "SportsActivityLocation", 119 "@id": "https://www.playatpremier.com/golf#golf-simulator", 120 "name": "Premier Pickleball Golf Simulator", 121 "description": "TrackMan golf simulator with PGA-quality technology at Premier Pickleball Club in Herriman, Utah", 122 "url": "https://www.playatpremier.com/golf", 123 "address": { 124 "@type": "PostalAddress", 125 "streetAddress": "5163 Denali Park Dr", 126 "addressLocality": "Herriman", 127 "addressRegion": "UT", 128 "postalCode": "84096", 129 "addressCountry": "US" 130 }, 131 "hasOfferCatalog": { 132 "@type": "OfferCatalog", 133 "name": "Golf Simulator Memberships", 134 "itemListElement": [ 135 {"@type":"Offer","name":"Monthly Membership","price":"280","priceCurrency":"USD"}, 136 {"@type":"Offer","name":"Annual Membership","price":"1600","priceCurrency":"USD"}, 137 {"@type":"Offer","name":"Family Annual Membership","price":"3000","priceCurrency":"USD"} 138 ] 139 } 140 } 141] 142</script>
142 143 144 <style> 145 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 146 :root { 147 --green: #0e4360; 148 --green-2: #0c3350; 149 --lime: #f5ca62; 150 --lime-2: #e8b84d; 151 --white: #FFFFFF; 152 --off: #F4F4F0; 153 --ink: #0C1A11; 154 --ink-60: rgba(12,26,17,.60); 155 --ink-30: rgba(12,26,17,.30); 156 --border: #E0E5DD; 157 --fd: 'Barlow Condensed', sans-serif; 158 --fb: 'Plus Jakarta Sans', sans-serif; 159 } 160 html { scroll-behavior: smooth; } 161 body { background: var(--white); color: var(--ink); font-family: var(--fb); -webkit-font-smoothing: antialiased; overflow-x: hidden; } 162 img { display: block; max-width: 100%; } 163 a { color: inherit; text-decoration: none; } 164 button { font-family: inherit; cursor: pointer; } 165 166 .container { max-width: 1280px; margin: 0 auto; padding: 0 48px; } 167 @media(max-width:768px){ .container { padding: 0 20px; } } 168 169 .display { font-family: var(--fd); font-weight: 900; text-transform: uppercase; line-height: .95; letter-spacing: -.01em; } 170 171 .section-eyebrow { 172 display: inline-flex; align-items: center; gap: 10px; 173 font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-60); 174 } 175 .section-eyebrow::after { content: ''; display: block; width: 32px; height: 2px; background: var(--lime); border-radius: 2px; } 176 177 .btn { 178 display: inline-flex; align-items: center; gap: 10px; 179 font-family: var(--fb); 180 font-size: 14px; font-weight: 600; letter-spacing: .04em; 181 padding: 14px 28px; border-radius: 100px; 182 transition: transform .15s, background .2s; 183 white-space: nowrap; 184 border: none; 185 } 186 .btn:hover { transform: translateY(-2px); } 187 .btn-lime { background: var(--lime); color: var(--ink); } 188 .btn-lime:hover { background: var(--lime-2); } 189 .btn-outline { background: transparent; border: 1.5px solid var(--border); color: var(--ink); } 190 .btn-outline:hover { border-color: var(--ink); background: var(--off); } 191 .btn-hero-outline:hover { color: var(--green) !important; background: rgba(255,255,255,.95) !important; border-color: var(--white) !important; } 192 193 .arrow-icon { 194 width: 18px; height: 18px; 195 background: var(--ink); 196 border-radius: 50%; 197 display: inline-flex; align-items: center; justify-content: center; 198 flex-shrink: 0; 199 transition: transform .2s; 200 } 201 .btn-lime .arrow-icon { background: var(--ink); } 202 .btn:hover .arrow-icon { transform: rotate(45deg); } 203 204 /* ââ NAV ââ */ 205 .nav { 206 position: fixed; top: 16px; left: 50%; transform: translateX(-50%); 207 z-index: 200; 208 background: rgba(255,255,255,.96); 209 backdrop-filter: blur(20px); 210 border-radius: 100px; 211 border: 1px solid rgba(0,0,0,.08); 212 box-shadow: 0 4px 24px rgba(0,0,0,.10); 213 padding: 0 12px 0 20px; 214 height: 56px; 215 display: flex; align-items: center; 216 width: min(1020px, calc(100vw - 32px)); 217 transition: box-shadow .3s, top .3s; 218 white-space: nowrap; 219 } 220 .nav.solid { 221 box-shadow: 0 8px 40px rgba(0,0,0,.14); 222 top: 12px; 223 } 224 .nav-inner { 225 width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 0; 226 } 227 .nav-logo { flex-shrink: 0; display: flex; align-items: center; } 228 .nav-logo img { height: 38px; margin-right: 0; } 229 .nav-links { 230 flex: 1; display: flex; align-items: center; justify-content: center; gap: 4px; list-style: none; padding: 0 12px; 231 } 232 .nav-links li { display: flex; align-items: center; height: 36px; } 233 .nav-links a { 234 font-size: 13px; font-weight: 500; color: var(--ink-60); 235 padding: 6px 14px; border-radius: 100px; 236 transition: color .2s, background .2s; 237 display: flex; align-items: center; 238 } 239 .nav-links a:hover { color: var(--ink); background: var(--off); } 240 .nav-end { flex-shrink: 0; display: flex; align-items: center; gap: 8px; margin-left: 0; } 241 .hamburger { 242 display: none; flex-direction: column; gap: 5px; 243 background: none; border: none; padding: 4px; margin-left: 8px; 244 } 245 .hamburger span { display: block;
245 width: 20px; height: 2px; background: var(--ink); border-radius: 2px; } 246 247 .nav-dropdown { position: relative; } 248 .nav-dropdown > a { display: flex; align-items: center; gap: 5px; } 249 .nav-dropdown-menu { 250 position: absolute; top: calc(100% + 12px); left: 0; 251 background: #fff; border-radius: 12px; 252 box-shadow: 0 8px 40px rgba(0,0,0,.12); border: 1px solid rgba(0,0,0,.06); 253 padding: 8px; min-width: 180px; 254 opacity: 0; visibility: hidden; transform: translateY(-6px); 255 transition: opacity .2s, transform .2s, visibility .2s; 256 z-index: 300; 257 } 258 .nav-dropdown:hover .nav-dropdown-menu, 259 .nav-dropdown:focus-within .nav-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); } 260 .nav-dropdown-menu a { 261 display: block; padding: 10px 14px; border-radius: 8px; 262 font-size: 13px; color: var(--ink-60); background: transparent; 263 } 264 .nav-dropdown-menu a:hover { background: var(--off); color: var(--ink); } 265 266 /* ââ HERO ââ */ 267 .golf-hero { background: var(--green); padding-top: 130px; overflow: hidden; } 268 .golf-hero-inner { 269 display: grid; grid-template-columns: 1fr 1fr; 270 gap: 64px; align-items: end; 271 } 272 .golf-hero-left { padding-bottom: 80px; } 273 .golf-eyebrow-light { color: var(--lime); } 274 .golf-eyebrow-light::after { background: var(--lime); } 275 .golf-hero-title { font-size: clamp(48px, 5.5vw, 88px); color: var(--white); margin-bottom: 24px; } 276 .golf-hero-title em { font-style: italic; color: var(--lime); } 277 .golf-hero-body { font-size: 16px; color: rgba(255,255,255,.65); line-height: 1.75; max-width: 440px; margin-bottom: 36px; } 278 279 .golf-hero-img-wrap { 280 overflow: hidden; 281 border-radius: 20px 20px 0 0; 282 line-height: 0; 283 } 284 .golf-hero-img-wrap img { 285 width: 100%; height: 520px; object-fit: cover; display: block; 286 transition: transform .6s cubic-bezier(.25,.46,.45,.94); 287 } 288 .golf-hero-img-wrap:hover img { transform: scale(1.04); } 289 290 /* ââ WHY SECTION ââ */ 291 .golf-why { background: var(--off); padding: 100px 0; } 292 .golf-why-header { text-align: center; margin-bottom: 64px; } 293 .golf-why-header .section-eyebrow { justify-content: center; } 294 .golf-why-header .section-eyebrow::after { display: none; } 295 .golf-why-grid { 296 display: grid; 297 grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); 298 gap: 32px; 299 } 300 .golf-why-item { 301 display: flex; flex-direction: column; align-items: center; 302 text-align: center; gap: 16px; 303 } 304 .golf-why-icon { 305 width: 88px; height: 88px; 306 background: var(--white); border-radius: 20px; 307 border: 1px solid var(--border); 308 display: flex; align-items: center; justify-content: center; 309 flex-shrink: 0; 310 transition: transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease; 311 } 312 .golf-why-item:hover .golf-why-icon { 313 transform: translateY(-4px); 314 box-shadow: 0 12px 32px rgba(14,67,96,.12); 315 } 316 .golf-why-icon img { width: 64px; height: 64px; object-fit: contain; } 317 .golf-why-label { font-size: 14px; font-weight: 600; color: var(--ink); line-height: 1.4; max-width: 140px; } 318 319 /* ââ GOLF LEAGUES ââ */ 320 .golf-leagues { 321 background: var(--green-2); 322 padding: 110px 0; 323 position: relative; 324 overflow: hidden; 325 scroll-margin-top: 90px; 326 } 327 .golf-leagues::before { 328 content: ''; 329 position: absolute; inset: 0; 330 background: 331 radial-gradient(circle at 15% 20%, rgba(245,202,98,.10) 0%, transparent 45%), 332 radial-gradient(circle at 85% 80%, rgba(245,202,98,.08) 0%, transparent 45%); 333 pointer-events: none; 334 } 335 .golf-leagues .container { position: relative; z-index: 1; } 336 .golf-leagues-header { text-align: center; margin-bottom: 20px; } 337 .golf-leagues-header .section-eyebrow { justify-content: center; color: var(--lime); } 338 .golf-leagues-header .section-eyebrow::after { display: none; } 339 .golf-leagues-header h2 { color: var(--white); } 340 .golf-leagues-intro { max-width: 640px; margin: 0 auto 56px; text-align: center; font-size: 15px; color: rgba(255,255,255,.65); line-height: 1.7; } 341 .golf-leagues-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } 342 .league-card { 343 background: rgba(255,255,255,.05); 344 border: 1.5px solid rgba(255,255,255,.14); 345 border-radius: 20px; 346 padding: 36px 28px; 347 display: flex; flex-direction: column; 348 position: relative; 349 overflow: hidden; 350 transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease, border-color .35s ease, background .35s ease; 351 } 352 .league-card::before { 353 content: ''; 354 position: absolute; inset: 0; 355 background: linear-gradient(135deg, rgba(255,255,255,0) 38%, rgba(255,255,255,.10) 50%, rgba(255,255,255,0) 62%); 356 transform: translateX(-120%); 357 transition: transform .6s ease; 358 pointer-events: none; 359 } 360 .league-card:hover { 361 transform: translateY(-10px) scale(1.02); 362 border-color: var(--lime); 363 background: rgba(255,255,255,.08); 364 box-shadow: 0 28px 60px rgba(0,0,0,.35), 0 0 0 1px rgba(245,202,98,.15), 0 0 40px rgba(245,202,98,.18); 365 } 366 .league-card:hover::before { transform: translateX(120%); } 367 .league-card-badge { 368 display: inline-flex; align-self: flex-start; 369 font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; 370 background: var(--lime); color: var(--ink); padding: 5px 12px; border-radius: 100px; margin-bottom: 18px; 371 } 372 .league-card-title { font-family: var(--fd); font-weight: 800; text-transform: uppercase; font-size: 26px; color: var(--white); margin-bottom: 16px; } 373 .league-card-features { list-style: none; display: flex; flex-direction: column; gap: 10px; flex: 1; margin-bottom: 24px; } 374 .league-card-features li { font-size: 14px; color: rgba(255,255,255,.70); display: flex; gap: 8px; align-items: flex-start; line-height: 1.5; } 375 .league-card-features li::before { content: 'â'; color: var(--lime); font-weight: 700; flex-shrink: 0;
375 margin-top: 1px; } 376 .league-card-cta { 377 display: block; text-align: center; padding: 14px; border-radius: 100px; 378 font-size: 13px; font-weight: 700; background: var(--lime); color: var(--ink); 379 transition: background .2s ease, transform .2s ease, box-shadow .2s ease; 380 } 381 .league-card-cta:hover { background: var(--lime-2); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(245,202,98,.35); } 382 383 .league-trackman-note { 384 display: flex; gap: 16px; align-items: flex-start; 385 border: 1.5px solid var(--lime); 386 background: rgba(255,255,255,.06); 387 border-radius: 16px; 388 padding: 22px 26px; 389 margin: 0 auto 48px; 390 max-width: 780px; 391 } 392 .league-trackman-note-icon { 393 flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; 394 background: rgba(245,202,98,.15); 395 display: flex; align-items: center; justify-content: center; 396 } 397 .league-trackman-note-title { 398 font-family: var(--fd); font-weight: 800; text-transform: uppercase; 399 letter-spacing: .02em; font-size: 16px; color: var(--white); margin-bottom: 6px; 400 } 401 .league-trackman-note-body { font-size: 14px; color: rgba(255,255,255,.70); line-height: 1.6; margin-bottom: 14px; } 402 .league-trackman-note-links { display: flex; gap: 12px; flex-wrap: wrap; } 403 .league-trackman-note-links a { 404 display: inline-flex; align-items: center; gap: 6px; 405 font-size: 13px; font-weight: 700; color: var(--ink); background: var(--lime); 406 padding: 9px 18px; border-radius: 100px; 407 transition: background .2s ease, transform .2s ease; 408 } 409 .league-trackman-note-links a:hover { background: var(--lime-2); transform: translateY(-2px); } 410 411 .league-faq { margin-top: 64px; max-width: 760px; margin-left: auto; margin-right: auto; } 412 .league-faq-header { text-align: center; margin-bottom: 32px; } 413 .league-faq-header h3 { font-family: var(--fd); font-weight: 800; text-transform: uppercase; font-size: clamp(24px, 3vw, 34px); color: var(--white); } 414 .league-faq-list { display: flex; flex-direction: column; gap: 12px; } 415 .league-faq-item { 416 background: rgba(255,255,255,.05); 417 border: 1px solid rgba(255,255,255,.14); 418 border-radius: 12px; 419 padding: 4px 22px; 420 } 421 .league-faq-item summary { 422 cursor: pointer; padding: 16px 0; 423 font-family: var(--fb); font-weight: 700; font-size: 15px; color: var(--white); 424 list-style: none; 425 display: flex; justify-content: space-between; align-items: center; gap: 16px; 426 } 427 .league-faq-item summary::-webkit-details-marker { display: none; } 428 .league-faq-item summary::after { 429 content: '+'; flex-shrink: 0; 430 font-family: var(--fd); font-size: 20px; color: var(--lime); 431 transition: transform .2s ease; 432 } 433 .league-faq-item[open] summary::after { transform: rotate(45deg); } 434 .league-faq-item p { font-size: 14px; color: rgba(255,255,255,.68); line-height: 1.65; padding-bottom: 18px; margin: 0; } 435 436 /* ââ MEMBERSHIPS ââ */ 437 .golf-memberships { background: var(--white); padding: 100px 0; } 438 .golf-memberships-header { text-align: center; margin-bottom: 56px; } 439 .golf-memberships-header .section-eyebrow { justify-content: center; } 440 .golf-memberships-header .section-eyebrow::after { display: none; } 441 .golf-cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } 442 443 .golf-card { 444 background: var(--green); border-radius: 20px; border: 1px solid var(--green); 445 padding: 36px 32px; display: flex; flex-direction: column; 446 transition: transform .32s cubic-bezier(.34,1.2,.64,1), box-shadow .32s ease; 447 position: relative; overflow: hidden; 448 } 449 .golf-card::before { 450 content: ''; position: absolute; inset: 0; 451 background: linear-gradient(135deg, rgba(255,255,255,0) 38%, rgba(255,255,255,.16) 50%, rgba(255,255,255,0) 62%); 452 transform: translateX(-120%); 453 transition: transform .55s ease; 454 pointer-events: none; 455 } 456 .golf-card:hover { transform: translateY(-8px); box-shadow: 0 32px 64px rgba(14,67,96,.30); } 457 .golf-card:hover::before { transform: translateX(120%); } 458 459 .golf-card-plan { font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.55); margin-bottom: 12px; } 460 .golf-card-price { font-family: var(--fd); font-size: clamp(40px, 4vw, 56px); font-weight: 900; text-transform: uppercase; color: var(--white); line-height: 1; margin-bottom: 8px; } 461 .golf-card-period { font-size: 13px; color: rgba(255,255,255,.45); margin-bottom: 28px; }
462 .golf-card-divider { height: 1px; background: rgba(255,255,255,.14); margin: 0 0 28px; } 463 .golf-card-features { list-style: none; display: flex; flex-direction: column; gap: 12px; flex: 1; margin-bottom: 32px; } 464 .golf-card-features li { font-size: 14px; color: rgba(255,255,255,.70); display: flex; gap: 8px; align-items: flex-start; line-height: 1.5; } 465 .golf-card-features li::before { content: 'â'; color: var(--lime); font-weight: 700; flex-shrink: 0; margin-top: 1px; } 466 .golf-card-cta { 467 display: block; text-align: center; padding: 13px; border-radius: 100px; 468 font-size: 13px; font-weight: 700; background: var(--lime); color: var(--ink); 469 border: 1.5px solid var(--lime); 470 transition: background .2s ease, color .2s ease, border-color .2s ease, transform .22s cubic-bezier(.34,1.56,.64,1); 471 } 472 .golf-card-cta:hover { background: var(--lime-2); border-color: var(--lime-2); transform: translateY(-2px); } 473 474 /* ââ TEE TIME PRICING ââ */ 475 .golf-pricing { background: var(--off); padding: 100px 0; } 476 .golf-pricing-header { text-align: center; margin-bottom: 20px; } 477 .golf-pricing-cta-wrap { display: flex; justify-content: center; margin-bottom: 48px; } 478 479 .golf-pricing-table-wrap { max-width: 700px; margin: 0 auto; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 32px rgba(0,0,0,.08); } 480 .golf-pricing-table { width: 100%; border-collapse: collapse; } 481 .golf-pricing-table thead tr { background: var(--green); } 482 .golf-pricing-table thead th { 483 padding: 16px 20px; text-align: left; 484 font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; 485 color: var(--white); 486 } 487 .golf-pricing-table thead th:not(:first-child) { text-align: center; } 488 .golf-pricing-table tbody tr:nth-child(odd) { background: var(--white); } 489 .golf-pricing-table tbody tr:nth-child(even) { background: var(--off); } 490 .golf-pricing-table tbody td { 491 padding: 16px 20px; font-size: 14px; color: var(--ink); line-height: 1.5; 492 border-bottom: 1px solid var(--border); 493 } 494 .golf-pricing-table tbody tr:last-child td { border-bottom: none; } 495 .golf-pricing-table tbody td:not(:first-child) { text-align: center; font-weight: 600; } 496 .golf-pricing-table tbody td.included { color: var(--green); } 497 498 /* ââ LESSON ââ */ 499 .golf-lesson { background: var(--white); padding: 100px 0; } 500 .golf-lesson-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; } 501 .golf-lesson-eyebrow { margin-bottom: 20px; } 502 .golf-lesson-title { font-size: clamp(36px, 4vw, 60px); color: var(--ink); margin-bottom: 24px; } 503 .golf-lesson-body { font-size: 15px; color: var(--ink-60); line-height: 1.8; margin-bottom: 36px; } 504 .golf-lesson-img-wrap { 505 border-radius: 20px; overflow: hidden; height: 480px; 506 } 507 .golf-lesson-img-wrap img { 508 width: 100%; height: 100%; object-fit: cover; 509 transition: transform .55s cubic-bezier(.25,.46,.45,.94); 510 } 511 .golf-lesson-img-wrap:hover img { transform: scale(1.04); } 512 513 /* ââ CTA BANNER ââ */ 514 .golf-cta-banner { 515 position: relative; 516 min-height: 400px; 517 padding: 100px 0; 518 display: flex; align-items: center; 519 overflow: hidden; 520 } 521 .golf-cta-bg { 522 position: absolute; inset: 0; 523 background-image: url('/assets/images/cta-bg.jpg'); 524 background-image: image-set( 525 url('/assets/images/cta-bg-500.jpg') 500w, 526 url('/assets/images/cta-bg-800.jpg') 800w, 527 url('/assets/images/cta-bg-1080.jpg') 1080w, 528 url('/assets/images/cta-bg-1600.jpg') 1600w, 529 url('/assets/images/cta-bg.jpg') 1920w 530 ); 531 background-size: cover; background-position: center; 532 z-index: 0; 533 } 534 .golf-cta-overlay { 535 position: absolute; inset: 0; 536 background: rgba(14,67,96,0.72); 537 z-index: 1; 538 } 539 .golf-cta-content { 540 position: relative; z-index: 2; 541 width: 100%; text-align: center; 542 } 543 .golf-cta-quote { 544 font-family: var(--fd); font-weight: 900; font-style: italic; 545 font-size: clamp(28px, 3.5vw, 52px); text-transform: uppercase; line-height: 1.1; 546 color: var(--white); 547 max-width: 720px; margin: 0 auto; 548 } 549 .golf-cta-quote strong { color: var(--lime); font-style: normal; } 550 551 /* ââ CONTACT ââ */ 552 .golf-contact { background: var(--off); padding: 80px 0 0; } 553 .golf-contact-top { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; padding-bottom: 48px; } 554 .golf-contact-info { display: flex; flex-direction: column; gap: 24px; } 555 .golf-contact-item { display: flex; gap: 14px; align-items: flex-start; } 556 .golf-contact-map { border-radius: 16px; overflow: hidden; border: 2px solid var(--green); height: 360px; } 557 .golf-contact-map iframe { width: 100%; height: 100%; border: 0; display: block; } 558 559 /* ââ FOOTER ââ */ 560 .pe-footer { background: #fff; border-top: 1px solid #e8e8e8; padding: 64px 0 0; } 561 .pe-footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 56px; } 562 .pe-footer-col-title { font-size: 15px; font-weight: 700; color: var(--ink); margin-bottom: 20px; } 563 .pe-footer-links { list-style: none; display: flex; flex-direction: column; gap: 14px; } 564 .pe-footer-links a { font-size: 14px; color: #555; } 565 .pe-footer-links a:hover { color: var(--ink); } 566 .pe-footer-links a.active { color: var(--ink); font-weight: 700; } 567 .pe-footer-bottom { border-top: 1px solid #e8e8e8; padding: 20px 0; display: flex; justify-content: space-between; align-items: center; } 568 569 /* ââ RESPONSIVE ââ */ 570 @media(max-width:1100px) { 571 .golf-cards-grid { grid-template-columns: 1fr 1fr; } 572 .golf-leagues-grid { grid-template-columns: 1fr 1fr; } 573 }
574 @media(max-width:900px) { 575 .golf-hero-inner { grid-template-columns: 1fr; } 576 .golf-hero-img-wrap { display: none; } 577 .golf-hero-left { padding-bottom: 60px; } 578 .golf-lesson-inner { grid-template-columns: 1fr; gap: 48px; } 579 .golf-contact-top { grid-template-columns: 1fr; gap: 40px; } 580 .pe-footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; } 581 .nav-links { display: none; } 582 .hamburger { display: flex; } 583 .nav-end { margin-left: 8px; } 584 } 585 @media(max-width:640px) { 586 .golf-cards-grid { grid-template-columns: 1fr; } 587 .golf-leagues-grid { grid-template-columns: 1fr; } 588 .pe-footer-grid { grid-template-columns: 1fr; } 589 .nav { left: 12px; right: 12px; transform: none; border-radius: 16px; white-space: normal; } 590 .golf-pricing-table-wrap { overflow-x: auto; } 591 .golf-cta-quote { font-size: clamp(22px, 5vw, 36px); } 592 } 593 </style> 594</head> 595<body>
vendor: 68 bytes, lines 595-596
595 596<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
596GTM-MRC4F3B2
vendor: 84 bytes, lines 596-597
596" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 597
598<!-- NAV --> 599<nav class="nav" id="nav"> 600 <div class="container nav-inner"> 601 <a href="/" class="nav-logo"><img src="/assets/images/logo.avif" alt="Premier Pickleball Club"/></a> 602 <ul class="nav-links" id="nav-links"> 603 <li class="nav-dropdown"> 604 <a href="/#programs"> 605 Play Pickleball 606 <svg width="10" height="10" fill="none" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 607 </a> 608 <div class="nav-dropdown-menu"> 609 <a href="/#pricing">Book a court</a> 610 <a href="/#pricing">Open Plays</a> 611 <a href="/#programs">Lessons</a> 612 <a href="/#programs">Leagues</a> 613 <a href="https://premier.podplay.app/community/events?type=Tournaments" target="_blank" rel="noopener noreferrer">Tournaments</a> 614 </div> 615 </li> 616 <li><a href="/private-events">Private Events</a></li> 617 <li><a href="/golf" class="active">Golf</a></li> 618 <li><a href="/gift-cards">Gift Cards</a></li> 619 <li><a href="/careers">Careers</a></li> 620 <li><a href="/faq">FAQs</a></li> 621 </ul> 622 <div class="nav-end"> 623 <a href="https://premier.podplay.app/book/herriman" target="_blank" rel="noopener noreferrer" class="btn btn-lime" style="padding:10px 22px;font-size:13px;">Book a Court</a> 624 <button class="hamburger" onclick="toggleNav()" aria-label="Menu"><span></span><span></span><span></span></button> 625 </div> 626 </div> 627</nav> 628 629<!-- HERO --> 630<section class="golf-hero"> 631 <div class="container"> 632 <div class="golf-hero-inner"> 633 <div class="golf-hero-left"> 634 <div class="section-eyebrow golf-eyebrow-light" style="margin-bottom:24px;">Golf Simulator</div> 635 <h1 class="golf-hero-title display"> 636 Welcome to<br/>Premier's<br/>Golf <em>Simulator.</em> 637 </h1> 638 <p class="golf-hero-body">Powered by TrackMan's latest technology, our simulator is your one stop shop for everything from practicing to competition.</p> 639 <div style="display:flex;gap:12px;flex-wrap:wrap;"> 640 <a href="https://yourgolfbooking.com/venues/premier-pickleball/booking/bays" target="_blank" rel="noopener noreferrer" class="btn btn-lime"> 641 Book a Tee Time 642 <span class="arrow-icon"><svg width="10" height="10" fill="none" viewBox="0 0 10 10"><path d="M1 9L9 1M9 1H3M9 1V7" stroke="#fff" stroke-width="1.5" stroke-linecap="round"/></svg></span> 643 </a> 644 <a href="https://yourgolfbooking.com/venues/premier-pickleball/memberships" target="_blank" rel="noopener noreferrer" class="btn btn-outline btn-hero-outline" style="border-color:rgba(255,255,255,.3);color:#fff;">Memberships</a> 645 </div> 646 </div> 647 <div class="golf-hero-img-wrap"> 648 <img src="/assets/images/golf-banner.jpg" alt="Golf simulator at Premier Pickleball Club" loading="eager" fetchpriority="high" width="600" height="520"/> 649 </div> 650 </div> 651 </div> 652</section> 653 654<!-- WHY GOLF AT PREMIER --> 655<section class="golf-why"> 656 <div class="container"> 657 <div class="golf-why-header"> 658 <div class="section-eyebrow" style="justify-content:center;margin-bottom:16px;">Why Choose Us</div> 659 <h2 class="display" style="font-size:clamp(40px,5vw,68px);margin-top:16px;">Why Golf at Premier?</h2> 660 </div> 661 <div class="golf-why-grid"> 662 <div class="golf-why-item"> 663 <div class="golf-why-icon"> 664 <img src="/assets/images/trackman.png" alt="TrackMan iO Technology" loading="lazy" width="108" height="115"/> 665 </div> 666 <span class="golf-why-label">TrackMan iO Technology</span> 667 </div> 668 <div class="golf-why-item"> 669 <div class="golf-why-icon"> 670 <img src="/assets/images/calendar.png" alt="Month To Month Memberships" loading="lazy" width="108" height="117"/> 671 </div> 672 <span class="golf-why-label">Month To Month Memberships (No Contracts)</span> 673 </div> 674 <div class="golf-why-item"> 675 <div class="golf-why-icon"> 676 <img src="/assets/images/hole.png" alt="Consistent Leagues" loading="lazy" width="130" height="110"/> 677 </div>
678 <span class="golf-why-label">Consistent Leagues</span> 679 </div> 680 <div class="golf-why-item"> 681 <div class="golf-why-icon"> 682 <img src="/assets/images/club.png" alt="High Level Golf Instructor" loading="lazy" width="27" height="110"/> 683 </div> 684 <span class="golf-why-label">High Level Golf Instructor</span> 685 </div> 686 <div class="golf-why-item"> 687 <div class="golf-why-icon"> 688 <img src="/assets/images/cloud.png" alt="Climate Controlled, Year Round Play" loading="lazy" width="141" height="111"/> 689 </div> 690 <span class="golf-why-label">Climate Controlled, Year Round Play</span> 691 </div> 692 </div> 693 </div> 694</section> 695 696<!-- GOLF LEAGUES (hidden: event postponed, see commit message for restore notes) 697<section class="golf-leagues" id="leagues"> 698 <div class="container"> 699 <div class="golf-leagues-header"> 700 <div class="section-eyebrow" style="margin-bottom:16px;">Coming Soon</div> 701 <h2 class="display" style="font-size:clamp(40px,5vw,68px);margin-top:16px;">Golf Leagues</h2> 702 </div> 703 <p class="golf-leagues-intro">Get your team together, golf leagues are coming to Premier! Women's, Family, and Scramble Leagues kick off soon with weekly competition, prizes, and an end of season banquet.</p> 704 705 <div class="league-trackman-note"> 706 <div class="league-trackman-note-icon"> 707 <svg width="18" height="18" fill="none" viewBox="0 0 24 24"><rect x="6" y="2" width="12" height="20" rx="2" stroke="var(--lime)" stroke-width="1.8"/><path d="M11 18h2" stroke="var(--lime)" stroke-width="1.8" stroke-linecap="round"/></svg> 708 </div> 709 <div> 710 <div class="league-trackman-note-title">
710You must be on Trackman to join a league</div> 711 <p class="league-trackman-note-body">Download the Trackman Golf app first, then complete your signup from within the app.</p> 712 <div class="league-trackman-note-links"> 713 <a href="https://apps.apple.com/us/app/trackman-golf/id1245413916" target="_blank" rel="noopener noreferrer">Download for iOS</a> 714 <a href="https://play.google.com/store/apps/details?id=dk.TrackMan.Range&hl=en&gl=US&pli=1" target="_blank" rel="noopener noreferrer">Download for Android</a> 715 </div> 716 </div> 717 </div> 718 719 <div class="golf-leagues-grid"> 720 721 <div class="league-card"> 722 <div class="league-card-badge">6 Weeks</div> 723 <div class="league-card-title">Family Fall League</div> 724 <ul class="league-card-features"> 725 <li>$135 per player</li> 726 <li>For parents and children</li> 727 <li>Weekly sim time, Tuesday to Sunday</li> 728 <li>Prizes for winners</li> 729 <li>End of season banquet</li> 730 </ul> 731 <a href="https://portal.trackmangolf.com/redirect/app/leagueseason?id=TGVhZ3VlU2Vhc29uCmRmYTFjMTEyNS04YjdkLTRkNDAtYTZmNy0wZDEwMDg2YWY3ODY6UHVibGlzaGVk" target="_blank" rel="noopener noreferrer" class="league-card-cta">Sign Up</a> 732 </div> 733 734 <div class="league-card"> 735 <div class="league-card-badge">8 Weeks</div> 736 <div class="league-card-title">Women's Fall League</div> 737 <ul class="league-card-features"> 738 <li>$175 per player</li> 739 <li>Women only</li> 740 <li>Weekly sim time, Tuesday to Sunday</li> 741 <li>Prizes for winners</li> 742 <li>End of season banquet</li> 743 </ul> 744 <a href="https://portal.trackmangolf.com/redirect/app/leagueseason?id=TGVhZ3VlU2Vhc29uCmQyM2IwZTk5Ny01MTQ5LTRmMWMtYmU3Yi1jZGFhMDhjOGE4MDY6UHVibGlzaGVk" target="_blank" rel="noopener noreferrer" class="league-card-cta">Sign Up</a> 745 </div> 746 747 <div class="league-card"> 748 <div class="league-card-badge">8 Weeks</div> 749 <div class="league-card-title">Fall Scramble League</div> 750 <ul class="league-card-features"> 751 <li>$175 per player</li> 752 <li>Open, mixed</li> 753 <li>Weekly sim time, Tuesday to Sunday</li> 754 <li>Prizes for winners</li> 755 <li>End of season banquet</li> 756 </ul> 757 <a href="https://portal.trackmangolf.com/redirect/app/leagueseason?id=TGVhZ3VlU2Vhc29uCmQ1NTgyYTI3MC0yNDZjLTQxMzktYTBjZi03MWMxYmU4YTY5NGY6UHVibGlzaGVk" target="_blank" rel="noopener noreferrer" class="league-card-cta">Sign Up</a> 758 </div> 759 760 </div> 761 762 <div class="league-faq"> 763 <div class="league-faq-header"> 764 <h3>How Weekly Play Works</h3> 765 </div> 766 <div class="league-faq-list"> 767 <details class="league-faq-item"> 768 <summary>What course do we play each week?</summary> 769 <p>Every week you play the same course the pros are playing on Tour that week, right in the simulator.</p> 770 </details> 771 <details class="league-faq-item"> 772 <summary>When do I have to play?</summary> 773 <p>Complete your round any time between Tuesday and Sunday each week, whatever fits your schedule.</p> 774 </details> 775 <details class="league-faq-item"> 776 <summary>How much time do I get?</summary> 777 <p>You are allotted one hour each week to play your round.</p> 778 </details> 779 <details class="league-faq-item"> 780 <summary>What if I need more time to finish my round?</summary> 781 <p>You can purchase additional time at the drop-in rate ($60 per hour).</p> 782 </details> 783 <details class="league-faq-item"> 784 <summary>How do I book my tee time?</summary> 785 <p>Every player receives a league membership, which gives you access to book your own time slot in Trackman. Log in and reserve a time that works for you within the Tuesday to Sunday window.</p> 786 </details> 787 </div> 788 </div> 789 790 </div> 791</section> 792--> 793 794<!-- MEMBERSHIPS --> 795<section class="golf-memberships" id="membership"> 796 <div class="container"> 797 <div class="golf-memberships-header"> 798 <div class="section-eyebrow" style="justify-content:center;margin-bottom:16px;">Choose Your Plan</div> 799 <h2 class="display" style="font-size:clamp(40px,5vw,68px);margin-top:16px;">Golf Memberships</h2> 800 </div> 801 <div class="golf-cards-grid"> 802 803 <!-- Month to Month --> 804 <div class="golf-card"> 805 <div class="golf-card-plan">Month to Month</div> 806 <div class="golf-card-price">$280</div> 807 <div class="golf-card-period">per month</div>
808 <div class="golf-card-divider"></div> 809 <ul class="golf-card-features"> 810 <li>Unlimited Tee Times</li> 811 <li>Hold 2 Reservations at a Time</li> 812 <li>Bring 3 Guests at No Additional Cost</li> 813 <li>20% Off Leagues</li> 814 </ul> 815 <a href="https://yourgolfbooking.com/venues/premier-pickleball/memberships" target="_blank" rel="noopener noreferrer" class="golf-card-cta">Sign Up</a> 816 </div> 817 818 <!-- 6 Month --> 819 <div class="golf-card"> 820 <div class="golf-card-plan">6 Month</div> 821 <div class="golf-card-price">$1,600</div> 822 <div class="golf-card-period">total · save over $80</div> 823 <div class="golf-card-divider"></div> 824 <ul class="golf-card-features"> 825 <li>Unlimited Tee Times</li> 826 <li>Hold 3 Reservations at a Time</li> 827 <li>Bring 3 Guests at No Additional Cost</li> 828 <li>20% Off Leagues</li> 829 </ul> 830 <a href="https://yourgolfbooking.com/venues/premier-pickleball/memberships" target="_blank" rel="noopener noreferrer" class="golf-card-cta">Sign Up</a> 831 </div> 832 833 <!-- 12 Month --> 834 <div class="golf-card navy"> 835 <div class="golf-card-plan">12 Month</div> 836 <div class="golf-card-price">$3,000</div> 837 <div class="golf-card-period">total · best value</div> 838 <div class="golf-card-divider"></div> 839 <ul class="golf-card-features"> 840 <li>Unlimited Tee Times</li> 841 <li>Hold 4 Reservations at a Time</li> 842 <li>Bring 3 Guests at No Additional Cost</li> 843 <li>20% Off Leagues</li> 844 </ul> 845 <a href="https://yourgolfbooking.com/venues/premier-pickleball/memberships" target="_blank" rel="noopener noreferrer" class="golf-card-cta">Sign Up</a> 846 </div> 847 848 </div> 849 </div> 850</section> 851 852<!-- TEE TIME PRICING --> 853<section class="golf-pricing" id="pricing"> 854 <div class="container"> 855 <div class="golf-pricing-header"> 856 <h2 class="display" style="font-size:clamp(36px,4vw,60px);">Tee Time Pricing</h2> 857 </div> 858 <div class="golf-pricing-cta-wrap"> 859 <a href="https://yourgolfbooking.com/venues/premier-pickleball/booking/bays" target="_blank" rel="noopener noreferrer" class="btn btn-lime"> 860 Book Tee Time 861 <span class="arrow-icon"><svg width="10" height="10" fill="none" viewBox="0 0 10 10"><path d="M1 9L9 1M9 1H3M9 1V7" stroke="#fff" stroke-width="1.5" stroke-linecap="round"/></svg></span> 862 </a> 863 </div> 864 <div class="golf-pricing-table-wrap"> 865 <table class="golf-pricing-table"> 866 <thead> 867 <tr> 868 <th>Time</th> 869 <th>Member</th> 870 <th>Non-Member</th> 871 </tr> 872 </thead> 873 <tbody> 874 <tr> 875 <td>Off Peak · 6am–4pm (Weekdays)</td> 876 <td class="included">Included</td> 877 <td>$45/hr</td> 878 </tr> 879 <tr> 880 <td>Peak · All Day (Weekends)</td> 881 <td class="included">Included (6pm–10pm)</td> 882 <td>$60/hr</td> 883 </tr> 884 <tr> 885 <td>Peak · 4pm–10pm (Weekdays)</td> 886 <td class="included">Included</td> 887 <td>$60/hr</td> 888 </tr> 889 </tbody> 890 </table> 891 </div> 892 </div> 893</section> 894 895<!-- BOOK A LESSON --> 896<section class="golf-lesson"> 897 <div class="container"> 898 <div class="golf-lesson-inner"> 899 <div> 900 <div class="section-eyebrow golf-lesson-eyebrow">Expert Instruction</div> 901 <h2 class="display golf-lesson-title">Book a<br/>Lesson</h2> 902 <p class="golf-lesson-body">Get one-on-one instruction from a high level coach using TrackMan's real-time analytics and video review. Meet our coach! Chase Wicklund is a former Division 1 Golfer that has competed in some of the highest ranked junior, collegiate and amateur tournaments all over the country. Chase was coached for over 10 years on Butch Harmon's philosophy (Tiger Woods' former coach), which he is now passing down to all of his students. Book a lesson with Chase today!</p> 903 <a href="https://yourgolfbooking.com/venues/premier-pickleball/booking/bays" target="_blank" rel="noopener noreferrer" class="btn btn-lime"> 904 Book a Lesson
905 <span class="arrow-icon"><svg width="10" height="10" fill="none" viewBox="0 0 10 10"><path d="M1 9L9 1M9 1H3M9 1V7" stroke="#fff" stroke-width="1.5" stroke-linecap="round"/></svg></span> 906 </a> 907 </div> 908 <div class="golf-lesson-img-wrap"> 909 <img src="/assets/images/players-gameplay.webp" alt="Golf lesson with TrackMan technology at Premier Pickleball" loading="lazy" width="600" height="480"/> 910 </div> 911 </div> 912 </div> 913</section> 914 915<!-- TRACKMAN CTA BANNER --> 916<section class="golf-cta-banner"> 917 <div class="golf-cta-bg"></div> 918 <div class="golf-cta-overlay"></div> 919 <div class="container golf-cta-content"> 920 <p class="golf-cta-quote"> 921 Whether you're looking to improve your game or just have a good time, our <strong>TrackMan Golf Simulator</strong> delivers a pro-level experience — no green fees, no weather delays. 922 </p> 923 </div> 924</section> 925 926<!-- CONTACT + MAP --> 927<section class="golf-contact"> 928 <div class="container"> 929 <div class="golf-contact-top"> 930 <div> 931 <h2 style="font-size:clamp(24px,2.5vw,36px);font-weight:700;color:var(--ink);margin-bottom:32px;">Premier Pickleball Club</h2> 932 <div class="golf-contact-info"> 933 <div class="golf-contact-item"> 934 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" style="flex-shrink:0;margin-top:2px;"><rect x="2" y="4" width="20" height="16" rx="3" stroke="var(--ink)" stroke-width="1.8"/><path d="M2 8l10 6 10-6" stroke="var(--ink)" stroke-width="1.8" stroke-linecap="round"/></svg> 935 <div> 936 <div style="font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px;">Email</div> 937 <a href="mailto:[email protected]" style="font-size:14px;color:var(--green);">[email protected]</a> 938 </div> 939 </div> 940 <div class="golf-contact-item"> 941 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" style="flex-shrink:0;margin-top:2px;"><path d="M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z" stroke="var(--ink)" stroke-width="1.8" stroke-linecap="round"/></svg> 942 <div> 943 <div style="font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px;">Phone</div> 944 <a href="tel:+18016799608" style="font-size:14px;color:var(--ink);">+1 801-679-9608</a> 945 </div> 946 </div> 947 <div class="golf-contact-item"> 948 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" style="flex-shrink:0;margin-top:2px;"><path d="M12 2C8.7 2 6 4.7 6 8c0 5.3 6 13 6 13s6-7.7 6-13c0-3.3-2.7-6-6-6z" stroke="var(--ink)" stroke-width="1.8"/><circle cx="12" cy="8" r="2" stroke="var(--ink)" stroke-width="1.8"/></svg> 949 <div> 950 <div style="font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px;">Office</div> 951 <a href="https://maps.google.com/?q=5163+Denali+Park+Dr+Herriman+UT+84096" target="_blank" rel="noopener noreferrer" style="font-size:14px;color:var(--ink);line-height:1.5;">5163 Denali Park Dr, Herriman, UT 84096, United States</a> 952 </div> 953 </div> 954 </div> 955 </div> 956 <div></div> 957 </div> 958 <div class="golf-contact-map"> 959 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3032.4605104789207!2d-112.01976951534687!3d40.53141399773345!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x875285f57c1364cb%3A0x38127f3f4cc5b973!2sPremier%20Pickleball%20Club!5e0!3m2!1sen!2sam!4v1769524046130!5m2!1sen!2sam" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Premier Pickleball Club location"></iframe> 960 </div> 961 </div> 962</section> 963 964<!-- FOOTER --> 965<footer class="pe-footer"> 966 <div class="container"> 967 <div class="pe-footer-grid"> 968 <div> 969 <img src="/assets/images/logo.avif" alt="Premier Pickleball Club" style="height:56px;margin-bottom:24px;"/> 970 <p style="font-size:14px;color:#444;margin-bottom:18px;">Join our newsletter to stay up to date</p> 971 <form class="newsletter-form" action="#" method="POST" style="display:flex;gap:8px;margin-bottom:10px;"> 972 <div aria-hidden="true" style="position:absolute;
972left:-9999px;width:1px;height:1px;overflow:hidden;"><label for="nl-website">Leave this field blank</label><input type="text" id="nl-website" name="website" tabindex="-1" autocomplete="off"/></div> 973 <input type="email" name="email" required placeholder="Enter your email" 974 style="flex:1;padding:12px 16px;border:1.5px solid #d0d0d0;border-radius:100px;font-size:14px;font-family:var(--fb);outline:none;color:var(--ink);" 975 onfocus="this.style.borderColor='var(--green)'" onblur="this.style.borderColor='#d0d0d0'"/> 976 <button type="submit" 977 style="background:var(--lime);color:var(--ink);border:none;border-radius:100px;padding:12px 22px;font-size:13px;font-weight:700;font-family:var(--fb);cursor:pointer;" 978 onmouseover="this.style.background='var(--lime-2)'" onmouseout="this.style.background='var(--lime)'">Subscribe</button> 979 </form> 980 <p style="font-size:11px;color:#999;line-height:1.6;max-width:280px;">By subscribing you agree to our <a href="/privacy-policy" style="color:var(--green);text-decoration:underline;">Privacy Policy</a> and provide consent to receive updates from our company.</p> 981 </div> 982 <div> 983 <div class="pe-footer-col-title">Booking</div> 984 <ul class="pe-footer-links"> 985 <li><a href="/private-events">Private Events</a></li> 986 <li><a href="/golf" class="active">Golf</a></li> 987 <li><a href="/gift-cards">Gift Cards</a></li> 988 <li><a href="/faq">FAQ's</a></li> 989 <li><a href="/careers">Careers</a></li> 990 </ul> 991 </div> 992 <div> 993 <div class="pe-footer-col-title">Play Pickleball</div> 994 <ul class="pe-footer-links"> 995 <li><a href="/#pricing">Book a court</a></li> 996 <li><a href="/#pricing">Open Plays</a></li> 997 <li><a href="/#programs">Lessons</a></li> 998 <li><a href="/#programs">Leagues</a></li> 999 <li><a href="https://premier.podplay.app/community/events?type=Tournaments" target="_blank" rel="noopener noreferrer">Tournaments</a></li> 1000 </ul> 1001 </div> 1002 <div> 1003 <div class="pe-footer-col-title">Follow us</div> 1004 <div style="display:flex;flex-direction:column;gap:16px;"> 1005 <a href="https://www.facebook.com/profile.php?id=61560432118129" target="_blank" rel="noopener noreferrer" 1006 style="display:flex;align-items:center;gap:12px;font-size:14px;color:#555;"> 1007 <span style="width:36px;height:36px;border-radius:50%;border:1.5px solid #d0d0d0;display:flex;align-items:center;justify-content:center;flex-shrink:0;"> 1008 <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" fill="currentColor"/></svg> 1009 </span> 1010 Facebook 1011 </a> 1012 <a href="https://www.instagram.com/premierpickleball_/" target="_blank" rel="noopener noreferrer" 1013 style="display:flex;align-items:center;gap:12px;font-size:14px;color:#555;"> 1014 <span style="width:36px;height:36px;border-radius:50%;border:1.5px solid #d0d0d0;display:flex;align-items:center;justify-content:center;flex-shrink:0;"> 1015 <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><rect x="2" y="2" width="20" height="20" rx="5" stroke="currentColor" stroke-width="1.8"/><circle cx="12" cy="12" r="4" stroke="currentColor" stroke-width="1.8"/><circle cx="17.5" cy="6.5" r="1" fill="currentColor"/></svg> 1016 </span> 1017 Instagram 1018 </a> 1019 </div> 1020 </div> 1021 </div> 1022 <div class="pe-footer-bottom"> 1023 <div style="font-size:13px;color:#999;">© 2026 Premier Pickleball Club. All rights reserved. · Website made with ⤠love by <a href="https://www.stackeleven.com/" target="_blank" rel="noopener" style="color:#999;text-decoration:underline;">StackEleven Marketing</a></div> 1024 <div style="display:flex;gap:24px;"> 1025 <a href="/privacy-policy" style="font-size:13px;color:#999;text-decoration:underline;">Privacy Policy</a> 1026 <a href="/terms-conditions" style="font-size:13px;color:#999;text-decoration:underline;">Terms of Service</a> 1027 </div> 1028 </div> 1029 </div> 1030</footer> 1031
1032<script> 1033 // Nav scroll solid 1034 const nav = document.getElementById('nav'); 1035 window.addEventListener('scroll', () => { nav.classList.toggle('solid', window.scrollY > 40); }); 1036 1037 // Mobile nav toggle 1038 function toggleNav() { 1039 const links = document.getElementById('nav-links'); 1040 links.style.display = links.style.display === 'flex' ? 'none' : 'flex'; 1041 } 1042 1043 // Newsletter forms 1044 var _nlLoadedAt = Date.now(); 1045 document.querySelectorAll('.newsletter-form').forEach(function(form) { 1046 form.addEventListener('submit', async function(e) { 1047 e.preventDefault(); 1048 var btn = this.querySelector('button[type=submit]'); 1049 var orig = btn.textContent; 1050 btn.disabled = true; btn.textContent = 'â¦'; 1051 try { 1052 var email = this.querySelector('input[type=email]').value.trim(); 1053 var _hp = (this.querySelector('input[name=website]') || {value:''}).value; 1054 var _rt = await _recaptcha('newsletter'); 1055 var res = await fetch('/api/newsletter', { method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({email:email, website:_hp, loadedAt:_nlLoadedAt, recaptchaToken:_rt}) }); 1056 if (res.ok) { this.innerHTML = '<p style="font-size:14px;font-weight:600;color:var(--green);">Subscribed! Thank you.</p>'; } 1057 else { throw new Error(); } 1058 } catch(err) { btn.disabled = false; btn.textContent = orig; } 1059 }); 1060 }); 1061</script>
1061 1062</body> 1063</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.