<!DOCTYPE html>

<head>

<title>Book a Discovery Call — The Unreleased Artist</title>

<style>

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{--gold:#c9973a;--gold-light:#e2b96a;--gold-pale:#f0d9a8;--gold-dim:rgba(201,151,58,0.1);--gold-border:rgba(201,151,58,0.28);--black:#080808;--navy:#0e0e0e;--navy-light:#141414;--navy-card:#181818;--text:#f0d9a8;--text-muted:rgba(240,217,168,0.65);--text-dim:rgba(240,217,168,0.35);--border:rgba(201,151,58,0.18)}

html{scroll-behavior:smooth}

body{font-family:'Montserrat',sans-serif;background:var(--black);color:var(--text);min-height:100vh;font-size:14px;line-height:1.6}

nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(8,8,8,0.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}

.nav-brand{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:500;color:var(--gold);text-decoration:none;letter-spacing:.04em}

.nav-back{font-size:12px;color:var(--text-dim);text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s;letter-spacing:.08em}

.nav-back:hover{color:var(--text-muted)}

.hero{padding:120px 2rem 60px;text-align:center;max-width:680px;margin:0 auto;position:relative}

.hero::before{content:'';position:fixed;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(201,151,58,.05) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}

.hero-eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}

.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5vw,52px);font-weight:500;color:var(--gold-pale);line-height:1.1;margin-bottom:1rem}

.hero-sub{font-family:'Cormorant Garamond',serif;font-size:20px;font-style:italic;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}

.hero-divider{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:1.5rem}

.hero-divider-line{flex:1;max-width:80px;height:1px;background:var(--gold-border)}

.hero-divider-dot{width:4px;height:4px;border-radius:50%;background:var(--gold)}

.hero-body{font-size:15px;color:var(--text-muted);line-height:1.8;margin-bottom:.75rem}

.expect{background:var(--navy);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3rem 2rem}

.expect-inner{max-width:900px;margin:0 auto}

.expect-label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-align:center;margin-bottom:2rem}

.expect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}

@media(max-width:640px){.expect-grid{grid-template-columns:1fr}}

.expect-card{background:var(--navy-card);border:1px solid var(--border);border-radius:6px;padding:1.5rem}

.expect-num{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:500;color:var(--gold);line-height:1;margin-bottom:.75rem;opacity:.6}

.expect-title{font-size:13px;font-weight:600;color:var(--gold-pale);margin-bottom:.5rem;letter-spacing:.04em}

.expect-body{font-size:13px;color:var(--text-muted);line-height:1.7}

.booking-section{padding:4rem 2rem;max-width:900px;margin:0 auto}

.booking-label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-align:center;margin-bottom:2rem}

.booking-title{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:500;color:var(--gold-pale);text-align:center;margin-bottom:2.5rem}

.booking-embed-wrap{background:var(--navy-card);border:1px solid var(--gold-border);border-radius:8px;overflow:hidden;min-height:600px;position:relative}

.prebook-section{background:var(--navy);border-top:1px solid var(--border);padding:4rem 2rem}

.prebook-inner{max-width:640px;margin:0 auto}

.prebook-label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}

.prebook-title{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:500;color:var(--gold-pale);margin-bottom:.5rem}

.prebook-sub{font-size:13px;color:var(--text-muted);margin-bottom:2rem;line-height:1.7}

.form-group{margin-bottom:1.25rem}

.form-label{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}

.form-input,.form-textarea,.form-select{width:100%;background:var(--black);border:1px solid var(--border);border-radius:6px;padding:13px 15px;font-family:'Montserrat',sans-serif;font-size:13px;color:var(--text);outline:none;transition:border-color .2s}

.form-input::placeholder,.form-textarea::placeholder{color:var(--text-dim)}

.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--gold-border)}

.form-textarea{resize:vertical;min-height:100px;line-height:1.65}

.form-select{cursor:pointer}

