Johnny Capital Investment (JCI LLC)

Click here to<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Investor List | Johnny Capital</title>

<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">

<style>

/* ===================== SETUP — EDIT THESE ===================== */

/* See CONFIG in the <script> at the bottom of this file. */

/* =============================================================== */

:root{

  --bg:#0a0a0a; --panel:#141414; --line:#2a2a2a; --text:#f4f1ea; --muted:#9a958a;

  --gold:#c9a24b; --gold-hi:#e3c06f; --err:#e07a6a;

}

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

body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}

.wrap{max-width:640px;margin:0 auto;padding:40px 16px 64px}

.brand{display:flex;align-items:center;gap:12px;margin-bottom:36px}

.mark{width:44px;height:44px;border:1.5px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-family:"Cormorant Garamond",serif;font-weight:700;font-size:24px;color:var(--gold)}

.brand span{font-family:"Cormorant Garamond",serif;font-size:20px;letter-spacing:.08em;text-transform:uppercase}

h1{font-family:"Cormorant Garamond",serif;font-weight:700;font-size:clamp(34px,7vw,48px);line-height:1.08;margin-bottom:14px}

h1 em{font-style:normal;color:var(--gold)}

h2{font-family:"Cormorant Garamond",serif;font-size:28px;margin-bottom:6px}

p.lead{color:var(--muted);font-size:17px;margin-bottom:28px}

.pts{list-style:none;margin:0 0 32px;display:grid;gap:12px}

.pts li{padding-left:22px;position:relative}

.pts li::before{content:"";position:absolute;left:0;top:10px;width:10px;height:2px;background:var(--gold)}

.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px 22px}

.progress{height:3px;background:var(--line);border-radius:3px;margin-bottom:22px;overflow:hidden}

.progress i{display:block;height:100%;width:0;background:var(--gold);transition:width .35s}

.stepnum{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}

.sub{color:var(--muted);font-size:14px;margin-bottom:20px}

.step{display:none}.step.on{display:block}

label.f{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px}

