Utah Surf Soccer Club | Interactive Fields & Contact<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\r\n <script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Roboto', sans-serif;\r\n background: #f8fafc;\r\n color: #111111;\r\n line-height: 1.5;\r\n }\r\n\r\n .surf-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 3rem 2rem 4rem;\r\n }\r\n\r\n .section-title {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n color: #1c58ac;\r\n letter-spacing: -0.02em;\r\n margin-bottom: 0.5rem;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .section-sub {\r\n font-size: 1.1rem;\r\n color: #2c3e50;\r\n border-left: 4px solid #1c58ac;\r\n padding-left: 1rem;\r\n margin-top: 0.25rem;\r\n margin-bottom: 2rem;\r\n font-weight: 400;\r\n }\r\n\r\n \/* main flex grid *\/\r\n .contact-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 2.5rem;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .team-col {\r\n flex: 1.4;\r\n min-width: 280px;\r\n }\r\n\r\n .fields-col {\r\n flex: 1.6;\r\n min-width: 300px;\r\n }\r\n\r\n \/* cards *\/\r\n .support-card, .fields-card, .map-card {\r\n background: white;\r\n border-radius: 28px;\r\n box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.02);\r\n overflow: hidden;\r\n border: 1px solid #eef2f9;\r\n transition: transform 0.2s ease, box-shadow 0.2s;\r\n margin-bottom: 1.8rem;\r\n }\r\n\r\n .support-card:hover, .fields-card:hover, .map-card:hover {\r\n box-shadow: 0 25px 40px -14px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .card-header {\r\n background: #1c58ac;\r\n padding: 1.2rem 1.8rem;\r\n }\r\n\r\n .card-header h3 {\r\n color: white;\r\n font-weight: 600;\r\n font-size: 1.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .team-list {\r\n padding: 0.5rem 0;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n padding: 1.2rem 1.8rem;\r\n border-bottom: 1px solid #edf2f7;\r\n transition: background 0.2s;\r\n }\r\n\r\n .contact-item:hover {\r\n background: #f9fcff;\r\n }\r\n\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .contact-name {\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n color: #0a2540;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .contact-name i {\r\n color: #1c58ac;\r\n font-size: 0.9rem;\r\n width: 1.4rem;\r\n }\r\n\r\n .contact-role {\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n color: #5b6e8c;\r\n margin-top: 4px;\r\n }\r\n\r\n .contact-email {\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n background: #f1f5f9;\r\n padding: 0.3rem 0.9rem;\r\n border-radius: 40px;\r\n color: #1c58ac;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: all 0.2s;\r\n }\r\n\r\n .contact-email:hover {\r\n background: #1c58ac;\r\n color: white;\r\n }\r\n\r\n .contact-email:hover i {\r\n color: white;\r\n }\r\n\r\n .scheduler-item {\r\n background: #f9fafe;\r\n border-left: 4px solid #1c58ac;\r\n }\r\n\r\n \/* field locations list *\/\r\n .fields-header {\r\n background: #1c58ac;\r\n padding: 1rem 1.5rem;\r\n }\r\n\r\n .fields-header h3 {\r\n color: white;\r\n font-weight: 600;\r\n font-size: 1.3rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .location-item {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n padding: 1rem 1.5rem;\r\n border-bottom: 1px solid #edf2f7;\r\n }\r\n\r\n .location-name {\r\n font-weight: 700;\r\n color: #1f2a44;\r\n font-size: 1rem;\r\n }\r\n\r\n .location-address {\r\n font-size: 0.8rem;\r\n color: #4a5b7a;\r\n margin-top: 4px;\r\n line-height: 1.4;\r\n }\r\n\r\n .directions-link {\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n background: #f1f5f9;\r\n padding: 0.3rem 0.8rem;\r\n border-radius: 30px;\r\n text-decoration: none;\r\n color: #1c58ac;\r\n transition: all 0.2s;\r\n white-space: nowrap;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n margin-top: 6px;\r\n }\r\n\r\n .directions-link:hover {\r\n background: #1c58ac;\r\n color: white;\r\n }\r\n\r\n \/* map container *\/\r\n .map-wrapper {\r\n padding: 1rem;\r\n background: #fefefe;\r\n }\r\n\r\n #surfMap {\r\n height: 380px;\r\n width: 100%;\r\n border-radius: 20px;\r\n z-index: 1;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n }\r\n\r\n .map-note {\r\n background: #eef3fc;\r\n border-radius: 16px;\r\n padding: 0.8rem 1rem;\r\n margin: 0.8rem 1rem 1.2rem 1rem;\r\n font-size: 0.8rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .map-note i {\r\n color: #1c58ac;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .legend-pin {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n background: white;\r\n padding: 3px 10px;\r\n border-radius: 30px;\r\n font-size: 0.7rem;\r\n font-weight: 500;\r\n }\r\n\r\n .btn-google-small {\r\n background: #1c58ac10;\r\n border-radius: 40px;\r\n padding: 5px 12px;\r\n text-decoration: none;\r\n color: #1c58ac;\r\n font-weight: 500;\r\n font-size: 0.7rem;\r\n }\r\n\r\n footer {\r\n text-align: center;\r\n margin-top: 2rem;\r\n font-size: 0.8rem;\r\n color: #5e6f8d;\r\n border-top: 1px solid #e2edf7;\r\n padding-top: 2rem;\r\n }\r\n\r\n @media (max-width: 850px) {\r\n .surf-container {\r\n padding: 2rem 1rem;\r\n }\r\n .contact-item {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 10px;\r\n }\r\n .location-item {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n .section-title {\r\n font-size: 2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"surf-container\">\r\n <div style=\"margin-bottom: 2rem;\">\r\n <h1 class=\"section-title\">WE\u2019D LOVE TO HEAR FROM YOU<\/h1>\r\n <div class=\"section-sub\">Reach out to our support team \u2014 interactive map shows three main training locations with pins.<\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-grid\">\r\n \r\n <div class=\"team-col\">\r\n <div class=\"support-card\">\r\n <div class=\"card-header\">\r\n <h3><i class=\"fas fa-users\"><\/i> Club Leadership & Support<\/h3>\r\n <\/div>\r\n <div class=\"team-list\">\r\n <div class=\"contact-item\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-name\"><i class=\"fas fa-user-circle\"><\/i> LISA SWENSON<\/div>\r\n <div class=\"contact-role\">Club Admin \/ Communications<\/div>\r\n <\/div>\r\n <a href=\"mailto:pipeline@utahsurfsoccer.com\" class=\"contact-email\"><i class=\"fas fa-envelope\"><\/i> pipeline@utahsurfsoccer.com<\/a>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-name\"><i class=\"fas fa-chart-line\"><\/i> BRANSON WILBUR<\/div>\r\n <div class=\"contact-role\">Club Treasurer<\/div>\r\n <\/div>\r\n <a href=\"mailto:payments@utahsurfsoccer.com\" class=\"contact-email\"><i class=\"fas fa-envelope\"><\/i> payments@utahsurfsoccer.com<\/a>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-name\"><i class=\"fas fa-futbol\"><\/i> BRAD SILVEY<\/div>\r\n <div class=\"contact-role\">Technical Director<\/div>\r\n <\/div>\r\n <a href=\"mailto:brad@utahsurfsoccer.com\" class=\"contact-email\"><i class=\"fas fa-envelope\"><\/i> brad@utahsurfsoccer.com<\/a>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-name\"><i class=\"fas fa-chalkboard-user\"><\/i> SETH SWENSON<\/div>\r\n <div class=\"contact-role\">Director of Coaching<\/div>\r\n <\/div>\r\n <a href=\"mailto:seth@utahsurfsoccer.com\" class=\"contact-email\"><i class=\"fas fa-envelope\"><\/i> seth@utahsurfsoccer.com<\/a>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-name\"><i class=\"fas fa-medal\"><\/i> BAILEY BAILEY<\/div>\r\n <div class=\"contact-role\">ECNL RL Program Director<\/div>\r\n <\/div>\r\n <a href=\"mailto:bailey@utahsurfsoccer.com\" class=\"contact-email\"><i class=\"fas fa-envelope\"><\/i> bailey@utahsurfsoccer.com<\/a>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-name\"><i class=\"fas fa-map-marked-alt\"><\/i> JAKE MCKAY<\/div>\r\n <div class=\"contact-role\">Regional Director<\/div>\r\n <\/div>\r\n <a href=\"mailto:jake@utahsurfsoccer.com\" class=\"contact-email\"><i class=\"fas fa-envelope\"><\/i> jake@utahsurfsoccer.com<\/a>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-name\"><i class=\"fas fa-edit\"><\/i> STEPHEN BROWN<\/div>\r\n <div class=\"contact-role\">Club Registrar<\/div>\r\n <\/div>\r\n <a href=\"mailto:registrar@utahsurfsoccer.com\" class=\"contact-email\"><i class=\"fas fa-envelope\"><\/i> registrar@utahsurfsoccer.com<\/a>\r\n <\/div>\r\n <div class=\"contact-item scheduler-item\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-name\"><i class=\"fas fa-calendar-alt\"><\/i> FIELD SCHEDULER<\/div>\r\n <div class=\"contact-role\">Field & Game Scheduling<\/div>\r\n <\/div>\r\n <a href=\"mailto:fields@utahsurfsoccer.com\" class=\"contact-email\"><i class=\"fas fa-envelope\"><\/i> fields@utahsurfsoccer.com<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div style=\"background: #eef3fc; border-radius: 24px; padding: 1rem 1.3rem; border: 1px solid #cde0f0;\">\r\n <div style=\"display: flex; align-items: center; gap: 12px; flex-wrap: wrap;\">\r\n <i class=\"fas fa-clock\" style=\"font-size: 2rem; color: #1c58ac;\"><\/i>\r\n <div>\r\n <p style=\"font-weight: 700; margin-bottom: 4px;\">Need field reservations?<\/p>\r\n <p style=\"font-size: 0.85rem; color: #2d3e5f;\">Contact Field Scheduler: <strong>fields@utahsurfsoccer.com<\/strong> for real-time availability.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fields-col\">\r\n \r\n <div class=\"fields-card\">\r\n <div class=\"fields-header\">\r\n <h3><i class=\"fas fa-location-dot\"><\/i> ALL FIELD LOCATIONS<\/h3>\r\n <\/div>\r\n <div>\r\n <div class=\"location-item\">\r\n <div>\r\n <div class=\"location-name\"><i class=\"fas fa-school\"><\/i> Mountain Ridge Jr High<\/div>\r\n <div class=\"location-address\">5525 W 10400 N, Highland, UT 84003-9579<\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=5525+W+10400+N+Highland+UT+84003\" target=\"_blank\" class=\"directions-link\" rel=\"noopener\"><i class=\"fas fa-directions\"><\/i> Directions<\/a>\r\n <\/div>\r\n <div class=\"location-item\">\r\n <div>\r\n <div class=\"location-name\"><i class=\"fas fa-tree\"><\/i> Deerfield Elementary<\/div>\r\n <div class=\"location-address\">4353 Harvey Blvd, Cedar Hills, UT 84062-8671<\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=4353+Harvey+Blvd+Cedar+Hills+UT+84062\" target=\"_blank\" class=\"directions-link\" rel=\"noopener\"><i class=\"fas fa-directions\"><\/i> Directions<\/a>\r\n <\/div>\r\n <div class=\"location-item\">\r\n <div>\r\n <div class=\"location-name\"><i class=\"fas fa-building\"><\/i> Westlake High School<\/div>\r\n <div class=\"location-address\">99 N 200 W, Saratoga Springs, UT 84045-3134<\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=99+N+200+W+Saratoga+Springs+UT+84045\" target=\"_blank\" class=\"directions-link\" rel=\"noopener\"><i class=\"fas fa-directions\"><\/i> Directions<\/a>\r\n <\/div>\r\n <div class=\"location-item\">\r\n <div>\r\n <div class=\"location-name\"><i class=\"fas fa-mountain\"><\/i> Smooth Canyon Park<\/div>\r\n <div class=\"location-address\">901 S High Bench Rd, Alpine, UT 84004-1883<\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=901+S+High+Bench+Rd+Alpine+UT+84004\" target=\"_blank\" class=\"directions-link\" rel=\"noopener\"><i class=\"fas fa-directions\"><\/i> Directions<\/a>\r\n <\/div>\r\n <div class=\"location-item\">\r\n <div>\r\n <div class=\"location-name\"><i class=\"fas fa-futbol\"><\/i> The PEAC<\/div>\r\n <div class=\"location-address\">954 W 2600 N, Pleasant Grove, UT 84062<\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=954+W+2600+N+Pleasant+Grove+UT+84062\" target=\"_blank\" class=\"directions-link\" rel=\"noopener\"><i class=\"fas fa-directions\"><\/i> Directions<\/a>\r\n <\/div>\r\n <div class=\"location-item\">\r\n <div>\r\n <div class=\"location-name\"><i class=\"fas fa-chalkboard\"><\/i> Lehi Jr. High<\/div>\r\n <div class=\"location-address\">700 Cedar Hollow Rd., Lehi, UT 84043<\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=700+Cedar+Hollow+Rd+Lehi+UT+84043\" target=\"_blank\" class=\"directions-link\" rel=\"noopener\"><i class=\"fas fa-directions\"><\/i> Directions<\/a>\r\n <\/div>\r\n <div class=\"location-item\">\r\n <div>\r\n <div class=\"location-name\"><i class=\"fas fa-water\"><\/i> Lake ridge Jr. High<\/div>\r\n <div class=\"location-address\">951 S 400 W, Orem, UT 84058<\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=951+S+400+W+Orem+UT+84058\" target=\"_blank\" class=\"directions-link\" rel=\"noopener\"><i class=\"fas fa-directions\"><\/i> Directions<\/a>\r\n <\/div>\r\n <div class=\"location-item\" style=\"border-bottom: none;\">\r\n <div>\r\n <div class=\"location-name\"><i class=\"fas fa-swimmer\"><\/i> Lakeside Sports Complex<\/div>\r\n <div class=\"location-address\">2000 W 400 S, Orem, UT 84058<\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=2000+W+400+S+Orem+UT+84058\" target=\"_blank\" class=\"directions-link\" rel=\"noopener\"><i class=\"fas fa-directions\"><\/i> Directions<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"map-card\">\r\n <div class=\"card-header\" style=\"background: #1c58ac;\">\r\n <h3><i class=\"fas fa-map-pin\"><\/i> MAIN TRAINING HUBS | PINNED LOCATIONS<\/h3>\r\n <\/div>\r\n <div class=\"map-wrapper\">\r\n <div id=\"surfMap\"><\/div>\r\n <div class=\"map-note\">\r\n <span><i class=\"fas fa-info-circle\"><\/i> <strong>Featured locations:<\/strong> Westlake HS, Mountain Ridge Jr High, Deerfield Elementary<\/span>\r\n <span class=\"legend-pin\"><i class=\"fas fa-map-marker-alt\" style=\"color:#e03a3a;\"><\/i> Surf Club Pins<\/span>\r\n <a href=\"https:\/\/www.google.com\/maps\/search\/Utah+Surf+Soccer+fields+Utah\" target=\"_blank\" class=\"btn-google-small\" rel=\"noopener\"><i class=\"fab fa-google\"><\/i> View all on Google Maps<\/a>\r\n <\/div>\r\n <p style=\"font-size: 0.7rem; padding: 0 1rem 1rem 1rem; color: #5a6e8a;\"><i class=\"fas fa-globe\"><\/i> Click on pins for address.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div style=\"background: white; border-radius: 24px; padding: 0.8rem 1.2rem; border: 1px solid #e2edf7; margin-top: 0.5rem; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;\">\r\n <i class=\"fas fa-futbol\" style=\"color: #1c58ac; font-size: 1.3rem;\"><\/i>\r\n <span style=\"font-size: 0.85rem;\">Need game day support? Email <strong>pipeline@utahsurfsoccer.com<\/strong> or call club admin.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer>\r\n <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin-bottom: 1rem;\">\r\n <span><i class=\"fas fa-envelope-open-text\"><\/i> General: pipeline@utahsurfsoccer.com<\/span>\r\n <span><i class=\"fas fa-credit-card\"><\/i> Payments: payments@utahsurfsoccer.com<\/span>\r\n <span><i class=\"fas fa-calendar-check\"><\/i> Fields: fields@utahsurfsoccer.com<\/span>\r\n <\/div>\r\n <p>\u00a9 2026 Utah Surf Soccer Club \u2014 Elevate your game. Interactive map shows key field locations with live pins.<\/p>\r\n <p style=\"margin-top: 0.5rem; font-size: 0.7rem;\">\ud83d\udccd Mountain Ridge Jr High \u2022 Westlake High School \u2022 Deerfield Elementary \u2014 plus all other venues listed above.<\/p>\r\n <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Initialize map centered roughly around Highland \/ Saratoga Springs area (Utah County)\r\n \/\/ Coordinates approx: 40.4\u00b0 N, -111.8\u00b0 W covers the three main pinned locations\r\n var map = L.map('surfMap').setView([40.38, -111.85], 11);\r\n\r\n \/\/ OpenStreetMap tile layer (no API key required)\r\n L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_all\/{z}\/{x}\/{y}{r}.png', {\r\n attribution: '© <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OSM<\/a> © CartoDB',\r\n subdomains: 'abcd',\r\n maxZoom: 18,\r\n minZoom: 8\r\n }).addTo(map);\r\n\r\n \/\/ Custom red pin \/ default leaflet icon but with club color accent (blue shadow)\r\n var surfIcon = L.divIcon({\r\n className: 'custom-surf-icon',\r\n html: '<i class=\"fas fa-map-marker-alt\" style=\"font-size: 26px; color: #e3342f; text-shadow: 0 1px 2px rgba(0,0,0,0.2);\"><\/i>',\r\n iconSize: [26, 32],\r\n popupAnchor: [0, -12]\r\n });\r\n \r\n \/\/ Alternative using standard Leaflet icon with nice soccer twist? but we'll use marker with custom option\r\n \/\/ Actually we can also use L.marker with custom icon, but to ensure visibility we'll use default red marker with soccer popup.\r\n \/\/ For consistent brand, we create custom blue-red pin but better use native marker with custom color using extra plugin? but stable:\r\n var clubIcon = L.icon({\r\n iconUrl: 'https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/images\/marker-icon.png',\r\n shadowUrl: 'https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/images\/marker-shadow.png',\r\n iconSize: [25, 41],\r\n iconAnchor: [12, 41],\r\n popupAnchor: [1, -34],\r\n shadowSize: [41, 41]\r\n });\r\n \r\n \/\/ Define location coordinates based on exact addresses:\r\n \/\/ Westlake High School: 99 N 200 W, Saratoga Springs, UT\r\n const westlakeCoords = [40.3359, -111.9055];\r\n \/\/ Mountain Ridge Jr High: 5525 W 10400 N, Highland, UT\r\n const mountainRidgeCoords = [40.4191, -111.8326];\r\n \/\/ Deerfield Elementary: 4353 Harvey Blvd, Cedar Hills, UT\r\n const deerfieldCoords = [40.4158, -111.7569];\r\n \r\n \/\/ Add markers with popups\r\n L.marker(westlakeCoords, { icon: clubIcon })\r\n .bindPopup(`\r\n <strong>\ud83c\udfeb Westlake High School<\/strong><br>\r\n 99 N 200 W, Saratoga Springs, UT 84045<br>\r\n <i>\u26bd Primary match & training field<\/i><br>\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=99+N+200+W+Saratoga+Springs+UT+84045\" target=\"_blank\">Get Directions \u2192<\/a>\r\n `).addTo(map);\r\n \r\n L.marker(mountainRidgeCoords, { icon: clubIcon })\r\n .bindPopup(`\r\n <strong>\ud83c\udfd4\ufe0f Mountain Ridge Jr High<\/strong><br>\r\n 5525 W 10400 N, Highland, UT 84003<br>\r\n <i>\u2b50 Competitive training ground<\/i><br>\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=5525+W+10400+N+Highland+UT+84003\" target=\"_blank\">Get Directions \u2192<\/a>\r\n `).addTo(map);\r\n \r\n L.marker(deerfieldCoords, { icon: clubIcon })\r\n .bindPopup(`\r\n <strong>\ud83c\udf32 Deerfield Elementary<\/strong><br>\r\n 4353 Harvey Blvd, Cedar Hills, UT 84062<br>\r\n <i>\ud83c\udf3f Youth development fields<\/i><br>\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=4353+Harvey+Blvd+Cedar+Hills+UT+84062\" target=\"_blank\">Get Directions \u2192<\/a>\r\n `).addTo(map);\r\n \r\n \/\/ Optional: Add a small cluster or additional stylistic circles to highlight area\r\n \/\/ Add a subtle circle around the general region\r\n var regionGroup = L.layerGroup().addTo(map);\r\n L.circle([40.38, -111.85], {\r\n color: '#1c58ac',\r\n weight: 1,\r\n opacity: 0.3,\r\n fillColor: '#1c58ac',\r\n fillOpacity: 0.05,\r\n radius: 12000\r\n }).addTo(regionGroup);\r\n \r\n \/\/ Add an extra control for fun: show scale\r\n L.control.scale({ metric: true, imperial: true }).addTo(map);\r\n \r\n \/\/ Smooth Canyon Park - Alpine, UT\r\nconst smoothCanyonCoords = [40.4292, -111.7689];\r\nL.marker(smoothCanyonCoords, { icon: clubIcon })\r\n .bindPopup(`\r\n <strong>\ud83c\udfd4\ufe0f Smooth Canyon Park<\/strong><br>\r\n 901 S High Bench Rd, Alpine, UT 84004-1883<br>\r\n <i>\ud83c\udf04 Scenic training fields<\/i><br>\r\n <a href=\"https:\/\/www.google.com\/maps?q=901+S+High+Bench+Rd,+Alpine,+UT+84004-1883&iwloc=A&hl=en\" target=\"_blank\">Get Directions \u2192<\/a>\r\n `).addTo(map);\r\n\r\n\/\/ The PEAC - Pleasant Grove, UT\r\nconst peacCoords = [40.3305, -111.7587];\r\nL.marker(peacCoords, { icon: clubIcon })\r\n .bindPopup(`\r\n <strong>\ud83c\udfdf\ufe0f The PEAC<\/strong><br>\r\n 954 W 2600 N, Pleasant Grove, UT 84062<br>\r\n <i>\u26a1 Premier athletic complex<\/i><br>\r\n <a href=\"https:\/\/www.google.com\/maps?q=954+W+2600+N+Pleasant+Grove,+UT+84062\" target=\"_blank\">Get Directions \u2192<\/a>\r\n `).addTo(map);\r\n\r\n\/\/ Update bounds to include all five locations\r\nvar allLocations = [westlakeCoords, mountainRidgeCoords, deerfieldCoords, smoothCanyonCoords, peacCoords];\r\nvar fullBounds = L.latLngBounds(allLocations);\r\nmap.fitBounds(fullBounds.pad(0.25));\r\n \r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us Utah Surf Soccer Club | Interactive Fields & Contact WE\u2019D LOVE TO HEAR FROM YOU Reach out to our support team \u2014 interactive map shows three main training […]<\/p>\n","protected":false},"author":607,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-1849","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/utahsurfsoccer.com\/staging\/7109\/wp-json\/wp\/v2\/pages\/1849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/utahsurfsoccer.com\/staging\/7109\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/utahsurfsoccer.com\/staging\/7109\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/utahsurfsoccer.com\/staging\/7109\/wp-json\/wp\/v2\/users\/607"}],"replies":[{"embeddable":true,"href":"https:\/\/utahsurfsoccer.com\/staging\/7109\/wp-json\/wp\/v2\/comments?post=1849"}],"version-history":[{"count":34,"href":"https:\/\/utahsurfsoccer.com\/staging\/7109\/wp-json\/wp\/v2\/pages\/1849\/revisions"}],"predecessor-version":[{"id":6078,"href":"https:\/\/utahsurfsoccer.com\/staging\/7109\/wp-json\/wp\/v2\/pages\/1849\/revisions\/6078"}],"wp:attachment":[{"href":"https:\/\/utahsurfsoccer.com\/staging\/7109\/wp-json\/wp\/v2\/media?parent=1849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}