PageSourceSearch

https://cloud9resorts.com/contact/

html cloud9resorts.com collected 2026-10-09 01:49:16 UTC 27,461 bytes, 383 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.0">
6<title>Contact Us — Cloud 9 Resorts</title>
7<meta name="description" content="Get in touch with Cloud 9 Resorts. Questions about Cloud Canyon, The Beachhouse, or The Sandhouse near Joshua Tree, California.">
8<link rel="canonical" href="https://cloud9resorts.com/contact/">
9<meta name="robots" content="index, follow, max-image-preview:large">
10<meta name="google-site-verification" content="c3b9a00c67c6c9df">
11<meta property="og:type" content="website">
12<meta property="og:title" content="Contact Us — Cloud 9 Resorts">
13<meta property="og:description" content="Get in touch with Cloud 9 Resorts. Questions about Cloud Canyon, The Beachhouse, or The Sandhouse near Joshua Tree, California.">
14<meta property="og:url" content="https://cloud9resorts.com/contact/">
15<meta property="og:image" content="https://cloud9resorts.com/images/stone-firepit-circle-with-canyon-boulder.jpg">
16<meta name="twitter:card" content="summary_large_image">
17<link rel="preconnect" href="https://fonts.googleapis.com">
18<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
19<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Karla:wght@300;400;500;600&display=swap" rel="stylesheet">
20<style>
21:root{
22  --linen:#F0EAE0; --parchment:#E8E0D2; --chalk:#F7F3EC; --clay:#DDD3C1;
23  --green:#3B5340; --grove:#2E4235; --sage:#7A9982; --mist:#B8CCBE;
24  --ink:#1E2B22; --bark:#3A3028; --dust:#6B5E50; --earth:#A67B5B;
25}
26*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
27html{scroll-behavior:smooth;overflow-x:hidden;width:100%;scrollbar-width:thin;scrollbar-color:var(--sage) var(--linen)}
28body{font-family:'Karla',sans-serif;background:var(--linen);color:var(--bark);overflow-x:hidden;width:100%;scrollbar-width:thin;scrollbar-color:var(--sage) var(--linen)}
29::-webkit-scrollbar{width:10px}
30::-webkit-scrollbar-track{background:var(--linen)}
31::-webkit-scrollbar-thumb{background:var(--sage);border-radius:6px}
32#hero{scrollbar-gutter:stable}
33a{text-decoration:none;color:inherit}
34img{max-width:100%;display:block}
35::selection{background:var(--sage);color:#fff}
36
37#nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;transition:background .3s,padding .3s;gap:20px}
38#nav.solid{background:var(--green);box-shadow:0 2px 16px rgba(0,0,0,.15);padding:10px 24px}
39#nav .nav-logo{height:56px;width:auto;display:block}
40#nav.solid .nav-logo{height:48px}
41#nav-links{display:flex;align-items:center;gap:28px;list-style:none;flex:1;justify-content:center}
42#nav-links a{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:#fff;transition:color .2s}
43#nav-links a.active{color:var(--mist) !important;border-bottom:1px solid currentColor}
44#nav-links a:hover{color:var(--mist)}
45#nav .nav-btn{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:#fff;padding:11px 20px;font-weight:600;border-radius:2px;white-space:nowrap}
46#nav-toggle{display:none;background:none;border:none;cursor:pointer;width:26px;height:20px;position:relative;flex-direction:column;justify-content:space-between}
47#nav-toggle span{display:block;height:2px;width:100%;background:#fff;transition:background .2s}
48
49/* House Rules dropdown */
50.nav-drop{position:relative}
51.nav-drop>a{cursor:pointer}
52.nav-drop>a::after{content:'▾';margin-left:5px;font-size:10px}
53.nav-drop-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--clay);min-width:200px;box-shadow:0 12px 30px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(4px);transition:opacity .2s,transform .2s;z-index:50;padding:6px 0}
54.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
55.nav-drop-menu a{display:block;padding:10px 18px;font-size:12px;letter-spacing:.04em;text-transform:none;font-weight:500;color:var(--ink) !important;white-space:nowrap}
56.nav-drop-menu a:hover{background:var(--chalk);color:var(--green) !important}
57
58/* Full hero (home only) */
59#hero{position:relative;height:100vh;min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
60#hero::before{content:'';position:absolute;inset:0;background:url('../images/sh-night-pool.jpg') center 55%/cover;z-index:0}
61#hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,12,.35),rgba(20,16,12,.55) 70%,rgba(20,16,12,.75));z-index:1}
62.hero-in{position:relative;z-index:2;padding:0 20px;max-width:780px}
63.hero-eyebrow{font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:var(--mist);font-weight:500;margin-bottom:18px}
64.hero-hed{font-family:'Cormorant Garamond',serif;font-weight:300;color:#fff;font-size:clamp(40px,8vw,76px);line-height:1.04;margin-bottom:18px}
65.hero-hed em{font-style:italic;color:rgba(255,255,255,.88)}
66.hero-sub{font-size:15px;line-height:1.7;color:rgba(255,255,255,.85);max-width:520px;margin:0 auto 32px}
67.avail{background:rgba(255,255,255,.97);border-radius:6px;padding:16px;display:flex;gap:10px;flex-wrap:wrap;max-width:560px;margin:0 auto;box-shadow:0 12px 40px rgba(0,0,0,.25)}
68.avail select{flex:1 1 220px;min-width:160px;padding:13px 14px;border:1px solid var(--clay);border-radius:4px;font-family:'Karla',sans-serif;font-size:14px;color:var(--bark);background:#fff}
69.avail button{flex:0 0 auto;background:var(--green);color:#fff;border:none;padding:13px 26px;border-radius:4px;font-family:'Karla',sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:background .25s;white-space:nowrap}
70.avail button:hover{background:var(--grove)}
71
72/* Page banner (sub-pages) */
73.pbanner{position:relative;height:46vh;min-height:300px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;margin-top:0}
74.pbanner::before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}
75.pbanner::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,12,.45),rgba(20,16,12,.6));z-index:1}
76.pbanner-in{position:relative;z-index:2;padding:0 20px}
77.pbanner-eyebrow{font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:var(--mist);font-weight:500;margin-bottom:14px}
78.pbanner-hed{font-family:'Cormorant Garamond',serif;font-weight:300;color:#fff;font-size:clamp(34px,6vw,56px)}
79.pbanner-hed em{font-style:italic;color:rgba(255,255,255,.88)}
80
81section{padding:64px 20px}
82.wrap{max-width:1100px;margin:0 auto}
83.wrap-sm{max-width:760px;margin:0 auto}
84.eyebrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--sage);font-weight:500;text-align:center;margin-bottom:10px}
85.sec-hed{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(28px,5vw,42px);color:var(--ink);text-align:center;margin-bottom:14px}
86.sec-hed em{font-style:italic;color:var(--green)}
87.sec-sub{font-size:15px;line-height:1.8;color:var(--dust);text-align:center;max-width:540px;margin:0 auto 40px}
88p.body-copy{font-size:16px;line-height:1.9;color:var(--dust)}
89
90.prop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
91.prop-card{background:#fff;border:1px solid var(--clay);overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer}
92.prop-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.12)}
93.prop-img{height:200px;overflow:hidden;position:relative}
94.prop-img img{width:100%;height:100%;object-fit:cover}
95.prop-body{padding:22px}
96.prop-tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--sage);font-weight:600;margin-bottom:8px}
97.prop-name{font-family:'Cormorant Garamond',serif;font-size:24px;color:var(--ink);font-weight:400;margin-bottom:10px}
98.prop-stats{font-size:13px;color:var(--dust);margin-bottom:18px;line-height:1.6}
99.prop-cta{display:block;text-align:center;background:var(--green);color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:13px;border-radius:3px;transition:background .25s}
100.prop-card:hover .prop-cta{background:var(--grove)}
101
102/* Detailed property block (Properties page) */
103.pd{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid var(--clay);margin-bottom:28px}
104.pd-img{min-height:340px;background-size:cover;background-position:center}
105.pd-body{padding:40px}
106.pd-tag{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--sage);font-weight:600;margin-bottom:10px}
107.pd-name{font-family:'Cormorant Garamond',serif;font-size:32px;color:var(--ink);font-weight:400;margin-bottom:14px}
108.pd-desc{font-size:14px;line-height:1.8;color:var(--dust);margin-bottom:18px}
109.pd-amenities{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
110.pd-am{font-size:11px;letter-spacing:.04em;background:var(--chalk);border:1px solid var(--clay);padding:6px 12px;color:var(--bark)}
111.pd-cta{display:inline-block;background:var(--green);color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:14px 28px;border-radius:3px}
112
113#statement-band{background:var(--chalk);text-align:center}
114#statement-band p{font-size:16px;line-height:1.9;color:var(--dust);max-width:620px;margin:0 auto}
115
116#features{background:var(--green);padding:56px 20px}
117.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:980px;margin:0 auto;text-align:center}
118.feat-ico{font-size:26px;margin-bottom:10px}
119.feat-name{font-size:13px;font-weight:600;color:#fff;margin-bottom:4px;letter-spacing:.02em}
120.feat-sub{font-size:12px;color:rgba(184,204,190,.8)}
121
122.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
123.rev-card{background:#fff;border:1px solid var(--clay);padding:28px}
124.rev-q{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;line-height:1.65;color:var(--ink);margin-bottom:16px}
125.rev-a{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);font-weight:600}
126
127#cta{background:var(--ink);text-align:center}
128#cta .sec-hed,#cta .eyebrow{color:#fff}
129#cta .sec-hed em{color:var(--mist)}
130#cta p{color:rgba(184,204,190,.75);max-width:480px;margin:0 auto 28px;font-size:15px;line-height:1.7}
131#cta .nav-btn{display:inline-block;background:var(--green);color:#fff;padding:15px 36px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;border-radius:3px}
132
133/* About page extras */
134.about-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
135.about-img{height:380px;background-size:cover;background-position:center;border-radius:2px}
136
137/* Contact page */
138.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
139.contact-card{background:#fff;border:1px solid var(--clay);padding:32px}
140.contact-h{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--ink);margin-bottom:12px}
141.contact-row{font-size:14px;color:var(--dust);margin-bottom:10px;line-height:1.7}
142.contact-row strong{color:var(--ink)}
143
144footer{background:var(--ink);padding:48px 20px 28px;border-top:1px solid rgba(184,204,190,.15)}
145.ft-wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.2fr 0.8fr 0.9fr 0.9fr;gap:32px;margin-bottom:36px}
146.ft-logo{height:40px;margin-bottom:14px}
147.ft-desc{font-size:13px;color:rgba(184,204,190,.6);line-height:1.7}
148.ft-h{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mist);font-weight:600;margin-bottom:14px}
149.ft-link{display:block;font-size:13px;color:rgba(184,204,190,.7);margin-bottom:10px}
150.nl-form{display:flex;gap:0;border:1px solid rgba(184,204,190,.3);border-radius:3px;overflow:hidden}
151.nl-form input{flex:1;background:transparent;border:none;padding:11px 14px;color:#fff;font-size:13px;font-family:'Karla',sans-serif}
152.nl-form input::placeholder{color:rgba(184,204,190,.5)}
153.nl-form button{background:var(--sage);color:var(--ink);border:none;padding:11px 16px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;cursor:pointer}
154.ft-bottom{max-width:1100px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(184,204,190,.15);font-size:11px;color:rgba(184,204,190,.4);text-align:center;line-height:1.8}
155
156@media(max-width:840px){
157  #nav-links{position:fixed;top:0;right:-100%;width:78vw;max-width:320px;height:100vh;background:var(--ink);flex-direction:column;justify-content:center;gap:8px;transition:right .35s ease;z-index:199}
158  #nav-links.open{right:0}
159  #nav-links a{color:#fff !important;font-size:15px;padding:16px 0}
160  #nav-toggle{display:flex}
161  #nav .nav-btn{padding:9px 16px;font-size:10px}
162  #nav .nav-logo{height:40px}
163  #nav.solid .nav-logo{height:36px}
164  .nav-drop-menu{position:static;opacity:1;visibility:visible;transform:none;background:transparent;border:none;box-shadow:none;padding:0 0 0 16px;display:none}
165  .nav-drop.open .nav-drop-menu{display:block}
166  .nav-drop-menu a{color:rgba(255,255,255,.75) !important;font-size:13px;padding:10px 0}
167  .nav-drop>a::after{content:'▾'}
168  .nav-drop.open>a::after{content:'▴'}
169  #hero{height:78vh;min-height:480px}
170  #hero::before{background-position:center 38%}
171  .pbanner{height:34vh;min-height:240px}
172  .hero-sub{font-size:14px}
173  .avail{flex-direction:column;padding:14px}
174  .avail select,.avail button{flex:1 1 auto;width:100%}
175  section{padding:48px 18px}
176  .prop-grid{grid-template-columns:1fr;gap:16px}
177  .pd{grid-template-columns:1fr}
178  .pd-img{min-height:220px}
179  .pd-body{padding:28px}
180  .about-split{grid-template-columns:1fr;gap:28px}
181  .about-img{height:260px}
182  .contact-grid{grid-template-columns:1fr}
183  .feat-grid{grid-template-columns:repeat(2,1fr);gap:24px}
184  .rev-grid{grid-template-columns:1fr;gap:16px}
185  .ft-wrap{grid-template-columns:1fr;gap:28px}
186}
187</style>
188<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="728d8469-1457-4af8-b5f4-18939f3d59f7" data-georegions="{'region':'AT, BE, BG, HR, CY, CZ, DK, EE, FI, FR, DE, GR, HU, IE, IT, LV, LT, LU, MT, NL, PL, PT, RO, SK, SI, ES, SE, IS, LI, NO, GB, CH','cbid':'264ed1b6-4e17-4ee3-8cd7-f2526b953b20'}" type="text/javascript"></script>
vendor: 1 bytes, line 188
188
189<script type="text/plain" data-cookieconsent="statistics" src="https://www.dubcdn.com/analytics/script.js" defer data-cookie-options='{"domain":".cloud9resorts.com","expiresInDays":90}'></script>
189
190<!-- D8c: Dub runs for every non-GDPR visitor regardless of banner state (fail-open if the CMP never loads); the banner's opt-out governs GA4+Meta only. EU/UK/CH (geo-routed group): everything opt-in. Policy paragraph in /privacy/ matches. -->
191<!-- Dub: first-party link measurement, not opt-out-able outside GDPR regions (decision D8c, disclosed in /privacy/). The banner's opt-out governs GA4 + Meta Pixel only. -->
192<script>
193(function(){
194  var GA_ID='G-8BT7V504Z2';
195  var META_ID='747664267202468';     // <-- replace with your Meta Pixel ID
196  function c9loadGA(){
197    if(window.__c9GA)return;window.__c9GA=true;
198    if(GA_ID!=='G-XXXXXXXXXX'){var s=document.createElement('script');s.async=true;s.src='https://www.googletagmanager.com/gtag/js?id='+GA_ID;document.head.appendChild(s);window.dataLayer=window.dataLayer||[];window.gtag=function(){dataLayer.push(arguments);};gtag('js',new Date());gtag('config',GA_ID);}
199  }
200  function c9loadMeta(){
201    if(window.__c9Meta)return;window.__c9Meta=true;
202    if(META_ID!=='000000000000000'){!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init',META_ID);fbq('track','PageView');}
203  }
204  /* Cookiebot (manual blocking) drives consent: GA4 = statistics, Meta Pixel = marketing.
205     Dub first-party measurement stays outside the gate per D8, disclosed in /privacy/. */
206  /* D8c: Dub first-party measurement is the billing rail and is NOT opt-out-able
207     outside GDPR regions (Angie's ruling, 9/25 — restoring D8's intent). In the US
208     the banner governs GA4 + Meta only: both default on, an explicit choice either
209     way is honored. EU/UK/CH (geo-routed group): everything, Dub included, waits
210     for opt-in. If Cookiebot itself never loads, Dub still runs (fail-open for the
211     revenue rail only, never for GA/Meta). */
212  function c9nonGdpr(){var cb=window.Cookiebot;if(!cb)return false;var r=cb.regulations||{};return !r.gdprApplies;}
213  function c9usDefault(){var cb=window.Cookiebot;if(!cb||!cb.consent)return false;return c9nonGdpr()&&!cb.hasResponse;}
214  function c9activateGated(){document.querySelectorAll('script[type="text/plain"][data-cookieconsent="statistics"]').forEach(function(t){var s=document.createElement('script');if(t.src){s.src=t.src;if(t.defer)s.defer=true;for(var i=0;i<t.attributes.length;i++){var a=t.attributes[i];if(a.name.indexOf('data-')===0&&a.name!=='data-cookieconsent')s.setAttribute(a.name,a.value);}}else{s.text=t.text;}t.parentNode.replaceChild(s,t);});}
215  function c9applyConsent(){var cb=window.Cookiebot;var c=cb&&cb.consent;if(!c)return;if(c9nonGdpr())c9activateGated();var us=c9usDefault();if(c.statistics||us)c9loadGA();if(c.marketing||us)c9loadMeta();}
216  window.addEventListener('CookiebotOnConsentReady',c9applyConsent);
217  window.addEventListener('CookiebotOnAccept',c9applyConsent);
218  window.addEventListener('CookiebotOnDecline',c9applyConsent);
219  window.addEventListener('CookiebotOnDialogDisplay',c9applyConsent);
220  c9applyConsent();
221  /* First visit: CookiebotOnConsentReady does not fire until the visitor responds,
222     so poll briefly until Cookiebot is up, then apply the region-keyed default. */
223  var c9n=0,c9t=setInterval(function(){c9n++;if(window.Cookiebot&&window.Cookiebot.consent)c9applyConsent();if(c9n>=24){if(!window.Cookiebot){var tz='';try{tz=Intl.DateTimeFormat().resolvedOptions().timeZone||''}catch(e){}if(tz.indexOf('Europe/')!==0)c9activateGated();}clearInterval(c9t);}else if(window.__c9GA){clearInterval(c9t);}},250);
224})();
225</script>
225
226
227</head>
228<body>
229<nav id="nav">
230  <a href="/">
231    <img src="../images/logo-white-v2.png" alt="Cloud 9 Resorts" class="nav-logo">
232  </a>
233  <button id="nav-toggle" aria-label="Menu" onclick="document.getElementById('nav-links').classList.toggle('open')">
234    <span></span><span></span><span></span>
235  </button>
236  <ul id="nav-links">
237    <li><a href="/properties/" onclick="closeNav()">Properties</a></li>
238    <li><a href="/about/" onclick="closeNav()">About</a></li>
239    <li><a href="/reviews/" onclick="closeNav()">Reviews</a></li>
240    <li><a href="/contact/" class="active" onclick="closeNav()">Contact</a></li>
241    
242    <li class="nav-drop" id="rulesDrop">
243      <a onclick="toggleRulesDrop(event)">House Rules</a>
244      <div class="nav-drop-menu">
245        <a href="/ccrhouserulesandmanual/">Cloud Canyon</a>
246        <a href="/beachhousehouserulesandmanual/">The Beachhouse</a>
247        <a href="/sandhousehouserulesandmanual/">The Sandhouse</a>
248      </div>
249    </li>
250  </ul>
251  <a href="https://book.cloud9resorts.com" target="_blank" class="nav-btn">Reserve Now</a>
252</nav>
253<div class="pbanner">
254  <style>.pbanner::before{background-image:url('../images/stone-firepit-circle-with-canyon-boulder.jpg')}</style>
255  <div class="pbanner-in"><p class="pbanner-eyebrow">Get In Touch</p><h1 class="pbanner-hed">We're Happy <em>To Help</em></h1></div>
256</div>
257<section><div class="wrap"><div class="contact-grid">
258<div class="contact-card"><h3 class="contact-h">Reach Us Directly</h3>
259<p class="contact-row"><strong>Email:</strong> <a href="mailto:[email protected]" data-netlify-no-obfuscation>[email protected]</a></p>
260<p class="contact-row"><strong>Availability:</strong> 7 AM – 10 PM, daily</p>
261<p class="contact-row"><strong>Location:</strong> Yucca Valley, California</p>
262<p class="contact-row" style="margin-top:18px;">For the fastest response on an active reservation, please message us directly through your Guesty or Airbnb booking thread.</p>
263<p class="contact-row" style="margin-top:18px;"><strong>House Rules &amp; Manuals:</strong><br>
264<a href="/ccrhouserulesandmanual/" style="color:var(--green);text-decoration:underline;">Cloud Canyon</a> ·
265<a href="/beachhousehouserulesandmanual/" style="color:var(--green);text-decoration:underline;">The Beachhouse</a> ·
266<a href="/sandhousehouserulesandmanual/" style="color:var(--green);text-decoration:underline;">The Sandhouse</a></p>
267</div>
268<div class="contact-card"><h3 class="contact-h">Reserve Direct</h3>
269<p class="contact-row">Skip the platform fees and book directly with us for the best available rate.</p>
270<a href="https://book.cloud9resorts.com/en/properties/6413537cc67d2e003274e0fe" target="_blank" class="pd-cta" style="margin-bottom:10px;">Cloud Canyon →</a><br><br>
271<a href="https://book.cloud9resorts.com/en/properties/698237f77d530200157fa0d2" target="_blank" class="pd-cta" style="margin-bottom:10px;">The Beachhouse →</a><br><br>
272<a href="https://book.cloud9resorts.com/en/properties/69825afb9a56940012c74746" target="_blank" class="pd-cta">The Sandhouse →</a></div>
273</div></div></section>
274<footer id="contact-footer">
275  <div class="ft-wrap">
276    <div>
277      <img src="../images/logo-white-v2.png" alt="Cloud 9 Resorts" class="ft-logo">
278      <p class="ft-desc">Three private desert retreats near Joshua Tree, California. Heated pools, sand volleyball, and resort-grade amenities — entirely yours.</p>
279    </div>
280    <div>
281      <p class="ft-h">Explore</p>
282      <a class="ft-link" href="/properties/">Properties</a>
283      <a class="ft-link" href="/about/">About</a>
284      <a class="ft-link" href="/reviews/">Reviews</a>
285      <a class="ft-link" href="/contact/">Contact</a>
286      <a class="ft-link" href="/privacy/">Privacy Policy</a>
287      <a class="ft-link" href="/joshua-tree-getaway-from-los-angeles/">Getaways from LA &amp; OC</a>
288      <a class="ft-link" href="/corporate-retreat-rental-joshua-tree/">Corporate Retreats</a>
289      <a class="ft-link" href="/wellness-retreats-joshua-tree/">Wellness Retreats</a>
290      <a class="ft-link" href="/brand-sponsorships/">Brand Partnerships</a>
291    </div>
292    <div>
293      <p class="ft-h">House Rules &amp; Manual</p>
294      <a class="ft-link" href="/ccrhouserulesandmanual/">Cloud Canyon</a>
295      <a class="ft-link" href="/beachhousehouserulesandmanual/">The Beachhouse</a>
296      <a class="ft-link" href="/sandhousehouserulesandmanual/">The Sandhouse</a>
297    </div>
298    <div>
299      <p class="ft-h">Stay Connected</p>
300      <div class="nl-form">
301        <input type="email" placeholder="Your email" id="nlEmail" aria-label="Email address">
302        <button onclick="nlGo()">Join</button>
303      </div>
304      <p style="margin-top:14px;"><a class="ft-link" href="mailto:[email protected]" data-netlify-no-obfuscation>[email protected]</a></p>
305      <p style="margin-top:8px;"><a class="ft-link" href="https://www.instagram.com/cloudnineresorts/" target="_blank" rel="noopener">Instagram &mdash; @cloudnineresorts</a></p>
306    </div>
307  </div>
308  <p class="ft-bottom">© 2026 Cloud 9 Resorts · Joshua Tree, California<br>Cloud Canyon Permit CESTRP-2026-00179 · Beachhouse Permit CESTRP-2026-00180 · Sandhouse Permit CESTRP-2026-00207</p>
309</footer>
310<script>
311function checkAvail(){
312  const v = document.getElementById('propSelect').value;
313  c9track('check_availability',{property:(v?'selected':'any')});window.open(v || 'https://book.cloud9resorts.com', '_blank');
314}
315function nlGo(){
316  const email = document.getElementById('nlEmail').value;
317  if(!email){ alert('Please enter your email.'); return; }
318  c9track('newsletter_signup',{});window.location.href = 'mailto:[email protected]?subject=Newsletter%20Signup&body=Please%20add%20' + encodeURIComponent(email) + '%20to%20the%20list.';
319}
320function closeNav(){
321  document.getElementById('nav-links').classList.remove('open');
322  document.getElementById('rulesDrop').classList.remove('open');
323}
324function toggleRulesDrop(e){
325  if (window.innerWidth <= 840) {
326    e.preventDefault();
327    document.getElementById('rulesDrop').classList.toggle('open');
328  }
329}
330window.addEventListener('scroll', function(){
331  document.getElementById('nav').classList.toggle('solid', window.scrollY > 60);
332});
333</script>
vendor: 1 bytes, line 333
333
334<script>
335function c9track(name,params){try{if(window.gtag)gtag('event',name,params||{});if(window.fbq)fbq('trackCustom',name,params||{});}catch(e){}}
336document.addEventListener('click',function(e){
337  var el=e.target.closest&&e.target.closest('a,button'); if(!el) return;
338  var href=(el.getAttribute&&el.getAttribute('href'))||'';
339  var txt=(el.textContent||'').replace(/\s+/g,' ').trim().slice(0,60);
340  if((href.indexOf('book.cloud9resorts.com')>-1||href.indexOf('guestybookings.com')>-1)){
341    var prop=txt, pd=el.closest&&el.closest('.pd'); if(pd){var n=pd.querySelector('.pd-name'); if(n)prop=n.textContent.trim();}
342    c9track('reserve_click',{property:prop,page:location.pathname});
343  } else if(href.indexOf('/contact')>-1 || href.indexOf('mailto:')===0){
344    c9track('contact_click',{label:txt,page:location.pathname});
345  }
346},true);
347</script>
vendor: 1 bytes, line 347
347
348<script type="text/plain" data-cookieconsent="statistics">
349/* First-touch attribution -> hidden form fields + outbound booking links
350   (shared c9_first_touch store; first touch is never overwritten once stored).
351   Falls back to the dub_id cookie set by the Dub analytics script. Decorates
352   every link to book.cloud9resorts.com with the stored params so the click
353   identity rides into the booking engine in the URL as well as the cookie. */
354(function(){
355  var KEYS=['utm_source','utm_medium','utm_campaign','utm_content','utm_term','ref','dub_id'];
356  var qs=new URLSearchParams(location.search);
357  var stored=null;
358  try{stored=JSON.parse(localStorage.getItem('c9_first_touch')||'null');}catch(e){}
359  var hasNew=KEYS.some(function(k){return qs.get(k);});
360  if(!stored && hasNew){
361    stored={};
362    KEYS.forEach(function(k){var v=qs.get(k); if(v) stored[k]=v;});
363    stored.landing_url=location.href.split('#')[0];
364    stored.ts=new Date().toISOString();
365    try{localStorage.setItem('c9_first_touch',JSON.stringify(stored));}catch(e){}
366  }
367  var ft=stored||{};
368  if(!ft.landing_url) ft.landing_url=location.href.split('#')[0];
369  if(!ft.dub_id){try{var m=document.cookie.match(/(?:^|; )dub_id=([^;]+)/); if(m) ft.dub_id=decodeURIComponent(m[1]);}catch(e){}}
370  var map={utm_source:'utm_source',utm_medium:'utm_medium',utm_campaign:'utm_campaign',utm_content:'utm_content',utm_term:'utm_term',ref:'ref',dub_id:'dub_click_id',landing_url:'landing_url'};
371  var fill=function(){document.querySelectorAll('form').forEach(function(form){
372    Object.keys(map).forEach(function(k){
373      var el=form.querySelector('input[name="'+map[k]+'"]');
374      if(el && ft[k]) el.value=ft[k];
375    });
376  });};
377  var withParams=function(url){try{var u=new URL(url);KEYS.forEach(function(k){if(ft[k] && !u.searchParams.get(k))u.searchParams.set(k,ft[k]);});return u.toString();}catch(e){return url;}};
378  var deco=function(){document.querySelectorAll('a[href*="book.cloud9resorts.com"]').forEach(function(a){a.href=withParams(a.href);});};
379  var run=function(){fill();deco();};
380  run(); document.addEventListener('DOMContentLoaded',run);
381})();
382</script>
382
383</body></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.