input[type=text],input[type=email],input[type=tel],select{width:100%;background:#0d0d0d;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:12px;font:inherit;font-size:16px}

input:focus,select:focus{outline:none;border-color:var(--gold)}

.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

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

.opt{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:13px 14px;margin-bottom:10px;cursor:pointer;transition:border-color .2s}

.opt:hover{border-color:#4a4a4a}

.opt input{margin-top:4px;accent-color:var(--gold);width:17px;height:17px;flex-shrink:0}

.opt.sel{border-color:var(--gold);background:rgba(201,162,75,.06)}

.opt small{display:block;color:var(--muted);font-size:13px}

.q{font-weight:500;margin:20px 0 10px}

.btns{display:flex;gap:10px;margin-top:24px}

button{font:inherit;font-weight:600;border-radius:8px;padding:14px 22px;cursor:pointer;border:0;font-size:15px}

.go{background:var(--gold);color:#0a0a0a;flex:1}.go:hover{background:var(--gold-hi)}

.back{background:transparent;color:var(--muted);border:1px solid var(--line)}

.go:disabled{opacity:.5;cursor:wait}

.err{color:var(--err);font-size:13px;margin-top:10px;min-height:18px}

.badge{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:5px 12px;margin-bottom:16px}

.cta{display:block;text-align:center;text-decoration:none;background:var(--gold);color:#0a0a0a;font-weight:600;border-radius:8px;padding:14px;margin-top:22px}

.fine{color:#6f6b62;font-size:11.5px;line-height:1.6;margin-top:36px}

</style>

</head>

<body>

<div class="wrap">

  <div class="brand"><div class="mark">K</div><span>Johnny Capital</span></div>

  <div id="intro">

    <h1>Build wealth through <em>multifamily.</em></h1>

    <p class="lead">Join the Johnny Capital investor list. Get market insights, education, and a direct line to the founder.</p>

    <ul class="pts">

      <li>Southern California multifamily focus</li>

      <li>Cash flow first, upside second</li>

      <li>Founder-led, relationship-driven</li>

    </ul>

    <button class="go" style="width:100%" onclick="start()">Join the Investor List</button>

    <p class="sub" style="margin-top:12px;text-align:center">Takes about 2 minutes.</p>

  </div>

  <div class="card" id="funnel" style="display:none">

    <div class="progress"><i id="bar"></i></div>

    <!-- STEP 1: CONTACT -->

    <div class="step" data-step="1">

      <div class="stepnum">Step 1 of 4</div>

      <h2>Let's get acquainted</h2>

      <p class="sub">Your information stays private.</p>

      <div class="row">

        <div><label class="f">First name</label><input type="text" id="first" autocomplete="given-name"></div>

        <div><label class="f">Last name</label><input type="text" id="last" autocomplete="family-name"></div>

      </div>

      <label class="f">Email</label><input type="email" id="email" autocomplete="email">

      <label class="f">Phone</label><input type="tel" id="phone" autocomplete="tel">

      <div class="row">

        <div><label class="f">State</label><input type="text" id="state" placeholder="CA"></div>

        <div><label class="f">How did you hear about us?</label>

          <select id="source"><option value="">Select</option><option>Instagram</option><option>LinkedIn</option><option>Referral</option><option>Event / Meetup</option><option>Google</option><option>Other</option></select>

        </div>

      </div>

    </div>

    <!-- STEP 2: INVESTOR TYPE -->

    <div class="step" data-step="2">

      <div class="stepnum">Step 2 of 4</div>

      <h2>How would you invest?</h2>

      <p class="sub">Choose the one that fits best.</p>

      <div data-group="type" data-mode="radio">

        <label class="opt"><input type="radio" name="type" value="Individual">Individual</label>

        <label class="opt"><input type="radio" name="type" value="Joint (with spouse/partner)">Jointly with spouse or partner</label>

        <label class="opt"><input type="radio" name="type" value="Entity (LLC/Trust/Corp)">Entity <small>LLC, trust, or corporation</small></label>

        <label class="opt"><input type="radio" name="type" value="Self-Directed IRA/401k">Self-directed IRA or Solo 401(k)</label>

      </div>

      <div id="entityName" style="display:none"><label class="f">Entity name</label><input type="text" id="entity"></div>

    </div>

    <!-- STEP 3: ACCREDITATION -->

    <div class="step" data-step="3">

      <div class="stepnum">Step 3 of 4</div>

      <h2>Investor qualification</h2>

      <p class="sub">Select all that apply. This helps us share the right information with you.</p>

      <div data-group="accr" data-mode="check">

        <label class="opt"><input type="checkbox" value="Income >$200K (individual), last 2 yrs"><span>My individual income exceeded <b>$200,000</b> in each of the last two years, and I expect the same this year</span></label>

        <label class="opt"><input type="checkbox" value="Joint income >$300K, last 2 yrs"><span>My joint income with a spouse or partner exceeded <b>$300,000</b> in each of the last two years, and I expect the same this year</span></label>

        <label class="opt"><input type="checkbox" value="Net worth >$1M excl. primary residence"><span>My net worth (alone or with a spouse/partner) exceeds <b>$1,000,000</b>, excluding my primary residence</span></label>

        <label class="opt"><input type="checkbox" value="Holds Series 7, 65, or 82"><span>I hold an active <b>Series 7, 65, or 82</b> license</span></label>

        <label class="opt"><input type="checkbox" value="Entity with >$5M in assets"><span>I'm investing through an entity with more than <b>$5,000,000</b> in assets</span></label>

        <label class="opt"><input type="checkbox" value="Entity whose owners are all accredited"><span>I'm investing through an entity whose owners are <b>all accredited</b></span></label>

        <label class="opt"><input type="checkbox" value="NONE" data-none><span>None of these apply to me</span></label>

      </div>

    </div>

    <!-- STEP 4: EXPERIENCE & INTEREST -->

    <div class="step" data-step="4">

      <div class="stepnum">Step 4 of 4</div>

      <h2>Your experience & goals</h2>

      <p class="q">Years investing in real estate</p>

      <select id="years"><option value="">Select</option><option>None yet</option><option>1–2 years</option><option>3–5 years</option><option>5+ years</option></select>

      <p class="q">Have you invested in a private placement or syndication before?</p>

      <div data-group="prior" data-mode="radio">

        <label class="opt"><input type="radio" name="prior" value="Yes">Yes</label>

        <label class="opt"><input type="radio" name="prior" value="No">No</label>

      </div>

      <p class="q">Are you comfortable evaluating the risks of a private real estate investment on your own or with an advisor?</p>

      <div data-group="soph" data-mode="radio">

        <label class="opt"><input type="radio" name="soph" value="Yes">Yes</label>

        <label class="opt"><input type="radio" name="soph" value="Somewhat">Somewhat</label>

        <label class="opt"><input type="radio" name="soph" value="No">Not yet</label>

      </div>

      <p class="q">Typical amount you'd consider per opportunity</p>

      <select id="check"><option value="">Select</option><option>Under $25K</option><option>$25K–$50K</option><option>$50K–$100K</option><option>$100K–$250K</option><option>$250K+</option></select>

      <p class="q">Timeline</p>

      <select id="timeline"><option value="">Select</option><option>Ready now</option><option>3–6 months</option><option>6–12 months</option><option>Just learning</option></select>

      <p class="q">Primary goal</p>

      <select id="goal"><option value="">Select</option><option>Passive cash flow</option><option>Long-term appreciation</option><option>Tax benefits</option><option>Diversification</option></select>

      <label class="opt" style="margin-top:22px"><input type="checkbox" id="ack"><span style="font-size:13.5px">I confirm my answers are accurate to the best of my knowledge. I understand this is not an offer to sell securities and that Johnny Capital may request verification in the future.</span></label>

    </div>

    <!-- RESULT -->

    <div class="step" data-step="5" id="result"></div>

    <div class="err" id="err"></div>

    <div class="btns" id="nav">

      <button class="back" id="backBtn" onclick="move(-1)">Back</button>

      <button class="go" id="nextBtn" onclick="move(1)">Continue</button>

    </div>

  </div>

  <p class="fine">This page is for informational purposes only and does not constitute an offer to sell or a solicitation of an offer to buy any security. Any offering will be made only to qualified persons through official offering documents. Investing in real estate involves risk, including loss of principal. Past performance does not guarantee future results. Johnny Capital Investment LLC · Santa Ana, CA · Kash@johnnycapitalinvestment.com</p>

</div>

<iframe name="zoho_sink" style="display:none" title="submit"></iframe>

<script>

/* ======================= CONFIG ======================= */

const CONFIG = {

  // From Zoho CRM → Setup → Developer Hub → Webforms → (your Leads form) → Embed → Source code.

  // Copy the values of the hidden inputs named xnQsjsdp and xmIwtLD.

  zohoAction: "https://crm.zoho.com/crm/WebToLeadForm", // use crm.zoho.eu / .in etc. if your account is on another data center

  xnQsjsdp: "PASTE_xnQsjsdp_HERE",

  xmIwtLD: "PASTE_xmIwtLD_HERE",

  // Booking link for intro calls (Calendly, Zoho Bookings, etc.). Leave "" to use email instead.

  callUrl: "",

  email: "Kash@johnnycapitalinvestment.com"

};

/* ====================================================== */

let step = 1; const TOTAL = 4;

const $ = id => document.getElementById(id);

function start(){ $('intro').style.display='none'; $('funnel').style.display='block'; show(); window.scrollTo(0,0); }

function show(){

  document.querySelectorAll('.step').forEach(s => s.classList.toggle('on', +s.dataset.step === step));

  $('bar').style.width = (Math.min(step,TOTAL)/TOTAL*100) + '%';

  $('backBtn').style.visibility = step === 1 ? 'hidden' : 'visible';

  $('nextBtn').textContent = step === TOTAL ? 'Submit' : 'Continue';

  $('err').textContent = '';

}

// option highlighting + "None" exclusivity

document.querySelectorAll('[data-group]').forEach(g => {

  g.addEventListener('change', e => {

    const t = e.target;

    if (g.dataset.group === 'accr') {

      if (t.dataset.none !== undefined && t.checked) g.querySelectorAll('input').forEach(i => { if (i !== t) i.checked = false; });

      else if (t.checked) g.querySelector('[data-none]').checked = false;

    }

    if (g.dataset.group === 'type') $('entityName').style.display = t.value.startsWith('Entity') ? 'block' : 'none';

    g.querySelectorAll('.opt').forEach(o => o.classList.toggle('sel', o.querySelector('input').checked));

  });

});

$('ack').addEventListener('change', e => e.target.closest('.opt').classList.toggle('sel', e.target.checked));

const radio = n => (document.querySelector(`input[name=${n}]:checked`) || {}).value || '';

const accrChecked = () => [...document.querySelectorAll('[data-group=accr] input:checked')].map(i => i.value);

function validate(){

  if (step === 1){

    if (!$('first').value.trim() || !$('last').value.trim()) return 'Please enter your full name.';

    if (!/^\S+@\S+\.\S+$/.test($('email').value.trim())) return 'Please enter a valid email.';

    if ($('phone').value.replace(/\D/g,'').length < 10) return 'Please enter a valid phone number.';

  }

  if (step === 2 && !radio('type')) return 'Please choose one option.';

  if (step === 3 && !accrChecked().length) return 'Select at least one option, or "None of these apply."';

  if (step === 4){

    if (!$('years').value || !radio('prior') || !radio('soph') || !$('check').value || !$('timeline').value || !$('goal').value) return 'Please answer every question.';

    if (!$('ack').checked) return 'Please confirm the acknowledgment.';

  }

  return '';

}

function move(d){

  if (d > 0){ const e = validate(); if (e){ $('err').textContent = e; return; } }

  if (d > 0 && step === TOTAL) return submit();

  step = Math.max(1, step + d); show(); $('funnel').scrollIntoView({behavior:'smooth'});

}

function classify(){

  const a = accrChecked();

  if (!a.includes('NONE')) return 'ACCREDITED (self-certified)';

  const experienced = radio('prior') === 'Yes' || ['3–5 years','5+ years'].includes($('years').value);

  if (experienced && radio('soph') === 'Yes') return 'NON-ACCREDITED, likely sophisticated';

  return 'NON-ACCREDITED';

}

function submit(){

  const status = classify();

  const ent = $('entity').value.trim();

  const summary = [

    `INVESTOR SCREEN: ${status}`,

    `Submitted: ${new Date().toLocaleString('en-US',{timeZone:'America/Los_Angeles'})} PT`,

    `Investing as: ${radio('type')}${ent ? ' — ' + ent : ''}`,

    `Qualifications: ${accrChecked().join('; ')}`,

    `RE experience: ${$('years').value} | Prior private placement: ${radio('prior')} | Comfortable evaluating risk: ${radio('soph')}`,

    `Check size: ${$('check').value} | Timeline: ${$('timeline').value} | Goal: ${$('goal').value}`,

    `State: ${$('state').value.trim() || '—'} | Heard via: ${$('source').value || '—'}`,

    `Tag: LP-Prospect | Pipeline: LP Fundraising`

  ].join('\n');

  const fields = {

    xnQsjsdp: CONFIG.xnQsjsdp, xmIwtLD: CONFIG.xmIwtLD, actionType: 'TGVhZHM=', returnURL: 'null',

    'First Name': $('first').value.trim(), 'Last Name': $('last').value.trim(),

    'Email': $('email').value.trim(), 'Phone': $('phone').value.trim(),

    'Company': ent || 'Individual Investor',

    'Description': summary

  };

  $('nextBtn').disabled = true; $('nextBtn').textContent = 'Submitting…';

  if (CONFIG.xnQsjsdp.startsWith('PASTE')) {

    console.warn('Zoho not configured — submission not sent.\n\n' + summary);

  } else {

    const f = document.createElement('form');

    f.method = 'POST'; f.action = CONFIG.zohoAction; f.target = 'zoho_sink'; f.acceptCharset = 'UTF-8';

    for (const [k,v] of Object.entries(fields)){ const i = document.createElement('input'); i.type='hidden'; i.name=k; i.value=v; f.appendChild(i); }

    document.body.appendChild(f); f.submit(); f.remove();

  }

  setTimeout(() => showResult(status), 700);

}

function showResult(status){

  const accredited = status.startsWith('ACCREDITED');

  const first = $('first').value.trim();

  const link = CONFIG.callUrl || `mailto:${CONFIG.email}?subject=Intro%20Call%20—%20${encodeURIComponent(first + ' ' + $('last').value.trim())}`;

  $('result').innerHTML = accredited

    ? `<span class="badge">You're on the list</span><h2>Welcome, ${esc(first)}.</h2>

       <p class="sub" style="margin-top:8px">Thanks for sharing your background. The next step is a short intro call so we can learn your goals and you can learn how we invest.</p>

       <a class="cta" href="${link}" target="_blank" rel="noopener">Book an Intro Call</a>`

    : `<span class="badge">You're on the list</span><h2>Welcome, ${esc(first)}.</h2>

       <p class="sub" style="margin-top:8px">Thanks for joining. You'll receive market insights and education on multifamily investing. We'll reach out personally as we get to know each other.</p>

       <a class="cta" href="${link}" target="_blank" rel="noopener">Say Hello</a>`;

  $('nav').style.display = 'none';

  step = 5; document.querySelectorAll('.step').forEach(s => s.classList.toggle('on', +s.dataset.step === 5));

  $('bar').style.width = '100%';

}

const esc = s => s.replace(/[&<>"]/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c]));

</script>

</body>

</html>

 add text.