.form-select option{background:var(--navy)}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}

@media(max-width:480px){.form-grid{grid-template-columns:1fr}}

.submit-btn{width:100%;background:var(--gold);color:var(--black);border:none;border-radius:6px;padding:15px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s;margin-top:.5rem}

.submit-btn:hover{background:var(--gold-light)}

.success-state{display:none;text-align:center;padding:3rem 2rem}

.success-icon{width:72px;height:72px;border-radius:50%;background:rgba(74,140,92,.15);border:1px solid rgba(74,140,92,.4);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:28px}

.success-title{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:500;color:var(--gold-pale);margin-bottom:.75rem}

.success-body{font-size:14px;color:var(--text-muted);line-height:1.8;max-width:480px;margin:0 auto 1.5rem}

.success-detail{background:var(--navy-card);border:1px solid var(--border);border-radius:6px;padding:1.25rem;max-width:400px;margin:0 auto 1.5rem;text-align:left}

.success-detail-row{display:flex;justify-content:space-between;font-size:13px;padding:.5rem 0;border-bottom:1px solid var(--border)}

.success-detail-row:last-child{border-bottom:none}

.success-detail-row span:first-child{color:var(--text-dim)}

.success-detail-row span:last-child{color:var(--gold-pale);font-weight:500}

.about-strip{padding:4rem 2rem;max-width:900px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center}

@media(max-width:600px){.about-strip{grid-template-columns:1fr;text-align:center}}

.about-avatar{width:80px;height:80px;border-radius:50%;background:var(--gold-dim);border:2px solid var(--gold-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}

.about-avatar img{width:100%;height:100%;object-fit:cover}

.about-avatar-fallback{font-family:'Cormorant Garamond',serif;font-size:32px;color:var(--gold)}

.about-name{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:500;color:var(--gold-pale);margin-bottom:.25rem}

.about-role{font-size:11px;color:var(--gold);font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}

.about-bio{font-size:13px;color:var(--text-muted);line-height:1.75}

footer{border-top:1px solid var(--border);padding:2rem;text-align:center}

.footer-brand{font-family:'Cormorant Garamond',serif;font-size:16px;color:var(--gold);margin-bottom:.5rem}

.footer-line{font-size:11px;color:var(--text-dim);margin-bottom:.25rem}

.footer-links{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem}

.footer-links a{font-size:12px;color:var(--text-dim);text-decoration:none;transition:color .2s;letter-spacing:.06em}

.footer-links a:hover{color:var(--gold)}

::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}

</style>

</head>

<body>

<nav>

<a href="/" class="nav-brand">The Unreleased Artist</a>

Back to site

</a>

</nav>

<div class="hero-eyebrow">Free · 15 minutes · No commitment</div>

<h1 class="hero-title">Book a Discovery Call</h1>

</div>

<p class="hero-sub">"This isn't a sales call. It's a real conversation."</p>

<p class="hero-body">No pitch. No pressure. Just 15 minutes to talk honestly about where you are, what's in the way, and whether working together makes sense. You leave with clarity either way.</p>

<p class="hero-body">This call is for music creatives at any stage — musicians, producers, engineers, songwriters, music entrepreneurs, and anyone who has been doing this alone and is ready to find out what's really in the way.</p>

</section>

<div class="expect-label">What happens on the call</div>

<div class="expect-title">You tell me where you are</div>

<div class="expect-body">Where you are in your music or creative career right now. What's working. What isn't. What you've been carrying alone.</div>

</div>

<div class="expect-title">We go beneath the surface</div>

<div class="expect-body">What's really in the way. Not the surface reasons — the real ones. The fear, the doubt, the patterns, the questions that haven't been answered.</div>

</div>

<div class="expect-title">We decide together</div>

<div class="expect-body">Whether working together makes sense. If it does, we talk about how. If it doesn't, you leave with more clarity than you arrived with.</div>

</div>

</section>

<div class="booking-label">Choose a time</div>

