PageSourceSearch

https://playatpremier.up.railway.app/golf/

html playatpremier.up.railway.app collected 2026-10-03 12:13:21 UTC 53,745 bytes, 1,063 lines download raw bytes

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 &middot; 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 &middot; 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 &middot; 6am&ndash;4pm (Weekdays)</td>
876            <td class="included">Included</td>
877            <td>$45/hr</td>
878          </tr>
879          <tr>
880            <td>Peak &middot; All Day (Weekends)</td>
881            <td class="included">Included (6pm&ndash;10pm)</td>
882            <td>$60/hr</td>
883          </tr>
884          <tr>
885            <td>Peak &middot; 4pm&ndash;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 &mdash; 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.