<div class="booking-title">Pick a slot that works for you</div>

<div class="calendly-inline-widget"

data-url="https://calendly.com/daniel-juarez-_mha/30min?hide_event_type_details=1&hide_gdpr_banner=1&background_color=1a1a1a&text_color=f0d9a8&primary_color=c9973a"

style="min-width:320px;height:700px;">

</div>

</div>

</section>

<div class="prebook-label">Before we meet</div>

<div class="prebook-title">Tell me a little about where you are</div>

<div class="prebook-sub">This is optional but it helps me arrive at the call knowing your context. Takes two minutes. Everything you share stays between us.</div>

</div>

<label class="form-label">Email</label>

</div>

<label class="form-label">Your role in music</label>

<option value="">Select the one that fits best</option>

<option>Musician / Singer</option>

<option>Producer</option>

<option>Songwriter</option>

<option>Audio Engineer</option>

<option>Music Entrepreneur</option>

<option>Multiple roles</option>

<option>I haven't started yet</option>

<option>Other</option>

</select>

</div>

<label class="form-label">How long have you been doing this?</label>

<option value="">Select...</option>

<option>I'm just starting</option>

<option>Less than 2 years</option>

<option>2 to 5 years</option>

<option>5 to 10 years</option>

<option>More than 10 years</option>

</select>

</div>

<label class="form-label">What's the main thing getting in the way right now?</label>

</div>

<label class="form-label">What would a successful outcome look like for you?</label>

</div>

<label class="form-label">Anything else you want Daniel to know?</label>

</div>

<button class="submit-btn" onclick="submitPrebook()">Submit — I'll see you on the call</button>

<p style="font-size:11px;color:var(--text-dim);text-align:center;margin-top:1rem;line-height:1.7;">Your information stays private. It's used only to prepare for your discovery call.</p>

</div>

<p class="success-body">Your pre-call notes have been received. Daniel will review them before your session.</p>

</div>

</section>

</div>

<div>

<div class="about-name">Daniel J. Ryder</div>

<div class="about-role">Professional & Executive Coach · Artist · Program Director</div>

<div class="about-bio">20+ years as a working artist. A career directing high-level programs and projects. Trained professional and executive coach. I built The Unreleased Artist because the person I needed didn't exist. Now they do.</div>

</div>

</section>

<div class="footer-brand">The Unreleased Artist</div>

<div class="footer-line">It's not about the music. It's about you.</div>

<a href="mailto:hello@theunreleasedartist.com">Contact</a>

</div>

</footer>

function submitPrebook() {

const name = document.getElementById('pre-name').value.trim();

const email = document.getElementById('pre-email').value.trim();

const role = document.getElementById('pre-role').value;

const experience = document.getElementById('pre-experience').value;

const block = document.getElementById('pre-block').value.trim();

const outcome = document.getElementById('pre-outcome').value.trim();

const other = document.getElementById('pre-other').value.trim();

if (!name || !email) { alert('Please enter your name and email so Daniel knows who to expect.'); return; }

const entry = { name, email, role, experience, block, outcome, other, ts: new Date().toISOString() };

const existing = JSON.parse(localStorage.getItem('ura_bookings') || '[]');

existing.unshift(entry);

localStorage.setItem('ura_bookings', JSON.stringify(existing));

document.getElementById('prebook-form-wrap').style.display = 'none';

document.getElementById('prebook-success').style.display = 'block';

const detail = document.getElementById('success-detail');

detail.innerHTML = `

<div class="success-detail-row"><span>Email</span><span>${email}</span></div>

${role ? `<div class="success-detail-row"><span>Role</span><span>${role}</span></div>` : ''}

<div class="success-detail-row"><span>Status</span><span style="color:#4a8c5c;">Notes received ✓</span></div>

window.scrollTo({ top: document.getElementById('prebook-success').offsetTop - 100, behavior: 'smooth' });

}

</script>

</body>

</html>